@charset "UTF-8";
:root {
  --containerPadding: clamp(20px, 6.6666667vw, 64px);
  --containerWidth: clamp(1px, calc(100vw - var(--containerPadding)), 1440px);
  --block: calc(var(--containerWidth) / 90);
  /* 16px */
  --grid: calc(var(--block) * 2);
  /* 32px */
  --spacer: calc(var(--block) * 4);
  /* 64px */
  --heading1: clamp(40px, calc(var(--block) * 4), 64px);
  /* 64px */
  --heading1Lineheight: clamp(52px,
                  calc(var(--heading1) * 1.1875),
                  76px);
  /* 76px*/
  --heading2: clamp(32px, calc(var(--block) * 3.5), 56px);
  /* 56px */
  --heading2Lineheight: clamp(44px,
                  calc(var(--heading2) * 1.214285),
                  68px);
  /* 68px*/
  --heading3: clamp(24px, calc(var(--block) * 2.5), 40px);
  /* 40px */
  --heading3Lineheight: clamp(36px,
                  calc(var(--heading3) * 1.3),
                  52px);
  /* 52px*/
  --heading4: clamp(20px, var(--grid), 32px);
  /* 32px */
  --heading4Lineheight: clamp(32px,
                  calc(var(--heading4) * 1.375),
                  44px);
  /* 44px*/
  --heading5: clamp(18px, calc(var(--block) * 1.5), 24px);
  /* 24px */
  --heading5Lineheight: clamp(30px,
                  calc(var(--heading5) * 1.5),
                  36px);
  /* 36px*/
  --heading6: calc(var(--block) * 1.25);
  /* 20px */
  --heading6Lineheight: calc(var(--heading6) * 1.7);
  /* 34px*/
  --linkButtonFontSize: 18px;
  --linkButtonLH: 30px;
  --paragraphLarge: clamp(18px, calc(var(--block) * 1.25), 20px);
  /* 20px */
  --paragraphLargeLH: clamp(30px,
                  calc(var(--paragraphLarge) * 1.7),
                  32px);
  /* 34px*/
  --paragraphNormal: clamp(16px, calc(var(--block) * 1.125), 18px);
  /* 18px */
  --paragraphNormalLH: clamp(26px,
                  calc(var(--paragraphNormal) * 1.555555556),
                  30px);
  /* 30px*/
  --paragraphSmall: clamp(14px, var(--block), 16px);
  /* 16px */
  --paragraphSmallLH: clamp(22px,
                  calc(var(--paragraphSmall) * 1.625),
                  26px);
  /* 26px*/
  --paragraphExtraSmall: clamp(12px,
                  calc(var(--block) * 0.875),
                  14px);
  /* 14px */
  --paragraphExtraSmallLH: clamp(16px,
                  calc(var(--paragraphExtraSmall) * 1.4285),
                  22px);
  /* 20px*/
  --paragraphExtraExtraSmall: 12px;
  --paragraphExtraExtraSmallLH: 18px;
  --socialIconSize: max(25px, calc(var(--block) * 0.9407));
  --firstNavbarHeight: calc(clamp(13px, 100vw / 120, 16px) * 2.375);
  --secondNavbarHeight: calc(clamp(10px, 100vw / 120, 16px) * 3.625);
  --thirdNavbarHeight: calc(clamp(11px, 100vw / 120, 16px) * 6);
  --mobileNavbarHeight: calc(var(--block) * 5.5);
  --homepageCarouselHeight: clamp(830px,
                  calc(100vh - var(--firstNavbarHeight) - var(--secondNavbarHeight) - var(--thirdNavbarHeight)),
                  100vh);
  --heroBodyPadding: max(96px, calc(var(--block) * 9));
  --heroBorderRadiusSmall: calc(var(--block) * 10);
  --heroBorderRadius: calc(var(--block) * 18);
  --scoreboardNumberFontSize: calc(var(--block) * 6);
  --newsletterInputHeight: max(calc(var(--block) * 3.75), 50px);
  --footerFontSize: var(--block);
  --mobileNavbarHeight: calc(var(--block) * 5.5);
  --hamburgerMenuIconSizes: calc(var(--block) * 2.5);
  --mobileNavbarFirstHeight: calc(var(--block) * 2.875);
  --primaryNavbarFontSize: 20px;
  --primaryNavbarLH: 32px;
  --secondaryNavbarFontSize: 18px;
  --secondaryNavbarLH: 30px;
  --tertiaryNavbarFontSize: 14px;
  --tertiaryNavbarLH: 22px;
  --primaryButtonHeight: 48px;
  --secondaryButtonHeight: 48px;
  --tertiaryButtonHeight: 34px;
}

@media screen and (max-width: 1200px) {
  :root {
    --homepageCarouselHeight: clamp(300px,
                    calc(100vh - var(--thirdNavbarHeight)),
                    100vh);
  }
}
@media screen and (max-width: 960px) {
  :root {
    --block: clamp(10px, 100vw/120, 16px);
    /* 16px */
    --heading1: clamp(32px, calc(var(--block) * 2.5), 40px);
    /* 40px */
    --heading1Lineheight: clamp(44px,
                    calc(var(--heading1) * 1.3),
                    52px);
    /* 52px*/
    --heading2: clamp(24px, var(--grid), 32px);
    /* 32px */
    --heading2Lineheight: clamp(36px,
                    calc(var(--heading2) * 1.375),
                    44px);
    /* 44px*/
    --heading3: clamp(20px, calc(var(--block) * 1.5), 24px);
    /* 24px */
    --heading3Lineheight: clamp(32px,
                    calc(var(--heading3) * 1.5),
                    36px);
    /* 36px*/
    --heading4: clamp(18px, calc(var(--block) * 1.25), 20px);
    /* 20px */
    --heading4Lineheight: clamp(30px,
                    calc(var(--heading4) * 1.6),
                    32px);
    /* 32px*/
    --heading5: clamp(16px, calc(var(--block) * 1.125), 18px);
    /* 18px */
    --heading5Lineheight: clamp(26px,
                    calc(var(--heading5) * 1.6666),
                    30px);
    /* 30px*/
    --heading6: max(15px, calc(var(--block) * 0.592592), 16px);
    /* 16px */
    --linkButtonFontSize: 16px;
    --linkButtonLH: 26px;
    --socialIconSize: max(20px, calc(var(--block) * 0.7407));
    --heroBorderRadius: calc(var(--block) * 10);
    --heroBodyPadding: clamp(64px, calc(var(--block) * 6), 96px);
    --heroBorderRadiusSmall: calc(var(--block) * 6);
    --homepageCarouselHeight: clamp(300px,
                    calc(100vh - var(--thirdNavbarHeight)),
                    100vh);
    --firstNavbarHeight: 0px;
    --secondNavbarHeight: 0px;
    --thirdNavbarHeight: clamp(40px, 100vw/8, 80px);
    --primaryNavbarFontSize: 18px;
    --primaryNavbarLH: 30px;
    --secondaryNavbarFontSize: 16px;
    --secondaryNavbarLH: 26px;
    --primaryButtonHeight: 40px;
    --secondaryButtonHeight: 40px;
    --tertiaryButtonHeight: 30px;
  }
}
@media screen and (max-width: 576px) {
  :root {
    --block: clamp(10px, 100vw/120, 16px);
    /* 16px */
    --heading2: 24px;
    --heroBorderRadius: calc(var(--block) * 6);
    --heroBodyPadding: 64px;
    --heroBorderRadiusSmall: calc(var(--block) * 3);
  }
}
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
  cursor: not-allowed;
}

.is-unselectable, .tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
  margin-bottom: 1.5rem;
}

.modal-close, .delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10.2, 10.2, 10.2, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.modal-close::before, .delete::before, .modal-close::after, .delete::after {
  background-color: #fff;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.modal-close::before, .delete::before {
  height: 2px;
  width: 50%;
}
.modal-close::after, .delete::after {
  height: 50%;
  width: 2px;
}
.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
  background-color: rgba(10.2, 10.2, 10.2, 0.3);
}
.modal-close:active, .delete:active {
  background-color: rgba(10.2, 10.2, 10.2, 0.4);
}
.is-small.modal-close, .is-small.delete {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}
.is-medium.modal-close, .is-medium.delete {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.is-large.modal-close, .is-large.delete {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: #fff;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: hsl(0, 0%, 29%);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #afd261;
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: hsl(0, 0%, 21%);
}

code {
  background-color: hsl(0, 0%, 96%);
  color: hsl(348, 86%, 46%);
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: hsl(0, 0%, 96%);
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: hsl(0, 0%, 21%);
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: hsl(0, 0%, 21%);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Bulma Elements */
.box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
  color: hsl(0, 0%, 29%);
  display: block;
  padding: 1.25rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px #afd261;
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px #afd261;
}

.button {
  background-color: #fff;
  border-color: hsl(0, 0%, 86%);
  border-width: 1px;
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.button:focus, .button.is-focused {
  border-color: hsl(229, 53%, 53%);
  color: hsl(0, 0%, 21%);
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(175, 210, 97, 0.25);
}
.button:active, .button.is-active {
  border-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 0%, 29%);
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: hsl(0, 0%, 91%);
  color: hsl(0, 0%, 21%);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: none;
  border-color: transparent;
  color: #afd261;
  text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: #afd261;
  text-decoration: underline;
}
.button.is-white {
  background-color: #fff;
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: rgb(248.625, 248.625, 248.625);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: rgb(242.25, 242.25, 242.25);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: #fff;
  border-color: #fff;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: hsl(0, 0%, 0%);
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}
.button.is-white.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: #fff;
  border-color: #fff;
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: #fff;
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: hsl(0, 0%, 0%);
  border-color: transparent;
  color: #fff;
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: #fff;
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-light {
  background-color: #ebf5ed;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: rgb(226.5, 240.75, 229.35);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(235, 245, 237, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: rgb(218, 236.5, 221.7);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: #ebf5ed;
  border-color: #ebf5ed;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ebf5ed;
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: #ebf5ed;
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: #ebf5ed;
  color: #ebf5ed;
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: #ebf5ed;
  border-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent #ebf5ed #ebf5ed !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: #ebf5ed;
  box-shadow: none;
  color: #ebf5ed;
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ebf5ed;
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ebf5ed #ebf5ed !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
  background-color: #203123;
  border-color: transparent;
  color: #fff;
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: rgb(26.962962963, 41.287037037, 29.4907407407);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(32, 49, 35, 0.25);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
  border-color: transparent;
  color: #fff;
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: #203123;
  border-color: #203123;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: #fff;
  color: #203123;
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #203123;
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #203123;
  color: #203123;
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: #203123;
  border-color: #203123;
  color: #fff;
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #203123 #203123 !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #203123;
  box-shadow: none;
  color: #203123;
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #203123;
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #203123 #203123 !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-primary {
  background-color: #f4a51c;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: rgb(243.4107142857, 160.1785714286, 15.8392857143);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(244, 165, 28, 0.25);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: #f4a51c;
  border-color: #f4a51c;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: #f4a51c;
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #f4a51c;
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #f4a51c;
  color: #f4a51c;
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: #f4a51c;
  border-color: #f4a51c;
  color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #f4a51c #f4a51c !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #f4a51c;
  box-shadow: none;
  color: #f4a51c;
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #f4a51c;
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #f4a51c #f4a51c !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-primary.is-light {
  background-color: rgb(254.0571428571, 247.2857142857, 235.5428571429);
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714);
}
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: rgb(253.4678571429, 242.4642857143, 223.3821428571);
  border-color: transparent;
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714);
}
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: rgb(252.8785714286, 237.6428571429, 211.2214285714);
  border-color: transparent;
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714);
}
.button.is-link {
  background-color: #afd261;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: rgb(169.9753694581, 207.1736453202, 87.0763546798);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(175, 210, 97, 0.25);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: #afd261;
  border-color: #afd261;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #afd261;
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: #afd261;
}
.button.is-link.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #afd261;
  color: #afd261;
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: #afd261;
  border-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #afd261 #afd261 !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: #afd261;
  box-shadow: none;
  color: #afd261;
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #afd261;
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #afd261 #afd261 !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-link.is-light {
  background-color: rgb(246.960591133, 250.4778325123, 239.1221674877);
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857);
}
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: rgb(241.9359605911, 247.6514778325, 229.1985221675);
  border-color: transparent;
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857);
}
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: rgb(236.9113300493, 244.8251231527, 219.2748768473);
  border-color: transparent;
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857);
}
.button.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: hsl(207, 61%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: hsl(207, 61%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  color: #fff;
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  box-shadow: none;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-info.is-light {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: hsl(207, 61%, 93.5%);
  border-color: transparent;
  color: hsl(207, 61%, 41%);
}
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: hsl(207, 61%, 91%);
  border-color: transparent;
  color: hsl(207, 61%, 41%);
}
.button.is-success {
  background-color: #36a048;
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: rgb(50.7827102804, 150.4672897196, 67.7102803738);
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 160, 72, 0.25);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: #36a048;
  border-color: #36a048;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: #36a048;
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #36a048;
}
.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #36a048;
  color: #36a048;
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: #36a048;
  border-color: #36a048;
  color: #fff;
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #36a048 #36a048 !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: #36a048;
  box-shadow: none;
  color: #36a048;
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #36a048;
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #36a048 #36a048 !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-success.is-light {
  background-color: rgb(239.7476635514, 249.8523364486, 241.4635514019);
  color: rgb(51.476635514, 152.523364486, 68.6355140187);
}
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: rgb(230.214953271, 246.635046729, 233.003271028);
  border-color: transparent;
  color: rgb(51.476635514, 152.523364486, 68.6355140187);
}
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: rgb(220.6822429907, 243.4177570093, 224.5429906542);
  border-color: transparent;
  color: rgb(51.476635514, 152.523364486, 68.6355140187);
}
.button.is-warning {
  background-color: #e9e147;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: rgb(231.6383495146, 223.1432038835, 59.6116504854);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(233, 225, 71, 0.25);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: #e9e147;
  border-color: #e9e147;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #e9e147;
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: #e9e147;
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #e9e147;
  color: #e9e147;
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: #e9e147;
  border-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #e9e147 #e9e147 !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #e9e147;
  box-shadow: none;
  color: #e9e147;
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #e9e147;
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #e9e147 #e9e147 !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-light {
  background-color: rgb(252.8213592233, 252.0291262136, 236.7786407767);
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311);
}
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: rgb(251.4597087379, 250.1723300971, 225.3902912621);
  border-color: transparent;
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311);
}
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: rgb(250.0980582524, 248.3155339806, 214.0019417476);
  border-color: transparent;
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311);
}
.button.is-danger {
  background-color: rgb(237, 73, 36);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: rgb(236.0316455696, 63.2088607595, 24.2183544304);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(237, 73, 36, 0.25);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: rgb(237, 73, 36);
  border-color: rgb(237, 73, 36);
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: rgb(237, 73, 36);
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: rgb(237, 73, 36);
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: rgb(237, 73, 36);
  color: rgb(237, 73, 36);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: rgb(237, 73, 36);
  border-color: rgb(237, 73, 36);
  color: #fff;
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent rgb(237, 73, 36) rgb(237, 73, 36) !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: rgb(237, 73, 36);
  box-shadow: none;
  color: rgb(237, 73, 36);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: rgb(237, 73, 36);
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgb(237, 73, 36) rgb(237, 73, 36) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-danger.is-light {
  background-color: rgb(253.4506329114, 239.3341772152, 236.1493670886);
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025);
}
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: rgb(252.482278481, 229.5430379747, 224.367721519);
  border-color: transparent;
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025);
}
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: rgb(251.5139240506, 219.7518987342, 212.5860759494);
  border-color: transparent;
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025);
}
.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}
.button.is-small {
  font-size: 0.75rem;
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: #fff;
  border-color: hsl(0, 0%, 86%);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - 1em * 0.5);
  top: calc(50% - 1em * 0.5);
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 48%);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: 0.5625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.65625rem;
  }
  .button.is-responsive.is-medium {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-large {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: 0.65625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-medium {
    font-size: 1rem;
  }
  .button.is-responsive.is-large {
    font-size: 1.25rem;
  }
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: hsl(0, 0%, 96%);
  border-left: 5px solid hsl(0, 0%, 86%);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid hsl(0, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: hsl(0, 0%, 21%);
}
.content table th:not([align]) {
  text-align: inherit;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: 0.75rem;
}
.content.is-normal {
  font-size: 1rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: 9999px;
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: #fff;
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.notification.is-black {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.notification.is-light {
  background-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
  background-color: #203123;
  color: #fff;
}
.notification.is-primary {
  background-color: #f4a51c;
  color: #fff;
}
.notification.is-primary.is-light {
  background-color: rgb(254.0571428571, 247.2857142857, 235.5428571429);
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714);
}
.notification.is-link {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-link.is-light {
  background-color: rgb(246.960591133, 250.4778325123, 239.1221674877);
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857);
}
.notification.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.notification.is-info.is-light {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.notification.is-success {
  background-color: #36a048;
  color: #fff;
}
.notification.is-success.is-light {
  background-color: rgb(239.7476635514, 249.8523364486, 241.4635514019);
  color: rgb(51.476635514, 152.523364486, 68.6355140187);
}
.notification.is-warning {
  background-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-warning.is-light {
  background-color: rgb(252.8213592233, 252.0291262136, 236.7786407767);
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311);
}
.notification.is-danger {
  background-color: rgb(237, 73, 36);
  color: #fff;
}
.notification.is-danger.is-light {
  background-color: rgb(253.4506329114, 239.3341772152, 236.1493670886);
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025);
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: hsl(0, 0%, 93%);
}
.progress::-webkit-progress-value {
  background-color: hsl(0, 0%, 29%);
}
.progress::-moz-progress-bar {
  background-color: hsl(0, 0%, 29%);
}
.progress::-ms-fill {
  background-color: hsl(0, 0%, 29%);
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: #fff;
}
.progress.is-white::-moz-progress-bar {
  background-color: #fff;
}
.progress.is-white::-ms-fill {
  background-color: #fff;
}
.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, #fff 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-black::-webkit-progress-value {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-moz-progress-bar {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-ms-fill {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-light::-webkit-progress-value {
  background-color: #ebf5ed;
}
.progress.is-light::-moz-progress-bar {
  background-color: #ebf5ed;
}
.progress.is-light::-ms-fill {
  background-color: #ebf5ed;
}
.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, #ebf5ed 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: #203123;
}
.progress.is-dark::-moz-progress-bar {
  background-color: #203123;
}
.progress.is-dark::-ms-fill {
  background-color: #203123;
}
.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, #203123 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: #f4a51c;
}
.progress.is-primary::-moz-progress-bar {
  background-color: #f4a51c;
}
.progress.is-primary::-ms-fill {
  background-color: #f4a51c;
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, #f4a51c 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-link::-webkit-progress-value {
  background-color: #afd261;
}
.progress.is-link::-moz-progress-bar {
  background-color: #afd261;
}
.progress.is-link::-ms-fill {
  background-color: #afd261;
}
.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, #afd261 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: hsl(207, 61%, 53%);
}
.progress.is-info::-moz-progress-bar {
  background-color: hsl(207, 61%, 53%);
}
.progress.is-info::-ms-fill {
  background-color: hsl(207, 61%, 53%);
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: #36a048;
}
.progress.is-success::-moz-progress-bar {
  background-color: #36a048;
}
.progress.is-success::-ms-fill {
  background-color: #36a048;
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #36a048 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: #e9e147;
}
.progress.is-warning::-moz-progress-bar {
  background-color: #e9e147;
}
.progress.is-warning::-ms-fill {
  background-color: #e9e147;
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, #e9e147 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: rgb(237, 73, 36);
}
.progress.is-danger::-moz-progress-bar {
  background-color: rgb(237, 73, 36);
}
.progress.is-danger::-ms-fill {
  background-color: rgb(237, 73, 36);
}
.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, rgb(237, 73, 36) 30%, hsl(0, 0%, 93%) 30%);
}
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: hsl(0, 0%, 93%);
  background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  background-color: #fff;
  color: hsl(0, 0%, 21%);
}
.table td,
.table th {
  border: 1px solid hsl(0, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: #fff;
  border-color: #fff;
  color: hsl(0, 0%, 4%);
}
.table td.is-black,
.table th.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: #fff;
}
.table td.is-light,
.table th.is-light {
  background-color: #ebf5ed;
  border-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
  background-color: #203123;
  border-color: #203123;
  color: #fff;
}
.table td.is-primary,
.table th.is-primary {
  background-color: #f4a51c;
  border-color: #f4a51c;
  color: #fff;
}
.table td.is-link,
.table th.is-link {
  background-color: #afd261;
  border-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-info,
.table th.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  color: #fff;
}
.table td.is-success,
.table th.is-success {
  background-color: #36a048;
  border-color: #36a048;
  color: #fff;
}
.table td.is-warning,
.table th.is-warning {
  background-color: #e9e147;
  border-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-danger,
.table th.is-danger {
  background-color: rgb(237, 73, 36);
  border-color: rgb(237, 73, 36);
  color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: #f4a51c;
  color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: hsl(0, 0%, 21%);
}
.table th:not([align]) {
  text-align: left;
}
.table tr.is-selected {
  background-color: #f4a51c;
  color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: hsl(0, 0%, 96%);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: hsl(0, 0%, 98%);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  color: hsl(0, 0%, 29%);
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-white {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.tag:not(body).is-black {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.tag:not(body).is-light {
  background-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
  background-color: #203123;
  color: #fff;
}
.tag:not(body).is-primary {
  background-color: #f4a51c;
  color: #fff;
}
.tag:not(body).is-primary.is-light {
  background-color: rgb(254.0571428571, 247.2857142857, 235.5428571429);
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714);
}
.tag:not(body).is-link {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-link.is-light {
  background-color: rgb(246.960591133, 250.4778325123, 239.1221674877);
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857);
}
.tag:not(body).is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.tag:not(body).is-info.is-light {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.tag:not(body).is-success {
  background-color: #36a048;
  color: #fff;
}
.tag:not(body).is-success.is-light {
  background-color: rgb(239.7476635514, 249.8523364486, 241.4635514019);
  color: rgb(51.476635514, 152.523364486, 68.6355140187);
}
.tag:not(body).is-warning {
  background-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-warning.is-light {
  background-color: rgb(252.8213592233, 252.0291262136, 236.7786407767);
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311);
}
.tag:not(body).is-danger {
  background-color: rgb(237, 73, 36);
  color: #fff;
}
.tag:not(body).is-danger.is-light {
  background-color: rgb(253.4506329114, 239.3341772152, 236.1493670886);
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025);
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: hsl(0, 0%, 91%);
}
.tag:not(body).is-delete:active {
  background-color: hsl(0, 0%, 86%);
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: hsl(0, 0%, 21%);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3rem;
}
.title.is-2 {
  font-size: 2.5rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: hsl(0, 0%, 29%);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 3rem;
}
.subtitle.is-2 {
  font-size: 2.5rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.number {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

/* Bulma Form */
.select select, .textarea, .input {
  background-color: #fff;
  border-color: hsl(0, 0%, 86%);
  border-radius: 4px;
  color: hsl(0, 0%, 21%);
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
  border-color: hsl(0, 0%, 71%);
}
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: #afd261;
  box-shadow: 0 0 0 0.125em rgba(175, 210, 97, 0.25);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}

.textarea, .input {
  box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-white.textarea, .is-white.input {
  border-color: #fff;
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.is-black.textarea, .is-black.input {
  border-color: hsl(0, 0%, 4%);
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: #ebf5ed;
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(235, 245, 237, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: #203123;
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(32, 49, 35, 0.25);
}
.is-primary.textarea, .is-primary.input {
  border-color: #f4a51c;
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(244, 165, 28, 0.25);
}
.is-link.textarea, .is-link.input {
  border-color: #afd261;
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(175, 210, 97, 0.25);
}
.is-info.textarea, .is-info.input {
  border-color: hsl(207, 61%, 53%);
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.is-success.textarea, .is-success.input {
  border-color: #36a048;
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(54, 160, 72, 0.25);
}
.is-warning.textarea, .is-warning.input {
  border-color: #e9e147;
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(233, 225, 71, 0.25);
}
.is-danger.textarea, .is-danger.input {
  border-color: rgb(237, 73, 36);
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(237, 73, 36, 0.25);
}
.is-small.textarea, .is-small.input {
  border-radius: 2px;
  font-size: 0.75rem;
}
.is-medium.textarea, .is-medium.input {
  font-size: 1.25rem;
}
.is-large.textarea, .is-large.input {
  font-size: 1.5rem;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: hsl(0, 0%, 21%);
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
  color: hsl(0, 0%, 48%);
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #afd261;
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: hsl(0, 0%, 96%);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: hsl(0, 0%, 21%);
}
.select.is-white:not(:hover)::after {
  border-color: #fff;
}
.select.is-white select {
  border-color: #fff;
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: rgb(242.25, 242.25, 242.25);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: hsl(0, 0%, 0%);
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: #ebf5ed;
}
.select.is-light select {
  border-color: #ebf5ed;
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: rgb(218, 236.5, 221.7);
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(235, 245, 237, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: #203123;
}
.select.is-dark select {
  border-color: #203123;
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em rgba(32, 49, 35, 0.25);
}
.select.is-primary:not(:hover)::after {
  border-color: #f4a51c;
}
.select.is-primary select {
  border-color: #f4a51c;
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em rgba(244, 165, 28, 0.25);
}
.select.is-link:not(:hover)::after {
  border-color: #afd261;
}
.select.is-link select {
  border-color: #afd261;
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em rgba(175, 210, 97, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: hsl(207, 61%, 53%);
}
.select.is-info select {
  border-color: hsl(207, 61%, 53%);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: hsl(207, 61%, 48%);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: #36a048;
}
.select.is-success select {
  border-color: #36a048;
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em rgba(54, 160, 72, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: #e9e147;
}
.select.is-warning select {
  border-color: #e9e147;
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em rgba(233, 225, 71, 0.25);
}
.select.is-danger:not(:hover)::after {
  border-color: rgb(237, 73, 36);
}
.select.is-danger select {
  border-color: rgb(237, 73, 36);
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em rgba(237, 73, 36, 0.25);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: hsl(0, 0%, 48%) !important;
  opacity: 0.5;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: #fff;
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: rgb(248.625, 248.625, 248.625);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: hsl(0, 0%, 4%);
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: rgb(242.25, 242.25, 242.25);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-black .file-cta {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: #fff;
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25);
  color: #fff;
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: hsl(0, 0%, 0%);
  border-color: transparent;
  color: #fff;
}
.file.is-light .file-cta {
  background-color: #ebf5ed;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: rgb(226.5, 240.75, 229.35);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(235, 245, 237, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: rgb(218, 236.5, 221.7);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
  background-color: #203123;
  border-color: transparent;
  color: #fff;
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: rgb(26.962962963, 41.287037037, 29.4907407407);
  border-color: transparent;
  color: #fff;
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(32, 49, 35, 0.25);
  color: #fff;
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
  border-color: transparent;
  color: #fff;
}
.file.is-primary .file-cta {
  background-color: #f4a51c;
  border-color: transparent;
  color: #fff;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: rgb(243.4107142857, 160.1785714286, 15.8392857143);
  border-color: transparent;
  color: #fff;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(244, 165, 28, 0.25);
  color: #fff;
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
  border-color: transparent;
  color: #fff;
}
.file.is-link .file-cta {
  background-color: #afd261;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: rgb(169.9753694581, 207.1736453202, 87.0763546798);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(175, 210, 97, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-info .file-cta {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: hsl(207, 61%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.25);
  color: #fff;
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: hsl(207, 61%, 48%);
  border-color: transparent;
  color: #fff;
}
.file.is-success .file-cta {
  background-color: #36a048;
  border-color: transparent;
  color: #fff;
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: rgb(50.7827102804, 150.4672897196, 67.7102803738);
  border-color: transparent;
  color: #fff;
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(54, 160, 72, 0.25);
  color: #fff;
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
  border-color: transparent;
  color: #fff;
}
.file.is-warning .file-cta {
  background-color: #e9e147;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: rgb(231.6383495146, 223.1432038835, 59.6116504854);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(233, 225, 71, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-danger .file-cta {
  background-color: rgb(237, 73, 36);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: rgb(236.0316455696, 63.2088607595, 24.2183544304);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(237, 73, 36, 0.25);
  color: #fff;
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
  border-color: transparent;
  color: #fff;
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-normal {
  font-size: 1rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: hsl(0, 0%, 93.5%);
  color: hsl(0, 0%, 21%);
}
.file-label:hover .file-name {
  border-color: hsl(0, 0%, 83.5%);
}
.file-label:active .file-cta {
  background-color: hsl(0, 0%, 91%);
  color: hsl(0, 0%, 21%);
}
.file-label:active .file-name {
  border-color: hsl(0, 0%, 81%);
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: hsl(0, 0%, 86%);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
}

.file-name {
  border-color: hsl(0, 0%, 86%);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

.label {
  color: hsl(0, 0%, 21%);
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: #fff;
}
.help.is-black {
  color: hsl(0, 0%, 4%);
}
.help.is-light {
  color: #ebf5ed;
}
.help.is-dark {
  color: #203123;
}
.help.is-primary {
  color: #f4a51c;
}
.help.is-link {
  color: #afd261;
}
.help.is-info {
  color: hsl(207, 61%, 53%);
}
.help.is-success {
  color: #36a048;
}
.help.is-warning {
  color: #e9e147;
}
.help.is-danger {
  color: rgb(237, 73, 36);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: hsl(0, 0%, 29%);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: hsl(0, 0%, 86%);
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: #afd261;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: hsl(0, 0%, 21%);
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: hsl(0, 0%, 21%);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: hsl(0, 0%, 71%);
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.card {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
  color: hsl(0, 0%, 29%);
  max-width: 100%;
  position: relative;
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-footer:last-child, .card-content:last-child, .card-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10.2, 10.2, 10.2, 0.1);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}
.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid hsl(0, 0%, 93%);
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid hsl(0, 0%, 93%);
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: hsl(0, 0%, 29%);
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 4%);
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}

.dropdown-divider {
  background-color: hsl(0, 0%, 93%);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: 4px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.menu {
  font-size: 1rem;
}
.menu.is-small {
  font-size: 0.75rem;
}
.menu.is-medium {
  font-size: 1.25rem;
}
.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: 2px;
  color: hsl(0, 0%, 29%);
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list a:hover {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.menu-list a.is-active {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.menu-list li ul {
  border-left: 1px solid hsl(0, 0%, 86%);
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: hsl(0, 0%, 48%);
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.75rem;
}
.message.is-medium {
  font-size: 1.25rem;
}
.message.is-large {
  font-size: 1.5rem;
}
.message.is-white {
  background-color: white;
}
.message.is-white .message-header {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.message.is-white .message-body {
  border-color: #fff;
}
.message.is-black {
  background-color: hsl(0, 0%, 98%);
}
.message.is-black .message-header {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.message.is-black .message-body {
  border-color: hsl(0, 0%, 4%);
}
.message.is-light {
  background-color: rgb(248.2, 251.6, 248.88);
}
.message.is-light .message-header {
  background-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.message.is-light .message-body {
  border-color: #ebf5ed;
}
.message.is-dark {
  background-color: rgb(248.8296296296, 250.9703703704, 249.2074074074);
}
.message.is-dark .message-header {
  background-color: #203123;
  color: #fff;
}
.message.is-dark .message-body {
  border-color: #203123;
}
.message.is-primary {
  background-color: rgb(254.0571428571, 247.2857142857, 235.5428571429);
}
.message.is-primary .message-header {
  background-color: #f4a51c;
  color: #fff;
}
.message.is-primary .message-body {
  border-color: #f4a51c;
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714);
}
.message.is-link {
  background-color: rgb(246.960591133, 250.4778325123, 239.1221674877);
}
.message.is-link .message-header {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.message.is-link .message-body {
  border-color: #afd261;
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857);
}
.message.is-info {
  background-color: hsl(207, 61%, 96%);
}
.message.is-info .message-header {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.message.is-info .message-body {
  border-color: hsl(207, 61%, 53%);
  color: hsl(207, 61%, 41%);
}
.message.is-success {
  background-color: rgb(239.7476635514, 249.8523364486, 241.4635514019);
}
.message.is-success .message-header {
  background-color: #36a048;
  color: #fff;
}
.message.is-success .message-body {
  border-color: #36a048;
  color: rgb(51.476635514, 152.523364486, 68.6355140187);
}
.message.is-warning {
  background-color: rgb(252.8213592233, 252.0291262136, 236.7786407767);
}
.message.is-warning .message-header {
  background-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
  border-color: #e9e147;
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311);
}
.message.is-danger {
  background-color: rgb(253.4506329114, 239.3341772152, 236.1493670886);
}
.message.is-danger .message-header {
  background-color: rgb(237, 73, 36);
  color: #fff;
}
.message.is-danger .message-body {
  border-color: rgb(237, 73, 36);
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025);
}

.message-header {
  align-items: center;
  background-color: hsl(0, 0%, 29%);
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: hsl(0, 0%, 86%);
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: hsl(0, 0%, 29%);
  padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
  background-color: #fff;
}
.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10.2, 10.2, 10.2, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: hsl(0, 0%, 21%);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid hsl(0, 0%, 86%);
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: #fff;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-white {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: rgb(242.25, 242.25, 242.25);
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-burger {
  color: hsl(0, 0%, 4%);
}
@media screen and (min-width: 960px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: rgb(242.25, 242.25, 242.25);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(242.25, 242.25, 242.25);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: #fff;
    color: hsl(0, 0%, 4%);
  }
}
.navbar.is-black {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: hsl(0, 0%, 0%);
  color: #fff;
}
.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-black .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: hsl(0, 0%, 0%);
    color: #fff;
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 0%);
    color: #fff;
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 4%);
    color: #fff;
  }
}
.navbar.is-light {
  background-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: rgb(218, 236.5, 221.7);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 960px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: rgb(218, 236.5, 221.7);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(218, 236.5, 221.7);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: #ebf5ed;
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-dark {
  background-color: #203123;
  color: #fff;
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
  color: #fff;
}
.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-dark .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
    color: #fff;
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: #203123;
    color: #fff;
  }
}
.navbar.is-primary {
  background-color: #f4a51c;
  color: #fff;
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
  color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-primary .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
    color: #fff;
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #f4a51c;
    color: #fff;
  }
}
.navbar.is-link {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-link .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 960px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #afd261;
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: hsl(207, 61%, 48%);
  color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-info .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: hsl(207, 61%, 48%);
    color: #fff;
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(207, 61%, 48%);
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(207, 61%, 53%);
    color: #fff;
  }
}
.navbar.is-success {
  background-color: #36a048;
  color: #fff;
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
  color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-success .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
    color: #fff;
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #36a048;
    color: #fff;
  }
}
.navbar.is-warning {
  background-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 960px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #e9e147;
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-danger {
  background-color: rgb(237, 73, 36);
  color: #fff;
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
  color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-danger .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
    color: #fff;
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: rgb(237, 73, 36);
    color: #fff;
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: hsl(0, 0%, 29%);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
.navbar-burger {
  margin-left: auto;
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: hsl(0, 0%, 29%);
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: hsl(0, 0%, 98%);
  color: #afd261;
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: unset;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #afd261;
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: #afd261;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #afd261;
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: #afd261;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: hsl(0, 0%, 96%);
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 959px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}
@media screen and (min-width: 960px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: hsl(0, 0%, 96%);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: #afd261;
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid hsl(0, 0%, 86%);
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10.2, 10.2, 10.2, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid hsl(0, 0%, 86%);
    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: hsl(0, 0%, 96%);
    color: hsl(0, 0%, 4%);
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: #afd261;
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: hsl(0, 0%, 4%);
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 98%);
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}
.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 21%);
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: hsl(229, 53%, 53%);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: hsl(0, 0%, 86%);
  border-color: hsl(0, 0%, 86%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #afd261;
  border-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}

.pagination-ellipsis {
  color: hsl(0, 0%, 71%);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: #fff;
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: #fff;
}
.panel.is-black .panel-heading {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 4%);
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 4%);
}
.panel.is-light .panel-heading {
  background-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: #ebf5ed;
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: #ebf5ed;
}
.panel.is-dark .panel-heading {
  background-color: #203123;
  color: #fff;
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: #203123;
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: #203123;
}
.panel.is-primary .panel-heading {
  background-color: #f4a51c;
  color: #fff;
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #f4a51c;
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: #f4a51c;
}
.panel.is-link .panel-heading {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #afd261;
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: #afd261;
}
.panel.is-info .panel-heading {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: hsl(207, 61%, 53%);
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: hsl(207, 61%, 53%);
}
.panel.is-success .panel-heading {
  background-color: #36a048;
  color: #fff;
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #36a048;
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: #36a048;
}
.panel.is-warning .panel-heading {
  background-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #e9e147;
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: #e9e147;
}
.panel.is-danger .panel-heading {
  background-color: rgb(237, 73, 36);
  color: #fff;
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: rgb(237, 73, 36);
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: rgb(237, 73, 36);
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid hsl(0, 0%, 93%);
}

.panel-heading {
  background-color: hsl(0, 0%, 93%);
  border-radius: 6px 6px 0 0;
  color: hsl(0, 0%, 21%);
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}

.panel-list a {
  color: hsl(0, 0%, 29%);
}
.panel-list a:hover {
  color: #afd261;
}

.panel-block {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: #afd261;
  color: hsl(0, 0%, 21%);
}
.panel-block.is-active .panel-icon {
  color: #afd261;
}
.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: hsl(0, 0%, 96%);
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: hsl(0, 0%, 48%);
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: hsl(0, 0%, 86%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: hsl(0, 0%, 29%);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: #afd261;
  color: #afd261;
}
.tabs ul {
  align-items: center;
  border-bottom-color: hsl(0, 0%, 86%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: hsl(0, 0%, 96%);
  border-bottom-color: hsl(0, 0%, 86%);
}
.tabs.is-boxed li.is-active a {
  background-color: #fff;
  border-color: hsl(0, 0%, 86%);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: hsl(0, 0%, 86%);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 71%);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs.is-toggle li.is-active a {
  background-color: #afd261;
  border-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333337%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66666674%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333337%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66666674%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333337%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66666674%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333337%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66666674%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333337%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66666674%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333337%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66666674%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333337%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66666674%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333337%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66666674%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Helpers */
.has-text-white {
  color: #fff !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: rgb(229.5, 229.5, 229.5) !important;
}

.has-background-white {
  background-color: #fff !important;
}

.has-text-black {
  color: hsl(0, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: hsl(0, 0%, 0%) !important;
}

.has-background-black {
  background-color: hsl(0, 0%, 4%) !important;
}

.has-text-light {
  color: #ebf5ed !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: rgb(201, 228, 206.4) !important;
}

.has-background-light {
  background-color: #ebf5ed !important;
}

.has-text-dark {
  color: #203123 !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: rgb(11.8518518519, 18.1481481481, 12.962962963) !important;
}

.has-background-dark {
  background-color: #203123 !important;
}

.has-text-primary {
  color: #f4a51c !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: rgb(210.7857142857, 137.4285714286, 10.2142857143) !important;
}

.has-background-primary {
  background-color: #f4a51c !important;
}

.has-text-primary-light {
  color: rgb(254.0571428571, 247.2857142857, 235.5428571429) !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: rgb(251.7, 228, 186.9) !important;
}

.has-background-primary-light {
  background-color: rgb(254.0571428571, 247.2857142857, 235.5428571429) !important;
}

.has-text-primary-dark {
  color: rgb(145.9285714286, 95.1428571429, 7.0714285714) !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: rgb(194.5714285714, 126.8571428571, 9.4285714286) !important;
}

.has-background-primary-dark {
  background-color: rgb(145.9285714286, 95.1428571429, 7.0714285714) !important;
}

.has-text-link {
  color: #afd261 !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: rgb(154.9014778325, 198.6945812808, 57.3054187192) !important;
}

.has-background-link {
  background-color: #afd261 !important;
}

.has-text-link-light {
  color: rgb(246.960591133, 250.4778325123, 239.1221674877) !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: rgb(226.8620689655, 239.1724137931, 199.4275862069) !important;
}

.has-background-link-light {
  background-color: rgb(246.960591133, 250.4778325123, 239.1221674877) !important;
}

.has-text-link-dark {
  color: rgb(89.6142857143, 115.1142857143, 32.7857142857) !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: rgb(120.5157635468, 154.8088669951, 44.0911330049) !important;
}

.has-background-link-dark {
  background-color: rgb(89.6142857143, 115.1142857143, 32.7857142857) !important;
}

.has-text-info {
  color: hsl(207, 61%, 53%) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: hsl(207, 61%, 43%) !important;
}

.has-background-info {
  background-color: hsl(207, 61%, 53%) !important;
}

.has-text-info-light {
  color: hsl(207, 61%, 96%) !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: hsl(207, 61%, 86%) !important;
}

.has-background-info-light {
  background-color: hsl(207, 61%, 96%) !important;
}

.has-text-info-dark {
  color: hsl(207, 61%, 41%) !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: hsl(207, 61%, 51%) !important;
}

.has-background-info-dark {
  background-color: hsl(207, 61%, 41%) !important;
}

.has-text-success {
  color: #36a048 !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: rgb(41.1308411215, 121.8691588785, 54.8411214953) !important;
}

.has-background-success {
  background-color: #36a048 !important;
}

.has-text-success-light {
  color: rgb(239.7476635514, 249.8523364486, 241.4635514019) !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: rgb(201.6168224299, 236.9831775701, 207.6224299065) !important;
}

.has-background-success-light {
  background-color: rgb(239.7476635514, 249.8523364486, 241.4635514019) !important;
}

.has-text-success-dark {
  color: rgb(51.476635514, 152.523364486, 68.6355140187) !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: rgb(64.3457943925, 190.6542056075, 85.7943925234) !important;
}

.has-background-success-dark {
  background-color: rgb(51.476635514, 152.523364486, 68.6355140187) !important;
}

.has-text-warning {
  color: #e9e147 !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: rgb(225.9805825243, 216.1553398058, 27.0194174757) !important;
}

.has-background-warning {
  background-color: #e9e147 !important;
}

.has-text-warning-light {
  color: rgb(252.8213592233, 252.0291262136, 236.7786407767) !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: rgb(247.3747572816, 244.6019417476, 191.2252427184) !important;
}

.has-background-warning-light {
  background-color: rgb(252.8213592233, 252.0291262136, 236.7786407767) !important;
}

.has-text-warning-dark {
  color: rgb(132.1048543689, 126.3611650485, 15.7951456311) !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: rgb(177.6582524272, 169.9339805825, 21.2417475728) !important;
}

.has-background-warning-dark {
  background-color: rgb(132.1048543689, 126.3611650485, 15.7951456311) !important;
}

.has-text-danger {
  color: rgb(237, 73, 36) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: rgb(205.1392405063, 51.5189873418, 16.8607594937) !important;
}

.has-background-danger {
  background-color: rgb(237, 73, 36) !important;
}

.has-text-danger-light {
  color: rgb(253.4506329114, 239.3341772152, 236.1493670886) !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: rgb(249.5772151899, 200.1696202532, 189.0227848101) !important;
}

.has-background-danger-light {
  background-color: rgb(253.4506329114, 239.3341772152, 236.1493670886) !important;
}

.has-text-danger-dark {
  color: rgb(202.6443037975, 50.8924050633, 16.6556962025) !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: rgb(236.7949367089, 70.9265822785, 33.5050632911) !important;
}

.has-background-danger-dark {
  background-color: rgb(202.6443037975, 50.8924050633, 16.6556962025) !important;
}

.has-text-black-bis {
  color: hsl(0, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0, 0%, 7%) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(0, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(0, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0, 0%, 29%) !important;
}

.has-text-grey {
  color: hsl(0, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0, 0%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(0, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0, 0%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0, 0%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0, 0%, 98%) !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: #fff;
  color: hsl(0, 0%, 4%);
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .subtitle {
  color: rgba(10.2, 10.2, 10.2, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: hsl(0, 0%, 4%);
}
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: #fff;
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10.2, 10.2, 10.2, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: rgb(242.25, 242.25, 242.25);
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs a {
  color: hsl(0, 0%, 4%);
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  color: #fff !important;
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: #fff;
}
.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, rgb(229.5, 229.5, 229.5) 0%, #fff 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(229.5, 229.5, 229.5) 0%, #fff 71%, white 100%);
  }
}
.hero.is-black {
  background-color: hsl(0, 0%, 4%);
  color: #fff;
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: #fff;
}
.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: hsl(0, 0%, 4%);
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: hsl(0, 0%, 0%);
  color: #fff;
}
.hero.is-black .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  color: hsl(0, 0%, 4%) !important;
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: #fff;
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(0, 0%, 4%);
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
  }
}
.hero.is-light {
  background-color: #ebf5ed;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: #ebf5ed;
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: rgb(218, 236.5, 221.7);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  color: #ebf5ed !important;
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #ebf5ed;
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, rgb(196.95, 232.05, 198.12) 0%, #ebf5ed 71%, rgb(251.8875, 253.6125, 252.52) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(196.95, 232.05, 198.12) 0%, #ebf5ed 71%, rgb(251.8875, 253.6125, 252.52) 100%);
  }
}
.hero.is-dark {
  background-color: #203123;
  color: #fff;
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: #fff;
}
.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: #203123;
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: rgb(21.9259259259, 33.5740740741, 23.9814814815);
  color: #fff;
}
.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  color: #203123 !important;
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff;
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #203123;
}
.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, rgb(10.3518518519, 19.6481481481, 10.4429920116) 0%, #203123 71%, rgb(39.4115740741, 67.0884259259, 48.9085330428) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(10.3518518519, 19.6481481481, 10.4429920116) 0%, #203123 71%, rgb(39.4115740741, 67.0884259259, 48.9085330428) 100%);
  }
}
.hero.is-primary {
  background-color: #f4a51c;
  color: #fff;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: #fff;
}
.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: #f4a51c;
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: rgb(235.1071428571, 153.2857142857, 11.3928571429);
  color: #fff;
}
.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  color: #f4a51c !important;
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f4a51c;
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, rgb(221, 103.337962963, 0) 0%, #f4a51c 71%, rgb(250.4910714286, 209.9830522487, 47.0089285714) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(221, 103.337962963, 0) 0%, #f4a51c 71%, rgb(250.4910714286, 209.9830522487, 47.0089285714) 100%);
  }
}
.hero.is-link {
  background-color: #afd261;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-link .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: #afd261;
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: rgb(164.9507389163, 204.3472906404, 77.1527093596);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-link .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  color: #afd261 !important;
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #afd261;
}
.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, rgb(187.5324149556, 211.3945812808, 44.6054187192) 0%, #afd261 71%, rgb(168.7911308252, 220.0902093596, 112.4097906404) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(187.5324149556, 211.3945812808, 44.6054187192) 0%, #afd261 71%, rgb(168.7911308252, 220.0902093596, 112.4097906404) 100%);
  }
}
.hero.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: #fff;
}
.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: hsl(207, 61%, 53%);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: hsl(207, 61%, 48%);
  color: #fff;
}
.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  color: hsl(207, 61%, 53%) !important;
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(207, 61%, 53%);
}
.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%);
  }
}
.hero.is-success {
  background-color: #36a048;
  color: #fff;
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: #fff;
}
.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: #36a048;
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: rgb(47.5654205607, 140.9345794393, 63.4205607477);
  color: #fff;
}
.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  color: #36a048 !important;
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #36a048;
}
.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, rgb(32.9808411215, 130.0191588785, 33.2859930641) 0%, #36a048 71%, rgb(54.4470794393, 185.0529205607, 98.3930700053) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(32.9808411215, 130.0191588785, 33.2859930641) 0%, #36a048 71%, rgb(54.4470794393, 185.0529205607, 98.3930700053) 100%);
  }
}
.hero.is-warning {
  background-color: #e9e147;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: #e9e147;
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: rgb(230.2766990291, 221.286407767, 48.2233009709);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  color: #e9e147 !important;
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #e9e147;
}
.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, rgb(238.6305825243, 190.1790962484, 14.3694174757) 0%, #e9e147 71%, rgb(222.5292550641, 240.2358009709, 89.2641990291) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(238.6305825243, 190.1790962484, 14.3694174757) 0%, #e9e147 71%, rgb(222.5292550641, 240.2358009709, 89.2641990291) 100%);
  }
}
.hero.is-danger {
  background-color: rgb(237, 73, 36);
  color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: #fff;
}
.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: rgb(237, 73, 36);
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: rgb(228.7025316456, 57.4367088608, 18.7974683544);
  color: #fff;
}
.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  color: rgb(237, 73, 36) !important;
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: rgb(237, 73, 36);
}
.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, rgb(216.2392405063, 9.4258076705, 5.7607594937) 0%, rgb(237, 73, 36) 71%, rgb(244.2242088608, 120.8994898923, 54.2757911392) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(216.2392405063, 9.4258076705, 5.7607594937) 0%, rgb(237, 73, 36) 71%, rgb(244.2242088608, 120.8994898923, 54.2757911392) 100%);
  }
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: hsl(0, 0%, 98%);
  padding: 3rem 1.5rem 6rem;
}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}
.sl-wrapper * {
  box-sizing: border-box;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: white;
  font-size: 3rem;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10060;
  color: white;
  font-size: var(--heading6);
}
.sl-wrapper .sl-download {
  display: none;
  position: fixed;
  bottom: 5px;
  width: 100%;
  text-align: center;
  z-index: 10060;
  color: white;
  font-size: 1rem;
}
.sl-wrapper .sl-download a {
  color: white;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: white;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: var(--heading5);
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: var(--heading5);
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: var(--heading5);
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: var(--heading5);
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: var(--heading5);
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: var(--heading5);
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@font-face {
  font-family: "rubik";
  src: url(Rubik-VariableFont_wght.ttf);
  font-display: swap;
}
@font-face {
  font-family: "karla";
  src: url(Rubik-VariableFont_wght.ttf);
  font-display: swap;
}
@font-face {
  font-family: "dosis-medium";
  src: url(Dosis-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: "dosis-bold";
  src: url(Dosis-Bold.ttf);
  font-display: swap;
}
body,
.font-style-karla {
  font-family: "karla";
}

.font-style-rubik {
  font-family: "rubik";
}

.container.is-fluid:not(.is-max-desktop):not(.is-max-widescreen) {
  padding-left: var(--containerPadding) !important;
  padding-right: var(--containerPadding) !important;
  width: 100%;
  max-width: 100vw !important;
}

@media screen and (min-width: 1506px) {
  .container.is-fluid:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: calc(1506px + var(--containerPadding)) !important;
    padding-left: var(--containerPadding) !important;
    padding-right: var(--containerPadding) !important;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: var(--heading1);
  line-height: var(--heading1Lineheight);
  font-weight: 900;
  font-family: "rubik";
}

h2 {
  font-size: var(--heading2);
  line-height: var(--heading2Lineheight);
  font-weight: 900;
  font-family: "rubik";
}

h3 {
  font-size: var(--heading3);
  line-height: var(--heading3Lineheight);
  font-family: "rubik";
  font-weight: 900;
}

h4,
.font-style-heading-4 {
  font-size: var(--heading4);
  line-height: var(--heading4Lineheight);
  font-family: "rubik";
  font-weight: 900;
}

h5,
.font-style-heading-5 {
  font-size: var(--heading5);
  line-height: var(--heading5Lineheight);
  font-family: "rubik";
  font-weight: 900;
}

h6,
.font-style-heading-6 {
  font-size: var(--heading6) !important;
  line-height: var(--headin6Lineheight);
}

.link-button-font-size {
  font-size: var(--linkButtonFontSize) !important;
}

.font-size-paragraph-large,
.font-size-paragraph-large.rawContent p,
.font-size-paragraph-large.rawContent ul li {
  font-size: var(--paragraphLarge) !important;
  line-height: var(--paragraphLargeLH) !important;
}

.font-size-paragraph-normal,
.font-size-paragraph-normal.rawContent p {
  font-size: var(--paragraphNormal) !important;
  line-height: var(--paragraphNormalLH) !important;
}

.font-size-paragraph-small,
.font-size-paragraph-small.rawContent p {
  font-size: var(--paragraphSmall) !important;
  line-height: var(--paragraphSmallLH) !important;
}

.font-size-paragraph-extrasmall,
.font-size-paragraph-extrasmall.rawContent p {
  font-size: var(--paragraphExtraSmall) !important;
  line-height: var(--paragraphExtraSmallLH) !important;
}

.font-size-paragraph-extraextrasmall,
.font-size-paragraph-extraextrasmall.rawContent p {
  font-size: var(--paragraphExtraExtraSmall) !important;
  line-height: var(--paragraphExtraExtraSmallLH) !important;
}

.hero.topLeftRadius {
  border-top-left-radius: var(--heroBorderRadius);
}

.hero.topLeftRadiuss.small {
  border-top-left-radius: var(--heroBorderRadiusSmall);
}

.hero.topRightRadius {
  border-top-right-radius: var(--heroBorderRadius);
}

.hero.topRightRadiuss.small {
  border-top-right-radius: var(--heroBorderRadiusSmall);
}

.hero.bottomRightRadius {
  border-bottom-right-radius: var(--heroBorderRadius);
}

.hero.bottomRightRadius.small {
  border-bottom-right-radius: var(--heroBorderRadiusSmall);
}

.hero.bottomLeftRadius {
  border-bottom-left-radius: var(--heroBorderRadius);
}

.hero.bottomLeftRadius.small {
  border-bottom-left-radius: var(--heroBorderRadiusSmall);
}

.hero .hero-body {
  padding: var(--heroBodyPadding) 0;
}
.hero .hero-body.has-breadcrumbs {
  padding-top: calc(var(--block) * 5) !important;
}
@media screen and (max-width: 1200px) {
  .hero .hero-body.has-breadcrumbs {
    padding-top: calc(var(--block) * 7) !important;
  }
}

.hero.greyField {
  background-color: #ebf5ed;
}

.rawContent p,
.rawContent ul li {
  margin: calc(var(--block) * 0.5) 0;
  font-size: var(--paragraphLarge) !important;
  line-height: var(--paragraphLargeLH) !important;
}

.rawContent p:first-child {
  margin-top: 0;
}

.rawContent p:last-child {
  margin-bottom: 0;
}

.rawContent h1,
h2,
h3,
h4 {
  color: #f4a51c;
}

.hide-element {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.general-img {
  border-radius: var(--spacer) var(--spacer);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}

.general-img.in-carousel {
  padding: var(--grid);
}

body {
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

@media screen and (min-width: 768px), print {
  .hero .hero-body {
    padding: var(--heroBodyPadding) 0;
  }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.grecaptcha-badge {
  visibility: hidden;
}

.donateForm input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.error-visible {
  display: block !important;
  visibility: visible !important;
  color: red !important;
}

.error-hidden {
  display: block !important;
  visibility: hidden !important;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.error-message {
  color: red !important;
}

.custom-error {
  display: none;
}

.has-text-weight-extra-bold {
  font-weight: 900 !important;
}

.loading-spinner {
  display: none;
  margin: 0 auto;
  margin-top: 30px;
  border: 6px solid #f3f3f3;
  border-top: 8px solid #36a048;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.not-clickable {
  pointer-events: none;
}

.fixed-button-right-side {
  position: fixed;
  right: 34px;
  top: 50%;
  transform: translate(50%, -50%) rotate(-90deg);
  z-index: 10;
}
.fixed-button-right-side a {
  height: 40px;
  padding: 21px 31px;
  background-color: #f1f1f1;
  border: none;
  border-radius: 4px;
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  background: #ed4924;
  /* primary/red/90 */
  border: 2px solid #ed4924;
  /* button/primary/red */
  box-shadow: 2px 4px 0px #403431;
  border-radius: 20px 20px 0px 0px;
}
.fixed-button-right-side a:hover {
  background-color: #f1f1f1;
  background: #4d180c;
  border: 2px solid #4d180c;
  box-shadow: unset;
  transition: 0.1s ease;
  transform: translate(2px, 1px);
}
.fixed-button-right-side img {
  transform: rotate(90deg);
  margin: 0 0 -4px 12px;
  animation: beat 2s infinite linear;
  -webkit-animation: beat 2s infinite linear;
}

@keyframes beat {
  0% {
    transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
  }
  30% {
    transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
  }
  40% {
    transform: scale(1.08) rotate(90deg);
    -moz-transform: scale(1.08) rotate(90deg);
    -webkit-transform: scale(1.08) rotate(90deg);
    -o-transform: scale(1.08) rotate(90deg);
  }
  50% {
    transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
  }
  60% {
    transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
  }
  70% {
    transform: scale(1.05) rotate(90deg);
    -moz-transform: scale(1.05) rotate(90deg);
    -webkit-transform: scale(1.05) rotate(90deg);
    -o-transform: scale(1.05) rotate(90deg);
  }
  80% {
    transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
  }
  100% {
    transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
  }
}
@media screen and (max-width: 960px) {
  .fixed-button-right-side {
    display: none;
  }
}
strong {
  font-weight: 700;
  color: inherit;
}

a {
  color: inherit;
}

.picture-image {
  margin-bottom: -7px;
  width: 100%;
}

.custom-section-title,
.custom-section-text {
  width: calc(var(--block) * 60);
  max-width: 950px;
  margin: 0 auto;
}

div:first-of-type section:first-of-type .hero-body {
  padding-top: calc(var(--block) * 5) !important;
}
@media screen and (max-width: 1200px) {
  div:first-of-type section:first-of-type .hero-body {
    padding-top: calc(var(--block) * 7) !important;
  }
}

.visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px);
  /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

@media screen and (max-width: 960px) {
  .custom-section-title,
  .custom-section-text {
    width: 100%;
    max-width: 100vw;
  }
}
/*pagination*/
.pagination {
  justify-content: center;
  margin-top: var(--grid);
  gap: 8px;
}
.pagination .page-item {
  padding: 7px 16px;
  border: 2px solid #36a048;
  border-radius: 50%;
}
.pagination .page-item .page-link {
  font-size: var(--paragraphSmall);
  color: #36a048;
  line-height: var(--paragraphSmallLH);
  font-family: "dosis-bold";
}
.pagination .active {
  background-color: #36a048;
}
.pagination .active .page-link {
  color: white;
}
.pagination .first,
.pagination .last {
  display: none;
}

.feedback-hidden {
  display: none;
}

.feedback-visible {
  display: block;
}

.not-displayed {
  display: none !important;
}

.textarea {
  resize: none;
}

#newsletterHomepage1 .footer-title {
  width: 60%;
}
#newsletterHomepage1 .footer-text {
  width: 60%;
  margin: var(--grid) auto;
  margin-bottom: calc(var(--block) * 2.5);
}
@media (max-width: 960px) {
  #newsletterHomepage1 .footer-title {
    width: 100%;
  }
  #newsletterHomepage1 .footer-text {
    width: 100%;
  }
}

#newsletterHomepage2 .newsletter-title {
  margin: 0 auto calc(var(--block) * 3);
}
#newsletterHomepage2 #newsletterForm #subscription-success {
  visibility: hidden;
  color: black;
}
#newsletterHomepage2 #newsletterForm #subscription-error {
  visibility: hidden;
  color: red;
}
#newsletterHomepage2 #newsletterForm .searchbox-wrap {
  background-color: #36a048;
  border-radius: 28px;
}
#newsletterHomepage2 #newsletterForm .searchbox-wrap button {
  margin-left: -2px;
}
#newsletterHomepage2 #newsletterForm .searchbox-wrap input {
  -webkit-background-clip: text;
  -webkit-text-fill-color: white;
  transition: background-color 5000s ease-in-out 0s;
  border-bottom-right-radius: 0;
  box-shadow: 2px 4px 0px #203123;
}
#newsletterHomepage2 #newsletterForm .searchbox-wrap #onSubscribeButton .arrow-img {
  margin: 3px calc(var(--block) * -0.85) calc(var(--block) * -0.25) 0;
  min-width: 42px;
}
#newsletterHomepage2 #newsletterForm #email_address_newsletter:focus {
  outline: none;
}
#newsletterHomepage2 #newsletterForm #email_address_newsletter:-webkit-autofill,
#newsletterHomepage2 #newsletterForm #email_address_newsletter:-webkit-autofill:hover,
#newsletterHomepage2 #newsletterForm #email_address_newsletter:-webkit-autofill:focus,
#newsletterHomepage2 #newsletterForm #email_address_newsletter:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: white;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 2px 4px 0px #203123;
}
@media (max-width: 576px) {
  #newsletterHomepage2 #newsletterForm .newsletter-title {
    width: 60%;
  }
  #newsletterHomepage2 #newsletterForm .itemRow {
    width: 100% !important;
  }
}

#footerFirst {
  padding: var(--spacer) 0;
  font-size: var(--paragraphSmall);
  margin-top: -10px;
}
#footerFirst .footerContainer {
  flex-direction: row;
}
#footerFirst .footerContainer .customColumn {
  flex: none;
  text-align: left;
  padding-right: calc(var(--block));
}
#footerFirst .footerContainer .customColumn .customTitle {
  line-height: var(--grid);
  margin-bottom: calc(var(--block) * 0.8);
}
#footerFirst .footerContainer .customColumn .customData {
  margin-bottom: calc(var(--block) * 0.5);
}
#footerFirst .footerContainer .customColumn.generalInfo {
  width: 16%;
}
#footerFirst .footerContainer .customColumn.contactInfo {
  width: 30%;
}
#footerFirst .footerContainer .customColumn.bankDetails {
  width: 24%;
}
#footerFirst .footerContainer .customColumn.footerMenu {
  width: 17%;
}
#footerFirst .footerContainer .customColumn.footerMenu .customData {
  display: block;
}
#footerFirst .footerContainer .customColumn.partner {
  width: 10%;
}

#footerSecond {
  padding: calc(var(--block) * 2.5) 0;
}
#footerSecond .container {
  justify-content: space-between;
}
#footerSecond .container .copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
#footerSecond .container .copyright p {
  font-size: 14px;
}

@media (max-width: 960px) {
  #footerFirst {
    padding: var(--spacer) 0;
    font-size: clamp(14px, var(--paragraphFontSize), 16px);
  }
  #footerFirst .footerContainer {
    flex-direction: column;
  }
  #footerFirst .footerContainer .customColumn {
    flex: none;
    text-align: center;
    padding-right: 0;
    margin-bottom: var(--block);
  }
  #footerFirst .footerContainer .customColumn .customTitle {
    line-height: var(--grid);
    margin-bottom: calc(var(--block) * 0.8);
  }
  #footerFirst .footerContainer .customColumn .customData {
    margin-bottom: calc(var(--block) * 0.5);
  }
  #footerFirst .footerContainer .customColumn:last-child {
    margin-bottom: 0;
  }
  #footerFirst .footerContainer .customColumn.generalInfo {
    width: 100%;
  }
  #footerFirst .footerContainer .customColumn.contactInfo {
    width: 100%;
  }
  #footerFirst .footerContainer .customColumn.bankDetails {
    width: 100%;
  }
  #footerFirst .footerContainer .customColumn.footerMenu {
    width: 100%;
  }
  #footerFirst .footerContainer .customColumn.footerMenu .customData {
    display: block;
  }
  #footerFirst .footerContainer .customColumn.partner {
    width: 100%;
  }
  #footerSecond {
    padding: calc(var(--block) * 2.5) 0;
  }
  #footerSecond .container .mainLogo {
    margin-bottom: var(--block);
  }
  #footerSecond .container {
    justify-content: space-between;
    flex-direction: column;
  }
  #footerSecond .container .copyright p {
    font-size: 14px;
  }
  #footerSecond .container .copyright .up-button-holder {
    display: none;
  }
}
.donateButton-holder {
  display: none;
}

@media (max-width: 576px) {
  #footerSecond .container .copyright {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .donateButton-holder {
    display: block;
  }
  .donateButton-holder .donateButton {
    border-radius: 50%;
    padding: 12px;
    margin-left: auto;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
  }
  .donateButton-holder .donateButton img {
    margin: 0;
  }
}
.toast {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: calc(var(--heading6));
  width: fit-content;
  max-width: 600px;
  padding: 6px var(--block);
  background: #cccccc;
  color: #333333;
  font-family: sans-serif;
  text-align: center;
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s, top 0.2s, visibility 0.2s;
}

.toast--visible {
  top: var(--grid);
  opacity: 1;
  visibility: visible;
}

.toast--success {
  background: #7AC942;
  border-color: #7AC942;
  color: #ffffff;
}

.toast--error {
  background: #d50000;
  border-color: #ba0000;
  color: #ffffff;
}

.language-link {
  color: black !important;
}

.language-link.active {
  color: #36a048 !important;
}

.navbar-first {
  height: var(--firstNavbarHeight);
  background-color: white;
}
.navbar-first .container .navbar-end .sidebar-search {
  border-bottom: 1px solid var(--greys-grey-3, #999);
  gap: calc(var(--block) * 1.5);
  padding: 0 calc(var(--block) * 0.5);
  height: calc(var(--block) * 1.4);
  margin-right: var(--block);
}
.navbar-first .container .navbar-end .sidebar-search .search-input {
  border: none;
  outline-style: none;
}
.navbar-first .container .navbar-end .sidebar-search .form-control-search {
  cursor: pointer;
}

.navbar-second {
  font-weight: 500;
}
.navbar-second .navbar-item:hover {
  color: #36a048 !important;
  background-color: unset !important;
}
.navbar-second .navbar-item:focus {
  background-color: unset;
}

.mobileNavbarBase {
  height: calc(var(--thirdNavbarHeight));
}
@media (min-width: 1201px) {
  .mobileNavbarBase {
    height: 0;
  }
}

.mobile-navbar {
  height: var(--thirdNavbarHeight);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(242, 242, 242);
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: white;
}

.mobile-navbar-icon-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.mobile-navbar-icon-container .mobileLanguagePicker {
  position: absolute;
  right: calc(var(--block) * 4);
}

.mainLogoImage {
  width: calc(var(--block) * 5.6);
}

.hamburger-menu-icon {
  width: var(--hamburgerMenuIconSizes);
  height: var(--hamburgerMenuIconSizes);
  cursor: pointer;
}

#nav-menu-exit {
  display: none;
}

.yuppi-navitem {
  color: rgb(0, 0, 0);
  font-size: var(--linkButtonFontSize);
  padding: 15px;
}

.navbar-item.is-active {
  color: #36a048 !important;
}

.yuppi-navitem2 {
  color: rgb(0, 0, 0);
  font-size: var(--linkButtonFontSize);
  padding: 15px;
}

.yuppi-navitem:hover {
  color: #36a048;
}

.yuppi-navitem2:hover {
  color: #36a048;
}

.yuppi-subitem {
  font-size: var(--linkButtonFontSize);
  text-transform: none;
  color: rgb(0, 0, 0);
  padding: 15px;
  padding-left: 30px;
}

.yuppi-link-active {
  color: #36a048;
}

.yuppi-link-active2 {
  color: #36a048;
}

a.navbar-item:focus {
  color: #36a048;
}

#mobile-menu {
  display: none;
  position: fixed;
  top: var(--thirdNavbarHeight);
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(100vh - var(--thirdNavbarHeight));
  overflow-y: scroll;
  background-color: white;
  text-transform: uppercase;
  font-family: "Karla";
  font-style: normal;
  font-weight: 450;
  font-size: var(--block);
  line-height: 24px;
  flex-direction: column;
  padding-bottom: calc(var(--block) * 10);
}
#mobile-menu .mobile-first-nav {
  background-color: white;
  padding: var(--block) calc(var(--block) * 3);
  display: flex;
  flex-direction: column;
}
#mobile-menu .mobile-second-nav {
  padding: var(--block) calc(var(--block) * 3);
  display: flex;
  flex-direction: column;
}
#mobile-menu .mobile-second-nav .hasSubitems {
  color: rgb(102, 102, 102);
  padding: 15px;
  padding-left: 30px;
}
#mobile-menu .mobile-second-nav .navbar-subsubmenu .navbar-item {
  padding-left: 40px;
}
#mobile-menu .mobile-third-nav {
  background-color: rgba(54, 160, 72, 0.1);
  padding: var(--block) calc(var(--block) * 3);
  display: flex;
  flex-direction: column;
}

.donate-button-holder {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--block) * 3);
  position: relative;
}

.mobile-navbar-languagepicker {
  height: var(--mobileNavbarFirstHeight);
}

.submenu {
  text-transform: none;
  font-weight: 500;
  font-size: var(--block);
  line-height: calc(var(--block) * 1.5);
  padding-left: var(--block);
}

@media screen and (max-width: 1200px) {
  .hero-head {
    display: none;
  }
  a.navbar-item,
  a.navbar-item:hover {
    background-color: white;
    background-color: unset !important;
  }
}
@media screen and (min-width: 1201px) {
  .mobile-navbar {
    display: none;
  }
}
.navbar-third {
  position: relative;
  background-color: white;
}
.navbar-third .container {
  position: static;
}
.navbar-third .container .navbar-brand {
  position: static;
}
.navbar-third .container .navbar-brand .navbar-start {
  gap: 15px;
  position: static;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item {
  font-weight: 500;
  position: static;
  cursor: pointer;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown {
  top: 90% !important;
  padding-bottom: var(--grid);
  padding-top: var(--grid);
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: none;
  box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  font-size: 0.875rem;
  right: 0;
  left: 0;
  min-width: 100%;
  position: absolute;
  z-index: 20;
  width: 100vw;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .container .is-fluid {
  padding: var(--grid);
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: var(--grid);
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .navbar-subsubmenu {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 62px;
  letter-spacing: 0em;
  text-align: left;
  color: black;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .navbar-subitem {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: rgb(102, 102, 102);
  cursor: default;
  pointer-events: none;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item:hover {
  color: #36a048;
  background-color: unset !important;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-subitem:hover {
  color: grey;
  background-color: transparent;
}

.third-navbar-margin {
  margin-top: calc(var(--block) * -0.1);
  position: absolute;
}
.third-navbar-margin .language-link {
  color: black !important;
}
.third-navbar-margin .language-link.active {
  color: #36a048 !important;
}
.third-navbar-margin .navbar-first {
  height: var(--firstNavbarHeight);
  background-color: white;
}
.third-navbar-margin .navbar-second {
  font-weight: 700;
}
.third-navbar-margin .navbar-second .navbar-item:hover {
  color: #36a048 !important;
  background-color: unset !important;
}
.third-navbar-margin .navbar-second .navbar-item:focus {
  background-color: unset;
}
.third-navbar-margin .mobile-navbar {
  height: var(--thirdNavbarHeight);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(242, 242, 242);
}
.third-navbar-margin .mobile-navbar-icon-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.third-navbar-margin .mobile-navbar-icon-container .mobileLanguagePicker {
  position: absolute;
  right: calc(var(--block) * 4);
}
.third-navbar-margin .mainLogoImage {
  width: calc(var(--block) * 5.6);
}
.third-navbar-margin .hamburger-menu-icon {
  width: var(--hamburgerMenuIconSizes);
  height: var(--hamburgerMenuIconSizes);
  cursor: pointer;
}
.third-navbar-margin #nav-menu-exit {
  display: none;
}
.third-navbar-margin .yuppi-navitem {
  color: rgb(0, 0, 0);
  font-size: var(--linkButtonFontSize);
  padding: 15px;
}
.third-navbar-margin .navbar-item.is-active {
  color: #36a048 !important;
}
.third-navbar-margin .yuppi-navitem2 {
  color: rgb(0, 0, 0);
  font-size: var(--linkButtonFontSize);
  padding: 15px;
}
.third-navbar-margin .yuppi-navitem:hover {
  color: #36a048;
}
.third-navbar-margin .yuppi-navitem2:hover {
  color: #36a048;
}
.third-navbar-margin .yuppi-subitem {
  font-size: var(--linkButtonFontSize);
  text-transform: none;
  color: rgb(0, 0, 0);
  padding: 15px;
  padding-left: 30px;
}
.third-navbar-margin .yuppi-link-active {
  color: #36a048;
}
.third-navbar-margin .yuppi-link-active2 {
  color: #36a048;
}
.third-navbar-margin a.navbar-item:focus {
  color: #36a048;
}
.third-navbar-margin #mobile-menu {
  display: none;
  position: fixed;
  top: var(--thirdNavbarHeight);
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(100vh - var(--thirdNavbarHeight));
  overflow-y: scroll;
  background-color: white;
  text-transform: uppercase;
  font-family: "Karla";
  font-style: normal;
  font-weight: 450;
  font-size: var(--block);
  line-height: 24px;
  flex-direction: column;
  padding-bottom: calc(var(--block) * 10);
}
.third-navbar-margin #mobile-menu .mobile-first-nav {
  background-color: white;
  padding: var(--block) calc(var(--block) * 3);
  display: flex;
  flex-direction: column;
}
.third-navbar-margin #mobile-menu .mobile-second-nav {
  padding: var(--block) calc(var(--block) * 3);
  display: flex;
  flex-direction: column;
}
.third-navbar-margin #mobile-menu .mobile-third-nav {
  background-color: rgba(54, 160, 72, 0.1);
  padding: var(--block) calc(var(--block) * 3);
  display: flex;
  flex-direction: column;
}
.third-navbar-margin .donate-button-holder {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--block) * 3);
  position: relative;
}
.third-navbar-margin .mobile-navbar-languagepicker {
  height: var(--mobileNavbarFirstHeight);
}
.third-navbar-margin .submenu {
  text-transform: none;
  font-weight: 500;
  font-size: var(--block);
  line-height: calc(var(--block) * 1.5);
  padding-left: var(--block);
}
@media screen and (max-width: 1200px) {
  .third-navbar-margin .hero-head {
    display: none;
  }
  .third-navbar-margin a.navbar-item,
  .third-navbar-margin a.navbar-item:hover {
    background-color: white !important;
  }
}
@media screen and (min-width: 1200px) {
  .third-navbar-margin .mobile-navbar {
    display: none;
  }
}
.third-navbar-margin .navbar-third {
  position: relative;
  background-color: white;
}
.third-navbar-margin .navbar-third .container {
  position: static;
}
.third-navbar-margin .navbar-third .container .navbar-brand {
  position: static;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start {
  gap: 15px;
  position: static;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-item {
  font-weight: 700;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown {
  top: 70% !important;
  padding-bottom: var(--grid);
  padding-top: var(--grid);
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .navbar-subsubmenu {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 62px;
  letter-spacing: 0em;
  text-align: left;
  color: black;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .navbar-subitem {
  text-transform: capitalize !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-item:hover {
  color: #36a048;
  background-color: unset !important;
}
.third-navbar-margin .navbar-third .container .navbar-brand .navbar-start .navbar-subitem:hover {
  color: grey;
  background-color: transparent;
}
.third-navbar-margin .third-navbar-margin {
  position: fixed;
  top: calc(var(--firstNavbarHeight) + var(--secondNavbarHeight) + var(--thirdNavbarHeight) - 4px);
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .third-navbar-margin .third-navbar-margin {
    top: calc(var(--firstNavbarHeight) + var(--secondNavbarHeight) + var(--thirdNavbarHeight) - 2px);
  }
}
.third-navbar-margin .active {
  color: #36a048 !important;
}
.third-navbar-margin .custom-navbar .navbar-first {
  z-index: 11;
}
.third-navbar-margin .custom-navbar .sticked-nav {
  position: fixed;
  top: var(--secondNavbarHeight);
  z-index: 10;
  width: 100%;
}
.third-navbar-margin .custom-navbar .sticked-nav2 {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
}
.third-navbar-margin .custom-navbar .sticked-nav3 {
  position: fixed;
  top: calc(var(--secondNavbarHeight) + var(--thirdNavbarHeight));
  z-index: 1;
  width: 100%;
}
.third-navbar-margin .sticked-nav {
  position: fixed;
  top: var(--secondNavbarHeight);
  z-index: 10;
  width: 100%;
  background-color: white;
}
.third-navbar-margin .sticked-nav2 {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: white;
}
.third-navbar-margin .sticked-nav3 {
  position: fixed;
  top: calc(var(--secondNavbarHeight) + var(--thirdNavbarHeight));
  z-index: 1;
  width: 100%;
}
.third-navbar-margin .mobile-navbar .third-navbar-margin {
  position: absolute;
  top: calc(var(--thirdNavbarHeight) - 2px);
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 425px) {
  .third-navbar-margin .mobile-navbar .third-navbar-margin {
    top: calc(var(--thirdNavbarHeight) - 1px) !important;
  }
}
.third-navbar-margin {
  top: calc(var(--firstNavbarHeight) + var(--secondNavbarHeight) + var(--thirdNavbarHeight) - 4px);
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .third-navbar-margin {
    top: calc(var(--firstNavbarHeight) + var(--secondNavbarHeight) + var(--thirdNavbarHeight) - 2px);
  }
}

.active {
  color: #36a048 !important;
}

.custom-navbar .navbar-first {
  z-index: 11;
}
.custom-navbar .sticked-nav {
  position: fixed;
  top: var(--secondNavbarHeight);
  z-index: 10;
  width: 100%;
}
.custom-navbar .sticked-nav2 {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
}
.custom-navbar .sticked-nav3 {
  position: fixed;
  top: calc(var(--secondNavbarHeight) + var(--thirdNavbarHeight));
  z-index: 1;
  width: 100%;
}

.sticked-nav {
  position: fixed;
  top: var(--secondNavbarHeight);
  z-index: 10;
  width: 100%;
  background-color: white;
}

.sticked-nav2 {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: white;
}

.sticked-nav3 {
  position: fixed;
  top: calc(var(--secondNavbarHeight) + var(--thirdNavbarHeight));
  z-index: 1;
  width: 100%;
}

.mobile-navbar .third-navbar-margin {
  position: absolute;
  top: calc(var(--thirdNavbarHeight) - 2px);
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 425px) {
  .mobile-navbar .third-navbar-margin {
    top: calc(var(--thirdNavbarHeight) - 1px) !important;
  }
}

.navbar-arrow {
  width: 18px;
  height: 9px;
  margin-left: -5px;
  filter: invert(25%) sepia(0%) saturate(1509%) hue-rotate(243deg) brightness(99%) contrast(84%);
}

.navbaritem-outer:hover {
  color: #36a048;
  filter: invert(49%) sepia(30%) saturate(966%) hue-rotate(79deg) brightness(99%) contrast(86%);
}

.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .column-header .navbar-subitem {
  font-weight: 500;
  color: black;
  cursor: pointer;
  pointer-events: all;
}

.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .column-header .navbar-subitem:hover {
  color: #36a048 !important;
  background-color: unset !important;
}

.column-header {
  padding: 0 12px;
}

.dropdown-inner:has(div.column-header) {
  flex-direction: column !important;
}

.mobile-navbar .yuppi-subitem {
  text-transform: uppercase !important;
  color: gray !important;
  padding-left: 0 !important;
}

.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .row-header:nth-child(1) {
  max-width: 40%;
}
.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .row-header:nth-child(1) .navbar-subsubmenu .navbar-item {
  white-space: wrap;
}

.navbar-third .container .navbar-brand .navbar-start .navbar-item .navbar-dropdown .dropdown-inner .row-header:not(:nth-child(1)) {
  max-width: 20%;
}

.cookie-overlay {
  position: fixed;
  bottom: 0.6rem;
  left: 50%;
  z-index: 2051;
  font-size: 14px;
  color: black;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  transform: translate(-50%, 0);
  max-width: 1000px;
  width: 97%;
  background: #ffffff;
  border: 2px solid #ebf5ed;
  box-shadow: 4px 6px 0px #74b37f;
  border-radius: calc(var(--block) * 1.125);
  padding: var(--block);
  gap: var(--spacer);
  display: flex;
}

.cookie-overlay .accept-cookies {
  padding: 7px 20px;
}

.cookie-overlay .theTitle {
  font-size: 16px;
  font-weight: 900;
}

.accept-cookies.button.is-white:hover {
  background-color: #7ac942;
  border: 1px solid white;
  color: white;
}

@media (max-width: 960px) {
  .cookie-overlay {
    flex-direction: column;
  }
}
#childStorySingle {
  background-color: #ebf5ed;
  border-bottom-right-radius: var(--heroBorderRadius);
}
#childStorySingle .story-desc .desc {
  max-width: 950px;
}
#childStorySingle #childStoryImg {
  height: calc(100vh - var(--firstNavbarHeight) - var(--thirdNavbarHeight));
  background-color: #ebf5ed;
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: var(--heroBorderRadius);
  border-bottom-right-radius: var(--heroBorderRadius);
}
#childStorySingle #childStoryImg .single-story-title {
  max-width: calc(var(--block) * 36);
  text-align: left;
  color: white;
}
#childStorySingle #childStoryVideo {
  height: calc(100vh - var(--firstNavbarHeight) - var(--secondNavbarHeight)) !important;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  width: auto;
}
#childStorySingle #childStoryVideo video {
  height: calc(100vh - var(--firstNavbarHeight) - var(--secondNavbarHeight)) !important;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  width: auto;
  border-bottom-left-radius: var(--heroBorderRadius);
  border-bottom-right-radius: var(--heroBorderRadius);
}
#childStorySingle #childStoryVideo .hero-body {
  position: absolute;
  height: calc(100vh - var(--firstNavbarHeight) - var(--secondNavbarHeight)) !important;
}
#childStorySingle #childStoryVideo .hero-body .single-story-title {
  max-width: calc(var(--block) * 36);
  text-align: left;
  color: white;
}
#childStorySingle #childStoryDesc .story-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#childStorySingle #childStoryDesc .story-desc .desc {
  margin: 0 calc(var(--block) * 15.31);
  text-align: left;
}
#childStorySingle #childStoryDesc .childStoryCarousel {
  width: 70%;
  flex: none;
  background-color: transparent;
  margin: 0 auto;
}
#childStorySingle #childStoryDesc .childStoryCarousel .childStoryCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
#childStorySingle #childStoryDesc .childStoryCarousel .arrowsContainer {
  display: flex;
  flex-direction: revert;
  justify-content: center;
  align-items: center;
  gap: calc(var(--block) * 1.625);
  margin-top: var(--block);
  cursor: pointer;
}
#childStorySingle #childStoryDesc .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer;
}
#childStorySingle #childStoryDesc .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  #childStorySingle #childStoryDesc .childStoryCarousel {
    width: 100%;
    flex: none;
    background-color: transparent;
    order: 2;
  }
  #childStorySingle #childStoryDesc .childStoryCarousel .childStoryCarouselContainer img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--spacer) var(--spacer);
    padding: var(--grid);
    filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
  }
  #childStorySingle #childStoryDesc .childStoryCarousel .arrowsContainer {
    margin: var(--grid) 0 0 0;
  }
  #childStorySingle #childStoryDesc .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
    margin: 0 calc(var(--block) * 1) 0 0;
    padding: 10px;
    cursor: pointer;
  }
  #childStorySingle #childStoryDesc .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
    margin: 0 0 0 calc(var(--block) * 1);
    padding: 10px;
    cursor: pointer;
  }
  #childStorySingle #childStoryDesc .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  #childStorySingle #childStoryDesc .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2) 0 0 0;
  }
}
@media (max-width: 768px) {
  #childStorySingle #childStoryDesc .story-desc .desc {
    margin: 0 calc(var(--block) * 5);
  }
}
@media (max-width: 500px) {
  #childStorySingle #childStoryDesc .story-desc .desc {
    margin: 0 calc(var(--block) * 2);
  }
}

.generalLanding .hero-body {
  padding-top: calc(var(--block) * 5) !important;
}
@media screen and (max-width: 1200px) {
  .generalLanding .hero-body {
    padding-top: calc(var(--block) * 7) !important;
  }
}
.generalLanding .donationDetails-holder {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  background-color: #ebf5ed;
  background-position: center;
  background-size: cover;
  height: calc(var(--block) * 48);
  justify-content: space-between;
  align-items: flex-end;
}
.generalLanding .donationDetails-holder .custom-texts {
  box-sizing: border-box;
  width: 50%;
  flex: none;
  z-index: 2;
  padding: calc(var(--grid) * 1.5);
  text-align: left;
  color: white;
}
.generalLanding .donationDetails-holder .custom-texts .customTitle {
  width: 100%;
  margin-bottom: var(--block);
}
.generalLanding .donationDetails-holder .custom-texts .customDonationDetailsDesc {
  width: 100%;
  max-width: calc(var(--block) * 48.68);
}
.generalLanding .form-holder .donateForm {
  right: 8%;
  bottom: 5%;
}
.generalLanding .form-holder .donateForm .tab-content {
  border: none;
  padding: 0;
}
.generalLanding .form-holder .donateForm .customTitle {
  text-align: left;
}
.generalLanding .form-holder .donateForm .valueLabel {
  text-align: left;
}
.generalLanding .form-holder .donateForm .fieldContainer label {
  text-align: start;
}
@media screen and (max-width: 1500px) {
  .generalLanding .form-holder .donateForm {
    bottom: 2%;
    min-height: 500px;
  }
}
@media screen and (max-width: 1300px) {
  .generalLanding .form-holder .donateForm {
    bottom: 2%;
    min-height: 400px;
    height: unset;
    width: calc(var(--block) * 38);
  }
}
@media screen and (max-width: 960px) {
  .generalLanding .donationDetails-holder .custom-texts {
    width: 100%;
    margin-top: 0;
  }
  .generalLanding .donationDetails-holder .custom-texts .customTitle {
    word-wrap: break-word;
    word-break: break-word;
  }
  .generalLanding .form-holder .donateForm {
    min-height: 500px;
  }
}
@media screen and (max-width: 600px) {
  .generalLanding .donationDetails-holder .custom-texts {
    width: 100%;
    padding-bottom: 64px;
  }
  .generalLanding .donationDetails-holder .custom-texts .customDonationDetailsDesc {
    line-height: 26px;
  }
  .generalLanding .donationDetails-holder .custom-texts .customTitle {
    font-size: var(--heading1);
  }
}
@media screen and (max-width: 500px) {
  .generalLanding .donationDetails-holder {
    width: 100%;
  }
  .generalLanding .donationDetails-holder .custom-texts .customDonationDetailsDesc {
    width: 100%;
    font-size: calc(var(--block) * 1.5) !important;
  }
  .generalLanding .donationDetails-holder .custom-texts .customTitle {
    margin-bottom: 0;
  }
  .generalLanding .donateButton {
    width: 100%;
  }
}
.generalLanding #modal-button {
  right: 20%;
  bottom: 5%;
}
@media screen and (max-width: 600px) {
  .generalLanding #modal-button {
    right: 40%;
    bottom: 3%;
  }
}
@media screen and (max-width: 500px) {
  .generalLanding #modal-button {
    right: 35%;
  }
}
@media screen and (max-width: 425px) {
  .generalLanding #modal-button {
    right: 30%;
  }
  .generalLanding .donationDetails-holder .custom-texts .customTitle {
    width: 100%;
  }
}
@media screen and (max-width: 330px) {
  .generalLanding #modal-button {
    right: 20%;
  }
}

.selectorBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: var(--block);
  padding: calc(var(--block) * 2);
  gap: calc(var(--block) * 2.5);
  max-width: calc(var(--block) * 33.3125);
  position: absolute;
  bottom: 48px;
  right: calc(var(--containerPadding) + 48px);
  box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  width: 60%;
  margin: 0 auto;
  margin-top: calc(var(--grid) * 3);
  height: calc(var(--block) * 41.75);
  min-height: fit-content;
}
.selectorBox .yearSelector-buttons {
  gap: 16px;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .generalLanding .backdrop .formModal {
    top: calc(var(--block) * 6);
  }
}
@media screen and (max-width: 1300px) {
  .generalLanding .backdrop .formModal {
    top: calc(var(--block) * 8);
  }
}
@media screen and (max-width: 960px) {
  .generalLanding .hero-body {
    padding-bottom: 0;
  }
  .generalLanding .backdrop .closeFormButtonHolder {
    width: 90vw;
    max-width: 1440px;
  }
  .generalLanding .backdrop .formModal {
    width: 90vw;
    flex-direction: column;
    justify-content: start;
    top: calc(var(--block) * 9);
  }
  .generalLanding .backdrop .formModal .form-description {
    width: 100%;
  }
  .generalLanding .backdrop .formModal .form-description .customTitle {
    font-size: calc(var(--block) * 2.4);
  }
  .generalLanding .backdrop .formModal .form-content {
    width: 100%;
  }
  .generalLanding .backdrop .formModal .form-content .company-data-form .form-starter-button {
    width: 100%;
  }
  .generalLanding .backdrop .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
    margin-top: calc(var(--block) * 2.4);
  }
  .selectorBox {
    display: flex;
    position: relative;
    bottom: unset;
    right: unset;
    box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: unset;
    width: 90%;
    margin: 0 auto;
    padding: 32px;
    margin-top: calc(var(--grid) * 3);
    height: unset;
    margin-bottom: calc(var(--grid) * 3);
  }
  .selectorBox .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .selectorBox .modalButton {
    height: calc(var(--block) * 4.8);
  }
  .selectorBox .yearSelector-buttons .modalButton {
    cursor: pointer;
  }
}
.linkButton {
  padding: 0 calc(var(--block) * 1.5);
  font-size: var(--linkButtonFontSize);
  border-radius: calc(var(--block) * 2.5);
  font-weight: 700;
  width: fit-content;
  box-shadow: 2px 4px 0px #203123;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .linkButton {
    text-align: center;
  }
  .linkButton.mobileFullWidth {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .linkButton {
    display: block;
    text-align: center;
    width: 100%;
  }
}

.linkButton.primary {
  background-color: #36a048;
  color: white;
  transition: 0.1s ease;
  border: none;
  height: var(--primaryButtonHeight);
  line-height: var(--primaryButtonHeight);
  font-weight: 600;
}
@media screen and (max-width: 576px) {
  .linkButton.primary {
    height: unset;
    min-height: var(--primaryButtonHeight);
  }
}

.linkButton.primary:hover {
  box-shadow: unset;
  background-color: #1a4d22;
  transition: 0.1s ease;
  transform: translate(2px, 1px);
}

.linkButton.primary {
  box-shadow: unset;
  transform: translate(0, 0);
}

.linkButton.primary.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.linkButton.secondary {
  background-color: transparent;
  color: #36a048;
  border: 2px solid #36a048;
  box-shadow: 2px 4px 0px #36a048;
  height: var(--secondaryButtonHeight);
  line-height: var(--secondaryButtonHeight);
  font-weight: 500;
}

.linkButton.secondary:hover {
  color: #1a4d22;
  border: 2px solid #1a4d22;
  box-shadow: unset !important;
  transition: 0.1s ease;
  transform: translate(2px, 1px);
}

.linkButton.tertiary {
  padding: 0;
  border-radius: unset;
  width: fit-content;
  box-shadow: unset;
  color: #36a048;
  border-bottom: 1px solid #36a048;
  height: var(--tertiaryButtonHeight);
  line-height: var(--tertiaryButtonHeight);
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .linkButton.tertiary.pdfLink {
    display: flex;
    gap: 4px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}

.linkButton.tertiary:hover {
  color: #1a4d22;
  border-bottom: 1px solid #1a4d22;
}

.donateButton {
  display: flex;
  padding: var(--block) calc(var(--block) * 2);
  border-radius: calc(var(--block) * 2.5);
  font-weight: 500;
  font-weight: medium;
  width: fit-content;
  box-shadow: 2px 4px 0px #203123;
  height: fit-content;
  max-height: 48px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  border: none;
}
.donateButton img {
  width: calc(var(--block) * 1.25);
  transform: translate(5px, 2px) rotate(90deg);
  margin: 0 0 0 13px;
  animation: beat 2s infinite linear;
  -webkit-animation: beat 2s infinite linear;
}

.donateButton:hover {
  background-color: #4d180c !important;
  display: flex;
  box-shadow: unset;
  transition: 0.1s ease;
  transform: translate(2px, 1px);
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  .donateButton {
    width: 100%;
  }
}
.container #breadCrumbs {
  position: absolute;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  gap: 13px;
  top: calc(var(--block) * 2);
  white-space: nowrap;
}
.container #breadCrumbs .breadCrumbsHolder .crumbHolder .arrow-white {
  display: none;
}
@media screen and (max-width: 1200px) {
  .container #breadCrumbs {
    top: calc(var(--block) * 2.5);
  }
}
@media screen and (max-width: 960px) {
  .container #breadCrumbs.desktop {
    display: none;
  }
}
.container #breadCrumbs.mobile {
  display: none;
}
@media screen and (max-width: 960px) {
  .container #breadCrumbs.mobile {
    display: block;
    top: calc(var(--block) * 2.5);
  }
}
.container #breadCrumbs.childStory {
  color: #fff;
}
.container #breadCrumbs.childStory .activePage {
  color: #fff;
}
.container.white #breadCrumbs .breadCrumbsHolder .crumbHolder {
  color: #fff;
}
.container.white #breadCrumbs .breadCrumbsHolder .crumbHolder a:hover {
  color: #fff;
}
.container.white #breadCrumbs .breadCrumbsHolder .crumbHolder .arrow {
  display: none;
}
.container.white #breadCrumbs .breadCrumbsHolder .crumbHolder .arrow-white {
  display: block;
}

.activePage {
  color: rgb(153, 153, 153);
}

.yuppiCard {
  margin: calc(var(--grid) * 0.5);
  border-left: 2px solid #ebf5ed;
  border-top: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  padding-bottom: 0;
  padding-bottom: var(--grid);
}
.yuppiCard .yuppiCardImage {
  border-radius: var(--grid);
}
.yuppiCard .customContent {
  padding: clamp(20px, var(--block) * 1.5, 24px);
  padding-bottom: 0;
}
.yuppiCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.yuppiCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
.yuppiCard.col4 {
  width: calc(25% - var(--grid));
}
.yuppiCard.col3 {
  width: calc(33.33% - var(--grid));
}

.col4 {
  width: calc(25% - var(--grid));
}

.col3 {
  width: calc(33.33% - var(--grid));
}

#aboutDirectAndRecurringTypes .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 2.5) !important;
}
#aboutDirectAndRecurringTypes .hero-body .tabs.is-boxed .tabs-container {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
}
#aboutDirectAndRecurringTypes .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: 40px;
}
#aboutDirectAndRecurringTypes .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  border-radius: 40px;
}
#aboutDirectAndRecurringTypes .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  padding: calc(var(--block) * 0.3125) calc(var(--block) * 1.5);
}
#aboutDirectAndRecurringTypes .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
#aboutDirectAndRecurringTypes .hero-body .tab-content {
  padding: 0;
  border: unset;
}
#aboutDirectAndRecurringTypes .hero-body .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
}
#aboutDirectAndRecurringTypes .hero-body .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
@media screen and (max-width: 960px) {
  #aboutDirectAndRecurringTypes .container {
    padding: 0 var(--spacer);
  }
  #aboutDirectAndRecurringTypes .container .tabs {
    width: 100%;
  }
  #aboutDirectAndRecurringTypes .container .tabs ul .tabs-container {
    justify-content: space-between;
    gap: 0;
  }
  #aboutDirectAndRecurringTypes .container .tabs ul .tabs-container li {
    width: 45%;
    min-width: fit-content;
  }
  #aboutDirectAndRecurringTypes .container .tab-content .tab-pane .tab-content-container .description {
    padding: 0;
  }
  #aboutDirectAndRecurringTypes .container .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
  #aboutDirectAndRecurringTypes .tab-content .tab-pane .tab-content-container {
    flex-direction: column;
  }
  #aboutDirectAndRecurringTypes .tab-content .tab-pane .tab-content-container picture img {
    border-radius: var(--grid) !important;
  }
  #aboutDirectAndRecurringTypes .tab-content .tab-pane .description {
    padding-left: 0 !important;
  }
  #aboutDirectAndRecurringTypes .tab-content .tab-pane .description .read-more-content p {
    line-height: 28px;
  }
  #aboutDirectAndRecurringTypes .tab-content .tab-pane .image {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  #aboutDirectAndRecurringTypes .container .tabs ul .tabs-container .tabs-li .tab-button {
    padding: 10px 0;
  }
  #aboutDirectAndRecurringTypes .container .tabs ul .tabs-container .tabs-li .tab-button span {
    font-size: 16px;
    padding-right: 0;
    padding-left: 0;
  }
}

#ambassadors .ambassadorCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#ambassadors .ambassadorCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--grid) var(--spacer);
}
#ambassadors .ambassadorCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#ambassadors .ambassadorCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#ambassadors .ambassadorCard .banner {
  width: 50%;
  flex: none;
}
#ambassadors .ambassadorCard .banner figure {
  margin: 0 -2px -2px 0;
}
#ambassadors .ambassadorCard .banner figure img {
  border-radius: var(--grid);
}
#ambassadors .ambassadorCard .banner .desktopView {
  display: block;
}
#ambassadors .ambassadorCard .banner .mobileView {
  display: none;
}
@media screen and (max-width: 960px) {
  #ambassadors .ambassadorCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #ambassadors .ambassadorCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #ambassadors .ambassadorCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #ambassadors .ambassadorCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #ambassadors .ambassadorCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #ambassadors .ambassadorCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #ambassadors .ambassadorCard .banner .figure img {
    border-radius: var(--grid);
  }
  #ambassadors .ambassadorCard .banner .desktopView {
    display: none;
  }
  #ambassadors .ambassadorCard .banner .mobileView {
    display: block;
  }
}
#ambassadors .ambassadorCard.vertical {
  flex-direction: column;
  min-width: 260px;
}
@media screen and (max-width: 576px) {
  #ambassadors .ambassadorCard.vertical {
    min-width: unset !important;
  }
}
#ambassadors .ambassadorCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: var(--grid) var(--grid) calc(var(--block)) var(--grid);
}
#ambassadors .ambassadorCard.vertical .banner {
  order: 1;
  width: 100%;
}
#ambassadors .ambassadorsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
  width: 100%;
}
#ambassadors .ambassadorsContainer .ambassadorCard.vertical.col-3 {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#ambassadors .ambassadorsContainer .ambassadorCard.vertical.col-4 {
  width: calc(25% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
@media screen and (max-width: 960px) {
  #ambassadors .ambassadorsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #ambassadors .ambassadorsContainer .ambassadorCard.vertical.col-3,
  #ambassadors .ambassadorsContainer .ambassadorCard.vertical.col-4 {
    width: calc(50% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 700px) {
  #ambassadors .ambassadorsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #ambassadors .ambassadorsContainer .ambassadorCard.vertical.col-3,
  #ambassadors .ambassadorsContainer .ambassadorCard.vertical.col-4 {
    width: calc(100% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}

.ambassadorDetailsPage .hero-body {
  padding-bottom: 3rem;
}
.ambassadorDetailsPage .introductionContainer {
  max-width: calc(950px + var(--spacer));
  margin: 0 auto;
  margin-top: var(--spacer);
  padding: var(--grid);
  text-align: left;
}
.ambassadorDetailsPage .introductionContainer h2,
.ambassadorDetailsPage .introductionContainer h3,
.ambassadorDetailsPage .introductionContainer h4,
.ambassadorDetailsPage .introductionContainer h5,
.ambassadorDetailsPage .introductionContainer h6 {
  color: #f4a51c !important;
}
.ambassadorDetailsPage .childStoryCarousel {
  width: 100%;
  max-width: calc(950px + var(--spacer));
  flex: none;
  background-color: transparent;
  margin: 0 auto;
}
.ambassadorDetailsPage .childStoryCarousel .childStoryCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
.ambassadorDetailsPage .childStoryCarousel .arrowsContainer {
  display: flex;
  flex-direction: revert;
  justify-content: center;
  align-items: center;
  gap: calc(var(--block) * 1.625);
  margin-top: var(--block);
  cursor: pointer;
}
.ambassadorDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer;
}
.ambassadorDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .ambassadorDetailsPage .childStoryCarousel {
    width: 100%;
    flex: none;
    background-color: transparent;
    order: 2;
  }
  .ambassadorDetailsPage .childStoryCarousel .childStoryCarouselContainer img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--spacer) var(--spacer);
    padding: var(--grid);
    filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
  }
  .ambassadorDetailsPage .childStoryCarousel .arrowsContainer {
    margin: var(--grid) 0 0 0;
  }
  .ambassadorDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
    margin: 0 calc(var(--block) * 1) 0 0;
    padding: 10px;
    cursor: pointer;
  }
  .ambassadorDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
    margin: 0 0 0 calc(var(--block) * 1);
    padding: 10px;
    cursor: pointer;
  }
  .ambassadorDetailsPage .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  .ambassadorDetailsPage .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2) 0 0 0;
  }
}

.socialMediaIcons:not(:has(a)) {
  margin-bottom: calc(var(--grid) + 20px);
}

#homepageCarousel {
  position: relative;
  z-index: 0;
  height: var(--homepageCarouselHeight);
}
#homepageCarousel .textContainer {
  width: 50%;
  color: white;
}
#homepageCarousel .textContainer div {
  line-height: calc(var(--block) * 2.125);
}
@media screen and (max-width: 960px) {
  #homepageCarousel .textContainer {
    width: 100%;
  }
}
#homepageCarousel .arrowsContainer {
  position: absolute;
  bottom: var(--grid);
  width: 100%;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  #homepageCarousel .arrowsContainer {
    bottom: calc(var(--grid));
  }
}
@media screen and (max-width: 576px) {
  #homepageCarousel .arrowsContainer {
    bottom: var(--grid);
  }
}

#modal-button {
  display: none;
}

.exit-modal {
  display: none;
}

@media screen and (max-width: 960px) {
  #modal-button {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 10px;
  }
  .exit-modal {
    display: block;
    width: 40px;
    height: 40px;
  }
  #desktop-donateForm {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 11;
  }
  #desktop-donateForm .donateForm {
    right: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #desktop-donateForm .exit-modal {
    display: block !important;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 3%;
    top: 3%;
  }
}
.donateForm {
  width: calc(var(--block) * 33.687);
  height: calc(var(--block) * 44.75);
  position: absolute;
  right: calc((100vw - 1440px) / 2);
  bottom: calc(var(--block) * 5.5);
  padding-top: 0;
  border-radius: var(--block);
  min-height: 600px;
}
.donateForm #eurModal {
  overflow: hidden;
}
.donateForm #eurModal .modalContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: var(--spacer);
  text-align: center;
  border-radius: calc(var(--block) * 2.5);
  width: calc(var(--spacer) * 14.85);
  box-shadow: 10px 10px 0px 0px rgba(54, 160, 72, 0.5);
}
.donateForm #eurModal .modalContent .eurModalTitle {
  margin-bottom: var(--block);
  font-size: var(--heading4);
}
.donateForm #eurModal .modalContent .buttons {
  margin-top: calc(var(--block) * 3);
  gap: var(--block);
}
.donateForm #eurModal .modalContent .buttons .donateButton {
  margin: 0;
}
.donateForm #eurModal .modalContent .buttons .backButton {
  color: rgb(237, 73, 36);
  box-shadow: 2px 4px 0px rgb(237, 73, 36);
  border: 2px solid rgb(237, 73, 36);
}
.donateForm #eurModal .modalContent .buttons #backEurButton,
.donateForm #eurModal .modalContent .buttons #aggreeEurButton {
  cursor: pointer;
}
@media screen and (max-width: 576px) {
  .donateForm #eurModal .modalContent {
    width: 90%;
  }
  .donateForm #eurModal .modalContent .buttons .donateButton,
  .donateForm #eurModal .modalContent .buttons .backButton {
    width: 100%;
  }
}
.donateForm .valuesContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.donateForm .valuesContainer .amount-selector-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--grid);
}
.donateForm .valuesContainer .amount-select-error-message {
  visibility: visible;
  display: block;
  height: 17px;
}
.donateForm .valuesContainer .amount-select-error-message.visible {
  visibility: visible;
  display: block;
  height: 17px;
}
.donateForm .valuesContainer .tabs {
  min-height: calc(var(--block) * 4.5);
  border-top-left-radius: var(--block);
  border-top-right-radius: var(--block);
  color: #999999;
  font-family: "Karla";
  font-style: normal;
  font-weight: 500;
  font-size: calc(var(--block) * 1.125);
  line-height: calc(var(--block) * 1.75);
  text-align: center;
  background: linear-gradient(0deg, #f9f9f9, #f9f9f9), linear-gradient(0deg, #ffffff, #ffffff);
  width: 100%;
  margin-bottom: 0;
}
.donateForm .valuesContainer .tabs ul li {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.donateForm .valuesContainer .tabs ul li a {
  height: 100%;
}
.donateForm .valuesContainer .tabs ul li label {
  cursor: pointer;
}
.donateForm .valuesContainer .tab-pane {
  display: none;
}
.donateForm .valuesContainer .is-active {
  display: initial;
}
.donateForm .valuesContainer .is-active span {
  color: #36a048;
  font-weight: 800;
}
.donateForm .valuesContainer .donation-custom-input {
  width: calc(var(--block) * 10);
  height: calc(var(--block) * 2.62);
  background: rgba(54, 160, 72, 0.1);
  border-radius: 4px;
  border: none;
  padding: calc(var(--block) / 2);
}
@media screen and (max-width: 960px) {
  .donateForm .valuesContainer .donation-custom-input {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .donateForm .valuesContainer .donation-custom-input {
    width: 95%;
  }
}
@media screen and (max-width: 960px) {
  .donateForm .valuesContainer {
    justify-content: unset;
  }
}
.donateForm .valuesContainer .amount-selector-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.donateForm .valuesContainer .amount-selector-container .amount-select-error-message {
  display: block;
  visibility: hidden;
}
.donateForm .valuesContainer .amount-selector-container .amount-select-error-message.visible {
  display: block;
  visibility: visible;
}
.donateForm .valuesContainer .donator-details-container {
  display: none;
  height: 100%;
  width: 100%;
  padding: var(--grid);
}
.donateForm .valuesContainer .donator-details-container .tab-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.donateForm .valuesContainer .customTitle {
  margin-bottom: var(--block);
}
.donateForm .valuesContainer .values {
  gap: calc(var(--block) / 3);
}
.donateForm .valuesContainer .values .valueLabel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(50% - var(--block) / 3);
  min-height: calc(var(--block) * 7.75);
  flex: none;
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  padding: var(--block);
  cursor: pointer;
}
.donateForm .valuesContainer .values .valueLabel .reason {
  margin-bottom: calc(var(--block) * 0.5);
  font-size: 16px;
}
.donateForm .valuesContainer .values .clicked {
  border: 2px solid #36a048;
}
.donateForm .valuesContainer .typeContainer {
  margin-bottom: var(--block);
}
.donateForm .valuesContainer .typeContainer .customTitle {
  margin-bottom: var(--block);
}
.donateForm .valuesContainer .typeContainer .paymentTypes {
  gap: calc(var(--block) / 3);
}
.donateForm .valuesContainer .typeContainer .paymentTypes .typeLabel {
  width: calc(50% - var(--block) / 3);
  flex: none;
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  padding: calc(var(--block) * 0.5) 0;
  display: flex;
  justify-content: center;
  cursor: pointer;
  height: calc(var(--block) * 3.5);
}
.donateForm .valuesContainer .typeContainer .paymentTypes .typeLabel .logo {
  margin: 0 auto;
}
.donateForm .valuesContainer .typeContainer .paymentTypes .typeLabel.active {
  border: 2px solid #36a048;
}
.donateForm .valuesContainer .typeContainer .paymentTypes .typeLabel.euPlatesc {
  padding: calc(var(--block)) 0;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails {
  display: flex;
  flex-direction: column;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails #first-radiobutton {
  margin-top: var(--grid);
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .radioButton label {
  font-size: 12px;
  line-height: 16px;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .radioButton label a {
  text-decoration: none;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .donatorDetails-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .donatorDetails-inner .fieldContainer {
  width: 50%;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .donatorDetails-inner .fieldContainer input {
  width: 100%;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .fieldContainer {
  display: flex;
  flex-direction: column;
  margin: calc(var(--block) / 2) 0;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .fieldContainer input {
  height: calc(var(--block) * 3);
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: var(--heroBorderRadiusSmall);
  padding: 11px 24px;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .fieldContainer input.errorBorder {
  border: 1.5px solid rgb(237, 73, 36);
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .fieldContainer label {
  font-weight: 450;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .terms,
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .gdpr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .terms input,
.donateForm .valuesContainer .donatorDetails-container .donatorDetails .gdpr input {
  margin-right: calc(var(--block) / 2);
  width: var(--block);
  height: var(--block);
}
.donateForm .valuesContainer .donatorDetails-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  gap: 16px;
}
@media screen and (max-width: 576px) {
  .donateForm .valuesContainer .donatorDetails-buttons {
    gap: var(--block);
  }
}
@media screen and (max-width: 460px) {
  .donateForm .valuesContainer .donatorDetails-buttons {
    flex-direction: column;
  }
  .donateForm .valuesContainer .donatorDetails-buttons .donateButton {
    width: 100%;
  }
}
.donateForm .valuesContainer .donatorDetails-buttons .donateButton {
  cursor: pointer;
  margin: unset;
  border: 2px solid #ed4924;
}
.donateForm .valuesContainer .donatorDetails-buttons .donateButton:hover {
  border: 2px solid #4d180c;
}
.donateForm .valuesContainer .donatorDetails-buttons button,
.donateForm .valuesContainer .donatorDetails-buttons a {
  width: 50%;
  cursor: pointer !important;
}
.donateForm .valuesContainer .donatorDetails-buttons .backButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--block) calc(var(--block) * 2);
  padding: calc(var(--block) - 1px) calc(var(--block) * 2);
  background: #ffffff;
  border: 2px solid #ed4924;
  box-shadow: 2px 4px 0px #cc9385;
  border-radius: 40px;
  color: #ed4924;
}
.donateForm .valuesContainer .donatorDetails-buttons .backButton:hover {
  background: #ffffff;
  background-color: white !important;
  border: 2px solid #4d180c;
  box-shadow: unset;
  color: #4d180c;
}
.donateForm .valuesContainer .recaptcha-terms {
  font-size: 12px;
  line-height: 16px;
  margin-top: var(--grid);
  text-align: center;
}
.donateForm .valuesContainer .nextButton-container .nextButton {
  width: 100%;
  justify-content: center;
  font-weight: 500;
}
.donateForm .valuesContainer .disabled {
  background-color: grey;
}
.donateForm .valuesContainer .alert-message {
  font-size: 10px;
  color: rgb(237, 73, 36);
  height: 10px;
}

@media screen and (max-width: 1600px) {
  .donateForm {
    width: calc(var(--block) * 32);
    right: calc(100vw - 1440px);
  }
  .donateForm .valueLabel label {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1504px) {
  .donateForm {
    right: var(--containerPadding);
  }
}
@media screen and (max-width: 1440px) {
  .donateForm {
    width: calc(var(--block) * 33.687);
    right: 8%;
  }
  .donateForm .typeContainer .paymentTypes .typeLabel {
    padding: 8px 0;
  }
  .donateForm .valueLabel label {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1024px) {
  #homepageCarousel {
    margin-top: 0;
  }
  .donateForm .tabs {
    width: 110%;
  }
  .donateForm .valueLabel .reason {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 960px) {
  #homepageCarousel .textContainer {
    width: 100%;
  }
  .donateForm .tabs {
    margin: 0;
    margin-bottom: var(--gird);
    width: 107%;
  }
  .donateForm .customTitle {
    margin-top: var(--spacer);
  }
}
@media screen and (max-width: 600px) {
  .donateForm .tabs {
    width: 110%;
  }
}
@media screen and (max-width: 425px) {
  .donateForm .valueLabel {
    padding: calc(var(--block) / 2) !important;
  }
  .donateForm .valueLabel label {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 375px) {
  .donateForm {
    width: calc(var(--block) * 30);
  }
  .donateForm .valuesContainer .tabs {
    width: calc(var(--block) * 30);
  }
  #mobile-donateForm .donateForm {
    width: calc(var(--block) * 30) !important;
  }
}
#homepageCarousel .desktop {
  display: inherit;
  padding-bottom: 28%;
  background-position: center center;
  background-size: cover;
  width: 100%;
  position: relative;
}

#homepageCarousel .mobile {
  display: none;
  padding-bottom: 28%;
  background-position: center center;
  background-size: cover;
  height: var(--homepageCarouselHeight);
  width: 100%;
  position: relative;
}

@media (orientation: portrait) {
  #homepageCarousel .desktop {
    display: none;
  }
  #homepageCarousel .mobile {
    display: inherit;
  }
}
@media (max-width: 768px) {
  #homepageCarousel .desktop {
    display: none;
  }
  #homepageCarousel .mobile {
    display: inherit;
  }
}
#mobile-donateForm {
  display: none;
}
#mobile-donateForm .donateForm {
  position: relative;
  right: 0;
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: calc(var(--block) * 46);
  height: calc(var(--block) * 39.75);
}
#mobile-donateForm .donateForm .valuesContainer .amount-selector-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 960px) {
  #mobile-donateForm {
    display: block;
  }
}

#largeSimpleDescriptionCarousel .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#largeSimpleDescriptionCarousel .container .descContent {
  width: 50%;
  flex: none;
  text-align: start;
  padding-right: calc(var(--block) * 4.37);
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--block) * 1.5);
}
#largeSimpleDescriptionCarousel .container .descContent .description {
  margin: 0;
}
#largeSimpleDescriptionCarousel .container .descContent .description p {
  margin: 0;
  font-weight: 450;
}
#largeSimpleDescriptionCarousel .container .descContent .descCarouselButton {
  width: fit-content;
}
#largeSimpleDescriptionCarousel .container .descContent .info-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 24px;
  background: #36a048;
  border: 2px solid #36a048;
  box-shadow: 2px 4px 0px #203123;
  border-radius: 40px;
  font-weight: 450;
  width: fit-content;
  height: fit-content;
}
#largeSimpleDescriptionCarousel .container picture {
  width: 50%;
  flex: none;
  padding-left: calc(var(--block) * 4.37);
}
@media screen and (max-width: 960px) {
  #largeSimpleDescriptionCarousel .container {
    flex-direction: column;
  }
  #largeSimpleDescriptionCarousel .container .descContent {
    width: 100%;
    padding: 0;
    padding-bottom: calc(var(--block) * 4.37);
  }
  #largeSimpleDescriptionCarousel .container picture {
    width: 100%;
    padding: 0;
  }
}

#awards .contentContainer {
  margin: calc(var(--grid) * -0.5);
}
#awards .contentContainer .awardContainer {
  margin-top: calc(var(--block) * 2.5);
  width: 100%;
}
@media (max-width: 960px) {
  #awards .contentContainer .awardContainer .award {
    width: calc(50% - var(--grid));
  }
}
@media (max-width: 576px) {
  #awards .contentContainer .awardContainer .award {
    width: 100%;
  }
}

#history .sectionTitle {
  width: 68%;
  margin: 0 auto;
}
#history .contentContainer {
  margin: calc(var(--block) * 3) 0 0 0;
  flex-direction: row;
  gap: var(--spacer);
}
#history .contentContainer .historyImageContainer {
  width: 50%;
}
#history .contentContainer .historyImageContainer .historyImage {
  border-radius: var(--block);
  border-left: 2px solid #ebf5ed;
  box-shadow: 10px 10px 0px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
}
#history .contentContainer .historyEvents {
  overflow-y: scroll;
  max-height: calc(var(--spacer) * 16);
  width: 50%;
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 160, 72, 0.281) transparent;
}
#history .contentContainer .historyEvents .historyEvent {
  padding: 0 var(--spacer);
  gap: calc(var(--block) * 1.875);
}
#history .contentContainer .historyEvents .historyEvent .timeLine {
  position: relative;
}
#history .contentContainer .historyEvents .historyEvent .timeLine .circle {
  position: absolute;
  width: 12px;
  height: 12px;
  width: calc(val(--block) * 0.75);
  height: calc(val(--block) * 0.75);
  background-color: #f4a51c;
  border-radius: 50%;
  margin-top: calc(var(--block) / 1.33);
}
#history .contentContainer .historyEvents .historyEvent .timeLine .line {
  position: absolute;
  top: calc(var(--block) / 1.33);
  height: 100%;
  width: 1px;
}
#history .contentContainer .historyEvents .historyEvent .event {
  margin-bottom: calc(var(--block) * 3);
}
#history .contentContainer .historyEvents .historyEvent .event .eventName {
  margin-bottom: calc(var(--block) * 0.5);
  font-size: var(--heading5);
}
#history .contentContainer .historyEvents .historyEvent .event .eventExcerpt {
  font-size: var(--paragraphSmall);
}
#history .contentContainer .historyEvents .historyEvent .event .eventDescription {
  margin-bottom: calc(var(--block) * 1.5);
}
#history .contentContainer .historyEvents .historyEvent .event .eventDescription:last-child {
  font-size: var(--paragraphSmall);
  margin-bottom: 0;
}
#history .contentContainer .historyEvents .historyEvent:last-child .timeLine .line {
  height: calc(var(--block) / 1.33);
}
#history .contentContainer .historyEvents .historyEvent:last-child .event {
  margin-bottom: 0;
}
#history .contentContainer .historyEvents::-webkit-scrollbar {
  width: 5px;
}
#history .contentContainer .historyEvents::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#history .contentContainer .historyEvents::-webkit-scrollbar-thumb {
  background: rgba(54, 160, 72, 0.5);
}
#history .contentContainer .historyEvents::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (max-width: 960px) {
  #history .contentContainer {
    flex-direction: column;
  }
  #history .contentContainer .historyImageContainer {
    width: 100%;
    order: 2;
    padding: 0 calc(var(--spacer) * 2);
  }
  #history .contentContainer .historyImageContainer .historyImage {
    border-radius: var(--block);
  }
  #history .contentContainer .historyEvents {
    overflow-y: visible;
    overflow-y: scroll;
    max-height: calc(var(--spacer) * 16);
    width: 100%;
    margin: 0;
    order: 1;
  }
  #history .contentContainer .historyEvents .historyEvent {
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  #history .contentContainer .historyImageContainer {
    padding: 0;
  }
  #history .contentContainer .historyEvents {
    width: 100%;
    margin: 0;
    order: 1;
  }
  #history .contentContainer .historyEvents .historyEvent {
    padding: 0;
  }
}

#welcomeToYuppi .container .contentContainer {
  margin: calc(var(--block) * 0.7) 0 0 0;
  flex-direction: row;
}
#welcomeToYuppi .container .contentContainer .descCarousel {
  width: 50%;
  flex: none;
  background-color: transparent;
}
#welcomeToYuppi .container .contentContainer .descCarousel .descriptionCarouselContainer {
  width: 100%;
}
#welcomeToYuppi .container .contentContainer .descCarousel .descriptionCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
#welcomeToYuppi .container .contentContainer .descCarousel .arrowsContainer {
  margin-top: calc(var(--block) * 1.5);
}
#welcomeToYuppi .container .contentContainer .descCarousel .arrowsContainer .descriptionCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer;
}
#welcomeToYuppi .container .contentContainer .descCarousel .arrowsContainer .descriptionCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer;
}
#welcomeToYuppi .container .contentContainer .descContent {
  width: 50%;
  flex: none;
  padding: var(--grid) 0 calc(var(--block) * 1.5) calc(var(--block) * 5);
  flex-direction: column;
}
#welcomeToYuppi .container .contentContainer .descContent .employeeContainer {
  margin-top: calc(var(--block) * 3);
  gap: var(--block);
}
#welcomeToYuppi .container .contentContainer .descContent .employeeContainer .employeeImage {
  width: calc(var(--block) * 5);
  height: calc(var(--block) * 5);
  border-radius: 50%;
}
#welcomeToYuppi .container .contentContainer .descContent .employeeContainer .employeeData {
  gap: calc(var(--block) * 0.75);
}
#welcomeToYuppi .container .detailContainer {
  margin-top: calc(var(--block) * 2.5);
  align-items: flex-start;
}
#welcomeToYuppi .container .detailContainer .detail {
  width: calc(24% - (var(--grid)));
  flex: none;
  min-height: calc(var(--block) * 23);
  position: relative;
}
#welcomeToYuppi .container .detailContainer .detail .customContent {
  margin-bottom: calc(var(--block) * 3.5);
}
#welcomeToYuppi .container .detailContainer .detail .customContent .cont .customName {
  margin-bottom: var(--block);
}
#welcomeToYuppi .container .detailContainer .detail .customContent .cont .welcomeLinkButtonContainer {
  display: flex;
  gap: calc(var(--block) * 0.5);
  align-items: center;
  justify-content: flex-end;
}
#welcomeToYuppi .container .detailContainer .detail .customContent .cont .welcomeLinkButtonContainer .detailButton {
  cursor: pointer;
  border-bottom: none;
}
#welcomeToYuppi .container .detailContainer .detail .linkButtonContainer {
  position: absolute;
  bottom: var(--grid);
  right: var(--grid);
}
#welcomeToYuppi .container .detailContainer .detail .linkButtonContainer .readMoreButton {
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent;
  margin-top: calc(var(--block) * 0.5);
}
#welcomeToYuppi .container .detailContainer .detail .linkButtonContainer .readMoreButton .read-more-arrow {
  margin-left: calc(var(--block) * 0.25);
}
#welcomeToYuppi .container .detailContainer .detail .linkButtonContainer .readMoreButton:hover {
  filter: invert(49%) sepia(30%) saturate(966%) hue-rotate(79deg) brightness(1%) contrast(86%);
}
#welcomeToYuppi .container .contentContainer.reversed {
  flex-direction: row-reverse;
}
#welcomeToYuppi .container .contentContainer.reversed .descContent {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
}
@media screen and (max-width: 1600px) {
  #welcomeToYuppi .container .detailContainer .detail {
    min-height: calc(var(--block) * 25);
  }
}
@media screen and (max-width: 1300px) {
  #welcomeToYuppi .container .detailContainer .detail {
    min-height: calc(var(--block) * 30);
  }
}
@media screen and (max-width: 1200px) {
  #welcomeToYuppi .container .detailContainer .detail {
    width: calc(48% - (var(--grid))) !important;
    min-height: calc(var(--block) * 18);
  }
}
@media screen and (max-width: 1100px) {
  #welcomeToYuppi .container .detailContainer .detail {
    width: calc(48% - (var(--grid))) !important;
    min-height: calc(var(--block) * 22);
  }
}
@media screen and (max-width: 960px) {
  #welcomeToYuppi .container .contentContainer {
    flex-direction: column !important;
  }
  #welcomeToYuppi .container .contentContainer .descCarousel {
    width: 100% !important;
  }
  #welcomeToYuppi .container .contentContainer .descCarousel .descriptionCarouselContainer {
    padding-left: calc(var(--block) * 6);
    padding-right: calc(var(--block) * 6);
  }
  #welcomeToYuppi .container .contentContainer .descCarousel .descriptionCarouselContainer img {
    margin: 0 auto;
  }
  #welcomeToYuppi .container .contentContainer .descContent {
    width: 100% !important;
    padding: 0 !important;
  }
  #welcomeToYuppi .container .detailContainer .detail {
    min-height: calc(var(--block) * 28);
  }
}
@media screen and (max-width: 800px) {
  #welcomeToYuppi .container .detailContainer .detail {
    min-height: calc(var(--block) * 30);
  }
}
@media screen and (max-width: 700px) {
  #welcomeToYuppi .container .detailContainer .detail {
    min-height: calc(var(--block) * 36);
  }
}
@media screen and (max-width: 600px) {
  #welcomeToYuppi .container .detailContainer .detail {
    min-height: calc(var(--block) * 36);
  }
}
@media screen and (max-width: 576px) {
  #welcomeToYuppi .container .contentContainer .descCarousel {
    order: 2;
  }
  #welcomeToYuppi .container .contentContainer .descCarousel .descriptionCarouselContainer {
    padding: 0;
  }
  #welcomeToYuppi .container .contentContainer .descCarousel .descriptionCarouselContainer img {
    max-width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #welcomeToYuppi .container .contentContainer .descContent {
    order: 1;
  }
  #welcomeToYuppi .container .detailContainer {
    justify-content: center !important;
  }
  #welcomeToYuppi .container .detailContainer .detail {
    width: 100% !important;
    min-height: unset;
  }
}

.searchbox-wrap {
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.searchbox-wrap input {
  flex: 1;
  padding: calc(var(--block) * 1.875) calc(var(--block) * 1.95);
  -webkit-border-top-left-radius: calc(var(--block) * 1.5625);
  -webkit-border-bottom-left-radius: calc(var(--block) * 1.5625);
  -moz-border-radius-topleft: calc(var(--block) * 1.5625);
  -moz-border-radius-bottomleft: calc(var(--block) * 1.5625);
  border-top-left-radius: calc(var(--block) * 1.5625);
  border-bottom-left-radius: calc(var(--block) * 1.5625);
  border: none;
  box-shadow: 2px 4px 0px #203123;
  -webkit-appearance: 2px 4px 0px #203123;
  height: var(--newsletterInputHeight);
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.searchbox-wrap input[type=checkbox] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background-color: green;
  border: 1px solid black;
}
.searchbox-wrap button {
  padding-right: calc(var(--block) * 0.625);
  background-color: #fff;
  -webkit-border-top-right-radius: calc(var(--block) * 1.5625);
  -webkit-border-bottom-right-radius: calc(var(--block) * 1.5625);
  -moz-border-radius-topright: calc(var(--block) * 1.5625);
  -moz-border-radius-bottomright: calc(var(--block) * 1.5625);
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
  box-shadow: 2px 4px 0px #203123;
  border: none;
  cursor: pointer;
  cursor: hand;
  height: var(--newsletterInputHeight);
}
.searchbox-wrap button span {
  margin-left: 1px;
  padding: calc(var(--block) * 0.625);
  color: #fff;
  border-radius: 9999999px;
}
.searchbox-wrap ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}
.searchbox-wrap :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}
.searchbox-wrap ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
}

.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox label {
  position: relative;
  cursor: pointer;
  display: unset;
}

.checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #203123;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 3px;
}

.checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 7px;
  width: 6px;
  height: 13px;
  border: solid #203123;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#donationsLanding .hero-body {
  padding: var(--spacer) 0 calc(var(--block) * 30) 0;
}
#donationsLanding .hero-body .customTitle {
  margin-top: 0 0 var(--block) 0;
}
#donationsLanding .hero-body .description {
  margin-top: var(--block);
}

#donationTypeCards .donationTypeCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#donationTypeCards .donationTypeCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--spacer) var(--spacer);
}
#donationTypeCards .donationTypeCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#donationTypeCards .donationTypeCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#donationTypeCards .donationTypeCard .banner {
  width: 50%;
  flex: none;
}
#donationTypeCards .donationTypeCard .banner figure {
  margin: 0 -2px -2px 0;
}
#donationTypeCards .donationTypeCard .banner figure img {
  border-radius: var(--grid);
}
#donationTypeCards .donationTypeCard .banner .desktopView {
  display: block;
}
#donationTypeCards .donationTypeCard .banner .mobileView {
  display: none;
}
@media screen and (max-width: 960px) {
  #donationTypeCards .donationTypeCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: column;
  }
  #donationTypeCards .donationTypeCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #donationTypeCards .donationTypeCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #donationTypeCards .donationTypeCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 32px;
  }
  #donationTypeCards .donationTypeCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #donationTypeCards .donationTypeCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #donationTypeCards .donationTypeCard .banner .figure img {
    border-radius: var(--grid);
  }
  #donationTypeCards .donationTypeCard .banner .desktopView {
    display: none;
  }
  #donationTypeCards .donationTypeCard .banner .mobileView {
    display: block;
  }
}
#donationTypeCards .donationTypeCard.vertical {
  flex-direction: column;
}
#donationTypeCards .donationTypeCard.vertical .customContent {
  order: 2;
  width: 100%;
  padding: var(--grid) var(--grid) calc(var(--block) * 3) var(--grid);
}
#donationTypeCards .donationTypeCard.vertical .banner {
  order: 1;
  width: 100%;
}
#donationTypeCards .donationTypesContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
}
#donationTypeCards .donationTypesContainer .donationTypeCard.vertical {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
@media screen and (max-width: 960px) {
  #donationTypeCards .donationTypesContainer {
    flex-direction: column;
    margin: 0;
  }
  #donationTypeCards .donationTypesContainer .donationTypeCard.vertical {
    width: 100%;
    margin: calc(var(--grid) * 0.5) 0;
  }
}

#contact .donation-info-outer-container {
  position: relative;
  display: flex;
  justify-content: center;
}
#contact .donation-info-middle-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
#contact .donation-info-inner-container {
  position: relative;
}
#contact .donation-info-title-holder {
  position: absolute;
  top: calc(var(--block) * 3);
  left: calc(var(--block) * 3);
  z-index: 3;
  max-width: calc(var(--block) * 32.25);
  width: 100%;
}
#contact .donation-info-title-holder h4 {
  font-style: normal;
  font-size: var(--heading3);
  line-height: calc(var(--block) * 3.37);
  text-align: start;
}
#contact .donation-info {
  width: calc(var(--block) * 44);
  height: calc(var(--block) * 32.37);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
#contact .overlay {
  width: calc(var(--block) * 44);
  height: calc(var(--block) * 32.37);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--grid);
  z-index: 2;
}
#contact .donation-contact {
  position: relative;
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: calc(var(--block) * 1.5);
  margin-left: calc(var(--block) * -6);
  align-items: center;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: var(--heading3);
  gap: 10px;
  z-index: 4;
}
#contact .donation-contact .donation-contactperson {
  border-radius: 50%;
  width: calc(var(--block) * 9);
  height: calc(var(--block) * 9);
}
#contact .donation-contact .contact-info-holder {
  margin-top: var(--block);
  margin-left: calc(var(--block) * 2);
}
#contact .donation-contact .contact-info-holder .contact-div {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
#contact .donation-contact .contact-info-holder .contact-div a {
  color: black;
}
#contact .donation-contact .contact-info-holder .contact-div .contact-info {
  font-family: "Karla";
  font-style: normal;
  font-weight: 500;
  font-size: var(--paragraphNormal);
  line-height: var(--paragraphNormalLH);
}
#contact .donation-contact .contact-info-holder .contact-div img {
  margin-right: calc(var(--block) * 0.5);
}
#contact .donation-contact .contact-info-holder .contact-div.email {
  margin-top: calc(var(--block) * 0.5);
}
#contact .donation-contact .contact-info-person {
  text-align: start;
}
#contact .donation-contact .contact-info-person .contact-info-person-name {
  color: #36a048;
}
@media screen and (max-width: 960px) {
  #contact .donation-info-middle-container {
    flex-direction: column;
  }
  #contact .donation-info-middle-container .donation-contact {
    width: calc(100% - 4 * (var(--spacer)));
    margin-left: 0;
    margin-top: calc(var(--spacer) * -2);
  }
  #contact .donation-info.mobileWidth {
    width: calc(100% - 2 * var(--spacer));
    height: auto;
  }
  #contact .overlay {
    width: 100%;
    width: calc(100% - 2 * var(--spacer));
    left: var(--spacer);
    height: 100%;
  }
  #contact .donation-info-title-holder {
    left: calc(2 * var(--spacer));
    max-width: calc(100% - 4 * var(--spacer));
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #contact .donation-info-middle-container .donation-contact {
    width: calc(100% - 4 * (var(--grid)));
    margin-left: 0;
    margin-top: calc(var(--spacer) * -2);
  }
  #contact .donation-info.mobileWidth {
    width: calc(100% - 2 * var(--grid));
    width: 100%;
    height: auto;
  }
  #contact .overlay {
    width: calc(100% - 4 * var(--spacer));
    width: 100%;
    left: calc(var(--grid));
    left: 0;
  }
  #contact .donation-info-title-holder {
    left: calc(2 * var(--spacer));
    max-width: calc(100% - 4 * var(--spacer));
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  #contact .donation-info-middle-container .donation-contact {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  #contact .overlay {
    width: 100%;
    height: 100%;
  }
  #contact .donation-info-title-holder {
    left: var(--spacer);
    max-width: calc(100% - var(--spacer) * 2);
    width: 100%;
  }
  #contact .contact-info-person-name,
  #contact .contact-info-person-position {
    text-align: center;
  }
  #contact .donation-info.mobileWidth {
    width: calc(100% - 2 * var(--grid));
    width: 100%;
    height: 90vw;
    object-fit: cover;
  }
  #contact .contact-info-holder {
    margin: 0 !important;
  }
  #contact .contact-info-holder .contact-div {
    justify-content: center;
  }
}
@media screen and (max-width: 400px) {
  #contact .donation-info {
    width: unset;
    height: unset;
  }
  #contact .donation-info-title-holder {
    width: unset;
  }
  #contact .donation-info-title-holder h4 {
    line-height: calc(var(--block) * 3);
  }
  #contact .donation-info-middle-container .donation-contact {
    flex-direction: column;
    align-items: center;
    width: 85%;
  }
  #contact .donation-info-middle-container .donation-contact .donation-contactperson {
    width: calc(var(--block) * 6);
    height: calc(var(--block) * 6);
  }
  #contact .donation-info-middle-container .donation-contact .contact-info-person {
    text-align: center;
  }
  #contact .donation-info-middle-container .donation-contact .contact-info-holder .contact-div {
    justify-content: center;
    margin-left: 0;
    font-size: var(--block);
  }
  #contact .donation-info-middle-container .donation-contact .contact-info-holder {
    margin-left: 0;
  }
}

#donationCampaign .accordion {
  margin: 0 auto;
}
#donationCampaign .accordion .faq-section {
  display: block;
}
#donationCampaign .accordion .faq-section .faq-head {
  cursor: pointer;
  background: #ebf5ed;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--block) * 1.5);
  margin: 0 auto;
}
#donationCampaign .accordion .faq-section .faq-head .faq-title {
  text-align: left;
  padding-right: var(--grid);
}
#donationCampaign .accordion .faq-section .faq-head .plus-minus-holder {
  min-width: 29px;
}
#donationCampaign .accordion .faq-section .selected h5:after {
  content: "\f068";
}
#donationCampaign .accordion .faq-section .accord-content {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: var(--block) calc(var(--block) * 1.5) calc(var(--block) * 1.5) calc(var(--block) * 1.5);
  margin-top: -15px;
  border-bottom-left-radius: calc(var(--block) * 1.25);
  border-bottom-right-radius: calc(var(--block) * 1.25);
  cursor: pointer;
  background: #ebf5ed;
}
#donationCampaign .accordion .faq-section .accord-content .content-holder {
  width: 90%;
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: start;
  color: #000000;
}
#donationCampaign .accordion .faq-section .accord-content .content-holder p {
  margin-bottom: 0;
}
#donationCampaign .accordion-main .accordion-item {
  margin-bottom: 10px;
}
#donationCampaign .accordion-main .accordion-title {
  padding: 10px 20px;
  background-color: #ccc;
  cursor: pointer;
}
#donationCampaign .accordion-main .accordion-title h5 {
  margin: 0;
}
#donationCampaign .accordion-main .accordion-body {
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 0 20px;
  height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
}
#donationCampaign .accordion-main .accordion-item.accordion-open .accordion-body {
  visibility: visible;
  height: auto;
  opacity: 1;
  padding: 20px 20px;
}
#donationCampaign .metrics-holder-outer {
  display: flex;
  justify-content: center;
}
#donationCampaign .metrics-holder-outer .metrics-holder {
  text-align: left;
  font-family: "Karla";
  font-style: normal;
}
#donationCampaign .metrics-holder-outer .metrics-holder .metrics-title {
  font-weight: 400;
  text-align: end;
}
#donationCampaign .metrics-holder-outer .metrics-holder .metrics-amount-holder {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
#donationCampaign .metrics-holder-outer .metrics-holder .target-amount {
  font-size: var(--heading3);
  font-weight: 800;
  padding-left: var(--heading5);
}
#donationCampaign .metrics-holder-outer .metrics-holder .target-desc {
  font-size: var(--paragraphNormal);
  margin-bottom: 8px;
}
#donationCampaign .metrics-holder-outer .metrics-holder .w3-light-grey {
  background-color: rgba(54, 160, 72, 0.2);
  border-radius: 20px;
  margin: var(--block) 0;
}
#donationCampaign .metrics-holder-outer .metrics-holder .w3-light-grey .w3-green {
  background-color: #36a048;
  border-radius: 20px;
}

.donationDetailsLanding .hero-body.smallBottomPadding {
  padding-bottom: 3rem;
}
.donationDetailsLanding .donationDetails-holder {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  background-color: #ebf5ed;
  background-position: center;
  background-size: cover;
  height: calc(var(--block) * 48);
  justify-content: space-between;
  align-items: flex-end;
}
.donationDetailsLanding .donationDetails-holder .custom-texts {
  box-sizing: border-box;
  width: 50%;
  flex: none;
  z-index: 2;
  padding: calc(var(--grid) * 1.5);
  text-align: left;
  color: white;
}
.donationDetailsLanding .donationDetails-holder .custom-texts .customTitle {
  width: 100%;
  margin-bottom: var(--block);
}
.donationDetailsLanding .donationDetails-holder .custom-texts .customDonationDetailsDesc {
  width: 100%;
  max-width: calc(var(--block) * 48.68);
}
.donationDetailsLanding .form-holder .donateForm {
  right: 8%;
  bottom: 5%;
}
.donationDetailsLanding .form-holder .donateForm .tab-content {
  border: none;
  padding: 0;
}
.donationDetailsLanding .form-holder .donateForm .customTitle {
  text-align: left;
}
.donationDetailsLanding .form-holder .donateForm .valueLabel {
  text-align: left;
}
.donationDetailsLanding .form-holder .donateForm .fieldContainer label {
  text-align: start;
}
@media screen and (max-width: 1500px) {
  .donationDetailsLanding .form-holder .donateForm {
    bottom: 2%;
    min-height: 500px;
  }
}
@media screen and (max-width: 1300px) {
  .donationDetailsLanding .form-holder .donateForm {
    bottom: 2%;
    min-height: 400px;
    height: unset;
    width: calc(var(--block) * 38);
  }
}
@media screen and (max-width: 960px) {
  .donationDetailsLanding .donationDetails-holder .custom-texts {
    width: 100%;
    margin-top: 0;
  }
  .donationDetailsLanding .donationDetails-holder .custom-texts .customTitle {
    word-wrap: break-word;
    word-break: break-word;
  }
  .donationDetailsLanding .form-holder .donateForm {
    min-height: 500px;
  }
}
@media screen and (max-width: 600px) {
  .donationDetailsLanding .donationDetails-holder .custom-texts {
    width: 100%;
    padding-bottom: 64px;
  }
  .donationDetailsLanding .donationDetails-holder .custom-texts .customDonationDetailsDesc {
    line-height: 26px;
  }
  .donationDetailsLanding .donationDetails-holder .custom-texts .customTitle {
    font-size: var(--heading1);
  }
}
@media screen and (max-width: 500px) {
  .donationDetailsLanding .donationDetails-holder {
    width: 100%;
  }
  .donationDetailsLanding .donationDetails-holder .custom-texts .customDonationDetailsDesc {
    width: 100%;
    font-size: calc(var(--block) * 1.5) !important;
  }
  .donationDetailsLanding .donationDetails-holder .custom-texts .customTitle {
    margin-bottom: 0;
  }
  .donationDetailsLanding .donateButton {
    width: 100%;
  }
}
.donationDetailsLanding #modal-button {
  right: 20%;
  bottom: 5%;
}
@media screen and (max-width: 600px) {
  .donationDetailsLanding #modal-button {
    right: 40%;
    bottom: 3%;
  }
}
@media screen and (max-width: 500px) {
  .donationDetailsLanding #modal-button {
    right: 35%;
  }
}
@media screen and (max-width: 425px) {
  .donationDetailsLanding #modal-button {
    right: 30%;
  }
  .donationDetailsLanding .donationDetails-holder .custom-texts .customTitle {
    width: 100%;
  }
}
@media screen and (max-width: 330px) {
  .donationDetailsLanding #modal-button {
    right: 20%;
  }
}

#mobile-donateForm {
  display: none;
}
#mobile-donateForm .donateForm {
  width: calc(var(--block) * 46);
}
#mobile-donateForm .donateForm .donator-details-container {
  height: 100%;
}
#mobile-donateForm .donateForm .donator-details-container .tab-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  #mobile-donateForm {
    display: block;
  }
  #mobile-donateForm .donateForm .donator-details-container {
    margin-top: var(--grid);
  }
}

.yearSelectorBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: var(--block);
  padding: calc(var(--block) * 2);
  gap: 40px;
  max-width: calc(var(--block) * 33.3125);
  position: absolute;
  bottom: 48px;
  right: calc(var(--containerPadding) + 48px);
}
.yearSelectorBox .smallMobileButton {
  display: none;
}
.yearSelectorBox .yearSelector-buttons {
  gap: 16px;
  width: 100%;
}
.yearSelectorBox .donateButton {
  border: none;
  width: 50%;
}

.backdrop {
  display: none;
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
}
.backdrop .formModalContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 0;
  min-height: calc(100vh - 54px);
  justify-content: center;
}
.backdrop .formModalContainer .closeFormButtonHolder {
  display: flex;
  position: relative;
  width: 80vw;
  max-width: 1440px;
  margin: 0 auto;
}
.backdrop .formModalContainer .closeFormButtonHolder .close-form-button {
  z-index: 2;
  margin-left: auto;
  cursor: pointer;
}
.backdrop .formModalContainer .formModal {
  width: 80vw;
  max-width: 1440px;
  height: auto;
  top: calc(var(--block) * 5.625);
  margin: 0 auto;
  right: 0;
  left: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
}
.backdrop .formModalContainer .formModal .form-description {
  width: 30%;
  background-color: rgb(235, 245, 237);
  border-radius: 40px;
  padding: var(--spacer) var(--spacer);
  text-align: left;
}
.backdrop .formModalContainer .formModal .form-description .customTitle {
  margin-bottom: var(--block);
}
.backdrop .formModalContainer .formModal .form-content {
  width: 70%;
  padding: var(--spacer) var(--spacer);
  text-align: left;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form {
  margin-top: calc(var(--block) * 2.5);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .form-starter-button {
  width: 50%;
  gap: var(--block);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .form-starter-button .company-data-button {
  cursor: pointer;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .data-input,
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-data-input {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 11px 18px;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border-radius: 40px;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .data-input:focus,
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-data-input:focus {
  border: 1.7px solid black;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border-radius: 40px;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .donation35 .company-infos-outer {
  flex-direction: column;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer {
  display: none;
  flex-direction: column;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .alert-message {
  visibility: hidden;
  display: block;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: var(--spacer);
  column-gap: var(--block);
  margin-top: calc(var(--block) * 2.5);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box {
  display: flex;
  flex-direction: column;
  width: 45%;
  margin-bottom: var(--grid);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box label {
  margin-bottom: 4px;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box #countyDropdown {
  appearance: none;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .select-editable {
  position: relative;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .select-editable select {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 14px;
  border: none;
  width: 120px;
  margin: 0;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .select-editable #editable-input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  border: none;
  padding: 0 20px;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .select-editable select:focus,
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .select-editable input:focus {
  outline: none;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .first-line {
  width: 100%;
  display: flex;
  column-gap: var(--block);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .first-line .shrink {
  flex-shrink: 3;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .third-line {
  width: 100%;
  display: flex;
  column-gap: var(--block);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .fourth-line {
  width: 100%;
  display: flex;
  column-gap: var(--block);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .fifth-line {
  width: 100%;
  display: flex;
  column-gap: var(--block);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .fifth-line .shrink {
  flex-shrink: 4;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .sixth-line {
  width: 100%;
  display: flex;
  column-gap: var(--block);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .sixth-line .shrink {
  flex-shrink: 3;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .linkButton {
  margin-top: var(--grid);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .margin-top-extra {
  margin-top: var(--grid);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .fullwidth-inputs {
  display: flex;
  flex-direction: column;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .fullwidth-inputs .company-box {
  width: 100%;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .checkbox-holder {
  margin-top: calc(var(--block) * 2.5);
  margin-bottom: var(--grid);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .checkbox-holder #company-data-for-checkbox-label {
  color: var(--greys-grey-1, #333);
  font-size: 14px;
  font-family: Karla;
  line-height: 22px;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .checkbox-holder input,
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .checkbox-holder label {
  cursor: pointer;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .checkbox-holder input {
  margin-right: 4px;
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
  margin-top: calc(var(--block) * 1.5);
}
.backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .linkButton {
  background-color: rgb(204, 204, 204);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.backdrop .formModalContainer .formModal .feedback-modal {
  display: none;
  padding: var(--spacer) 0;
  width: 100%;
  max-width: calc(var(--block) * 51);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.backdrop .formModalContainer .formModal .feedback-modal .feedback-title {
  margin-bottom: var(--block);
}
.backdrop .formModalContainer .formModal .feedback-modal .feedback-text {
  margin-bottom: var(--grid);
}
.backdrop .formModalContainer .formModal .feedback-modal .feedback-button {
  text-transform: uppercase;
}
@media screen and (max-width: 576px) {
  .backdrop .formModalContainer .formModal .feedback-modal {
    padding: var(--spacer);
  }
}
.backdrop #cityDropdown,
.backdrop #countyDropdown {
  text-transform: capitalize;
}

.disabled {
  pointer-events: none;
}
.disabled #editable-input {
  background-color: rgb(232, 240, 254);
}

.helper-text {
  margin-top: var(--block);
}

.form-subtitle {
  margin-top: calc(var(--block) * 2.5);
}

#company-data-subtitle {
  display: none;
}

.active-button {
  background-color: #36a048 !important;
  box-shadow: 2px 4px 0px #203123 !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

.active-button2 {
  background-color: rgb(237, 73, 36) !important;
  box-shadow: 2px 4px 0px #203123 !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

@media screen and (max-width: 1440px) {
  .donationDetailsLanding .backdrop .formModal {
    top: calc(var(--block) * 6);
  }
}
@media screen and (max-width: 1300px) {
  .donationDetailsLanding .backdrop .formModal {
    top: calc(var(--block) * 8);
  }
}
@media screen and (max-width: 960px) {
  .donationDetailsLanding .hero-body {
    padding-bottom: 0;
  }
  .donationDetailsLanding .backdrop .closeFormButtonHolder {
    width: 90vw;
    max-width: 1440px;
  }
  .donationDetailsLanding .backdrop .formModal {
    width: 90vw;
    flex-direction: column;
    justify-content: start;
    top: calc(var(--block) * 9);
  }
  .donationDetailsLanding .backdrop .formModal .form-description {
    width: 100%;
  }
  .donationDetailsLanding .backdrop .formModal .form-description .customTitle {
    font-size: calc(var(--block) * 2.4);
  }
  .donationDetailsLanding .backdrop .formModal .form-content {
    width: 100%;
  }
  .donationDetailsLanding .backdrop .formModal .form-content .company-data-form .form-starter-button {
    width: 100%;
  }
  .donationDetailsLanding .backdrop .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
    margin-top: calc(var(--block) * 2.4);
  }
  .yearSelectorBox {
    display: flex;
    position: relative;
    bottom: unset;
    right: unset;
    box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: unset;
    width: 60%;
    margin: 0 auto;
    padding: 32px;
    margin-top: calc(var(--grid) * 3);
  }
  .yearSelectorBox .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .yearSelectorBox .modalButton {
    height: calc(var(--block) * 4.8);
  }
  .yearSelectorBox .yearSelector-buttons .modalButton {
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .yearSelectorBox {
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .backdrop .formModalContainer .formModal {
    flex-direction: column;
    justify-content: start;
    top: calc(var(--block) * 9);
  }
  .backdrop .formModalContainer .formModal .form-description {
    display: none !important;
  }
  .backdrop .formModalContainer .formModal .form-content {
    width: 100%;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .form-starter-button {
    width: 100%;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
    margin-top: calc(var(--block) * 2.4);
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box {
    width: 100% !important;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .first-line {
    display: block;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .second-line {
    display: block;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .third-line {
    display: block;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .fourth-line {
    display: block;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .fifth-line {
    display: block;
  }
  .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .sixth-line {
    display: block;
  }
  .yearSelectorBox {
    width: 95%;
    padding: calc(var(--block) * 1.6);
    margin-top: var(--spacer);
  }
  .yearSelectorBox .smallMobileButton {
    display: block;
  }
  .yearSelectorBox .modalButton {
    width: 100%;
    margin-top: calc(var(--block) * 1.6);
  }
  .yearSelectorBox .yearSelector-buttons {
    display: none !important;
  }
  .yearSelectorBox .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .yearSelectorBox .modalButton {
    height: calc(var(--block) * 4.8);
  }
}
#annualRaportsLanding .hero-body {
  padding: var(--spacer) 0 calc(var(--block) * 30) 0;
}
#annualRaportsLanding .hero-body .customTitle {
  margin-top: 0 0 var(--block) 0;
}
#annualRaportsLanding .hero-body .description {
  margin-top: var(--block);
}

#annualRaportsCards .annualRaportsCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#annualRaportsCards .annualRaportsCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--spacer) var(--spacer);
}
#annualRaportsCards .annualRaportsCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#annualRaportsCards .annualRaportsCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#annualRaportsCards .annualRaportsCard .banner {
  width: 50%;
  flex: none;
}
#annualRaportsCards .annualRaportsCard .banner figure {
  margin: 0 -2px -2px 0;
}
#annualRaportsCards .annualRaportsCard .banner figure img {
  border-radius: var(--grid);
}
#annualRaportsCards .annualRaportsCard .banner .desktopView {
  display: block;
}
#annualRaportsCards .annualRaportsCard .banner .mobileView {
  display: none;
}
@media screen and (max-width: 960px) {
  #annualRaportsCards .annualRaportsCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: column;
  }
  #annualRaportsCards .annualRaportsCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #annualRaportsCards .annualRaportsCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #annualRaportsCards .annualRaportsCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 32px;
  }
  #annualRaportsCards .annualRaportsCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #annualRaportsCards .annualRaportsCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #annualRaportsCards .annualRaportsCard .banner .figure img {
    border-radius: var(--grid);
  }
  #annualRaportsCards .annualRaportsCard .banner .desktopView {
    display: none;
  }
  #annualRaportsCards .annualRaportsCard .banner .mobileView {
    display: block;
  }
}
#annualRaportsCards .annualRaportsCard.vertical {
  flex-direction: column;
}
#annualRaportsCards .annualRaportsCard.vertical .customContent {
  order: 2;
  width: 100%;
  padding: var(--grid) var(--grid) calc(var(--block) * 3) var(--grid);
}
#annualRaportsCards .annualRaportsCard.vertical .banner {
  order: 1;
  width: 100%;
}
#annualRaportsCards .annualRaportsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
}
#annualRaportsCards .annualRaportsContainer .annualRaportsCard.vertical {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
@media screen and (max-width: 960px) {
  #annualRaportsCards .annualRaportsContainer {
    flex-direction: column;
    margin: 0;
  }
  #annualRaportsCards .annualRaportsContainer .annualRaportsCard.vertical {
    width: 100%;
    margin: calc(var(--grid) * 0.5) 0;
  }
}

#descriptionCarousel .contentContainer {
  margin: calc(var(--block) * 0.7) 0 0 0;
  flex-direction: row;
}
#descriptionCarousel .contentContainer .descCarousel {
  width: 50%;
  flex: none;
  background-color: transparent;
}
#descriptionCarousel .contentContainer .descCarousel .descriptionCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
#descriptionCarousel .contentContainer .descCarousel .arrowsContainer {
  margin-top: calc(var(--block) * 1.5);
}
#descriptionCarousel .contentContainer .descCarousel .arrowsContainer .descriptionCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer;
}
#descriptionCarousel .contentContainer .descCarousel .arrowsContainer .descriptionCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer;
}
#descriptionCarousel .contentContainer .descContent {
  width: 50%;
  flex: none;
  padding: var(--grid) 0 calc(var(--block) * 1.5) calc(var(--block) * 5);
  flex-direction: column;
}
#descriptionCarousel .contentContainer .descContent .linkButtonContainer {
  margin: var(--grid) 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--block) * 2.5);
}
#descriptionCarousel .contentContainer.reversed {
  flex-direction: row-reverse;
}
#descriptionCarousel .contentContainer.reversed .descContent {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
}
@media screen and (max-width: 1130px) {
  #descriptionCarousel .contentContainer .descContent .linkButtonContainer {
    flex-direction: column;
  }
}
@media screen and (max-width: 960px) {
  #descriptionCarousel .contentContainer {
    margin: calc(var(--block) * 0.7) 0 0 0;
    flex-direction: column;
    display: flex;
  }
  #descriptionCarousel .contentContainer .descCarousel {
    width: 100%;
    flex: none;
    background-color: transparent;
    order: 2;
  }
  #descriptionCarousel .contentContainer .descCarousel .descriptionCarouselContainer img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--spacer) var(--spacer);
    padding: 0 calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0;
    filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
  }
  #descriptionCarousel .contentContainer .descCarousel .arrowsContainer {
    margin: var(--block) 0 0 0;
  }
  #descriptionCarousel .contentContainer .descCarousel .arrowsContainer .descriptionCarouselLeftArrow {
    margin: 0 calc(var(--block) * 1) 0 0;
  }
  #descriptionCarousel .contentContainer .descCarousel .arrowsContainer .descriptionCarouselRightArrow {
    margin: 0 0 0 calc(var(--block) * 1);
  }
  #descriptionCarousel .contentContainer .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  #descriptionCarousel .contentContainer .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2.5) 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    gap: calc(var(--block) * 2.5);
  }
  #descriptionCarousel .contentContainer .descContent .linkButtonContainer button {
    margin-right: 0;
  }
  #descriptionCarousel .contentContainer .descContent .linkButtonContainer .linkButton {
    margin-right: 0;
  }
  #descriptionCarousel .contentContainer.reversed {
    flex-direction: column;
  }
  #descriptionCarousel .contentContainer.reversed .descContent {
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  #descriptionCarousel .contentContainer .descContent .linkButtonContainer {
    flex-direction: column;
    gap: calc(var(--block) * 1.5);
  }
}

#simpleDescriptionCarousel .contentContainer {
  background: #ebf5ed;
  padding: var(--spacer);
  border-radius: calc(var(--block) * 5);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
#simpleDescriptionCarousel .contentContainer .descContent {
  width: 50%;
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--block) * 1.5);
  text-align: start;
  padding-right: calc(var(--block) * 4.37);
}
#simpleDescriptionCarousel .contentContainer .descContent .description {
  margin: 0;
}
#simpleDescriptionCarousel .contentContainer .descContent .description p {
  margin: 0;
  font-weight: 450;
}
#simpleDescriptionCarousel .contentContainer .descContent .info-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 24px;
  background: #36a048;
  border: 2px solid #36a048;
  box-shadow: 2px 4px 0px #203123;
  border-radius: 40px;
  font-weight: 450;
  width: fit-content;
  height: fit-content;
}
#simpleDescriptionCarousel .contentContainer .descContent .linkButtonContainer {
  font-weight: 600;
}
#simpleDescriptionCarousel .contentContainer picture {
  width: 50%;
  flex: none;
  padding-left: calc(var(--block) * 4.37);
}
@media screen and (max-width: 960px) {
  #simpleDescriptionCarousel .contentContainer {
    flex-direction: column;
  }
  #simpleDescriptionCarousel .contentContainer .descContent {
    padding-right: 0;
    padding-top: calc(var(--block) * 4.37);
    width: 100%;
  }
  #simpleDescriptionCarousel .contentContainer .descContent h1 {
    text-align: left;
    font-size: 32px;
  }
  #simpleDescriptionCarousel .contentContainer .descContent .description {
    text-align: left;
  }
  #simpleDescriptionCarousel .contentContainer .descContent .button-div {
    display: flex;
    justify-content: center;
    margin-bottom: var(--grid);
  }
  #simpleDescriptionCarousel .contentContainer picture {
    padding-left: 0;
    width: 100%;
  }
  #simpleDescriptionCarousel .contentContainer picture img {
    border-radius: var(--grid);
  }
}

@-moz-document url-prefix() {
  #simpleDescriptionCarousel .contentContainer .descContent .linkButtonContainer .linkButton {
    font-weight: 600;
  }
}
#descriptionVideo .contentContainer {
  margin: calc(var(--block) * 3) 0 0 0;
  flex-direction: row;
}
#descriptionVideo .contentContainer .descColumn {
  width: 35%;
  flex: none;
  padding: 0 calc(var(--block) * 9) 0 0;
  flex-direction: column;
}
@media screen and (max-width: 960px) {
  #descriptionVideo .contentContainer {
    margin: calc(var(--block) * 3) 0 0 0;
    flex-direction: column;
  }
  #descriptionVideo .contentContainer .descColumn {
    width: 100%;
    flex: none;
    padding: 0 0 var(--spacer) 0;
    flex-direction: column;
  }
}

#scoreboardMetric .sectionTitle {
  width: 68%;
  margin: 0 auto;
}
#scoreboardMetric .contentContainer {
  margin: calc(var(--block) * 3) 0 0 0;
  flex-direction: row;
}
#scoreboardMetric .contentContainer .metrics {
  margin: 0 0 var(--spacer) 0;
  flex-wrap: wrap;
  justify-content: center;
}
#scoreboardMetric .contentContainer .metrics .metric {
  padding: var(--grid) var(--spacer);
  min-width: 25%;
}
#scoreboardMetric .contentContainer .metrics .metric .score {
  background-color: transparent;
  font-size: var(--scoreboardNumberFontSize);
  font-weight: 900;
}
@media screen and (max-width: 960px) {
  #scoreboardMetric .sectionTitle {
    width: 100%;
    margin: 0 auto;
  }
  #scoreboardMetric .contentContainer {
    margin: calc(var(--block) * 3) 0 0 0;
    flex-direction: row;
  }
  #scoreboardMetric .contentContainer .metrics {
    margin: 0 0 var(--spacer) 0;
    flex-direction: column;
  }
  #scoreboardMetric .contentContainer .metrics .metric {
    padding: 0 var(--spacer);
    width: 100% !important;
    flex-direction: column;
    margin: 0 0 var(--spacer) 0;
  }
  #scoreboardMetric .contentContainer .metrics .metric .number {
    font-size: var(--scoreboardNumberFontSize);
    font-weight: 900;
  }
}

#campActivities .container .activityContainer {
  margin-top: calc(var(--block) * 2.5);
  gap: var(--grid);
  row-gap: calc(var(--block) * 3);
  width: 100%;
}
#campActivities .container .activityContainer .campActivity {
  gap: var(--block);
}
#campActivities .container .activityContainer .campActivity .activityCard {
  width: 100%;
  border-left: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  padding-bottom: 0;
}
#campActivities .container .activityContainer .campActivity .activityCard .activityImage {
  border-radius: var(--grid);
  width: 100%;
  height: 100%;
}
#campActivities .container .activityContainer .campActivity .activityCard .activityTitle {
  margin-bottom: var(--block);
}
@media (max-width: 960px) {
  #campActivities .container .activityContainer {
    gap: calc(var(--block) * 1.25);
    row-gap: var(--grid);
  }
  #campActivities .container .activityContainer .campActivity {
    width: calc(50% - (var(--grid)));
  }
}
@media (max-width: 576px) {
  #campActivities .container .activityContainer {
    row-gap: calc(var(--block) * 1.5);
  }
  #campActivities .container .activityContainer .campActivity {
    width: 100%;
  }
}

#campsCalendar .container .calendarContainer {
  margin-top: calc(var(--block) * 2.5);
  padding: 0 calc(var(--block) * 6.25);
  max-width: 100%;
  gap: var(--block);
}
#campsCalendar .container .calendarContainer .calendarCard {
  width: 100%;
  border-left: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  padding-bottom: 0;
  margin: 0;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarImageContainer {
  min-width: fit-content;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarImageContainer .calendarImage {
  border-radius: calc((var(--block)) * 1.5) !important;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity {
  padding: var(--block) var(--grid);
  width: 100%;
  gap: calc((var(--block)) * 1.5);
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData {
  width: 100%;
  gap: calc((var(--block)) * 1.5);
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .activityTitle {
  flex: 1;
  font-size: 20px !important;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .dateAndLocation {
  gap: var(--block);
  flex: 1;
  font-size: 16px !important;
  justify-content: center !important;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .dateAndLocation .dateRow {
  gap: calc((var(--block)) * 0.5);
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .dateAndLocation .dateRow .icon {
  width: calc((var(--block)) * 1.5);
  height: calc((var(--block)) * 1.5);
  min-width: calc((var(--block)) * 1.5);
  min-height: calc((var(--block)) * 1.5);
  margin: 0 !important;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .dateAndLocation .locationRow {
  gap: calc((var(--block)) * 0.5);
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .dateAndLocation .locationRow .icon {
  width: calc((var(--block)) * 1.5);
  height: calc((var(--block)) * 1.5);
  min-width: calc((var(--block)) * 1.5);
  min-height: calc((var(--block)) * 1.5);
  margin: 0;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer {
  display: flex;
  flex-direction: column;
  align-items: end;
}
#campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer .alertMessage {
  text-align: end;
}
@media (max-width: 1300px) {
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity {
    padding: var(--grid);
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .activityTitle {
    width: calc((var(--block)) * 20);
  }
}
@media (max-width: 960px) {
  #campsCalendar .container .calendarContainer {
    padding: 0;
    gap: var(--grid);
  }
  #campsCalendar .container .calendarContainer .calendarCard {
    width: 50%;
    width: calc(50% - var(--grid) * 0.5);
    flex-direction: column;
    justify-content: flex-start;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarImageContainer {
    min-width: unset;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarImageContainer .calendarImage {
    max-width: 100%;
    height: unset;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity {
    flex-direction: column;
    gap: calc(var(--block) * 1.5);
    align-items: flex-start !important;
    height: 100%;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData {
    height: 100%;
    flex-direction: column;
    gap: var(--block);
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .activityTitle {
    width: 100%;
    font-size: 18px !important;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer .alertMessage {
    text-align: start;
  }
}
@media (max-width: 576px) {
  #campsCalendar .container .calendarContainer {
    gap: var(--block);
  }
  #campsCalendar .container .calendarContainer .calendarCard {
    width: 100%;
    flex-direction: column;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarImageContainer .calendarImage {
    max-width: 100%;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity {
    height: 100%;
    flex-direction: column;
    gap: calc(var(--block) * 1.5);
    align-items: flex-start !important;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData {
    flex-direction: column;
    gap: var(--block);
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .activityTitle {
    width: 100%;
    font-size: 18px !important;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .activityData .dateAndLocation {
    gap: var(--block);
    justify-content: center;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer .modalButton {
    width: fit-content;
  }
  #campsCalendar .container .calendarContainer .calendarCard .calendarActivity .buttonContainer .alertMessage {
    text-align: start;
  }
}
#campsCalendar .backdrop .formModalContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 0;
}
#campsCalendar .backdrop .formModalContainer .closeFormButtonHolder {
  display: flex;
}
#campsCalendar .backdrop .formModalContainer .closeFormButtonHolder .close-form-button {
  z-index: 2;
  margin-left: auto;
}
#campsCalendar .backdrop .formModalContainer .formModal .form-description {
  width: 35% !important;
}
#campsCalendar .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
  margin-top: 0;
}
#campsCalendar .backdrop .formModalContainer .formModal .success-message,
#campsCalendar .backdrop .formModalContainer .formModal .error-message {
  display: none;
}
#campsCalendar .backdrop .formModalContainer .formModal #onApplyButton {
  pointer-events: none;
}
#campsCalendar .backdrop .formModalContainer .formModal .success-visible {
  display: block;
  align-self: center;
  text-align: center;
  margin: auto;
  padding: var(--heroBodyPadding) 0;
}
@media (max-width: 960px) {
  #campsCalendar .backdrop .formModalContainer .formModalContainer {
    padding: 50px 0;
  }
  #campsCalendar .backdrop .formModalContainer .formModal {
    top: 60%;
    flex-direction: column;
    overflow-y: auto;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-description,
  #campsCalendar .backdrop .formModalContainer .formModal .form-content {
    width: 100% !important;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-description .company-data-form .company-infos-outer .company-infos,
  #campsCalendar .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  #campsCalendar .backdrop .formModalContainer .formModal {
    top: 50%;
    flex-direction: column;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-description {
    display: none;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-content .customTitle {
    margin-bottom: var(--block) !important;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-content .company-data-form {
    margin-top: 0;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
    justify-content: space-between;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box {
    width: 100%;
  }
  #campsCalendar .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
    margin-top: calc(var(--block) * 3);
  }
}
@media (max-width: 400px) {
  #campsCalendar .backdrop .formModalContainer .formModal {
    top: 65%;
  }
}

#camps .campContainer {
  margin-top: calc(var(--block) * 2.5);
  width: 100%;
  justify-content: space-between;
}
#camps .campContainer .campCard {
  margin: calc(var(--grid) * 0.5);
  border-left: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  padding-bottom: 0;
  padding-bottom: var(--grid);
}
#camps .campContainer .campCard .campImage {
  border-radius: var(--grid);
  width: 100%;
  height: 100%;
}
#camps .campContainer .campCard .customContent {
  height: 100%;
}
#camps .campContainer .campCard .customContent .cont {
  height: 100%;
  gap: calc(var(--block) * 1.5);
}
#camps .campContainer .campCard .customContent .cont .campTitle {
  margin-bottom: 0;
  font-size: 24px;
}
@media (max-width: 960px) {
  #camps .campContainer {
    gap: var(--block);
  }
  #camps .campContainer .campCard {
    width: calc(50% - var(--grid) * 1.5);
  }
  #camps .campContainer .campCard .customContent .cont .campTitle {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  #camps .campContainer .campCard {
    width: 100%;
  }
}

#aboutCamps .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 1) !important;
  max-width: calc(100vw - var(--containerPadding) - var(--containerPadding));
  overflow-x: scroll;
  scrollbar-width: none;
  scrollbar-color: rgba(54, 160, 72, 0.281) transparent;
}
#aboutCamps .hero-body .tabs.is-boxed .tabs-container {
  background-color: #ebf5ed;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  margin-bottom: 8px;
}
#aboutCamps .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: calc(var(--block) * 2.5);
  text-wrap: wrap;
  min-height: 100%;
  width: fit-content;
  display: flex;
  justify-content: center;
}
#aboutCamps .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  min-height: 100%;
  border-radius: 40px;
  padding: 5px calc(var(--block) * 1.5);
  max-width: 285px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
#aboutCamps .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 14px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  width: 100%;
}
#aboutCamps .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button .tab-button-label {
  font-size: 14px;
}
#aboutCamps .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
#aboutCamps .hero-body .tabs.is-boxed::-webkit-scrollbar {
  width: 0;
  height: calc(var(--block) * 0.5);
}
#aboutCamps .hero-body .tabs.is-boxed::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
#aboutCamps .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(54, 160, 72, 0.281);
  background: rgba(54, 160, 72, 0.281);
}
#aboutCamps .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (min-width: 1300px) {
  #aboutCamps .hero-body .tabs.is-boxed {
    max-width: calc(100vw - 2 * var(--containerPadding) - 2 * var(--containerPadding));
    overflow-x: scroll;
  }
  #aboutCamps .hero-body .tabs.is-boxed .tabs-list {
    max-width: 100%;
  }
  #aboutCamps .hero-body .tabs.is-boxed .tabs-list .tabs-container {
    margin-bottom: 8px;
  }
  #aboutCamps .hero-body .tabs.is-boxed .tabs-list .tabs-container .tabs-li {
    max-width: 0.1428571429;
  }
}
@media screen and (max-width: 960px) {
  #aboutCamps .hero-body .tabs {
    width: 100%;
  }
  #aboutCamps .hero-body .tabs .tabs-list {
    margin-bottom: 8px;
  }
  #aboutCamps .hero-body .tabs .tabs-list .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 8px;
  }
  #aboutCamps .hero-body .tabs .tabs-list .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #aboutCamps .hero-body .tabs .tabs-list .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #aboutCamps .hero-body .tabs.is-boxed::-webkit-scrollbar {
    height: 0;
  }
}
#aboutCamps .hero-body .tab-content {
  padding: 0;
  border: unset;
}
#aboutCamps .hero-body .tab-content .tab-pane .tab-content-container {
  gap: calc(var(--block) * 6);
}
#aboutCamps .hero-body .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
#aboutCamps .hero-body .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
@media screen and (max-width: 960px) {
  #aboutCamps .container {
    padding: 0 var(--spacer);
  }
  #aboutCamps .container .tabs {
    width: 100%;
  }
  #aboutCamps .container .tabs .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
  }
  #aboutCamps .container .tabs .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #aboutCamps .container .tabs .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #aboutCamps .container .tab-content .tab-pane .tab-content-container {
    flex-direction: column;
    gap: calc(var(--block) * 2.5);
  }
  #aboutCamps .container .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #aboutCamps .container .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #aboutCamps .container .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}

#simpleLargeDescription .simpleLarge-title {
  width: 60%;
  margin: 0 auto;
}
#simpleLargeDescription .simpleLarge-text {
  width: 60%;
  margin: var(--grid) auto;
}
@media (max-width: 960px) {
  #simpleLargeDescription .simpleLarge-title {
    width: 100%;
  }
  #simpleLargeDescription .simpleLarge-text {
    width: 100%;
  }
}

#childrenStories .contentContainer {
  margin: calc(var(--grid) * -0.5);
}
#childrenStories .contentContainer .childStoryCard {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
  border-left: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#childrenStories .contentContainer .childStoryCard .customContent {
  padding: var(--grid) var(--grid) calc(var(--block) * 2) var(--grid);
}
#childrenStories .contentContainer .childStoryCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#childrenStories .contentContainer .childStoryCard .customContent .cont .text {
  margin-bottom: calc(var(--block) * 3);
}
#childrenStories .contentContainer .childStoryCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#childrenStories .contentContainer .childStoryCard .children-stories-linkbutton {
  margin-top: auto;
}
#childrenStories .contentContainer .childStoryCard .children-stories-linkbutton .linkButton {
  margin: 0 var(--grid);
  margin-top: auto;
  width: initial;
  box-shadow: 2px 4px 0px #36a048;
}
@media (max-width: 960px) {
  #childrenStories .hero-body {
    padding-top: 0;
  }
  #childrenStories .hero-body .contentContainer {
    gap: var(--grid);
  }
  #childrenStories .hero-body .contentContainer .childStoryCard {
    width: 100%;
    margin: calc(var(--block) * 0.5);
  }
  #childrenStories .hero-body .contentContainer .childStoryCard .children-stories-linkbutton .linkButton {
    margin: 0 var(--grid);
    width: initial;
  }
}

#about20CompanyDonation .hero-body .container .box-holder {
  max-width: 1194px;
  margin: 0 auto;
  margin-top: calc(var(--block) * 2.75);
  gap: 32px;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation {
  width: 50%;
  padding: calc(var(--grid) * 1.125) var(--grid) var(--grid) var(--grid);
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .infos-holder .sectionTitle {
  margin-bottom: 8px;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .infos-holder p {
  text-align: start;
  font-weight: 450;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .buttons-holder {
  gap: calc(var(--block) * 3);
  margin-top: calc(var(--block) * 2);
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons {
  gap: var(--grid);
  justify-content: space-between;
  align-items: flex-start;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons .contract-button {
  font-weight: 500;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons .linkButton {
  height: auto;
}
#about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons .backdrop .tax-modal {
  display: none;
}
#about20CompanyDonation .hero-body .container .pdf-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--block) * 2.5);
  gap: 20px;
}
#about20CompanyDonation .hero-body .container .pdf-links .linkButton {
  font-weight: 450;
  height: auto;
}
@media screen and (max-width: 1300px) {
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons .contract-button {
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .buttons-holder {
    height: unset;
    gap: calc((--block) * 3);
  }
}
@media screen and (max-width: 850px) {
  #about20CompanyDonation .hero-body .container .box-holder {
    flex-direction: column;
    gap: calc(var(--block) * 1.375);
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation {
    width: 100%;
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons.centeredButtons {
    align-items: center !important;
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons .contract-button {
    text-align: center;
  }
}
@media screen and (max-width: 576px) {
  #about20CompanyDonation .hero-body .container .box-holder {
    flex-direction: column;
    gap: calc(var(--block) * 1.375);
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation {
    width: 100%;
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons {
    flex-direction: column;
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons.centeredButtons {
    align-items: center !important;
  }
  #about20CompanyDonation .hero-body .container .box-holder .anual-donation .contract-buttons .contract-button {
    text-align: center;
  }
}

#expanses .expanses-holder {
  gap: var(--grid);
}
#expanses .expanses-holder .expanses-texts {
  max-width: calc(100% - 2 * var(--spacer));
  text-align: center;
}
#expanses .expanses-holder .expanses-buttons {
  gap: var(--block);
}
@media (max-width: 960px) {
  #expanses .expanses-holder .expanses-buttons .expanses-button {
    width: auto;
  }
}
@media (max-width: 576px) {
  #expanses .expanses-holder .expanses-buttons {
    width: calc(100% - 2 * var(--spacer));
    gap: calc(var(--block) * 1.5);
    flex-direction: column;
  }
  #expanses .expanses-holder .expanses-buttons .expanses-button {
    width: 100%;
  }
}

#annual-raports .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--grid);
  margin-bottom: var(--grid);
  padding: var(--grid);
}

.annual-report-box {
  width: calc(var(--spacer) * 18.5);
  padding: var(--spacer);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(var(--block) * -7.25) !important;
  border-radius: calc(var(--block) * 5) !important;
}
.annual-report-box .reportTitle {
  margin-bottom: calc(var(--block) * 1.5);
}
.annual-report-box .otherReports {
  display: flex;
  justify-content: center;
  gap: var(--block);
  align-items: center;
}
.annual-report-box .otherReports .selectReportYear {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: var(--heroBorderRadiusSmall);
  padding: calc(var(--block) * 0.6875) calc(var(--block) * 1.25);
  width: calc(var(--grid) * 11.75);
  background: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat;
  background-position: calc(100% - var(--block) * 1.25) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}
.annual-report-box .otherReports .selectReportYear:focus-visible {
  outline: none;
}
.annual-report-box .otherReport {
  margin-top: var(--spacer);
}
.annual-report-box .otherReportsTitle {
  margin-top: var(--spacer);
  margin-bottom: var(--block);
}

@media screen and (max-width: 960px) {
  .annual-report-box {
    width: var(--containerWidth);
    padding: calc(var(--block) * 3);
  }
  .annual-report-box .otherReportsTitle {
    margin-top: calc(var(--block) * 3);
  }
  .annual-report-box .otherReport {
    margin-top: calc(var(--block) * 1.5);
  }
}
@media screen and (max-width: 576px) {
  .annual-report-box {
    width: var(--containerWidth);
    padding: var(--block);
  }
  .annual-report-box .otherReports {
    flex-direction: column;
  }
  .annual-report-box .otherReports .selectReportYear {
    width: 80%;
  }
  .annual-report-box .otherReport {
    margin-top: 200px;
  }
}
.camp-subpage .hero-body .container .inner-container {
  display: flex;
  flex-direction: row;
  gap: calc(var(--block) * 7);
  align-items: center;
}
.camp-subpage .hero-body .container .inner-container .title-desc .campName {
  margin-bottom: var(--block);
}
.camp-subpage .hero-body .container .inner-container .campsubpageDonateButton {
  display: none !important;
}
.camp-subpage .hero-body .container .inner-container picture {
  width: 50%;
  flex: none;
}
.camp-subpage .hero-body .container .camp-details {
  display: flex;
  flex-direction: row;
  gap: calc(var(--block) * 7);
  margin-top: calc(var(--block) * 2.5);
}
.camp-subpage .hero-body .container .camp-details .camp-desc {
  width: 50%;
}
.camp-subpage .hero-body .container .camp-details .camp-desc .dateAndLocation {
  margin: calc(var(--block) * 2.5) 0;
  gap: var(--block);
}
.camp-subpage .hero-body .container .camp-details .camp-desc .dateAndLocation .dateRow {
  gap: calc(var(--block) * 0.5);
}
.camp-subpage .hero-body .container .camp-details .camp-desc .dateAndLocation .locationRow {
  gap: calc(var(--block) * 0.5);
}
@media screen and (max-width: 960px) {
  .camp-subpage .hero-body .container .inner-container {
    gap: calc(var(--block) * 3);
    flex-direction: column;
    align-items: flex-start;
  }
  .camp-subpage .hero-body .container .inner-container picture {
    width: 100%;
  }
  .camp-subpage .hero-body .container .camp-details {
    flex-direction: column;
    gap: calc(var(--block) * 2.5);
  }
  .camp-subpage .hero-body .container .camp-details picture {
    order: 2;
  }
  .camp-subpage .hero-body .container .camp-details .camp-desc {
    width: 100%;
    order: 1;
  }
  .camp-subpage .hero-body .container .camp-details .camp-desc .dateAndLocation {
    margin: calc(var(--block) * 2.5) 0;
    gap: var(--block);
  }
  .camp-subpage .hero-body .container .camp-details .camp-desc .dateAndLocation .dateRow {
    gap: calc(var(--block) * 0.5);
  }
  .camp-subpage .hero-body .container .camp-details .camp-desc .dateAndLocation .locationRow {
    gap: calc(var(--block) * 0.5);
  }
}
@media screen and (max-width: 576px) {
  .camp-subpage .hero-body .container .inner-container .campsubpageDonateButton {
    display: block !important;
  }
}
.camp-subpage .hero-body .backdrop .formModalContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 0;
}
.camp-subpage .hero-body .backdrop .formModalContainer .closeFormButtonHolder {
  display: flex;
}
.camp-subpage .hero-body .backdrop .formModalContainer .closeFormButtonHolder .close-form-button {
  z-index: 2;
  margin-left: auto;
}
.camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-description {
  width: 35% !important;
}
.camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
  margin-top: 0;
}
.camp-subpage .hero-body .backdrop .formModalContainer .formModal .success-message,
.camp-subpage .hero-body .backdrop .formModalContainer .formModal .error-message {
  display: none;
}
.camp-subpage .hero-body .backdrop .formModalContainer .formModal #onApplyButton {
  pointer-events: none;
}
.camp-subpage .hero-body .backdrop .formModalContainer .formModal .success-visible {
  display: block;
  align-self: center;
  text-align: center;
  margin: auto;
  padding: var(--heroBodyPadding) 0;
}
@media (max-width: 960px) {
  .camp-subpage .hero-body .backdrop .formModalContainer .formModalContainer {
    padding: 50px 0;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal {
    top: 60%;
    flex-direction: column;
    overflow-y: auto;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-description,
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content {
    width: 100% !important;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-description .company-data-form .company-infos-outer .company-infos,
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal {
    top: 50%;
    flex-direction: column;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-description {
    display: none;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .customTitle {
    margin-bottom: var(--block) !important;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .company-data-form {
    margin-top: 0;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
    justify-content: space-between;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box {
    width: 100%;
  }
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
    margin-top: calc(var(--block) * 3);
  }
}
@media (max-width: 400px) {
  .camp-subpage .hero-body .backdrop .formModalContainer .formModal {
    top: 65%;
  }
}

.donationMyEventBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: var(--block);
  padding: calc(var(--block) * 2);
  max-width: calc(var(--block) * 33.3125);
  position: absolute;
  bottom: calc(var(--block) * 3);
  right: calc(var(--containerPadding) + 48px);
  height: calc(var(--block) * 41.75);
}
.donationMyEventBox .activeEvent {
  border-radius: 12px !important;
  border: 2px solid var(--primary-green-60, #36a048) !important;
}
.donationMyEventBox .customTitle {
  margin-bottom: calc(var(--block) * 0.5);
}
.donationMyEventBox .events {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--block) * 1.5);
  margin-bottom: calc(var(--block) * 2);
  gap: calc(var(--block) / 2);
}
.donationMyEventBox .events .eventLabel {
  border-radius: calc(var(--block) * 0.75);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: var(--block);
  cursor: pointer;
  color: #36a048;
  background-color: transparent;
  font-size: var(--linkButtonFontSize);
  font-weight: 700;
  width: 100%;
}
.donationMyEventBox .events .eventLabel input {
  display: none;
}
.donationMyEventBox .events .eventLabel:checked {
  border-radius: 50%;
}
.donationMyEventBox .events .clicked {
  border: 2px solid #36a048;
}
.donationMyEventBox .generalActivityButtonHolder {
  margin-top: calc(var(--block) * 1.5);
  margin-bottom: calc(var(--block) * 4);
}
.donationMyEventBox .generalActivityButtonHolder .generalActivityButton {
  border-radius: calc(var(--block) * 0.75);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: var(--block);
  width: 100%;
  color: #36a048;
  cursor: pointer;
  background-color: transparent;
  font-size: var(--linkButtonFontSize);
  font-weight: 700;
}
.donationMyEventBox .submitButtonHolder {
  width: 100%;
}
.donationMyEventBox .submitButtonHolder .submitButton {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .donationMyEventBox .contactBox {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 960px) {
  .donationMyEventBox {
    display: flex;
    position: relative;
    bottom: unset;
    right: unset;
    box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: unset;
    width: 60%;
    margin: 0 auto;
    padding: 32px;
    margin-top: calc(var(--grid) * 3);
    margin-bottom: calc(var(--grid) * 3);
    height: max-content;
    gap: var(--grid);
  }
  .donationMyEventBox .submitButtonHolder {
    margin-bottom: var(--grid);
  }
  .donationMyEventBox .contactBox {
    flex-direction: column;
    align-items: center;
    margin-top: var(--grid);
  }
  .donationMyEventBox .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .donationMyEventBox .modalButton {
    height: calc(var(--block) * 4.8);
  }
  .donationMyEventBox .yearSelector-buttons .modalButton {
    cursor: pointer;
  }
}
@media screen and (max-width: 678px) {
  .donationMyEventBox {
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .donationMyEventBox {
    width: 95%;
    padding: calc(var(--block) * 1.6);
    margin-top: var(--spacer);
  }
  .donationMyEventBox .smallMobileButton {
    display: block;
  }
  .donationMyEventBox .modalButton {
    width: 100%;
    margin-top: calc(var(--block) * 1.6);
  }
  .donationMyEventBox .yearSelector-buttons {
    display: none !important;
  }
  .donationMyEventBox .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .donationMyEventBox .modalButton {
    height: calc(var(--block) * 4.8);
  }
}
#description .hero-body .container .inner-container .description-title {
  margin-top: var(--spacer);
}
#description .hero-body .container .inner-container .description {
  max-width: 950px;
  margin: 0 auto;
}

.donationLevels .contentContainer {
  margin: calc(var(--grid) * -0.5);
  margin-top: calc(var(--block) * 2.5);
}
.donationLevels .contentContainer .donationlevelCard {
  width: calc(25% - 32px);
  margin: calc(var(--grid) * 0.5);
  border-left: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
.donationLevels .contentContainer .donationlevelCard .customContent {
  padding: var(--grid) var(--grid) 0 var(--grid);
}
.donationLevels .contentContainer .donationlevelCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.donationLevels .contentContainer .donationlevelCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
@media (max-width: 960px) {
  .donationLevels .hero-body {
    padding-top: 0;
  }
  .donationLevels .hero-body .contentContainer .donationlevelCard {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 576px) {
  .donationLevels .hero-body .contentContainer .donationlevelCard {
    width: 100%;
  }
}

.selectorBox35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  background-color: white;
  border-radius: var(--block);
  padding: calc(var(--block) * 2);
  gap: 40px;
  max-width: calc(var(--block) * 33.3125);
  position: absolute;
  bottom: 48px;
  right: calc(var(--containerPadding) + 48px);
  min-height: calc(var(--block) * 41.75);
  height: fit-content;
}
.selectorBox35 .buttonHolder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--block);
}
.selectorBox35 .buttonHolder .donateButton {
  border: none;
  width: 100%;
}

.donation35 .formModalContainer .formModal .form-description {
  width: 35%;
}
.donation35 .formModalContainer .formModal .form-content .company-data-form {
  margin-top: 0;
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer {
  display: block;
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .company-box {
  width: calc(50% - var(--block) * 0.5);
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos {
  justify-content: space-between;
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .fullwidth {
  width: 100% !important;
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .checkbox-holder {
  display: flex;
  flex-direction: row;
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .checkbox-outer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: calc(var(--block) * 2.5);
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .signature-description {
  margin-bottom: calc(var(--block) * 2.5);
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .company-infos .linkButton {
  margin-top: var(--grid);
}
.donation35 .formModalContainer .formModal .form-content .company-data-form .company-infos-outer .margin-top-extra {
  margin-top: var(--grid);
}

@media screen and (max-width: 1100px) {
  .selectorBox35 {
    display: flex;
    position: relative;
    bottom: unset;
    right: unset;
    box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: unset;
    width: 65%;
    margin: 0 auto;
    padding: 32px;
    margin-top: calc(var(--grid) * 3);
    min-height: unset;
  }
  .selectorBox35 .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .selectorBox35 .modalButton {
    height: calc(var(--block) * 4.8);
  }
  .selectorBox35 .yearSelector-buttons .modalButton {
    cursor: pointer;
  }
}
@media screen and (max-width: 960px) {
  .donation35 .formModalContainer .formModal .form-description {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .selectorBox35 {
    width: 85%;
  }
}
@media screen and (max-width: 576px) {
  .selectorBox35 {
    width: 90%;
    padding: calc(var(--block) * 1.6);
    margin-top: var(--spacer);
  }
  .selectorBox35 .smallMobileButton {
    display: block;
  }
  .selectorBox35 .yearSelector-buttons {
    display: none !important;
  }
  .selectorBox35 .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .selectorBox35 .modalButton {
    height: calc(var(--block) * 4.8);
  }
}
.charitySportBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: var(--block);
  padding: calc(var(--block) * 2);
  max-width: calc(var(--block) * 33.3125);
  position: absolute;
  bottom: calc(var(--block) * 3);
  right: calc(var(--containerPadding) + 48px);
}
.charitySportBox .activities {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.charitySportBox .activeActivity {
  border-radius: 12px !important;
  border: 2px solid var(--primary-green-60, #36a048) !important;
}
.charitySportBox .customTitle {
  margin-bottom: calc(var(--block) * 0.5);
}
.charitySportBox .activities {
  margin-top: calc(var(--block) * 1.5);
  margin-bottom: calc(var(--block) * 2);
  gap: calc(var(--block) / 2);
}
.charitySportBox .activities .activityLabel {
  border-radius: calc(var(--block) * 0.75);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: var(--block);
  cursor: pointer;
  color: #36a048;
  background-color: transparent;
  font-size: var(--linkButtonFontSize);
  font-weight: 700;
}
.charitySportBox .activities .activityLabel input {
  display: none;
}
.charitySportBox .activities .activityLabel.col2 {
  width: calc(50% - var(--block) / 2);
}
.charitySportBox .activities .activityLabel.col3 {
  width: calc(33% - var(--block) / 2);
}
.charitySportBox .activities .activityLabel:checked {
  border-radius: 50%;
}
.charitySportBox .activities .clicked {
  border: 2px solid #36a048;
}
.charitySportBox .generalActivityButtonHolder {
  margin-top: calc(var(--block) * 1.5);
  margin-bottom: calc(var(--block) * 4);
}
.charitySportBox .generalActivityButtonHolder .generalActivityButton {
  border-radius: calc(var(--block) * 0.75);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: var(--block);
  width: 100%;
  color: #36a048;
  cursor: pointer;
  background-color: transparent;
  font-size: var(--linkButtonFontSize);
  font-weight: 700;
}
.charitySportBox .submitButtonHolder {
  width: 100%;
}
.charitySportBox .submitButtonHolder .submitButton {
  width: 100%;
}

.selectActivity {
  height: 48px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: var(--heroBorderRadiusSmall);
  padding: calc(var(--block) * 0.6875) calc(var(--block) * 1.25);
  background: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat;
  background-position: calc(100% - var(--block) * 1.25) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}
.selectActivity:focus-visible {
  outline: none;
}

@media screen and (max-width: 1320px) {
  .br-1320 .hero-body {
    padding-bottom: 0;
  }
  .br-1320 .backdrop .closeFormButtonHolder {
    width: 90vw;
    max-width: 1440px;
  }
  .br-1320 .backdrop .formModal {
    width: 90vw;
    flex-direction: column;
    justify-content: start;
    top: calc(var(--block) * 9);
  }
  .br-1320 .backdrop .formModal .form-description {
    width: 100%;
  }
  .br-1320 .backdrop .formModal .form-description .customTitle {
    font-size: calc(var(--block) * 2.4);
  }
  .br-1320 .backdrop .formModal .form-content {
    width: 100%;
  }
  .br-1320 .backdrop .formModal .form-content .company-data-form .form-starter-button {
    width: 100%;
  }
  .br-1320 .backdrop .formModal .form-content .company-data-form .company-infos-outer .company-form-bottomtext {
    margin-top: calc(var(--block) * 2.4);
  }
  .charitySportBox {
    display: flex;
    position: relative;
    bottom: unset;
    right: unset;
    box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: unset;
    width: 50%;
    margin: 0 auto;
    padding: 32px;
    margin-top: calc(var(--grid) * 3);
    margin-bottom: calc(var(--grid) * 3);
  }
  .charitySportBox .year-title {
    font-size: calc(var(--block) * 2.4);
    margin-bottom: var(--block);
  }
  .charitySportBox .modalButton {
    height: calc(var(--block) * 4.8);
  }
  .charitySportBox .yearSelector-buttons .modalButton {
    cursor: pointer;
  }
}
@media screen and (max-width: 900px) {
  .charitySportBox .activities {
    flex-direction: column;
  }
  .charitySportBox .activities .activityLabel.col2 {
    width: 100%;
  }
  .charitySportBox .activities .activityLabel.col3 {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .charitySportBox {
    width: 100%;
  }
}
.sport-events {
  background-color: white;
  border-radius: 32px;
  padding: var(--grid);
}
.sport-events .events-holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--grid);
  border-bottom: 1px solid var(--background-green, #ebf5ed);
  padding-bottom: var(--grid);
  padding-top: var(--grid);
}
.sport-events .events-holder .event-title {
  width: 65%;
}
.sport-events .events-holder .event-title .event-title-cover {
  display: flex;
  flex-direction: row;
  justify-content: start;
  column-gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.sport-events .events-holder .event-title .event-title-cover .event-cover {
  width: 40px;
  height: 32px;
}
.sport-events .events-holder .details-button-holder {
  width: 35%;
}
.sport-events .events-holder:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.sport-events .events-holder:first-child {
  padding-top: 0;
}

@media screen and (max-width: 576px) {
  .sport-events .events-holder {
    flex-direction: column;
  }
  .sport-events .events-holder .details-button-holder {
    margin-top: calc(var(--block) * 1.5);
    width: 100%;
  }
  .sport-events .events-holder:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .sport-events .events-holder:first-child {
    padding-top: 0;
  }
}
#eventSoprtCarousel {
  position: fixed;
  bottom: 0;
  z-index: 5;
  padding-bottom: calc(var(--block) * 1);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner {
  border-radius: calc(var(--block) * 2);
  border: 2px solid var(--background-green, #ebf5ed);
  background: var(--greys-white, #fff);
  padding: calc(var(--block) * 1.25) calc(var(--block) * 2);
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .carouselTitle {
  margin-bottom: calc(var(--block) * 1);
  font-weight: 900;
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas {
  width: 100%;
  align-items: center;
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container {
  width: 85%;
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .sport-event-carousel-card {
  gap: calc(var(--block) * 0.75);
  min-height: calc(var(--block) * 4);
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .sport-event-carousel-card .slide .coverImageHolder {
  height: 100%;
  position: relative;
  width: calc(var(--block) * 5);
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .sport-event-carousel-card .slide .coverImageHolder .coverImage {
  max-height: calc(var(--block) * 4);
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: calc(var(--block) * 5);
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .sport-event-carousel-card .slide .eventDatas {
  gap: 8px;
  height: max-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows {
  width: 15%;
  text-align: right;
  cursor: pointer;
}
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows .sport-event-carousel-arrow-left.slick-disabled,
#eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows .sport-event-carousel-arrow-right.slick-disabled {
  opacity: 0.5;
}
@media screen and (max-width: 576px) {
  #eventSoprtCarousel {
    padding-bottom: calc(var(--block) * 7);
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner {
    border-radius: 16px;
    padding: 12px;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .carouselTitle {
    display: none !important;
    margin-bottom: 50px;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas {
    width: 100%;
    height: 100%;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container {
    width: 85%;
    height: 100%;
    min-height: 64px;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .slide .coverImageHolder .coverImage {
    right: unset;
    height: 100%;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .slide .eventDatas {
    gap: 8px;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .slide .eventDatas .eventTitleBig {
    display: none;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .sport-events-slider-inner-container .slide .eventDatas .eventTitleMobile {
    display: block !important;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows {
    width: 15%;
    text-align: right;
    cursor: pointer;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows img {
    width: 35px;
  }
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows .sport-event-carousel-arrow-left.slick-disabled,
  #eventSoprtCarousel .sport-events-slider .sport-events-slider-inner .datas .arrows .sport-event-carousel-arrow-right.slick-disabled {
    opacity: 0.5;
  }
}

#donationDetailsLandingBirthday .container .form-holder .selectorBox {
  height: calc(var(--block) * 41.75);
  min-height: fit-content;
}
#donationDetailsLandingBirthday .container .form-holder .selectorBox .buttonHolder {
  width: 100%;
}
#donationDetailsLandingBirthday .container .form-holder .selectorBox .buttonHolder .donateButton {
  width: 100%;
}
@media screen and (max-width: 1100px) {
  #donationDetailsLandingBirthday .container .form-holder .selectorBox {
    height: fit-content;
    position: relative;
    bottom: unset;
    right: unset;
    box-shadow: 0px 4px 6px -3px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: unset;
    width: 60%;
    margin: 0 auto;
    padding: 32px;
    margin-top: calc(var(--grid) * 3);
  }
}
@media screen and (max-width: 960px) {
  #donationDetailsLandingBirthday .container .form-holder {
    margin-bottom: calc(var(--grid) * 3);
  }
  #donationDetailsLandingBirthday .container .form-holder .selectorBox {
    height: fit-content;
  }
}
@media screen and (max-width: 576px) {
  #donationDetailsLandingBirthday .container .form-holder .selectorBox {
    width: 100%;
  }
}

#projects .projectCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#projects .projectCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--grid) var(--spacer);
}
#projects .projectCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#projects .projectCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#projects .projectCard .banner {
  width: 50%;
  flex: none;
}
#projects .projectCard .banner figure {
  margin: 0 -2px -2px 0;
}
#projects .projectCard .banner figure img {
  border-radius: var(--grid);
}
#projects .projectCard .banner .desktopView {
  display: block;
}
#projects .projectCard .banner .mobileView {
  display: none;
}
@media screen and (max-width: 960px) {
  #projects .projectCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #projects .projectCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #projects .projectCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #projects .projectCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #projects .projectCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #projects .projectCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #projects .projectCard .banner .figure img {
    border-radius: var(--grid);
  }
  #projects .projectCard .banner .desktopView {
    display: none;
  }
  #projects .projectCard .banner .mobileView {
    display: block;
  }
}
#projects .projectCard.vertical {
  flex-direction: column;
  min-width: 280px;
}
@media screen and (max-width: 576px) {
  #projects .projectCard.vertical {
    min-width: unset !important;
  }
}
#projects .projectCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: var(--grid) var(--grid) calc(var(--block)) var(--grid);
}
#projects .projectCard.vertical .banner {
  order: 1;
  width: 100%;
}
#projects .projectsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
  width: 100%;
}
#projects .projectsContainer .projectCard.vertical.col-3 {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#projects .projectsContainer .projectCard.vertical.col-4 {
  width: calc(25% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
@media screen and (max-width: 960px) {
  #projects .projectsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #projects .projectsContainer .projectCard.vertical.col-3,
  #projects .projectsContainer .projectCard.vertical.col-4 {
    width: calc(50% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 700px) {
  #projects .projectsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #projects .projectsContainer .projectCard.vertical.col-3,
  #projects .projectsContainer .projectCard.vertical.col-4 {
    width: calc(100% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}

.projectDetailsPage .desktop-view {
  gap: calc(var(--block) * 9);
  display: flex;
  flex-direction: column;
}
.projectDetailsPage .mobile-view {
  display: none;
}
.projectDetailsPage .hero-body {
  padding-bottom: 3rem;
}
.projectDetailsPage .accordion {
  width: 100%;
}
.projectDetailsPage .accordion .faq-head {
  cursor: pointer;
  width: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.projectDetailsPage .accordion .faq-head .faq-title {
  text-align: left;
  padding-right: var(--grid);
}
.projectDetailsPage .accordion .faq-head .plus-minus-holder {
  min-width: 29px;
}
.projectDetailsPage .accordion .selected h5:after {
  content: "\f068";
}
.projectDetailsPage .accordion .accord-content {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: var(--block) calc(var(--block) * 1.5) calc(var(--block) * 1.5) calc(var(--block) * 1.5);
  margin-top: -15px;
  border-bottom-left-radius: calc(var(--block) * 1.25);
  border-bottom-right-radius: calc(var(--block) * 1.25);
  cursor: pointer;
}
.projectDetailsPage .accordion .accord-content .content-holder {
  width: 90%;
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: start;
  color: #000000;
}
.projectDetailsPage .accordion .accord-content .content-holder p {
  margin-bottom: 0;
}
.projectDetailsPage .yuppiBorder {
  border-radius: 32px;
  border: 2px solid var(--background-green, #ebf5ed);
  background: var(--greys-white, #fff);
  /* image/md */
  box-shadow: 7px 7px 0px 0px rgba(54, 160, 72, 0.5);
  display: flex;
  padding: calc(var(--block) * 3);
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--block) * 2.5);
  align-self: stretch;
}
.projectDetailsPage .projectDetailContainer {
  margin-top: var(--spacer);
  gap: 11%;
}
.projectDetailsPage .projectDetailContainer .firstColumn {
  width: 49%;
  gap: var(--spacer);
  display: flex;
  flex-direction: column;
}
.projectDetailsPage .projectDetailContainer .firstColumn .latestNewsPart {
  display: flex;
  gap: var(--grid);
  flex-direction: column;
}
.projectDetailsPage .projectDetailContainer .firstColumn .latestNewsPart .latestNewContent {
  display: flex;
  flex-direction: column;
  gap: var(--block);
}
.projectDetailsPage .projectDetailContainer .firstColumn .latestNewsPart .latestNewContent .newsTitle {
  font-weight: 900;
}
.projectDetailsPage .projectDetailContainer .firstColumn .latestNewsPart .latestNewContent .date p {
  color: #333;
}
.projectDetailsPage .projectDetailContainer .firstColumn .latestNewsPart .latestNewContent .date img {
  margin-right: 8px;
}
.projectDetailsPage .projectDetailContainer .firstColumn .projectDescriptionPart {
  display: flex;
  flex-direction: column;
  gap: var(--block);
}
.projectDetailsPage .projectDetailContainer .secondColumn {
  width: 40%;
  gap: calc(var(--block) * 2.5);
}
.projectDetailsPage .projectDetailContainer .secondColumn .supportersPart .logos {
  display: flex;
}
.projectDetailsPage .projectDetailContainer .secondColumn .supportersPart .logos .logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--greys-white, #fff);
  padding: 0px calc(var(--block) * 1.5);
  padding: 0 calc(var(--block) * 1.5);
  gap: 10px;
  border-radius: calc(var(--block) * 1.5);
  width: calc(var(--block) * 14.125);
  height: calc(var(--block) * 14.125);
  width: 50%;
  height: auto;
}
.projectDetailsPage .projectDetailContainer .secondColumn .supportersPart .logos .logo img {
  width: 100%;
}
.projectDetailsPage .projectDetailContainer .secondColumn .galleryPart .galeryImage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--greys-white, #fff);
  padding: 0px calc(var(--block) * 1.5);
  padding: 0 calc(var(--block) * 1.5);
  gap: 10px;
  border-radius: calc(var(--block) * 1.5);
  width: 100%;
  height: auto;
}
.projectDetailsPage .projectDetailContainer .secondColumn .galleryPart .galeryImage img {
  width: 100%;
}
.projectDetailsPage .projectDetailContainer .secondColumn .videosPart .videosContainer {
  width: 100%;
  height: 100%;
  gap: 40px;
}
.projectDetailsPage .projectDetailContainer .secondColumn .videosPart .videosContainer figure {
  width: 100%;
}
.projectDetailsPage .projectDetailContainer .secondColumn .videosPart .videosContainer figure iframe {
  border-radius: 24px;
}
.projectDetailsPage .projectDetailContainer .secondColumn .attachementsPart .pdfContainer {
  width: 100%;
  height: 100%;
  gap: 16px;
}
.projectDetailsPage .projectDetailContainer h2,
.projectDetailsPage .projectDetailContainer h3,
.projectDetailsPage .projectDetailContainer h4,
.projectDetailsPage .projectDetailContainer h5,
.projectDetailsPage .projectDetailContainer h6 {
  color: #f4a51c !important;
}
@media screen and (max-width: 960px) {
  .projectDetailsPage .accordion {
    width: 100%;
  }
  .projectDetailsPage .accordion .faq-head {
    cursor: pointer;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
  .projectDetailsPage .accordion .faq-head .faq-title {
    text-align: left;
    padding-right: var(--grid);
  }
  .projectDetailsPage .accordion .faq-head .plus-minus-holder {
    min-width: 29px;
  }
  .projectDetailsPage .accordion .selected h5:after {
    content: "\f068";
  }
  .projectDetailsPage .accordion .accord-content {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: var(--block) calc(var(--block) * 1.5) calc(var(--block) * 1.5) calc(var(--block) * 1.5);
    margin-top: -15px;
    border-bottom-left-radius: calc(var(--block) * 1.25);
    border-bottom-right-radius: calc(var(--block) * 1.25);
    cursor: pointer;
  }
  .projectDetailsPage .accordion .accord-content .content-holder {
    width: 90%;
    font-family: "Karla";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    text-align: start;
    color: #000000;
  }
  .projectDetailsPage .accordion .accord-content .content-holder p {
    margin-bottom: 0;
  }
  .projectDetailsPage .desktop-view {
    display: none !important;
  }
  .projectDetailsPage .mobile-view {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .projectDetailsPage .mobile-view .archiveNews .archiveNewsContainer {
    display: flex;
    flex-direction: column;
    gap: var(--grid);
  }
  .projectDetailsPage .mobile-view .archiveNews .archiveNewsContainer .latestNewsPart {
    display: flex;
    gap: var(--grid);
    flex-direction: column;
  }
  .projectDetailsPage .mobile-view .archiveNews .archiveNewsContainer .latestNewsPart .latestNewContent {
    display: flex;
    flex-direction: column;
    gap: var(--block);
  }
  .projectDetailsPage .mobile-view .archiveNews .archiveNewsContainer .latestNewsPart .latestNewContent .newsTitle {
    font-weight: 900;
  }
  .projectDetailsPage .mobile-view .archiveNews .archiveNewsContainer .latestNewsPart .latestNewContent .date p {
    color: #333;
  }
  .projectDetailsPage .mobile-view .archiveNews .archiveNewsContainer .latestNewsPart .latestNewContent .date img {
    margin-right: 8px;
  }
  .projectDetailsPage .yuppiBorder {
    padding: 24px;
  }
  .projectDetailsPage .projectDetailContainer {
    gap: 16px;
    flex-wrap: wrap;
  }
  .projectDetailsPage .projectDetailContainer .firstColumn {
    width: 100%;
    gap: 16px;
  }
  .projectDetailsPage .projectDetailContainer .secondColumn {
    width: 100%;
    gap: 16px;
  }
}

#news .newsCard,
.projectDetailsPage .newsCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#news .newsCard .customContent,
.projectDetailsPage .newsCard .customContent {
  width: 50%;
  flex: none;
  padding: calc(var(--block) * 1.5) calc(var(--block) * 9) var(--grid) var(--spacer);
}
#news .newsCard .customContent .cont,
.projectDetailsPage .newsCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#news .newsCard .banner,
.projectDetailsPage .newsCard .banner {
  width: 50%;
  flex: none;
}
#news .newsCard .banner figure,
.projectDetailsPage .newsCard .banner figure {
  margin: 0 -2px -2px 0;
}
#news .newsCard .banner figure img,
.projectDetailsPage .newsCard .banner figure img {
  border-radius: var(--grid);
}
@media screen and (max-width: 960px) {
  #news .newsCard,
  .projectDetailsPage .newsCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #news .newsCard .customContent,
  .projectDetailsPage .newsCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #news .newsCard .customContent .cont .text p,
  .projectDetailsPage .newsCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #news .newsCard .customContent .customName,
  .projectDetailsPage .newsCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #news .newsCard .banner,
  .projectDetailsPage .newsCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #news .newsCard .banner .figure,
  .projectDetailsPage .newsCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #news .newsCard .banner .figure img,
  .projectDetailsPage .newsCard .banner .figure img {
    border-radius: var(--grid);
  }
  #news .newsCard .banner .desktopView,
  .projectDetailsPage .newsCard .banner .desktopView {
    display: none;
  }
  #news .newsCard .banner .mobileView,
  .projectDetailsPage .newsCard .banner .mobileView {
    display: block;
  }
}
#news .newsCard.vertical,
.projectDetailsPage .newsCard.vertical {
  flex-direction: column;
}
#news .newsCard.vertical .customContent,
.projectDetailsPage .newsCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: calc(var(--block) * 1.5) calc(var(--block) * 1.5) calc(var(--block)) calc(var(--block) * 1.5);
}
#news .newsCard.vertical .banner,
.projectDetailsPage .newsCard.vertical .banner {
  order: 1;
  width: 100%;
}
#news .newsContainer,
.projectDetailsPage .newsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
  width: 100%;
}
#news .newsContainer .newsCard.vertical.col-3,
.projectDetailsPage .newsContainer .newsCard.vertical.col-3 {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#news .newsContainer .newsCard.vertical.col-4,
.projectDetailsPage .newsContainer .newsCard.vertical.col-4 {
  width: calc(25% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
@media screen and (max-width: 960px) {
  #news .newsContainer,
  .projectDetailsPage .newsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #news .newsContainer .newsCard.vertical.col-3,
  #news .newsContainer .newsCard.vertical.col-4,
  .projectDetailsPage .newsContainer .newsCard.vertical.col-3,
  .projectDetailsPage .newsContainer .newsCard.vertical.col-4 {
    width: calc(50% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 700px) {
  #news .newsContainer,
  .projectDetailsPage .newsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #news .newsContainer .newsCard.vertical.col-3,
  #news .newsContainer .newsCard.vertical.col-4,
  .projectDetailsPage .newsContainer .newsCard.vertical.col-3,
  .projectDetailsPage .newsContainer .newsCard.vertical.col-4 {
    width: calc(100% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}

.newsDetailsPage .hero-body {
  padding-bottom: 3rem;
}
.newsDetailsPage .contentContainer .descContent .dateContainer {
  gap: calc(var(--block) * 0.5);
}
.newsDetailsPage .descriptionContainer {
  max-width: calc(950px + var(--spacer));
  margin: 0 auto;
  margin-top: var(--spacer);
  padding: var(--grid);
  text-align: left;
}
.newsDetailsPage .descriptionContainer h2,
.newsDetailsPage .descriptionContainer h3,
.newsDetailsPage .descriptionContainer h4,
.newsDetailsPage .descriptionContainer h5,
.newsDetailsPage .descriptionContainer h6 {
  color: #f4a51c !important;
}
@media screen and (max-width: 960px) {
  .newsDetailsPage .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  .newsDetailsPage .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2) 0 0 0;
  }
}

#supporters .hero-body {
  padding-bottom: calc(var(--block) * 24.25) !important;
}
#supporters .hero-body .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--grid);
}
#supporters .hero-body .container .sectionTitle {
  margin-bottom: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  #supporters .hero-body .tabs {
    width: 100%;
  }
  #supporters .hero-body .tabs .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
  }
  #supporters .hero-body .tabs .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #supporters .hero-body .tabs .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #supporters .hero-body .tab-content .tab-pane .tab-content-container {
    flex-direction: column;
    gap: calc(var(--block) * 2.5);
  }
  #supporters .hero-body .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #supporters .hero-body .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #supporters .hero-body .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}

.report-box {
  width: 100%;
  margin-top: calc(var(--block) * -17.25) !important;
}
.report-box .content-container {
  padding: calc(var(--block) * 3);
  text-align: center;
  margin: calc(var(--grid) * 0.5) 0;
  border-left: 2px solid #ebf5ed;
  border-radius: calc(var(--block) * 5) !important;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
.report-box .content-container .categoryContainer .categoryTitle {
  margin-bottom: calc(var(--block) * 2.5);
}
.report-box .content-container .categoryContainer .logos {
  gap: var(--grid);
}
.report-box .content-container .categoryContainer .logos .logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--background-green, #ebf5ed);
  background: var(--greys-white, #fff);
  padding: calc(var(--block) * 1.5);
  gap: 10px;
  border-radius: calc(var(--block) * 1.5);
  border-radius: calc(var(--block) * 1.5);
}
.report-box .content-container .categoryContainer .logos .logo img {
  max-height: 100%;
  max-width: 100%;
}
.report-box .content-container .categoryContainer .logos .logo.categoryLogo1 {
  width: 288px;
  height: 288px;
  width: calc(var(--block) * 18);
  height: calc(var(--block) * 18);
}
.report-box .content-container .categoryContainer .logos .logo.categoryLogo2 {
  width: 180px;
  height: 180px;
  width: calc(var(--block) * 11.25);
  height: calc(var(--block) * 11.25);
  padding: calc(var(--block) * 1.2);
}
.report-box .content-container .categoryContainer .logos .logo.categoryLogo3 {
  width: 170px;
  height: 170px;
  width: calc(var(--block) * 10.625);
  height: calc(var(--block) * 10.625);
  padding: calc(var(--block) * 1.2);
}
.report-box .content-container .categoryContainer .logos .logo.categoryLogo4 {
  width: 156px;
  height: 156px;
  width: calc(var(--block) * 9.75);
  height: calc(var(--block) * 9.75);
  padding: calc(var(--block) * 1.2);
}
.report-box .ambassadorsContainer {
  margin-top: calc(var(--block) * 6.5);
}
.report-box .ambassadorsContainer .ambassadorTitle {
  margin-bottom: calc(var(--block) * 2.5);
}
.report-box .ambassadorsContainer .ambassadors {
  gap: var(--grid);
}
.report-box .ambassadorsContainer .ambassadors .ambassadorCard {
  display: flex;
  width: calc(var(--block) * 17.5);
  height: calc(var(--block) * 17.5);
  padding: calc(var(--block) * 1) calc(var(--block) * 1.5);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: calc(var(--block) * 1.5);
  border: 2px solid var(--background-green, #ebf5ed);
  background: var(--greys-white, #fff);
  min-width: 200px;
  min-height: 200px;
}
.report-box .ambassadorsContainer .ambassadors .ambassadorCard .picture-image {
  border-radius: 50% !important;
  max-width: 165px;
  max-height: 165px;
  height: calc(var(--block) * 10);
  width: calc(var(--block) * 10);
}
.report-box .ambassadorsContainer .ambassadors .ambassadorCard .ambassadorName {
  font-weight: 900;
}
.report-box .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 1) !important;
  max-width: calc(100vw - var(--containerPadding) - var(--containerPadding));
  overflow-x: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 160, 72, 0.281) transparent;
}
.report-box .tabs.is-boxed ul {
  border-bottom: none;
}
.report-box .tabs.is-boxed .tabs-container {
  background-color: #ebf5ed;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  margin-bottom: 8px;
}
.report-box .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: calc(var(--block) * 2.5);
  text-wrap: wrap;
  min-height: 100%;
}
.report-box .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  min-height: 100%;
  border-radius: 40px;
  padding: 5px calc(var(--block) * 1.5);
  max-width: 285px;
  display: flex;
  align-items: center;
}
.report-box .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 14px;
}
.report-box .tabs.is-boxed .tabs-container .tabs-li .tab-button .tab-button-label {
  font-size: 14px;
}
.report-box .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
.report-box .tabs.is-boxed::-webkit-scrollbar {
  width: 0;
  height: calc(var(--block) * 0.5);
}
.report-box .tabs.is-boxed::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
.report-box .tabs.is-boxed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(54, 160, 72, 0.281);
  background: rgba(54, 160, 72, 0.281);
}
.report-box .tabs.is-boxed::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (min-width: 1300px) {
  .report-box .tabs.is-boxed {
    max-width: calc(100vw - 2 * var(--containerPadding) - 2 * var(--containerPadding));
    overflow-x: scroll;
  }
  .report-box .tabs.is-boxed .tabs-list {
    max-width: 100%;
  }
  .report-box .tabs.is-boxed .tabs-list .tabs-container {
    margin-bottom: 8px;
  }
  .report-box .tabs.is-boxed .tabs-list .tabs-container .tabs-li {
    max-width: 0.1428571429;
  }
}
@media screen and (max-width: 960px) {
  .report-box .tabs {
    width: 100%;
  }
  .report-box .tabs .tabs-list {
    margin-bottom: 8px;
  }
  .report-box .tabs .tabs-list .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 8px;
  }
  .report-box .tabs .tabs-list .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  .report-box .tabs .tabs-list .tabs-container::-webkit-scrollbar {
    display: none;
  }
  .report-box .tabs.is-boxed::-webkit-scrollbar {
    height: 0;
  }
}
.report-box .tab-content {
  padding: 0;
  border: unset;
}
.report-box .tab-content .tab-pane {
  display: none;
}
.report-box .tab-content .tab-pane .tab-content-container {
  gap: calc(var(--block) * 6.5);
  margin-top: var(--spacer);
}
.report-box .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
.report-box .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
.report-box .tab-content .tab-pane.is-active {
  display: block;
}

@media screen and (max-width: 960px) {
  .tab-content .tab-pane .tab-content-container {
    flex-direction: row;
  }
  .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}
#team .teamMemberCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  margin: 0;
  padding-bottom: var(--grid);
}
#team .teamMemberCard .customContent {
  width: 50%;
  flex: none;
  padding: calc(var(--block) * 1.5);
}
#team .teamMemberCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#team .teamMemberCard .customContent .cont .text-data {
  gap: var(--block);
}
#team .teamMemberCard .customContent .cont .text-data .personal-data {
  gap: calc(var(--block) * 0.5);
}
#team .teamMemberCard .customContent .cont .text-data .personal-data .phone {
  display: flex;
  gap: 10px;
  font-weight: 500;
}
#team .teamMemberCard .customContent .cont .text-data .personal-data .phone img {
  width: 20px;
  height: 20px;
}
#team .teamMemberCard .customContent .cont .text-data .personal-data .email {
  display: flex;
  gap: 10px;
  font-weight: 500;
}
#team .teamMemberCard .customContent .cont .text-data .personal-data .email img {
  width: 20px;
  height: 20px;
}
#team .teamMemberCard .customContent .cont .text-data .personal-data .email .contact-info {
  text-decoration: underline;
}
#team .teamMemberCard .customContent .cont .text-data .introduction {
  min-height: calc(var(--block) * 5);
}
#team .teamMemberCard .banner {
  width: 50%;
  flex: none;
}
#team .teamMemberCard .banner figure {
  margin: 0 -2px -2px 0;
}
#team .teamMemberCard .banner figure img {
  border-radius: var(--grid);
}
#team .teamMemberCard .button-container {
  margin-left: calc(var(--block) * 1.5) !important;
  margin-right: calc(var(--block) * 1.5) !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 960px) {
  #team .teamMemberCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #team .teamMemberCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #team .teamMemberCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #team .teamMemberCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #team .teamMemberCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #team .teamMemberCard .banner .figure img {
    border-radius: var(--grid);
  }
}
#team .teamMemberCard.vertical {
  flex-direction: column;
}
#team .teamMemberCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: calc(var(--block) * 1.5);
}
#team .teamMemberCard.vertical .banner {
  order: 1;
  width: 100%;
}
#team .teamMemberCardsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
  gap: calc(var(--block) * 1.5);
}
#team .teamMemberCardsContainer .teamMemberCard.vertical {
  width: calc(25% - var(--block) * 1.5);
}
@media screen and (max-width: 1300px) {
  #team .teamMemberCardsContainer {
    flex-direction: column;
    flex-direction: row;
    gap: calc(var(--block) * 3);
    margin: 0;
  }
  #team .teamMemberCardsContainer .teamMemberCard.vertical {
    width: calc(33.33% - (var(--grid)));
  }
}
@media screen and (max-width: 960px) {
  #team .teamMemberCardsContainer {
    flex-direction: row;
    margin: 0;
    flex-wrap: wrap;
    gap: calc(var(--block) * 4);
  }
  #team .teamMemberCardsContainer .teamMemberCard.vertical {
    width: calc(49% - (var(--grid)));
  }
}
@media screen and (max-width: 650px) {
  #team .teamMemberCardsContainer {
    flex-direction: row;
    margin: 0;
  }
  #team .teamMemberCardsContainer .teamMemberCard.vertical {
    width: calc(100% - var(--block) * 0.625);
  }
}
#team .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 1) !important;
  max-width: calc(100vw - var(--containerPadding) - var(--containerPadding));
  overflow-x: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 160, 72, 0.281) transparent;
}
#team .hero-body .tabs.is-boxed .tabs-container {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  margin-bottom: 8px;
}
#team .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: calc(var(--block) * 2.5);
  text-wrap: wrap;
  min-height: 100%;
  width: fit-content;
  display: flex;
  justify-content: center;
}
#team .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  min-height: 100%;
  border-radius: 40px;
  padding: 5px calc(var(--block) * 1.5);
  max-width: 285px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
#team .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 14px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  width: 100%;
}
#team .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button .tab-button-label {
  font-size: 14px;
}
#team .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
#team .hero-body .tabs.is-boxed::-webkit-scrollbar {
  width: 0;
  height: calc(var(--block) * 0.5);
}
#team .hero-body .tabs.is-boxed::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
#team .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(54, 160, 72, 0.281);
  background: rgba(54, 160, 72, 0.281);
}
#team .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (min-width: 1300px) {
  #team .hero-body .tabs.is-boxed {
    max-width: calc(100vw - 2 * var(--containerPadding) - 2 * var(--containerPadding));
    overflow-x: scroll;
  }
  #team .hero-body .tabs.is-boxed .tabs-list {
    max-width: 100%;
  }
  #team .hero-body .tabs.is-boxed .tabs-list .tabs-container {
    margin-bottom: 8px;
  }
  #team .hero-body .tabs.is-boxed .tabs-list .tabs-container .tabs-li {
    max-width: 0.1428571429;
  }
}
@media screen and (max-width: 960px) {
  #team .hero-body .tabs {
    width: 100%;
  }
  #team .hero-body .tabs .tabs-list {
    margin-bottom: 8px;
  }
  #team .hero-body .tabs .tabs-list .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 8px;
  }
  #team .hero-body .tabs .tabs-list .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #team .hero-body .tabs .tabs-list .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #team .hero-body .tabs.is-boxed::-webkit-scrollbar {
    height: 0;
  }
}
#team .hero-body .tab-content {
  padding: 0;
  border: unset;
  width: 100%;
}
#team .hero-body .tab-content .tab-pane {
  display: none;
}
#team .hero-body .tab-content .tab-pane .tab-content-container {
  margin-top: var(--spacer);
}
#team .hero-body .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
#team .hero-body .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
#team .hero-body .tab-content .tab-pane.is-active {
  display: block;
}
@media screen and (max-width: 960px) {
  #team .hero-body .tab-content .tab-pane .tab-content-container {
    flex-direction: row;
  }
  #team .hero-body .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #team .hero-body .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #team .hero-body .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}
#team .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#team .container .content-container {
  padding: calc(var(--block) * 3);
  text-align: center;
  margin: calc(var(--grid) * 0.5) 0;
  border-left: 2px solid #ebf5ed;
  box-shadow: 5px 5px 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#team .backdrop .formModalContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 0;
}
#team .backdrop .formModalContainer .closeFormButtonHolder {
  display: flex;
  max-width: calc(var(--spacer) * 11);
}
#team .backdrop .formModalContainer .closeFormButtonHolder .close-form-button {
  z-index: 2;
  margin-left: auto;
}
#team .backdrop .formModalContainer .formModal {
  max-width: calc(var(--spacer) * 11);
  gap: var(--grid);
  padding: calc(var(--block) * 3);
  overflow-x: hidden;
}
#team .backdrop .formModalContainer .formModal .info-container {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--block) * 1.5);
}
#team .backdrop .formModalContainer .formModal .info-container .banner {
  max-width: 50%;
  max-height: 360px;
}
#team .backdrop .formModalContainer .formModal .info-container .personal-data {
  gap: calc(var(--block) * 0.5);
}
#team .backdrop .formModalContainer .formModal .info-container .personal-data .phone {
  gap: calc(var(--block) * 0.5);
  font-weight: 500;
}
#team .backdrop .formModalContainer .formModal .info-container .personal-data .phone img {
  width: 20px;
  height: 20px;
}
#team .backdrop .formModalContainer .formModal .info-container .personal-data .email {
  gap: calc(var(--block) * 0.5);
  font-weight: 500;
}
#team .backdrop .formModalContainer .formModal .info-container .personal-data .email img {
  width: 20px;
  height: 20px;
}
#team .backdrop .formModalContainer .formModal .info-container .personal-data .email .contact-info {
  text-decoration: underline;
}
#team .backdrop .formModalContainer .introduction {
  max-height: 25vh;
  overflow-y: scroll;
  padding-right: calc(var(--block) * 0.5);
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 160, 72, 0.486) transparent;
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar {
  width: calc(var(--block) * 0.7);
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-thumb {
  background-color: rgba(54, 160, 72, 0.5);
  border-radius: 6px;
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-track {
  background-color: white;
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-thumb:hover {
  background-color: rgba(76, 156, 89, 0.5);
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-corner,
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-button {
  background-color: white;
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-track-piece {
  background-color: white;
}
#team .backdrop .formModalContainer .introduction::-webkit-scrollbar-thumb:active {
  background-color: rgba(54, 160, 72, 0.8);
}
@media (max-width: 960px) {
  #team .backdrop .formModalContainer {
    padding: 50px 0;
  }
  #team .backdrop .formModalContainer .formModal {
    top: 60%;
    flex-direction: column;
    overflow-y: auto;
  }
}
@media (max-width: 576px) {
  #team .backdrop .formModalContainer .formModal {
    top: 50%;
    flex-direction: column;
  }
  #team .backdrop .formModalContainer .formModal .info-container {
    flex-direction: column;
  }
  #team .backdrop .formModalContainer .formModal .info-container .banner {
    order: 1;
    max-width: unset;
  }
  #team .backdrop .formModalContainer .formModal .info-container .personal-data {
    order: 2;
    width: 100%;
  }
  #team .backdrop .formModalContainer .introduction {
    max-height: 18vh;
  }
}
@media (max-width: 400px) {
  #team .backdrop .formModal {
    top: 65%;
  }
}

#onlineAdventures .hero-body {
  margin-top: var(--spacer) !important;
}
#onlineAdventures .adventureCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#onlineAdventures .adventureCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--spacer) var(--spacer);
}
#onlineAdventures .adventureCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime {
  margin-bottom: var(--block);
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .sameDayContainer {
  gap: calc(var(--block) * 1.5);
  display: flex;
  flex-direction: row;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .sameDayContainer .date {
  gap: calc(var(--block) * 0.5);
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .sameDayContainer .hour {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .startDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .startDateAndTime .date {
  gap: calc(var(--block) * 0.5);
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .startDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .finishDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .finishDateAndTime .date {
  gap: calc(var(--block) * 0.5);
}
#onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .finishDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
#onlineAdventures .adventureCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#onlineAdventures .adventureCard .banner {
  width: 50%;
  flex: none;
}
#onlineAdventures .adventureCard .banner figure {
  margin: 0 -2px -2px 0;
}
#onlineAdventures .adventureCard .banner figure img {
  border-radius: var(--grid);
}
#onlineAdventures .adventureCard .banner .desktopView {
  display: block;
}
#onlineAdventures .adventureCard .banner .mobileView {
  display: none;
}
#onlineAdventures .adventureCard .buttonContainer {
  order: 3;
}
@media screen and (max-width: 960px) {
  #onlineAdventures .adventureCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #onlineAdventures .adventureCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #onlineAdventures .adventureCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #onlineAdventures .adventureCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #onlineAdventures .adventureCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #onlineAdventures .adventureCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #onlineAdventures .adventureCard .banner .figure img {
    border-radius: var(--grid);
  }
  #onlineAdventures .adventureCard .banner .desktopView {
    display: none;
  }
  #onlineAdventures .adventureCard .banner .mobileView {
    display: block;
  }
}
#onlineAdventures .adventureCard.vertical {
  flex-direction: column;
}
#onlineAdventures .adventureCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: calc(var(--block) * 1.5);
}
#onlineAdventures .adventureCard.vertical .banner {
  order: 1;
  width: 100%;
}
#onlineAdventures .adventureCardsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
}
#onlineAdventures .adventureCardsContainer .adventureCard.vertical.col-3 {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#onlineAdventures .adventureCardsContainer .adventureCard.vertical.col-4 {
  width: calc(25% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
@media screen and (max-width: 960px) {
  #onlineAdventures .adventureCardsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #onlineAdventures .adventureCardsContainer .adventureCard.vertical.col-3,
  #onlineAdventures .adventureCardsContainer .adventureCard.vertical.col-4 {
    width: calc(50% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 700px) {
  #onlineAdventures .adventureCardsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #onlineAdventures .adventureCardsContainer .adventureCard.vertical.col-3,
  #onlineAdventures .adventureCardsContainer .adventureCard.vertical.col-4 {
    width: calc(100% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 425px) {
  #onlineAdventures .adventureCard .customContent .cont .text p {
    font-size: 14px !important;
  }
}

.onlineAdventureDetailsPage .hero-body {
  padding-bottom: 3rem;
}
.onlineAdventureDetailsPage .formBox {
  border-radius: 32px;
  border: 2px solid var(--background-green, #ebf5ed);
  background: var(--greys-white, #fff);
  box-shadow: 7px 7px 0px 0px rgba(54, 160, 72, 0.5);
  display: flex;
  padding: calc(var(--block) * 2.5);
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  max-width: 950px;
  margin: 0 auto;
  margin-top: var(--spacer);
}
.onlineAdventureDetailsPage .formBox .detailsContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .sameDayContainer {
  gap: var(--spacer);
  display: flex;
  flex-direction: row;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .sameDayContainer .date {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .sameDayContainer .hour {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .startDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .startDateAndTime .date {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .startDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .finishDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .finishDateAndTime .date {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
.onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .finishDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
  align-items: center;
}
.onlineAdventureDetailsPage .introductionContainer {
  max-width: calc(950px + var(--spacer));
  margin: 0 auto;
  margin-top: var(--grid);
  padding: var(--grid);
}
.onlineAdventureDetailsPage .introductionContainer h2,
.onlineAdventureDetailsPage .introductionContainer h3,
.onlineAdventureDetailsPage .introductionContainer h4,
.onlineAdventureDetailsPage .introductionContainer h5,
.onlineAdventureDetailsPage .introductionContainer h6 {
  color: #f4a51c !important;
}
.onlineAdventureDetailsPage .childStoryCarousel {
  width: 100%;
  max-width: calc(950px + var(--spacer));
  flex: none;
  background-color: transparent;
  margin: 0 auto;
}
.onlineAdventureDetailsPage .childStoryCarousel .childStoryCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
.onlineAdventureDetailsPage .childStoryCarousel .arrowsContainer {
  display: flex;
  flex-direction: revert;
  justify-content: center;
  align-items: center;
  gap: calc(var(--block) * 1.625);
  margin-top: var(--block);
  cursor: pointer;
}
.onlineAdventureDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer;
}
.onlineAdventureDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .onlineAdventureDetailsPage .childStoryCarousel {
    width: 100%;
    flex: none;
    background-color: transparent;
    order: 2;
  }
  .onlineAdventureDetailsPage .childStoryCarousel .childStoryCarouselContainer img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--spacer) var(--spacer);
    padding: var(--grid);
    filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
  }
  .onlineAdventureDetailsPage .childStoryCarousel .arrowsContainer {
    margin: var(--grid) 0 0 0;
  }
  .onlineAdventureDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
    margin: 0 calc(var(--block) * 1) 0 0;
    padding: 10px;
    cursor: pointer;
  }
  .onlineAdventureDetailsPage .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
    margin: 0 0 0 calc(var(--block) * 1);
    padding: 10px;
    cursor: pointer;
  }
  .onlineAdventureDetailsPage .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  .onlineAdventureDetailsPage .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2) 0 0 0;
  }
}
@media screen and (max-width: 576px) {
  .onlineAdventureDetailsPage .formBox .detailsContainer .detailTitle {
    text-align: center !important;
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details {
    flex-direction: column;
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details .subscribeButton {
    margin-top: var(--grid);
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .startDateAndTime .date .date-img {
    width: 20px;
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .finishDateAndTime .date .date-img {
    width: 20px;
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .startDateAndTime .hour .hour-img {
    width: 20px;
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer .finishDateAndTime .hour .hour-img {
    width: 20px;
  }
  .onlineAdventureDetailsPage .formBox .detailsContainer .details .dateAndTime .differentDayContainer {
    font-size: 14px;
  }
}

@-moz-document url-prefix() {
  #onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .sameDayContainer .date p {
    width: 100%;
  }
  #onlineAdventures .adventureCard .customContent .cont .text .dateAndTime .differentDayContainer .date p {
    width: 100%;
  }
}
#massMedia .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 1) !important;
}
#massMedia .hero-body .tabs.is-boxed .tabs-container {
  background: #ffffff;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: 4px;
  margin-top: var(--spacer);
}
#massMedia .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: 40px;
}
#massMedia .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  border-radius: 40px;
  padding: 5px 24px;
}
#massMedia .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 16px;
}
#massMedia .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
#massMedia .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button span {
  font-weight: 500;
}
#massMedia .hero-body .tab-content {
  padding: 0;
  border: unset;
}
#massMedia .hero-body .tab-content .tab-pane {
  display: none;
}
#massMedia .hero-body .tab-content .tab-pane .tab-content-container {
  margin-top: var(--spacer);
  flex-wrap: wrap;
}
#massMedia .hero-body .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
#massMedia .hero-body .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
#massMedia .hero-body .tab-content .tab-pane.is-active {
  display: block;
}
@media screen and (max-width: 960px) {
  #massMedia .hero-body .tabs {
    width: 100%;
  }
  #massMedia .hero-body .tabs .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
  }
  #massMedia .hero-body .tabs .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #massMedia .hero-body .tabs .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #massMedia .hero-body .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #massMedia .hero-body .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #massMedia .hero-body .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}
#massMedia .hero-body {
  margin-top: var(--spacer) !important;
}
#massMedia .massMediaCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#massMedia .massMediaCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--spacer) var(--spacer);
}
#massMedia .massMediaCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#massMedia .massMediaCard .customContent .cont .text {
  margin-bottom: var(--block);
}
#massMedia .massMediaCard .customContent .cont .text .sameDayContainer {
  gap: calc(var(--block) * 1.5);
  display: flex;
  flex-direction: row;
}
#massMedia .massMediaCard .customContent .cont .text .sameDayContainer .date {
  gap: calc(var(--block) * 0.5);
}
#massMedia .massMediaCard .customContent .cont .text .sameDayContainer .hour {
  gap: calc(var(--block) * 0.5);
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer .startDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer .startDateAndTime .date {
  gap: calc(var(--block) * 0.5);
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer .startDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer .finishDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer .finishDateAndTime .date {
  gap: calc(var(--block) * 0.5);
}
#massMedia .massMediaCard .customContent .cont .text .differentDayContainer .finishDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
}
#massMedia .massMediaCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
  margin-top: var(--block);
}
#massMedia .massMediaCard .banner {
  width: 50%;
  flex: none;
}
#massMedia .massMediaCard .banner figure {
  margin: 0 -2px -2px 0;
}
#massMedia .massMediaCard .banner figure img {
  border-radius: var(--grid);
}
#massMedia .massMediaCard .banner .desktopView {
  display: block;
}
#massMedia .massMediaCard .banner .mobileView {
  display: none;
}
#massMedia .massMediaCard .buttonContainer {
  order: 3;
}
@media screen and (max-width: 960px) {
  #massMedia .massMediaCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #massMedia .massMediaCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #massMedia .massMediaCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #massMedia .massMediaCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #massMedia .massMediaCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #massMedia .massMediaCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #massMedia .massMediaCard .banner .figure img {
    border-radius: var(--grid);
  }
  #massMedia .massMediaCard .banner .desktopView {
    display: none;
  }
  #massMedia .massMediaCard .banner .mobileView {
    display: block;
  }
}
#massMedia .massMediaCard.vertical {
  flex-direction: column;
}
#massMedia .massMediaCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: calc(var(--block) * 1.5);
}
#massMedia .massMediaCard.vertical .banner {
  order: 1;
  width: 100%;
}
#massMedia .cardsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
}
#massMedia .cardsContainer .massMediaCard.vertical {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#massMedia .cardsContainer .massMediaCard.vertical.col-2 {
  width: calc(50% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#massMedia .cardsContainer .largeMassMediaCard {
  border-left: 2px solid #ebf5ed;
  border-top: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  width: calc(100% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
  padding: var(--spacer);
  flex-direction: column;
  align-items: center;
}
#massMedia .cardsContainer .largeMassMediaCard .banner {
  width: 50%;
}
#massMedia .cardsContainer .largeMassMediaCard .largeCardContent {
  width: 50%;
  padding-left: var(--spacer);
}
#massMedia .cardsContainer .largeMassMediaCard .largeCardContent .customContent .cont .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#massMedia .cardsContainer .largeMassMediaCard .largeCardContent .customContent .cont .text .sameDayContainer .date {
  gap: 8px;
}
#massMedia .cardsContainer .largeMassMediaCard .largeCardContent .button-container {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  #massMedia .cardsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #massMedia .cardsContainer .massMediaCard.vertical {
    width: calc(50% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
  #massMedia .cardsContainer .largeMassMediaCard {
    flex-direction: column !important;
  }
  #massMedia .cardsContainer .largeMassMediaCard .banner {
    width: 100%;
  }
  #massMedia .cardsContainer .largeMassMediaCard .largeCardContent {
    width: 100%;
    padding-left: 0;
  }
  #massMedia .cardsContainer .largeMassMediaCard .largeCardContent .date {
    margin-top: calc(var(--block) * 1.5);
  }
}
@media screen and (max-width: 700px) {
  #massMedia .cardsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #massMedia .cardsContainer .massMediaCard.vertical,
  #massMedia .cardsContainer .massMediaCard.vertical.col-2,
  #massMedia .cardsContainer .massMediaCard.vertical.col-3,
  #massMedia .cardsContainer .massMediaCard.vertical.col-4 {
    width: calc(100% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}

.descriptionWithGalleryCarousel .hero-body .container .inner-container .description-title {
  margin-top: var(--spacer);
}
.descriptionWithGalleryCarousel .hero-body .container .inner-container .description {
  max-width: 950px;
  margin: 0 auto;
}
.descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel {
  width: 100%;
  max-width: calc(950px + var(--spacer));
  flex: none;
  background-color: transparent;
  margin: 0 auto;
}
.descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .childStoryCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
.descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .arrowsContainer {
  display: flex;
  flex-direction: revert;
  justify-content: center;
  align-items: center;
  gap: calc(var(--block) * 1.625);
  margin-top: var(--block);
}
.descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer !important;
}
.descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer !important;
}
@media screen and (max-width: 960px) {
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel {
    width: 100%;
    flex: none;
    background-color: transparent;
    order: 2;
  }
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .childStoryCarouselContainer img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--spacer) var(--spacer);
    padding: var(--grid);
    filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
  }
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .arrowsContainer {
    margin: var(--grid) 0 0 0;
  }
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
    margin: 0 calc(var(--block) * 1) 0 0;
    padding: 10px;
    cursor: pointer;
  }
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
    margin: 0 0 0 calc(var(--block) * 1);
    padding: 10px;
    cursor: pointer;
  }
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  .descriptionWithGalleryCarousel .hero-body .container .inner-container .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2) 0 0 0;
  }
}

#volunteerTypes .hero-body {
  padding-bottom: calc(var(--block) * 24.25) !important;
}
#volunteerTypes .hero-body .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--grid);
}
#volunteerTypes .hero-body .container .titlePart {
  display: flex;
  flex-direction: column;
  gap: var(--block);
}
#volunteerTypes .hero-body .container .titlePart .sectionTitle {
  margin-bottom: 16px;
  margin: 0 auto;
}
#volunteerTypes .hero-body .container .titlePart .shortDescription {
  max-width: 950px;
  margin: 0 auto;
}

#volunteerTypesList {
  margin-top: calc(var(--block) * -17.25) !important;
}
#volunteerTypesList .volunteersCardsContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacer);
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard {
  border-left: 2px solid #ebf5ed;
  border-top: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  width: calc(100% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
  padding: var(--spacer);
  flex-direction: row;
  align-items: center;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .banner {
  width: 50%;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent {
  width: 50%;
  padding-right: var(--spacer);
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent {
  margin-bottom: var(--grid);
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .titleDescription {
  gap: var(--block);
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list {
  gap: var(--block);
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list .typeDescription {
  display: flex;
  flex-direction: row;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list .typeDescription .typeTitle {
  width: min-content;
  white-space: nowrap;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  flex-direction: row;
  gap: 16px;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container .linkButton {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .alertMessage {
  margin-top: var(--block);
  font-size: 14px;
  text-align: end;
}
#volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard.reverseCard .largeCardContent {
  order: 2;
  padding-right: 0;
  padding-left: var(--spacer);
}

@media screen and (max-width: 960px) {
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard {
    flex-direction: column !important;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent,
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .banner {
    width: 100% !important;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .banner {
    margin-top: 32px;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard:nth-child(even) {
    flex-direction: column-reverse !important;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard:nth-child(even) .largeCardContent,
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard:nth-child(even) .banner {
    width: 100% !important;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard:nth-child(even) .banner {
    margin-top: 32px;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent {
    padding: 0 !important;
  }
  #simpleDescriptionCarousel .contentContainer .descContent .linkButtonContainer {
    margin-bottom: var(--grid);
  }
}
@media screen and (max-width: 576px) {
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list .typeDescription {
    flex-direction: column;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container {
    flex-direction: column;
  }
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container .linkButton {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard {
    padding: 16px;
  }
}
.volunteerTypeDetailsPage .contentContainer .descContent .linkButtonContainer .volunteerFormButton {
  font-weight: bold;
}
.volunteerTypeDetailsPage .descriptionContainer {
  max-width: unset;
  margin: 0 auto;
  padding: var(--spacer) 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 1) !important;
  max-width: calc(100vw - var(--containerPadding) - var(--containerPadding));
  overflow-x: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 160, 72, 0.281) transparent;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-container {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  margin-bottom: 8px;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: calc(var(--block) * 2.5);
  text-wrap: wrap;
  min-height: 100%;
  width: fit-content;
  display: flex;
  justify-content: center;
  margin: 0;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  min-height: 100%;
  border-radius: 40px;
  padding: 5px calc(var(--block) * 1.5);
  max-width: 285px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 14px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  width: 100%;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button .tab-button-label {
  font-size: 14px;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed::-webkit-scrollbar {
  width: 0;
  height: calc(var(--block) * 0.5);
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(54, 160, 72, 0.281);
  background: rgba(54, 160, 72, 0.281);
}
.volunteerTypeDetailsPage .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (min-width: 1300px) {
  .volunteerTypeDetailsPage .hero-body .tabs.is-boxed {
    max-width: calc(100vw - 2 * var(--containerPadding) - 2 * var(--containerPadding));
    overflow-x: scroll;
  }
  .volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-list {
    max-width: 100%;
  }
  .volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-list .tabs-container {
    margin-bottom: 8px;
  }
  .volunteerTypeDetailsPage .hero-body .tabs.is-boxed .tabs-list .tabs-container .tabs-li {
    max-width: 0.1428571429;
  }
}
@media screen and (max-width: 960px) {
  .volunteerTypeDetailsPage .hero-body .tabs {
    width: 100%;
  }
  .volunteerTypeDetailsPage .hero-body .tabs .tabs-list {
    margin-bottom: 8px;
  }
  .volunteerTypeDetailsPage .hero-body .tabs .tabs-list .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 8px;
  }
  .volunteerTypeDetailsPage .hero-body .tabs .tabs-list .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  .volunteerTypeDetailsPage .hero-body .tabs .tabs-list .tabs-container::-webkit-scrollbar {
    display: none;
  }
  .volunteerTypeDetailsPage .hero-body .tabs.is-boxed::-webkit-scrollbar {
    height: 0;
  }
}
.volunteerTypeDetailsPage .tab-content {
  padding: 0;
  border: unset;
  width: 100%;
  text-align: left;
  max-width: 950px;
}
.volunteerTypeDetailsPage .tab-content .tab-pane {
  display: none;
}
.volunteerTypeDetailsPage .tab-content .tab-pane .tab-content-container {
  margin-top: var(--spacer);
}
.volunteerTypeDetailsPage .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
.volunteerTypeDetailsPage .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
.volunteerTypeDetailsPage .tab-content .tab-pane.is-active {
  display: block;
}

@media screen and (max-width: 960px) {
  .hero-body .tab-content .tab-pane .tab-content-container {
    flex-direction: row;
  }
  .hero-body .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .hero-body .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .hero-body .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}
#otherVolunteerTypes .hero-body .container .otherVolunteerTypes {
  width: 100%;
}
#otherVolunteerTypes .hero-body .container .otherVolunteerTypes .volunteerCardSmall {
  width: calc(50% - var(--grid));
  padding-bottom: 0;
}
@media screen and (max-width: 960px) {
  #otherVolunteerTypes .hero-body .container .otherVolunteerTypes .volunteerCardSmall {
    width: 100%;
  }
  #otherVolunteerTypes .hero-body .container .otherVolunteerTypes .volunteerCardSmall .banner {
    min-width: calc(var(--block) * 12.5);
    max-width: calc(var(--block) * 12.5);
  }
  #otherVolunteerTypes .hero-body .container .otherVolunteerTypes .volunteerCardSmall .banner .campImage {
    min-height: 100%;
    object-fit: cover;
  }
}

@-moz-document url-prefix() {
  #volunteerTypesList .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container .linkButton {
    font-weight: 600;
  }
}
@-moz-document url-prefix() {
  #applyAsVolunteer .hero-body .container .linkButtonContainer .linkButton {
    font-weight: 600;
  }
}
#contactPage .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 19.6%;
}
#contactPage .container .descContent {
  width: 40.2%;
  flex: none;
  text-align: start;
  display: flex;
  flex-direction: column;
}
#contactPage .container .descContent .yuppiDetails {
  font-weight: 500;
}
#contactPage .container .feedback-content {
  width: 100%;
  min-height: calc(var(--block) * 33);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#contactPage .container .feedback-content .feedback-texts {
  margin-top: var(--spacer);
}
#contactPage .container .feedback-content .feedback-texts .contact-form-messages {
  width: 100%;
  font-weight: 500;
  margin-top: var(--grid);
}
#contactPage .container .feedback-content .linkButton {
  width: 100% !important;
  justify-content: center;
  font-weight: 500;
}
#contactPage .container .contactForm {
  width: 40.2%;
  flex: none;
}
#contactPage .container .contactForm .yearSelectorBox {
  position: static;
}
#contactPage .container .contactForm .yearSelectorBox .customTitle {
  margin-bottom: var(--grid);
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacer);
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos {
  flex-direction: row;
  flex-wrap: wrap;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos .company-box {
  display: flex;
  flex-direction: column;
  width: 45%;
  margin-bottom: var(--grid);
  text-align: left;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos .company-box .data-input {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 11px 18px;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border-radius: 40px;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos .fullwidth {
  width: 100% !important;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos .checkbox-holder {
  display: flex;
  column-gap: 12px;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos .checkbox-holder .company-data-form-checkbox-label {
  text-align: left !important;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .linkButton {
  width: 100% !important;
  justify-content: center;
  background-color: #cccccc;
  box-shadow: none;
  pointer-events: none;
}
#contactPage .container .contactForm .yearSelectorBox .company-data-form .linkButton:hover {
  transition: none;
  transform: none;
}
@media screen and (max-width: 960px) {
  #contactPage .container {
    flex-direction: column;
    gap: 50px;
  }
  #contactPage .container .descContent {
    width: 100%;
    padding: 0;
  }
  #contactPage .container .contactForm {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  #contactPage .contactForm .yearSelectorBox {
    margin-top: 0 !important;
  }
  #contactPage .contactForm .yearSelectorBox .company-data-form {
    row-gap: var(--grid) !important;
  }
  #contactPage .contactForm .yearSelectorBox .company-data-form .company-infos-outer .company-infos .company-box {
    width: 100% !important;
  }
}

#map .hero-body {
  padding-bottom: 0 !important;
}
#map .hero-body .container .contentContainer {
  row-gap: var(--grid);
  margin-top: var(--grid);
}
#map .hero-body .container .contentContainer .mailing-address-box .location-title {
  font-weight: 450;
}
#map .hero-body .container .contentContainer .camp-locations-box .list {
  margin-top: 12px;
  row-gap: 12px;
}
#map .hero-body .container .contentContainer .camp-locations-box .list .locations .location-title {
  font-weight: 450;
}
#map .hero-body .container .contentContainer .location-map-holder {
  margin-top: var(--grid);
}
#map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
  width: calc(var(--block) * 90.31);
  height: calc(var(--block) * 40.37);
  border-radius: 32px;
}
@media (max-width: 1700px) {
  #map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
    width: calc(var(--block) * 85.31);
    height: calc(var(--block) * 37.37);
  }
}
@media (max-width: 1500px) {
  #map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
    width: calc(var(--block) * 75.31);
    height: calc(var(--block) * 37.37);
  }
}
@media (max-width: 800px) {
  #map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
    width: calc(var(--block) * 65.31);
  }
}
@media (max-width: 700px) {
  #map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
    width: calc(var(--block) * 50.31);
  }
}
@media (max-width: 500px) {
  #map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
    width: calc(var(--block) * 35.31);
  }
}
@media (max-width: 375px) {
  #map .hero-body .container .contentContainer .location-map-holder .location-figrue .location-map {
    width: calc(var(--block) * 25.31);
    height: calc(var(--block) * 17.37);
  }
}

.no-events {
  pointer-events: none !important;
}

#latestVideo .latestVideo {
  max-width: 1195px;
  margin: 0 auto;
}
#latestVideo .latestVideo figure {
  margin-bottom: calc(var(--block) * 2.5);
}
#latestVideo .latestVideo figure iframe {
  border-radius: 32px;
  box-shadow: 7px 7px 0px 0px rgba(54, 160, 72, 0.5);
}
#latestVideo .latestVideo .details {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
}
#latestVideo .latestVideo .details .videoTitle {
  margin-bottom: calc(var(--block) * 1.5);
}

#restVideos .videosContainer {
  gap: var(--spacer);
}
#restVideos .videosContainer .videoCard {
  flex-direction: row;
  gap: var(--grid);
  align-items: center;
}
#restVideos .videosContainer .videoCard .videoContainer {
  width: 57.43%;
}
#restVideos .videosContainer .videoCard .videoContainer figure iframe {
  border-radius: 32px;
  box-shadow: 7px 7px 0px 0px rgba(54, 160, 72, 0.5);
}
#restVideos .videosContainer .videoCard .details {
  width: 40.34%;
  gap: calc(var(--block) * 1.5);
}
@media screen and (max-width: 960px) {
  #restVideos .videosContainer {
    gap: var(--spacer);
  }
  #restVideos .videosContainer .videoCard {
    flex-direction: column;
    gap: var(--grid);
    align-items: center;
  }
  #restVideos .videosContainer .videoCard .videoContainer {
    width: 100%;
  }
  #restVideos .videosContainer .videoCard .videoContainer figure iframe {
    border-radius: 32px;
    box-shadow: 7px 7px 0px 0px rgba(54, 160, 72, 0.5);
  }
  #restVideos .videosContainer .videoCard .details {
    width: 100%;
    gap: calc(var(--block) * 1.5);
  }
}

#galleryCards .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 1) !important;
  max-width: calc(100vw - var(--containerPadding) - var(--containerPadding));
  overflow-x: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 160, 72, 0.281) transparent;
}
#galleryCards .hero-body .tabs.is-boxed .tabs-container {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  margin-bottom: 0;
  margin-bottom: 8px;
}
#galleryCards .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: calc(var(--block) * 2.5);
  text-wrap: wrap;
  min-height: 100%;
}
#galleryCards .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  min-height: 100%;
  border-radius: 40px;
  padding: 5px calc(var(--block) * 1.5);
  max-width: 285px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#galleryCards .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 14px;
}
#galleryCards .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button .tab-button-label {
  font-size: 14px;
}
#galleryCards .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
#galleryCards .hero-body .tabs.is-boxed::-webkit-scrollbar {
  width: 0;
  height: calc(var(--block) * 0.5);
}
#galleryCards .hero-body .tabs.is-boxed::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
#galleryCards .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(54, 160, 72, 0.281);
  background: rgba(54, 160, 72, 0.281);
}
#galleryCards .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (min-width: 1300px) {
  #galleryCards .hero-body .tabs.is-boxed {
    max-width: calc(100vw - 2 * var(--containerPadding) - 2 * var(--containerPadding));
    overflow-x: scroll;
  }
  #galleryCards .hero-body .tabs.is-boxed .tabs-list {
    max-width: 100%;
  }
  #galleryCards .hero-body .tabs.is-boxed .tabs-list .tabs-container {
    margin-bottom: 8px;
  }
  #galleryCards .hero-body .tabs.is-boxed .tabs-list .tabs-container .tabs-li {
    max-width: 0.1428571429;
  }
}
@media screen and (max-width: 960px) {
  #galleryCards .hero-body .tabs {
    width: 100%;
  }
  #galleryCards .hero-body .tabs .tabs-list {
    margin-bottom: 8px;
  }
  #galleryCards .hero-body .tabs .tabs-list .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 8px;
  }
  #galleryCards .hero-body .tabs .tabs-list .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #galleryCards .hero-body .tabs .tabs-list .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #galleryCards .hero-body .tabs.is-boxed::-webkit-scrollbar {
    height: 0;
  }
}
#galleryCards .hero-body .tab-content {
  padding: 0;
  border: unset;
  width: 100%;
}
#galleryCards .hero-body .tab-content .tab-pane {
  display: none;
}
#galleryCards .hero-body .tab-content .tab-pane .tab-content-container {
  margin-top: var(--spacer);
}
#galleryCards .hero-body .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
#galleryCards .hero-body .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
#galleryCards .hero-body .tab-content .tab-pane.is-active {
  display: block;
}
@media screen and (max-width: 960px) {
  #galleryCards .hero-body .tabs {
    width: 100%;
  }
  #galleryCards .hero-body .tabs .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
  }
  #galleryCards .hero-body .tabs .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #galleryCards .hero-body .tabs .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #galleryCards .hero-body .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #galleryCards .hero-body .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #galleryCards .hero-body .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}
#galleryCards .hero-body {
  margin-top: var(--spacer) !important;
}
#galleryCards .massMediaCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
}
#galleryCards .massMediaCard .customContent {
  width: 50%;
  flex: none;
  padding: var(--spacer) calc(var(--block) * 9) var(--spacer) var(--spacer);
}
#galleryCards .massMediaCard .customContent .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime {
  margin-bottom: var(--block);
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .sameDayContainer {
  gap: calc(var(--block) * 1.5);
  display: flex;
  flex-direction: row;
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .sameDayContainer .date {
  gap: calc(var(--block) * 0.5);
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .sameDayContainer .hour {
  gap: calc(var(--block) * 0.5);
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer .startDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer .startDateAndTime .date {
  gap: calc(var(--block) * 0.5);
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer .startDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer .finishDateAndTime {
  gap: 16px;
  display: flex;
  flex-direction: row;
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer .finishDateAndTime .date {
  gap: calc(var(--block) * 0.5);
}
#galleryCards .massMediaCard .customContent .cont .text .dateAndTime .differentDayContainer .finishDateAndTime .hour {
  gap: calc(var(--block) * 0.5);
}
#galleryCards .massMediaCard .customContent .cont .text .customName {
  margin-bottom: var(--block);
}
#galleryCards .massMediaCard .banner {
  width: 50%;
  flex: none;
}
#galleryCards .massMediaCard .banner figure {
  margin: 0 -2px -2px 0;
}
#galleryCards .massMediaCard .banner figure img {
  border-radius: var(--grid);
}
#galleryCards .massMediaCard .banner .desktopView {
  display: block;
}
#galleryCards .massMediaCard .banner .mobileView {
  display: none;
}
#galleryCards .massMediaCard .buttonContainer {
  order: 3;
}
@media screen and (max-width: 960px) {
  #galleryCards .massMediaCard {
    border-left: 2px solid #ebf5ed;
    box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
    border-radius: var(--grid);
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #galleryCards .massMediaCard .customContent {
    order: 2;
    width: 100%;
    flex: none;
    padding: var(--grid);
  }
  #galleryCards .massMediaCard .customContent .cont .text p {
    font-size: 16px !important;
    line-height: 26px;
  }
  #galleryCards .massMediaCard .customContent .customName {
    margin-bottom: var(--block);
    font-size: 22px;
  }
  #galleryCards .massMediaCard .banner {
    order: 1;
    width: 100%;
    flex: none;
  }
  #galleryCards .massMediaCard .banner .figure {
    margin: 0 -2px -2px 0;
    display: none;
  }
  #galleryCards .massMediaCard .banner .figure img {
    border-radius: var(--grid);
  }
  #galleryCards .massMediaCard .banner .desktopView {
    display: none;
  }
  #galleryCards .massMediaCard .banner .mobileView {
    display: block;
  }
}
#galleryCards .massMediaCard.vertical {
  flex-direction: column;
}
#galleryCards .massMediaCard.vertical .customContent {
  order: 3;
  width: 100%;
  padding: calc(var(--block) * 1.5);
}
#galleryCards .massMediaCard.vertical .banner {
  order: 1;
  width: 100%;
}
#galleryCards .cardsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(var(--grid) * -0.5);
}
#galleryCards .cardsContainer .massMediaCard.vertical {
  width: calc(33.33% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#galleryCards .cardsContainer .massMediaCard.vertical.col-2 {
  width: calc(50% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
}
#galleryCards .cardsContainer .largeMassMediaCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  width: calc(100% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
  padding: var(--spacer);
  flex-direction: column;
  align-items: center;
}
#galleryCards .cardsContainer .largeMassMediaCard .banner {
  width: 50%;
}
#galleryCards .cardsContainer .largeMassMediaCard .largeCardContent {
  width: 50%;
  padding-left: var(--spacer);
}
#galleryCards .cardsContainer .largeMassMediaCard .largeCardContent .customContent .cont .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#galleryCards .cardsContainer .largeMassMediaCard .largeCardContent .button-container {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  #galleryCards .cardsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #galleryCards .cardsContainer .massMediaCard.vertical {
    width: calc(50% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 700px) {
  #galleryCards .cardsContainer {
    flex-direction: column;
    flex-direction: row;
    margin: 0;
  }
  #galleryCards .cardsContainer .massMediaCard.vertical,
  #galleryCards .cardsContainer .massMediaCard.vertical.col-2,
  #galleryCards .cardsContainer .massMediaCard.vertical.col-3,
  #galleryCards .cardsContainer .massMediaCard.vertical.col-4 {
    width: calc(100% - (var(--grid)));
    margin: calc(var(--grid) * 0.5);
  }
}
@media screen and (max-width: 576px) {
  #galleryCards .hero-body .tab-content .tab-pane .tab-content-container {
    flex-direction: column;
  }
}

#galleryHighligths .hero-body {
  padding-bottom: calc(var(--block) * 29) !important;
}
#galleryHighligths .hero-body .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--grid);
}
#galleryHighligths .hero-body .container .titlePart {
  display: flex;
  flex-direction: column;
  gap: var(--block);
}
#galleryHighligths .hero-body .container .titlePart .sectionTitle {
  margin-bottom: 16px;
  margin: 0 auto;
}
#galleryHighligths .hero-body .container .titlePart .shortDescription {
  max-width: 950px;
  margin: 0 auto;
}

#galleryAlbums {
  margin-top: calc(var(--block) * -27) !important;
}
#galleryAlbums .childStoryCarousel {
  width: 100%;
  max-width: calc(1150px + var(--spacer));
  flex: none;
  background-color: transparent;
  margin: 0 auto;
}
#galleryAlbums .childStoryCarousel .childStoryCarouselContainer img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--spacer) var(--spacer);
  padding: var(--grid);
  filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
}
#galleryAlbums .childStoryCarousel .arrowsContainer {
  display: flex;
  flex-direction: revert;
  justify-content: center;
  align-items: center;
  gap: calc(var(--block) * 1.625);
  margin-top: var(--block);
  cursor: pointer;
}
#galleryAlbums .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
  margin: 0 calc(var(--block) * 1) 0 0;
  cursor: pointer;
}
#galleryAlbums .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
  margin: 0 0 0 calc(var(--block) * 1);
  cursor: pointer;
}
@media screen and (max-width: 1650px) {
  #galleryAlbums .childStoryCarousel .childStoryCarouselContainer {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) {
  #galleryAlbums .childStoryCarousel {
    width: 100%;
    flex: none;
    background-color: transparent;
    order: 2;
  }
  #galleryAlbums .childStoryCarousel .childStoryCarouselContainer {
    min-width: 100%;
  }
  #galleryAlbums .childStoryCarousel .childStoryCarouselContainer img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--spacer) var(--spacer);
    padding: var(--grid);
    filter: drop-shadow(calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5));
  }
  #galleryAlbums .childStoryCarousel .arrowsContainer {
    margin: var(--grid) 0 0 0;
  }
  #galleryAlbums .childStoryCarousel .arrowsContainer .childStoryCarouselLeftArrow {
    margin: 0 calc(var(--block) * 1) 0 0;
    padding: 10px;
    cursor: pointer;
  }
  #galleryAlbums .childStoryCarousel .arrowsContainer .childStoryCarouselRightArrow {
    margin: 0 0 0 calc(var(--block) * 1);
    padding: 10px;
    cursor: pointer;
  }
  #galleryAlbums .descContent {
    order: 1;
    width: 100%;
    flex: none;
    padding: 0;
    flex-direction: column;
    margin: 0 0 var(--grid) 0;
  }
  #galleryAlbums .descContent .linkButtonContainer {
    margin: calc(var(--block) * 2) 0 0 0;
  }
}
#galleryAlbums .volunteersCardsContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacer);
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard {
  border-left: 2px solid #ebf5ed;
  box-shadow: calc(var(--block) * 0.625) calc(var(--block) * 0.625) 0px rgba(54, 160, 72, 0.5);
  border-radius: var(--grid);
  background-color: white;
  width: calc(100% - (var(--grid)));
  margin: calc(var(--grid) * 0.5);
  padding: var(--spacer);
  flex-direction: column;
  align-items: center;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .banner {
  width: 50%;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent {
  width: 50%;
  padding-right: var(--spacer);
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent {
  margin-bottom: var(--grid);
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .titleDescription {
  gap: var(--block);
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list {
  gap: var(--block);
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list .typeDescription {
  display: flex;
  flex-direction: row;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .customContent .cont .text .list .typeDescription .typeTitle {
  width: min-content;
  white-space: nowrap;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  flex-direction: row;
  gap: 16px;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .button-container .linkButton {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard .largeCardContent .alertMessage {
  margin-top: var(--block);
  font-size: 14px;
  text-align: end;
}
#galleryAlbums .volunteersCardsContainer .largeVolunteerTypeCard.reverseCard .largeCardContent {
  order: 2;
  padding-right: 0;
  padding-left: var(--spacer);
}

#galleryImages .hero-body {
  padding-top: var(--spacer);
}
#galleryImages .hero-body .tabs.is-boxed {
  margin: 0 auto;
  margin-top: calc(var(--block) * 3);
  margin-bottom: calc(var(--block) * 3);
  max-width: calc(100vw - var(--containerPadding) - var(--containerPadding));
  overflow-x: scroll;
}
#galleryImages .hero-body .tabs.is-boxed .tabs-container {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 40px;
  padding: 4px 4px 5px 4px;
  gap: 10px;
  margin-bottom: 8px;
}
#galleryImages .hero-body .tabs.is-boxed .tabs-container .tabs-li {
  border-radius: calc(var(--block) * 2.5);
  text-wrap: wrap;
  min-height: 100%;
}
#galleryImages .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button {
  min-height: 100%;
  border-radius: 40px;
  padding: 5px calc(var(--block) * 1.5);
  max-width: 285px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#galleryImages .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button span {
  font-size: 14px;
}
#galleryImages .hero-body .tabs.is-boxed .tabs-container .tabs-li .tab-button .tab-button-label {
  font-size: 14px;
}
#galleryImages .hero-body .tabs.is-boxed .tabs-container .tabs-li.is-active .tab-button {
  background: #36a048;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  color: white;
}
#galleryImages .hero-body .tabs.is-boxed::-webkit-scrollbar {
  width: 0;
  height: calc(var(--block) * 0.5);
}
#galleryImages .hero-body .tabs.is-boxed::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
#galleryImages .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(54, 160, 72, 0.281);
  background: rgba(54, 160, 72, 0.281);
}
#galleryImages .hero-body .tabs.is-boxed::-webkit-scrollbar-thumb:hover {
  background: rgba(54, 160, 72, 0.5);
}
@media screen and (min-width: 1300px) {
  #galleryImages .hero-body .tabs.is-boxed {
    max-width: calc(100vw - 2 * var(--containerPadding) - 2 * var(--containerPadding));
    overflow-x: scroll;
  }
  #galleryImages .hero-body .tabs.is-boxed .tabs-list {
    max-width: 100%;
  }
  #galleryImages .hero-body .tabs.is-boxed .tabs-list .tabs-container {
    margin-bottom: 8px;
  }
  #galleryImages .hero-body .tabs.is-boxed .tabs-list .tabs-container .tabs-li {
    max-width: 0.1428571429;
  }
}
@media screen and (max-width: 960px) {
  #galleryImages .hero-body .tabs {
    width: 100%;
  }
  #galleryImages .hero-body .tabs .tabs-list {
    margin-bottom: 8px;
  }
  #galleryImages .hero-body .tabs .tabs-list .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 8px;
  }
  #galleryImages .hero-body .tabs .tabs-list .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #galleryImages .hero-body .tabs .tabs-list .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #galleryImages .hero-body .tabs.is-boxed::-webkit-scrollbar {
    height: 0;
  }
}
#galleryImages .hero-body .tab-content {
  padding: 0;
  border: unset;
  width: 100%;
}
#galleryImages .hero-body .tab-content .tab-pane {
  display: none;
}
#galleryImages .hero-body .tab-content .tab-pane .tab-content-container {
  margin-top: var(--spacer);
  text-align: left;
}
#galleryImages .hero-body .tab-content .tab-pane .tab-content-container .description {
  padding: var(--grid) calc(var(--block) * 5) calc(var(--block) * 1.5) 0;
  padding-top: 0;
}
#galleryImages .hero-body .tab-content .tab-pane .tab-content-container .image {
  padding: var(--grid);
  width: 50%;
  flex: none;
}
#galleryImages .hero-body .tab-content .tab-pane.is-active {
  display: block;
}
@media screen and (max-width: 960px) {
  #galleryImages .hero-body .tabs {
    width: 100%;
  }
  #galleryImages .hero-body .tabs .tabs-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between;
    gap: 0;
  }
  #galleryImages .hero-body .tabs .tabs-container .tabs-li .tab-button span {
    padding: 0 !important;
  }
  #galleryImages .hero-body .tabs .tabs-container::-webkit-scrollbar {
    display: none;
  }
  #galleryImages .hero-body .tab-content .tab-pane .tab-content-container {
    flex-direction: row;
  }
  #galleryImages .hero-body .tab-content .tab-pane .tab-content-container .image {
    order: 2;
    border-radius: var(--grid) !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #galleryImages .hero-body .tab-content .tab-pane .tab-content-container .description {
    order: 1;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #galleryImages .hero-body .tab-content .tab-pane .tab-content-container .description .linkButtonContainer {
    margin-bottom: var(--grid) !important;
  }
}

.gallery {
  counter-reset: items;
  display: grid;
  grid-auto-rows: calc(75vw - 2rem);
  grid-gap: calc(var(--block) * 1);
  margin: 0 auto;
}
@media screen and (min-width: 500px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--block) * 20), 1fr));
    grid-auto-rows: 9rem;
    grid-auto-flow: dense;
  }
}
@media screen and (min-width: 800px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--block) * 21), 1fr));
    grid-auto-rows: 9rem;
    grid-auto-flow: dense;
  }
}
@media screen and (min-width: 1200px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--block) * 26), 1fr));
    grid-auto-rows: 16.5rem;
  }
}
.gallery__img {
  align-items: center;
  background-color: #f0f6f1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  justify-content: center;
}
.gallery__img::before {
  color: #dadada;
  counter-increment: items;
  content: "";
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  width: 8rem;
  height: 4em;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-image: url("/themes/yuppi/assets/images/logos/yuppi_footer_logo.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.gallery__img--tall {
  grid-row: span 2;
}
@media screen and (min-width: 500px) {
  .gallery__img--wide {
    grid-column: span 2;
    grid-row: span 2;
  }
  .gallery__img--tall {
    grid-row: span 2;
  }
  .gallery__img--feature {
    grid-column: span 2;
    grid-row: span 3;
  }
}
@media screen and (min-width: 500px) and (min-width: 44.5rem) {
  .gallery__img--feature {
    grid-column: span 3;
    grid-row: span 3;
  }
}
@media screen and (min-width: 500px) {
  .gallery__img--feature-tall {
    grid-column: span 2;
    grid-row: span 3;
  }
}
.gallery__img.loaded::before {
  content: unset;
}

.screen-width {
  color: #999;
  font-size: 0.875rem;
  padding: 1rem;
  position: fixed;
  right: 0;
  top: 0;
}

.margin-bottom-extra {
  margin-bottom: var(--heroBodyPadding) !important;
}

#search-section .greyField {
  background-color: transparent !important;
}
#search-section .hero-body {
  padding-bottom: 0px;
}

.results-inner {
  width: 80%;
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .results-inner {
    max-width: 850px;
  }
}

.search-main-title {
  text-align: center;
  margin-bottom: 40px;
}

.ss-result {
  margin-bottom: var(--spacer);
}

.ss-result__content .linkButton {
  text-transform: uppercase;
}

.no-results {
  text-align: center;
}

.ss-result__title {
  margin-bottom: 16px;
}

.ss-result__text {
  margin-bottom: calc(var(--block) * 1.5);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}

.slick-dots {
  position: relative !important;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: calc(var(--block) * 1.3);
  width: calc(var(--block) * 1.3);
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
.slick-prev {
  left: auto;
  right: calc(var(--block) * -1.2);
}
.slick-prev:before {
  content: "←";
}
.slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
.slick-next {
  left: calc(var(--block) * -1.2);
  right: auto;
}
.slick-next:before {
  content: "→";
}
.slick-next:before {
  content: "←";
}

@media screen and (max-width: 500px) {
  .slick-prev {
    right: calc(var(--block) * -0.8);
  }
  .slick-next {
    left: calc(var(--block) * -0.8);
  }
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 40px;
  line-height: 20px;
  text-align: center;
  color: #2B5859;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #7AC942;
  opacity: 1;
}