@charset "UTF-8";
:root {
  --primary-yellow: #E1FF00;
  --primary-black: #0F1822;
  --primary-grey: #F7F8FA;
  --primary-white: #FFFFFF;
  --link-normal: #006CE4;
  --link-visited: #754CB1;
  --link-hover: #4999F2;
  --link-active: #0053B0;
  --secondary-yellow-80: #E7FF24;
  --secondary-yellow-60: #F0FF70;
  --secondary-yellow-40: #F7FFA3;
  --secondary-yellow-20: #FCFFD1;
  --secondary-black-5: #F0F0F1;
  --secondary-black-10: #E9EAEB;
  --secondary-black-12: #E5EDF5;
  --secondary-black-15: #DCDCDC;
  --secondary-black-20: #C8CACD;
  --secondary-black-30: #97B6D9;
  --secondary-black-35: #A1A5AA;
  --secondary-black-50: #36577C;
  --secondary-black-65: #46586C;
  --secondary-black-70: #2E4A6B;
  --secondary-black-80: #22374E;
  --secondary-black-90: #172535;
  --secondary-black-100: #0A1017;
  --secondary-red-98: #fff8f7;
  --secondary-red-95: #ffedeb;
  --secondary-red-90: #ffdad6;
  --secondary-red-80: #ffb4ac;
  --secondary-red-70: #ff897f;
  --secondary-red-50: #e7242a;
  --secondary-red-40: #c00017;
  --secondary-red-35: #a90013;
  --secondary-red-25: #7d000b;
  --secondary-red-20: #690007;
  --secondary-red-10: #410003;
  --secondary-green-98: #eaffe9;
  --secondary-green-95: #dcf9e0;
  --secondary-green-90: #79fca0;
  --secondary-green-80: #5bdf87;
  --secondary-green-70: #3ac26e;
  --secondary-green-60: #06a656;
  --secondary-green-50: #008945;
  --secondary-green-40: #006d36;
  --secondary-green-35: #00602e;
  --secondary-green-30: #005227;
  --secondary-green-25: #004520;
  --secondary-green-20: #003919;
  --secondary-green-10: #00210c;
  --secondary-neutral-90: #2B333E;
  --secondary-neutral-70: #444A50;
  --secondary-neutral-50: #7B8187;
  --secondary-neutral-35: #A1A5AA;
  --secondary-neutral-10: #E9EAEB;
}

:root.dark-theme {
  --link-normal: #4999F2;
  --link-visited: #B79AE3;
  --link-hover: #8CBEF6;
  --link-active: #2372CA;
}

/* Reset */
/* html, body {
	scroll-behavior: smooth;
} */
html,
body,
body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body * {
  margin: 0;
  padding: 0;
  outline: 0;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: normal;
  font-style: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

img {
  border: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

input,
textarea {
  border-radius: 0;
}

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

textarea {
  resize: none;
}

/* Fonts */
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-Light.woff2");
  font-weight: 200;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-Thin.woff2");
  font-weight: 300;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-Regular.woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-Medium.woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-SemiBold.woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-Bold.woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-ExtraBold.woff2");
  font-weight: 800;
}
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner-Black.woff2");
  font-weight: 900;
}
@font-face {
  font-family: "SFProDisplay";
  src: url("../fonts/SFProDisplay-Regular.woff2");
  font-weight: 400;
}
.container-main {
  margin: 0 auto;
  max-width: 1728px;
  padding: 0 60px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .container-main {
    padding: 0 76px;
  }
}
@media screen and (max-width: 1280px) {
  .container-main {
    padding: 0 44px;
  }
}
@media screen and (max-width: 768px) {
  .container-main {
    padding: 0 32px;
  }
}
@media screen and (max-width: 576px) {
  .container-main {
    padding: 0 16px;
  }
}

.container-second {
  margin: 0 auto;
  max-width: 1728px;
  padding: 0 60px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .container-second {
    padding: 0 76px;
  }
}
@media screen and (max-width: 1280px) {
  .container-second {
    padding: 0 44px;
  }
}
@media screen and (max-width: 768px) {
  .container-second {
    padding: 0 32px;
  }
}
@media screen and (max-width: 576px) {
  .container-second {
    padding: 0 16px;
  }
}

.container-content {
  margin: 0 auto;
  max-width: 808px;
  width: 100%;
}

/* Scroll lock */
html.-scroll-lock,
html.-scroll-lock body {
  height: calc(var(--window-inner-height));
  overflow: hidden;
}

html.-scroll-lock body {
  position: relative;
}

body.-scroll-lock {
  padding-right: var(--scrollbar-width);
}

body.-scroll-lock .header {
  padding-right: var(--scrollbar-width);
}

/* Global (Global css and params) */
.--paragraph {
  width: 20px;
  display: inline-block;
}

.--pc-display {
  display: block;
}
.--pc-hidden {
  display: none;
}

.--tablet-display,
.--mobile-display {
  display: none;
}

@media screen and (max-width: 992px) {
  /* Global (Global css and params) */
  .--pc-display {
    display: none;
  }
  .--tablet-display {
    display: block;
  }
  .--tablet-hidden {
    display: none;
  }
  body.-scroll-lock {
    padding-right: 0;
  }
  html.-scroll-lock,
  html.-scroll-lock body {
    height: var(--window-inner-height);
  }
  body.-scroll-lock .header {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .--tablet-display {
    display: none;
  }
  .--mobile-display {
    display: block;
  }
  .--mobile-hidden {
    display: none;
  }
}
.headline-1, .headline-1 *, h1, h1 * {
  font-style: italic;
  font-weight: 800;
  font-size: 4.5rem;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .headline-1, .headline-1 *, h1, h1 * {
    font-size: 3rem;
    line-height: 115%;
  }
}
@media screen and (max-width: 768px) {
  .headline-1, .headline-1 *, h1, h1 * {
    font-size: 2rem;
  }
}

.headline-2, .headline-2 *, h2, h2 * {
  font-style: italic;
  font-weight: 800;
  font-size: 3rem;
  line-height: 115%;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .headline-2, .headline-2 *, h2, h2 * {
    font-size: 2rem;
  }
}

.headline-3, .headline-3 *, h3, h3 * {
  font-style: italic;
  font-weight: 800;
  font-size: 2rem;
  line-height: 115%;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .headline-3, .headline-3 *, h3, h3 * {
    font-size: 1.38rem;
    line-height: 100%;
  }
}

.headline-4, .headline-4 *, h4, h4 * {
  font-weight: 800;
  font-size: 1.75rem;
  text-transform: uppercase;
}

.headline-5, .headline-5 *, h5, h5 * {
  font-style: italic;
  font-weight: 800;
  font-size: 1.38rem;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .headline-5, .headline-5 *, h5, h5 * {
    font-size: 1.125rem;
  }
}

.title-xl, .title-xl * {
  font-weight: 800;
  font-size: 1.38rem;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .title-xl, .title-xl * {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .title-xl, .title-xl * {
    font-size: 1rem;
  }
}

.title-l-italic, .title-l-italic * {
  font-style: italic;
  font-weight: 800;
  font-size: 1.12rem;
  text-transform: uppercase;
}

.title-l, .title-l * {
  font-weight: 800;
  font-size: 1.12rem;
}

.title-m, .title-m * {
  font-style: italic;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
}

.title-s, .title-s * {
  font-weight: 400;
  font-size: 0.88rem;
  text-transform: uppercase;
}

.body-xxl, .body-xxl * {
  font-weight: 400;
  font-size: 1.62rem;
  line-height: 160%;
}

.body-xl, .body-xl * {
  font-weight: 400;
  font-size: 1.62rem;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .body-xl, .body-xl * {
    font-size: 1.25rem;
  }
}

.body-l, .body-l * {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 160%;
  text-transform: none;
  font-style: normal;
}
@media screen and (max-width: 992px) {
  .body-l, .body-l * {
    font-size: 1rem;
  }
}

.body-m, .body-m * {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
}

.body-m-bolt, .body-m-bolt * {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
}

.body-s, .body-s * {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
}

.button-l, .button-l * {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.38rem;
  line-height: 132%;
  letter-spacing: 0em;
}

.button-m, .button-m * {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 132%;
  letter-spacing: 0em;
}

.button-s, .button-s * {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.12rem;
  line-height: 132%;
  letter-spacing: 0em;
}

.tag-l, .tag-l * {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.38rem;
  line-height: 132%;
  letter-spacing: 0em;
}

.tag-m, .tag-m * {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 132%;
  letter-spacing: 0em;
}

.tag-s, .tag-s * {
  font-weight: 600;
  font-size: 1.12rem;
  line-height: 132%;
  letter-spacing: 0em;
}

.tag-xs, .tag-xs * {
  font-weight: 500;
  font-size: 0.75rem;
}

.-allow-animations [data-animate=word],
.-allow-animations [data-animate=fade],
.-allow-animations [data-animate=swim-top],
.-allow-animations [data-animate=swim-left],
.-allow-animations [data-animate=swim-right] {
  opacity: 0;
}

.-allow-animations [data-animate=scale] {
  -webkit-transform: scale(0) translate3d(0, 0, 0);
          transform: scale(0) translate3d(0, 0, 0);
}

.-allow-animations [data-animate=swim-top] {
  -webkit-transform: translate(0px, 70px) translate3d(0, 0, 0);
          transform: translate(0px, 70px) translate3d(0, 0, 0);
}

.-allow-animations [data-animate=swim-left] {
  -webkit-transform: translate(70px, 0px) translate3d(0, 0, 0);
          transform: translate(70px, 0px) translate3d(0, 0, 0);
}

.-allow-animations [data-animate=swim-right] {
  -webkit-transform: translate(-70px, 0px) translate3d(0, 0, 0);
          transform: translate(-70px, 0px) translate3d(0, 0, 0);
}

.-allow-animations [data-animate=word] .animate-word {
  clip-path: inset(0 -15px 0 0);
  display: inline-block;
  white-space: nowrap;
}

.-allow-animations [data-animate=word] .animate-word__inner {
  width: -moz-fit-content;
  display: inline-block;
  width: calc(100% + 15px);
  max-width: none;
  -webkit-transform: translateY(100%) translate3d(0, 0, 0);
          transform: translateY(100%) translate3d(0, 0, 0);
  padding-right: 7px;
  margin-right: -7px;
}

/* Animations - show styles */
.-allow-animations [data-animate=word].-animated {
  opacity: 1;
}

.-allow-animations [data-animate=word].-animated .animate-word__inner {
  -webkit-transform: translateY(0%) translate3d(0, 0, 0);
          transform: translateY(0%) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}

.-allow-animations [data-animate=fade].-animated {
  opacity: 1;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
}

.-allow-animations [data-animate=scale].-animated {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.-allow-animations [data-animate=swim-top].-animated,
.-allow-animations [data-animate=swim-left].-animated,
.-allow-animations [data-animate=swim-right].-animated {
  opacity: 1;
  -webkit-transform: translate(0px, 0px) translate3d(0, 0, 0);
          transform: translate(0px, 0px) translate3d(0, 0, 0);
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, transform 0.7s;
  transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;
}

@-webkit-keyframes newItems {
  to {
    -webkit-transform: translateY(0) translate3d(0, 0, 0);
            transform: translateY(0) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes newItems {
  to {
    -webkit-transform: translateY(0) translate3d(0, 0, 0);
            transform: translateY(0) translate3d(0, 0, 0);
    opacity: 1;
  }
}

html {
  background-color: var(--primary-white);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
html.-scroll-lock {
  overflow: hidden;
}

body {
  font-family: "Commissioner", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: var(--primary-black);
}
body.-scroll-lock {
  overflow: hidden;
}

body * {
  font-family: "Commissioner", sans-serif;
}

main {
  min-height: calc(100vh - 517px);
}

a {
  color: inherit;
}

img, svg {
  display: block;
  width: 100%;
  height: auto;
}

main > *:first-child {
  padding-top: 102px;
}
@media screen and (max-width: 992px) {
  main > *:first-child {
    padding-top: 60px;
  }
}

span.highlight {
  background-color: rgba(255, 217, 59, 0.18);
  border-radius: 100px;
  padding: 0 16px;
  margin: 4px 0;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  span.highlight {
    padding: 0 8px;
  }
}

span.separator {
  display: inline-block;
  height: 1px;
  width: 100%;
  margin: 56px 0;
  background-color: #E1E3E5;
}
@media screen and (max-width: 768px) {
  span.separator {
    margin: 32px 0;
  }
}

span.text-low {
  text-transform: lowercase !important;
}

.soon-section {
  height: 200px;
  width: 100%;
  border: 1px solid var(--primary-yellow);
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--primary-yellow)-10;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.soon-section:after {
  content: "SOON";
  display: block;
  margin: auto auto;
  text-align: center;
  font-size: 5vw;
  font-weight: 700;
  color: var(--primary-white)-70;
}

body:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(15, 24, 34, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

body.-hidden-content:before {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

html.dark-theme {
  background-color: var(--primary-black);
}
html.dark-theme .-light-section {
  color: var(--primary-white);
}

.cmp-wrapper {
  top: auto !important;
  left: auto !important;
  bottom: 16px !important;
  right: 16px !important;
  -webkit-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
}
.cmp-wrapper *, .cmp-wrapper *:before, .cmp-wrapper *:after {
  font-family: "Commissioner", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
}
.cmp-wrapper header .privacy-title {
  font-style: italic;
  font-weight: 800;
  font-size: 2rem;
  line-height: 115%;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .cmp-wrapper header .privacy-title {
    font-size: 1.38rem;
    line-height: 100%;
  }
}
.cmp-wrapper header .links {
  display: none !important;
}
.cmp-wrapper .footer button.accept {
  font-style: italic;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  font-style: normal;
  position: relative;
  height: 44px;
  padding: 0 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  border-radius: 100px;
  -webkit-transition: background-color 0.4s, border-color 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  transition: background-color 0.4s, border-color 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
}
.cmp-wrapper .footer button.accept:not(:disabled):active {
  outline: 3px solid #97B6D9;
}
.cmp-wrapper .footer button.accept:disabled {
  cursor: not-allowed;
  border-color: var(--secondary-neutral-35);
  background-color: var(--secondary-neutral-35);
  color: var(--secondary-neutral-50);
}
.cmp-wrapper .footer button.accept:not(:disabled):hover {
  background-color: var(--secondary-black-80);
  border: 2px solid var(--secondary-black-80);
}
.cmp-wrapper .footer button.accept:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.cmp-wrapper .footer button.deny {
  font-style: italic;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  font-style: normal;
  position: relative;
  height: 44px;
  padding: 0 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  border-radius: 100px;
  -webkit-transition: background-color 0.4s, border-color 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  transition: background-color 0.4s, border-color 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  background-color: var(--primary-white);
  border: 2px solid var(--primary-white);
  color: var(--primary-black);
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
}
.cmp-wrapper .footer button.deny:not(:disabled):active {
  outline: 3px solid #97B6D9;
}
.cmp-wrapper .footer button.deny:disabled {
  cursor: not-allowed;
  border-color: var(--secondary-neutral-35);
  background-color: var(--secondary-neutral-35);
  color: var(--secondary-neutral-50);
}
.cmp-wrapper .footer button.deny:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-20);
}
.cmp-wrapper .footer button.deny:not(:disabled):active {
  background-color: var(--secondary-neutral-10);
  border: 2px solid var(--secondary-neutral-10);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.cmp-wrapper .footer .poweredBy {
  display: none !important;
}

#usercentrics-cmp-ui {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
#usercentrics-cmp-ui .poweredBy {
  display: none !important;
}

#uc-main-dialog {
  z-index: 99 !important;
}

.swiper-wrapper {
  height: initial;
}

.button {
  font-style: italic;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  height: 44px;
  padding: 0 32px;
  background-color: var(--primary-yellow);
  border: 2px solid var(--primary-yellow);
  color: var(--primary-black);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  border-radius: 100px;
  -webkit-transition: background-color 0.4s, border-color 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  transition: background-color 0.4s, border-color 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, padding 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s;
}
.button:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-40);
}
.button:not(:disabled):active {
  outline: 3px solid #97B6D9;
  border-color: #e0f273;
  background-color: #e0f273;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.button:disabled {
  cursor: not-allowed;
  border-color: var(--secondary-neutral-35);
  background-color: var(--secondary-neutral-35);
  color: var(--secondary-neutral-50);
}
.button .-load {
  display: none;
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: var(--primary-yellow);
  /*display: flex;*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
}
.button .-load:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  margin: 8px;
  border-radius: 50%;
  border: 2px solid;
  border-color: var(--primary-black) transparent transparent transparent;
  -webkit-animation: ring 1.2s linear infinite;
          animation: ring 1.2s linear infinite;
}
.button:disabled .-load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button.-share {
  font-style: normal;
  font-weight: 700;
}
.button.-share:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMgOC4yNUMzLjQxNDIxIDguMjUgMy43NSA4LjU4NTc5IDMuNzUgOVYxNUMzLjc1IDE1LjE5ODkgMy44MjkwMiAxNS4zODk3IDMuOTY5NjcgMTUuNTMwM0M0LjExMDMyIDE1LjY3MSA0LjMwMTA5IDE1Ljc1IDQuNSAxNS43NUgxMy41QzEzLjY5ODkgMTUuNzUgMTMuODg5NyAxNS42NzEgMTQuMDMwMyAxNS41MzAzQzE0LjE3MSAxNS4zODk3IDE0LjI1IDE1LjE5ODkgMTQuMjUgMTVWOUMxNC4yNSA4LjU4NTc5IDE0LjU4NTggOC4yNSAxNSA4LjI1QzE1LjQxNDIgOC4yNSAxNS43NSA4LjU4NTc5IDE1Ljc1IDlWMTVDMTUuNzUgMTUuNTk2NyAxNS41MTI5IDE2LjE2OSAxNS4wOTEgMTYuNTkxQzE0LjY2OSAxNy4wMTI5IDE0LjA5NjcgMTcuMjUgMTMuNSAxNy4yNUg0LjVDMy45MDMyNiAxNy4yNSAzLjMzMDk3IDE3LjAxMjkgMi45MDkwMSAxNi41OTFDMi40ODcwNSAxNi4xNjkgMi4yNSAxNS41OTY3IDIuMjUgMTVWOUMyLjI1IDguNTg1NzkgMi41ODU3OSA4LjI1IDMgOC4yNVoiIGZpbGw9IiMwRjE4MjIiIC8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ2OTY3IDAuOTY5NjdDOC43NjI1NiAwLjY3Njc3NyA5LjIzNzQ0IDAuNjc2Nzc3IDkuNTMwMzMgMC45Njk2N0wxMi41MzAzIDMuOTY5NjdDMTIuODIzMiA0LjI2MjU2IDEyLjgyMzIgNC43Mzc0NCAxMi41MzAzIDUuMDMwMzNDMTIuMjM3NCA1LjMyMzIyIDExLjc2MjYgNS4zMjMyMiAxMS40Njk3IDUuMDMwMzNMOSAyLjU2MDY2TDYuNTMwMzMgNS4wMzAzM0M2LjIzNzQ0IDUuMzIzMjIgNS43NjI1NiA1LjMyMzIyIDUuNDY5NjcgNS4wMzAzM0M1LjE3Njc4IDQuNzM3NDQgNS4xNzY3OCA0LjI2MjU2IDUuNDY5NjcgMy45Njk2N0w4LjQ2OTY3IDAuOTY5NjdaIiBmaWxsPSIjMEYxODIyIiAvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAwLjc1QzkuNDE0MjEgMC43NSA5Ljc1IDEuMDg1NzkgOS43NSAxLjVWMTEuMjVDOS43NSAxMS42NjQyIDkuNDE0MjEgMTIgOSAxMkM4LjU4NTc5IDEyIDguMjUgMTEuNjY0MiA4LjI1IDExLjI1VjEuNUM4LjI1IDEuMDg1NzkgOC41ODU3OSAwLjc1IDkgMC43NVoiIGZpbGw9IiMwRjE4MjIiIC8+Cjwvc3ZnPg==);
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.button.-downloadable:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMjUgMTAuNUMyLjY2NDIxIDEwLjUgMyAxMC44MzU4IDMgMTEuMjVWMTQuMjVDMyAxNC40NDg5IDMuMDc5MDIgMTQuNjM5NyAzLjIxOTY3IDE0Ljc4MDNDMy4zNjAzMiAxNC45MjEgMy41NTEwOSAxNSAzLjc1IDE1SDE0LjI1QzE0LjQ0ODkgMTUgMTQuNjM5NyAxNC45MjEgMTQuNzgwMyAxNC43ODAzQzE0LjkyMSAxNC42Mzk3IDE1IDE0LjQ0ODkgMTUgMTQuMjVWMTEuMjVDMTUgMTAuODM1OCAxNS4zMzU4IDEwLjUgMTUuNzUgMTAuNUMxNi4xNjQyIDEwLjUgMTYuNSAxMC44MzU4IDE2LjUgMTEuMjVWMTQuMjVDMTYuNSAxNC44NDY3IDE2LjI2MjkgMTUuNDE5IDE1Ljg0MSAxNS44NDFDMTUuNDE5IDE2LjI2MjkgMTQuODQ2NyAxNi41IDE0LjI1IDE2LjVIMy43NUMzLjE1MzI2IDE2LjUgMi41ODA5NyAxNi4yNjI5IDIuMTU5MDEgMTUuODQxQzEuNzM3MDUgMTUuNDE5IDEuNSAxNC44NDY3IDEuNSAxNC4yNVYxMS4yNUMxLjUgMTAuODM1OCAxLjgzNTc5IDEwLjUgMi4yNSAxMC41WiIgZmlsbD0id2hpdGUiIC8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjcxOTY3IDYuOTY5NjdDNS4wMTI1NiA2LjY3Njc4IDUuNDg3NDQgNi42NzY3OCA1Ljc4MDMzIDYuOTY5NjdMOSAxMC4xODkzTDEyLjIxOTcgNi45Njk2N0MxMi41MTI2IDYuNjc2NzggMTIuOTg3NCA2LjY3Njc4IDEzLjI4MDMgNi45Njk2N0MxMy41NzMyIDcuMjYyNTYgMTMuNTczMiA3LjczNzQ0IDEzLjI4MDMgOC4wMzAzM0w5LjUzMDMzIDExLjc4MDNDOS4yMzc0NCAxMi4wNzMyIDguNzYyNTYgMTIuMDczMiA4LjQ2OTY3IDExLjc4MDNMNC43MTk2NyA4LjAzMDMzQzQuNDI2NzggNy43Mzc0NCA0LjQyNjc4IDcuMjYyNTYgNC43MTk2NyA2Ljk2OTY3WiIgZmlsbD0id2hpdGUiIC8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDEuNUM5LjQxNDIxIDEuNSA5Ljc1IDEuODM1NzkgOS43NSAyLjI1VjExLjI1QzkuNzUgMTEuNjY0MiA5LjQxNDIxIDEyIDkgMTJDOC41ODU3OSAxMiA4LjI1IDExLjY2NDIgOC4yNSAxMS4yNVYyLjI1QzguMjUgMS44MzU3OSA4LjU4NTc5IDEuNSA5IDEuNVoiIGZpbGw9IndoaXRlIiAvPgo8L3N2Zz4=);
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.button.accent, .button.secondary {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
}
.button.accent:not(:disabled):hover, .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-black-80);
  border: 2px solid var(--secondary-black-80);
}
.button.accent:not(:disabled):active, .button.secondary:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.button.accent .-load, .button.secondary .-load {
  background-color: var(--primary-black);
}
.button.accent .-load:after, .button.secondary .-load:after {
  border-color: var(--primary-white) transparent transparent transparent;
}
.button.accent.-share:after, .button.secondary.-share:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.button.secondary {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
}
.button.tertiary {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  background: none;
  border: none;
  padding: 0 8px;
  height: 20px;
}
.button.tertiary:not(:disabled):hover {
  color: var(--secondary-black-80);
  background: none;
  border: none;
  padding: 0 8px;
}
.button.tertiary:not(:disabled):active {
  outline: 3px solid #97B6D9;
  background: none;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  border: none;
  padding: 0 8px;
}
.button.-outline {
  background-color: var(--primary-white);
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
  border-color: var(--secondary-neutral-10);
}
.button.-outline:not(:disabled):hover {
  background-color: var(--primary-white);
  border: 2px solid var(--primary-white);
  -webkit-box-shadow: 0 0 16px 0 #e4e9f0;
          box-shadow: 0 0 16px 0 #e4e9f0;
}
.button.-outline:not(:disabled):active {
  outline: 3px solid #97B6D9;
  background-color: var(--primary-white);
  border: 2px solid var(--primary-white);
  -webkit-box-shadow: 0 0 16px 0 #e4e9f0;
          box-shadow: 0 0 16px 0 #e4e9f0;
}
@media screen and (min-width: 992px) {
  .button.-expansion-animation:hover {
    padding: 0 15%;
  }
}
@media screen and (min-width: 992px) {
  .button.-narrowing-animation:hover {
    padding: 0 20px;
  }
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.image-button {
  height: 34px;
  width: 34px;
  padding: 8px;
  border-radius: 8px;
  aspect-ratio: 1/1;
  background-color: var(--primary-grey);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.4s, border-color 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  transition: background-color 0.4s, border-color 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, box-shadow 0.4s;
  transition: background-color 0.4s, border-color 0.4s, transform 0.4s, box-shadow 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
}
.image-button img {
  max-width: 18px;
  aspect-ratio: 1/1;
}
.image-button:hover {
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
  background-color: var(--primary-white);
}
.image-button:active {
  outline: 3px solid #97B6D9;
  background-color: var(--secondary-black-10);
}

.slider-btn {
  cursor: pointer;
  padding: 10px;
  height: 44px;
  width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--primary-yellow);
  background-color: var(--primary-yellow);
  margin: 0;
  top: calc(50% - 22px);
  -webkit-transition: background-color 0.4s, border-color 0.4s, opacity 0.4s;
  transition: background-color 0.4s, border-color 0.4s, opacity 0.4s;
}
.slider-btn.swiper-button-lock {
  display: none;
}
.slider-btn:after {
  content: "";
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5MDggMTIuNTcwNEMxNi4wNjk3IDEyLjIzNjkgMTYuMDY5NyAxMS43NjMxIDE1Ljc5MDggMTEuNDI5NkwxMC42OTk5IDUuMzQyN0MxMC4zNzA2IDQuOTQ4OTQgOS43Njk5NCA0Ljg4NTEgOS4zNTgyOCA1LjIwMDExQzguOTQ2NjIgNS41MTUxMiA4Ljg3OTg4IDYuMDg5NjkgOS4yMDkyMSA2LjQ4MzQ0TDEzLjgyMzEgMTJMOS4yMDkyMSAxNy41MTY2QzguODc5ODggMTcuOTEwMyA4Ljk0NjYyIDE4LjQ4NDkgOS4zNTgyOCAxOC43OTk5QzkuNzY5OTQgMTkuMTE0OSAxMC4zNzA2IDE5LjA1MTEgMTAuNjk5OSAxOC42NTczTDE1Ljc5MDggMTIuNTcwNFoiIGZpbGw9IiMwRjE4MjIiIC8+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 18px;
  height: 18px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slider-btn.swiper-button-next {
  right: -22px;
}
.slider-btn.swiper-button-next:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.slider-btn.swiper-button-prev {
  left: -22px;
}
.slider-btn:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-40);
}
.slider-btn:active {
  background-color: var(--primary-yellow);
}
@media screen and (max-width: 576px) {
  .slider-btn.swiper-button-next {
    right: -16px;
  }
  .slider-btn.swiper-button-prev {
    left: -16px;
  }
}

.close-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
  background-color: var(--primary-yellow);
  border-radius: 50%;
  padding: 6px;
  cursor: pointer;
  border: none;
}
.close-button:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgICAgICAgIGQ9Ik0xOS4yMDcxIDUuNzkyODlDMTkuNTk3NiA2LjE4MzQyIDE5LjU5NzYgNi44MTY1OCAxOS4yMDcxIDcuMjA3MTFMNy4yMDcxMSAxOS4yMDcxQzYuODE2NTggMTkuNTk3NiA2LjE4MzQyIDE5LjU5NzYgNS43OTI4OSAxOS4yMDcxQzUuNDAyMzcgMTguODE2NiA1LjQwMjM3IDE4LjE4MzQgNS43OTI4OSAxNy43OTI5TDE3Ljc5MjkgNS43OTI4OUMxOC4xODM0IDUuNDAyMzcgMTguODE2NiA1LjQwMjM3IDE5LjIwNzEgNS43OTI4OVoiCiAgICAgICAgICAgICAgICAgIGZpbGw9IiMwRjE4MjIiLz4KICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgICAgICAgIGQ9Ik01Ljc5Mjg5IDUuNzkyODlDNi4xODM0MiA1LjQwMjM3IDYuODE2NTggNS40MDIzNyA3LjIwNzExIDUuNzkyODlMMTkuMjA3MSAxNy43OTI5QzE5LjU5NzYgMTguMTgzNCAxOS41OTc2IDE4LjgxNjYgMTkuMjA3MSAxOS4yMDcxQzE4LjgxNjYgMTkuNTk3NiAxOC4xODM0IDE5LjU5NzYgMTcuNzkyOSAxOS4yMDcxTDUuNzkyODkgNy4yMDcxMUM1LjQwMjM3IDYuODE2NTggNS40MDIzNyA2LjE4MzQyIDUuNzkyODkgNS43OTI4OVoiCiAgICAgICAgICAgICAgICAgIGZpbGw9IiMwRjE4MjIiLz4KICAgICAgICA8L3N2Zz4=);
}

html.dark-theme .button.accent, html.dark-theme .button.secondary {
  background-color: var(--primary-white);
  border: 2px solid var(--primary-white);
  color: var(--primary-black);
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
}
html.dark-theme .button.accent:not(:disabled):hover, html.dark-theme .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-20);
}
html.dark-theme .button.accent:not(:disabled):active, html.dark-theme .button.secondary:not(:disabled):active {
  background-color: var(--secondary-neutral-10);
  border: 2px solid var(--secondary-neutral-10);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
html.dark-theme .button.accent img, html.dark-theme .button.secondary img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .button.accent .-load, html.dark-theme .button.secondary .-load {
  background-color: var(--primary-white);
}
html.dark-theme .button.accent .-load:after, html.dark-theme .button.secondary .-load:after {
  border-color: var(--primary-black) transparent transparent transparent;
}
html.dark-theme .button.accent.-share:after, html.dark-theme .button.secondary.-share:after {
  -webkit-filter: invert(0);
          filter: invert(0);
}
html.dark-theme .button.accent.-downloadable:after, html.dark-theme .button.secondary.-downloadable:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .button.tertiary:not(:disabled):hover {
  color: var(--primary-white);
}
html.dark-theme .image-button {
  background-color: var(--secondary-black-80);
}
html.dark-theme .image-button img, html.dark-theme .image-button svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .image-button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #36577C;
}
html.dark-theme .image-button:active {
  background-color: var(--secondary-black-90);
}
html.dark-theme .image-button.copy-page-link {
  position: relative;
}
html.dark-theme .image-button.copy-page-link:after {
  content: "✓";
  aspect-ratio: 1/1;
  font-size: 0.5rem;
  width: 4px;
  height: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: var(--primary-yellow);
  border-radius: 50%;
  padding: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html.dark-theme .image-button.copy-page-link.-copied:after {
  opacity: 1;
}

@-webkit-keyframes bottom-bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bottom-bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.bottom-bounce {
  -webkit-animation: bottom-bounce 1s ease;
          animation: bottom-bounce 1s ease;
}

@-webkit-keyframes big-bottom-bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
}

@keyframes big-bottom-bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
}
.big-bottom-bounce {
  -webkit-animation: big-bottom-bounce 1s ease forwards;
          animation: big-bottom-bounce 1s ease forwards;
}

.double-input, .double-input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}

.multi-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.input, .input-box {
  position: relative;
  display: block;
  width: 100%;
}

.input__name, label.label {
  display: block;
  color: var(--primary-white)-70;
  margin-bottom: 8px;
}

.input__error {
  color: var(--secondary-red-50);
  margin-top: 8px;
  display: none;
}

.input__wrapper, .input-box__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
}

.input .button {
  position: absolute;
  top: 6px;
  right: 6px;
  max-width: 112px;
  width: 100%;
}

.input__wrapper > * {
  width: 100%;
}

.input__wrapper input,
.input__wrapper textarea,
.select-input.--dropdown .--dropdown__value,
.file-upload {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  background-color: var(--primary-white);
  padding: 0 16px;
  width: 100%;
  color: var(--secondary-neutral-50);
  border: 2px solid var(--secondary-neutral-10);
  border-radius: 8px;
  height: 49px;
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s;
  overflow: hidden;
}
.input__wrapper input:hover,
.input__wrapper textarea:hover,
.select-input.--dropdown .--dropdown__value:hover,
.file-upload:hover {
  border-color: var(--secondary-neutral-35);
  color: var(--secondary-neutral-70);
}
.input__wrapper input:hover,
.input__wrapper textarea:hover,
.select-input.--dropdown .--dropdown__value:hover,
.file-upload:hover {
  border-color: var(--secondary-neutral-90);
  color: var(--primary-black);
}

.select-input.--dropdown.-short {
  max-width: 200px;
}

.input__wrapper .char-count {
  position: absolute;
  right: 14px;
  bottom: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
}

.input-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.input-icon img {
  aspect-ratio: 1/1;
  max-width: 24px;
  width: 100%;
}

.input__wrapper textarea {
  min-height: 136px;
  max-height: 136px;
  padding: 14px;
  resize: none;
}

.input__wrapper input::-webkit-input-placeholder, .input__wrapper textarea::-webkit-input-placeholder {
  color: var(--primary-white)-50;
}

.input__wrapper input::-moz-placeholder, .input__wrapper textarea::-moz-placeholder {
  color: var(--primary-white)-50;
}

.input__wrapper input:-ms-input-placeholder, .input__wrapper textarea:-ms-input-placeholder {
  color: var(--primary-white)-50;
}

.input__wrapper input::-ms-input-placeholder, .input__wrapper textarea::-ms-input-placeholder {
  color: var(--primary-white)-50;
}

.input__wrapper input::placeholder,
.input__wrapper textarea::placeholder {
  color: var(--primary-white)-50;
}

.input.-invalid input,
.input.-invalid textarea {
  border: 2px solid var(--secondary-red-50);
}

.input.-invalid .input__error {
  display: block;
  padding-left: 16px;
}

.form .screen-reader-response,
.form .wpcf7-response-output {
  display: none;
}

/** checkbox */
.--checkbox {
  position: relative;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.--checkbox input {
  display: none;
}
.--checkbox span, .--checkbox label {
  cursor: pointer;
  text-transform: uppercase;
  font-style: normal;
  -webkit-transition: color 0.4s, opacity 0.4s;
  transition: color 0.4s, opacity 0.4s;
}
.--checkbox span a, .--checkbox label a {
  color: var(--primary-white);
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.--checkbox span a:hover, .--checkbox label a:hover {
  color: var(--primary-yellow);
}
.--checkbox:before, .--checkbox:after {
  content: "";
  position: absolute;
  display: block;
  border: 2px solid var(--secondary-neutral-10);
  border-radius: 6px;
  min-width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  -webkit-transition: opacity 0.4s, border 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s;
  transition: opacity 0.4s, border 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s;
  transition: opacity 0.4s, border 0.4s, box-shadow 0.4s, border-color 0.4s;
  transition: opacity 0.4s, border 0.4s, box-shadow 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.--checkbox:after {
  opacity: 0;
  pointer-events: none;
  border: none;
  top: 4px;
  left: 4px;
  min-width: 16px;
  height: 16px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTMuMzMzNyA0LjY2Njc1TDYuMDAwMzMgMTIuMDAwMUwyLjY2Njk5IDguNjY2NzUiIHN0cm9rZT0iIzBGMTgyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==);
}
.--checkbox:before {
  position: relative;
  margin-right: 12px;
}
.--checkbox.-checked:after {
  opacity: 1;
}
.--checkbox.-invalid:before {
  border-color: var(--secondary-red-50);
}
.--checkbox.-invalid span, .--checkbox.-invalid label {
  color: var(--secondary-red-50);
}
.--checkbox:hover:before {
  -webkit-box-shadow: 0 0 4px 0 #e4e9f0;
          box-shadow: 0 0 4px 0 #e4e9f0;
  border-color: var(--primary-grey);
}
.--checkbox:focus:before {
  border: 3px solid var(--secondary-black-30);
}
.--checkbox:active:before {
  border: 3px solid var(--secondary-black-80);
}

.wpcf7-not-valid-tip,
.wpcf7-checkbox {
  display: none;
}

/* dropdowns */
.select-input.--dropdown input {
  display: none;
}

.select-input li,
.select-input .--dropdown__value {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 160%;
  text-transform: none;
  font-style: normal;
}
@media screen and (max-width: 992px) {
  .select-input li,
  .select-input .--dropdown__value {
    font-size: 1rem;
  }
}

.select-input.--dropdown .--dropdown__value {
  position: relative;
  -webkit-transition: color 0.4s, background 0.4s, border 0.4s;
  transition: color 0.4s, background 0.4s, border 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.select-input.--dropdown .--dropdown__value:after {
  content: "";
  position: absolute;
  right: 14px;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42NjY5OSA1LjMzMzk4TDguMDAwMzMgMTAuNjY3M0wxMy4zMzM3IDUuMzMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);
}

.select-input .--dropdown__value-text {
  color: inherit;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.select-input.--dropdown .dropdown__list {
  position: absolute;
  pointer-events: none;
  z-index: 5;
  bottom: 0;
  -webkit-transform: translateY(calc(100% + 20px));
          transform: translateY(calc(100% + 20px));
  width: 100%;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  opacity: 0;
  overflow: hidden;
  background-color: var(--primary-yellow)-10;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid var(--primary-yellow);
  border-radius: 4px;
}

.select-input.--dropdown.-active .dropdown__list {
  opacity: 1;
  -webkit-transform: translateY(calc(100% + 10px));
          transform: translateY(calc(100% + 10px));
  pointer-events: auto;
}

.select-input.--dropdown ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: color 0.4s, background 0.4s;
  transition: color 0.4s, background 0.4s;
  padding: 14px;
}

.select-input.--dropdown ul li:hover {
  color: var(--primary-yellow);
}

.select-input.--dropdown ul li.-active {
  pointer-events: none;
  background-color: var(--primary-yellow)-2;
}

.select-input.--dropdown.-active .--dropdown__value:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select-input.--dropdown.-active .--dropdown__value {
  border-color: var(--primary-yellow);
}

.select-input.--dropdown.-invalid .--dropdown__value {
  border-color: var(--secondary-red-50);
  background-color: var(--secondary-red-50)-10;
}

.request-accordion {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--primary-white)-10;
}
.request-accordion .--accordion__content {
  padding-bottom: 16px;
}
.request-accordion .--accordion__open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 8px;
  margin-bottom: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.request-accordion .--accordion__open p {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.request-accordion .--accordion__open:hover {
  color: var(--primary-yellow);
}
.request-accordion .--accordion__open:hover .--accordion__arrow {
  -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
          filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
}
.request-accordion .--accordion__arrow {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
  transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
  transition: filter 0.4s, transform 0.4s;
  transition: filter 0.4s, transform 0.4s, -webkit-filter 0.4s, -webkit-transform 0.4s;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42NjY5OSA1LjMzMzk4TDguMDAwMzMgMTAuNjY3M0wxMy4zMzM3IDUuMzMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);
}
.request-accordion.-open .--accordion__arrow {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.file-upload {
  position: relative;
  border: 1px dashed var(--primary-yellow);
  -webkit-transition: color 0.4s, background 0.4s, border 0.4s;
  transition: color 0.4s, background 0.4s, border 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.file-upload:hover {
  border: 1px solid var(--primary-yellow);
}

.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
}

.file-upload.--file-selected {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  border: 1px solid var(--primary-yellow);
}

.file-upload.--file-selected .file-upload-clear {
  opacity: 1;
  pointer-events: auto;
}

.file-upload-clear {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  right: 18px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  width: 20px;
  background: transparent;
  border-radius: 50%;
  border: 1.5px solid var(--black-secondary-30);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.file-upload-clear:hover {
  background: var(--black-secondary-30);
}

#file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
#file-name:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOS41IDJIMy41QzMuMzY3MzkgMiAzLjI0MDIxIDIuMDUyNjggMy4xNDY0NSAyLjE0NjQ1QzMuMDUyNjggMi4yNDAyMSAzIDIuMzY3MzkgMyAyLjVWMTMuNUMzIDEzLjYzMjYgMy4wNTI2OCAxMy43NTk4IDMuMTQ2NDUgMTMuODUzNkMzLjI0MDIxIDEzLjk0NzMgMy4zNjczOSAxNCAzLjUgMTRIMTIuNUMxMi42MzI2IDE0IDEyLjc1OTggMTMuOTQ3MyAxMi44NTM2IDEzLjg1MzZDMTIuOTQ3MyAxMy43NTk4IDEzIDEzLjYzMjYgMTMgMTMuNVY1LjVNOS41IDJMMTMgNS41TTkuNSAyVjUuNUgxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);
}

#clear-btn {
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background: transparent;
  border: 1px solid var(--primary-grey);
  -webkit-transition: background-color 0.4s, border-color 0.4s;
  transition: background-color 0.4s, border-color 0.4s;
}
#clear-btn:hover {
  background-color: var(--primary-yellow)-10;
  border-color: var(--primary-yellow);
}
#clear-btn:active {
  background-color: var(--primary-yellow);
}

.input-box.-invalid .file-upload {
  border-color: var(--secondary-red-50);
  background-color: var(--secondary-red-50)-10;
}
.input-box.-invalid .input__error {
  display: block;
}

.submit-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  gap: 20px;
}
.submit-wrapper .button {
  max-width: 240px;
  width: 100%;
}
.submit-wrapper .input {
  margin-bottom: 0;
}
.submit-wrapper .input-box {
  margin-bottom: 0;
}

html.dark-theme .--checkbox:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}

@media screen and (max-width: 992px) {
  .double-input {
    gap: 16px;
  }
  .input, .input-box {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
  .input__wrapper input,
  .input__wrapper textarea,
  .select-input.--dropdown .--dropdown__value {
    border-radius: 8px;
    height: 49px;
  }
  .input__wrapper textarea {
    padding: 14px;
  }
  /** checkbox */
  .--checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .request-accordion {
    margin-bottom: 32px;
  }
  .double-input, .multi-input {
    display: block;
  }
  .select-input.--dropdown.-short {
    max-width: 100%;
  }
  .submit-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 32px;
    gap: 40px;
  }
  .submit-wrapper .button {
    max-width: 100%;
  }
}
/* Conveyor */
.conveyor-container {
  position: relative;
  width: 100%;
}

.conveyor-belt__belt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.conveyor-belt__belt-part {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.conveyor-belt__belt.-in-viewport .conveyor-belt__belt-part {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}

.conveyor-belt__belt .conveyor-belt__belt-part {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}

.conveyor-belt__belt.-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@-webkit-keyframes conveyor-part {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes conveyor-part {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes conveyor-part-reverse {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes conveyor-part-reverse {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.content__wrapper {
  padding: 64px 0 120px;
}
.content b, .content strong {
  font-weight: 700;
}
.content i, .content em {
  font-style: italic;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content blockquote {
  font-style: normal;
}
.content h1 {
  font-style: italic;
  font-weight: 800;
  font-size: 3rem;
  line-height: 115%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
  .content h1 {
    font-size: 2rem;
  }
}
.content h2 {
  font-weight: 800;
  font-size: 1.75rem;
  text-transform: uppercase;
  margin: 16px 0;
}
.content h3 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 160%;
  text-transform: none;
  font-style: normal;
  font-weight: 700;
  margin: 16px 0;
}
@media screen and (max-width: 992px) {
  .content h3 {
    font-size: 1rem;
  }
}
.content p + p {
  margin-top: 8px;
}
.content a {
  color: var(--link-normal) !important;
  /* font-weight: 700; */
  /* text-transform: uppercase; */
  -webkit-transition:
    color 0.4s,
    background-color .4s
  ;
  transition:
    color 0.4s,
    background-color .4s
  ;
}
.content a:visited {
  color: var(--link-visited) !important;
}
.content a:focus-visible {
  background-color: var(--secondary-black-12) !important;
}
:where(:root.dark-theme) .content a:focus-visible {
  background-color: var(--secondary-black-65) !important;
}
.content a:hover {
  color: var(--link-hover) !important;
}
.content a:active {
  color: var(--link-active) !important;
}
.content ul {
  margin: 16px 0 24px;
  padding-left: 26px;
}
.content ul li {
  list-style-type: disc;
}
.content ul li::marker {
  color: var(--primary-black);
}
.content ul li + li {
  margin-top: 12px;
}
.content ol {
  margin: 16px 0 24px;
  padding-left: 26px;
}
.content ol li {
  list-style-type: decimal;
}
.content ol li + li {
  margin-top: 12px;
}
.content blockquote {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 160%;
  text-transform: none;
  font-style: normal;
  padding: 50px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  background-color: var(--primary-grey);
  margin: 56px 0;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .content blockquote {
    font-size: 1rem;
  }
}
.content blockquote p {
  max-width: 600px;
}
.content blockquote p:first-child {
  margin-bottom: 0 !important;
}
.content blockquote p:last-child {
  font-weight: 700;
  text-transform: uppercase;
}
.content blockquote:before {
  content: "";
  display: block;
  max-width: 15px;
  height: 12px;
  width: 100%;
  aspect-ratio: 15/12;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMC40NjQ4NDQgMTEuNzI4QzAuNzk1NTEgOS43NzYgMS4xMTAxOCA3LjgzNDY3IDEuNDA4ODQgNS45MDRDMS43MTgxOCAzLjk2MjY3IDIuMDE2ODQgMi4wNDI2NyAyLjMwNDg0IDAuMTQ0MDAxTDguMDk2ODMgMEM3LjU0MjE3IDEuOTUyIDYuOTkyODUgMy44OTg2NyA2LjQ0ODg1IDUuODRDNS45MDQ4NSA3Ljc3MDY3IDUuMzU1NTEgOS43MjI2NyA0LjgwMDg0IDExLjY5NkwwLjQ2NDg0NCAxMS43MjhaTTcuOTA0ODUgMTEuNzI4QzguMjM1NTEgOS43NzYgOC41NTAxOCA3LjgzNDY3IDguODQ4ODUgNS45MDRDOS4xNTgxOCAzLjk2MjY3IDkuNDU2ODQgMi4wNDI2NyA5Ljc0NDg0IDAuMTQ0MDAxTDE1LjUzNjggMEMxNC45ODIyIDEuOTUyIDE0LjQzMjkgMy44OTg2NyAxMy44ODg5IDUuODRDMTMuMzQ0OSA3Ljc3MDY3IDEyLjc5NTUgOS43MjI2NyAxMi4yNDA4IDExLjY5Nkw3LjkwNDg1IDExLjcyOFoiIGZpbGw9IiMwRjE4MjIiIC8+Cjwvc3ZnPg==);
}
.content blockquote p + p {
  margin-top: 0;
}
.content p img {
  border-radius: 16px;
  margin-top: 24px;
}
.content span.separator + h2, .content span.separator + h3 {
  margin-top: 0;
}
.content span.separator ~ ul {
  margin-bottom: 0;
}
.content .content-image-block + span.separator {
  margin-top: 0;
}
.content p + h3 {
  margin-top: 24px;
}
.content p + h2, .content ul + h2 {
  margin-top: 56px;
}
.content p:has(img) + p {
  font-weight: 400;
  font-size: 0.88rem;
  text-transform: uppercase;
  text-align: center;
  text-transform: none;
  color: var(--secondary-neutral-35);
}
@media screen and (max-width: 768px) {
  .content p img {
    border-radius: 8px;
  }
  .content blockquote {
    padding: 50px 24px;
  }
}

html.dark-theme .content blockquote {
  background-color: var(--secondary-black-80);
}
html.dark-theme .content blockquote:before {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .content ul li::marker {
  color: var(--primary-white);
}

.--tabs-container__menu::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.--tabs-container__menu .--tabs-container__menu-item {
  text-align: center;
}

.--tabs-container {
  width: 100%;
}

.--tabs-container__items {
  width: 100%;
}

.--tabs-container__items-inner {
  position: relative;
  -webkit-transition: height 0.7s;
  transition: height 0.7s;
}

.--tabs-container__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
}

.--tabs-container__item.-active {
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

.gallery-swiper {
  position: relative;
  margin: 24px 0 54px;
}
.gallery-swiper .swiper {
  border-radius: 16px;
}
.gallery-swiper .swiper-slide {
  height: auto;
}
.gallery-swiper .swiper-slide .image {
  height: 100%;
  aspect-ratio: 808/510;
  overflow: hidden;
  border-radius: 16px;
}
.gallery-swiper .swiper-slide .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-swiper .swiper-slide .description {
  margin-top: 8px;
  text-align: center;
  color: var(--secondary-neutral-35);
}
.gallery-swiper .swiper-pagination {
  margin-top: 22.5px;
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gallery-swiper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 5px;
  height: 5px;
  background: var(--primary-black);
  border-radius: 50%;
  margin: 0 4px;
  opacity: 1;
  z-index: 2;
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
}
.gallery-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0 12px;
}
.gallery-swiper .swiper-pagination .pagination-timer {
  position: absolute;
  top: -7.5px;
  left: -7.5px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.gallery-swiper .swiper-pagination .pagination-timer svg {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.gallery-swiper .swiper-pagination .progress-bg {
  stroke: rgba(26, 19, 23, 0.2);
  stroke-width: 3;
  fill: none;
}
.gallery-swiper .swiper-pagination .progress {
  stroke: var(--primary-black);
  stroke-width: 3;
  fill: none;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-transition: stroke-dashoffset linear;
  transition: stroke-dashoffset linear;
}
.gallery-swiper .slider-btn {
  top: calc(50% - 50px);
}
@media screen and (max-width: 768px) {
  .gallery-swiper .swiper-slide .image {
    aspect-ratio: 512/380;
  }
}
@media screen and (max-width: 576px) {
  .gallery-swiper .swiper-slide .image {
    aspect-ratio: 336/510;
  }
}

html.dark-theme .gallery-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #97B6D9;
}
html.dark-theme .gallery-swiper .swiper-pagination .progress-bg {
  stroke: #4C7CB1;
  stroke-width: 3;
  fill: none;
}
html.dark-theme .gallery-swiper .swiper-pagination .progress {
  stroke: #97B6D9;
}

.header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  color: var(--primary-white);
  padding: 40px 0 16px;
  -webkit-transition: padding 0.4s, -webkit-transform 0.4s;
  transition: padding 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, padding 0.4s;
  transition: transform 0.4s, padding 0.4s, -webkit-transform 0.4s;
}
.header:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: -1;
  -webkit-transition: background 0.4s, -webkit-backdrop-filter 0.4s;
  transition: background 0.4s, -webkit-backdrop-filter 0.4s;
  transition: background 0.4s, backdrop-filter 0.4s;
  transition: background 0.4s, backdrop-filter 0.4s, -webkit-backdrop-filter 0.4s;
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .logo {
  max-height: 46px;
  cursor: pointer;
}
.header .logo svg {
  height: 100%;
  width: auto;
}
.header .logo svg path {
  -webkit-transition: fill 0.4s;
  transition: fill 0.4s;
}
.header .logo:hover svg path {
  fill: var(--primary-yellow);
}
.header .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.header .navigation-item {
  position: relative;
}
.header .navigation-item .header-link {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7.25px;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.header .navigation-item .header-link.-has-submenu:after {
  content: "";
  display: block;
  width: 12px;
  height: 6px;
  background: no-repeat 100% 100% url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggb3BhY2l0eT0iMC42IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjU3NzggMC41MzE0NzZDMTEuMzE5MSAwLjIwODAyOSAxMC44NDcxIDAuMTU1NTg4IDEwLjUyMzYgMC40MTQzNDVMNS45OTIxNiA0LjAzOTUzTDEuNDYwNjggMC40MTQzNDVDMS4xMzcyMyAwLjE1NTU4NyAwLjY2NTI2NSAwLjIwODAyOCAwLjQwNjUwOCAwLjUzMTQ3NUMwLjE0Nzc1MSAwLjg1NDkyMSAwLjIwMDE5MiAxLjMyNjg5IDAuNTIzNjM5IDEuNTg1NjVMNS41MjM2NCA1LjU4NTY1QzUuNzk3NTUgNS44MDQ3OCA2LjE4Njc3IDUuODA0NzggNi40NjA2OCA1LjU4NTY1TDExLjQ2MDcgMS41ODU2NUMxMS43ODQxIDEuMzI2ODkgMTEuODM2NiAwLjg1NDkyMiAxMS41Nzc4IDAuNTMxNDc2WiIgZmlsbD0iIzdCODE4NyIgLz4KPC9zdmc+);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.header .navigation-item-dropdown {
  border-radius: 8px;
  padding: 12px;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  -webkit-box-shadow: 0 8px 32px -4px rgba(14, 16, 20, 0.08), 0 0 3px 0 rgba(14, 16, 20, 0.08);
          box-shadow: 0 8px 32px -4px rgba(14, 16, 20, 0.08), 0 0 3px 0 rgba(14, 16, 20, 0.08);
  background: rgba(15, 24, 34, 0.8);
  min-width: 228px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  gap: 4px;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.header .navigation-item-dropdown-container {
  padding-top: 6px;
  position: absolute;
  top: 100%;
  left: -20px;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.header .navigation-item-dropdown .dropdown-link {
  text-transform: none;
  padding: 11px 8px;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.header .navigation-item-dropdown .dropdown-link:hover {
  color: var(--primary-yellow);
}
.header .navigation-item:hover .header-link {
  color: var(--primary-yellow);
}
.header .navigation-item:hover .header-link.-has-submenu:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.header .navigation-item:hover .navigation-item-dropdown {
  opacity: 1;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.header .navigation-item:hover .navigation-item-dropdown-container {
  visibility: visible;
  pointer-events: auto;
}
.header .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.header .toolbar .language-link {
  height: 36px;
  aspect-ratio: 1/1;
  background-color: var(--primary-yellow);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--primary-black);
  font-style: italic;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  font-style: normal;
}
.header .theme-switch {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px;
  border: 1px solid rgba(23, 37, 53, 0.2);
  border-radius: 100px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(34, 55, 78, 0.7);
  -webkit-transition: background-color 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s;
  transition: background-color 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s;
  transition: background-color 0.4s, border-color 0.4s, box-shadow 0.4s;
  transition: background-color 0.4s, border-color 0.4s, box-shadow 0.4s, -webkit-box-shadow 0.4s;
}
.header .theme-switch .switcher {
  position: absolute;
  top: 50%;
  height: calc(100% - 8px);
  aspect-ratio: 1/1;
  display: block;
  background-color: var(--primary-yellow);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: right 0.4s ease-in-out, left 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: right 0.4s ease-in-out, left 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, right 0.4s ease-in-out, left 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, right 0.4s ease-in-out, left 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.header .theme-switch .switcher.bounce-right {
  -webkit-animation: bounce-right 0.3s forwards;
          animation: bounce-right 0.3s forwards;
}
.header .theme-switch .switcher.bounce-left {
  -webkit-animation: bounce-left 0.3s forwards;
          animation: bounce-left 0.3s forwards;
}
.header .theme-switch.-light .icon:first-child svg path {
  fill: var(--primary-black);
}
.header .theme-switch.-dark .icon:nth-child(2) svg path {
  fill: var(--primary-black);
}
.header .theme-switch .icon {
  position: relative;
  z-index: 1;
}
.header .theme-switch .icon svg path {
  -webkit-transition: fill 0.4s;
  transition: fill 0.4s;
}
.header .theme-switch:hover {
  background-color: #36587c;
}
.header .theme-switch:active {
  outline: 3px solid #36587C;
}
@-webkit-keyframes bounce-right {
  0% {
    left: 4px;
    right: auto;
  }
  70% {
    left: calc(100% - 35px);
  }
  100% {
    left: calc(100% - 40px);
  }
}
@keyframes bounce-right {
  0% {
    left: 4px;
    right: auto;
  }
  70% {
    left: calc(100% - 35px);
  }
  100% {
    left: calc(100% - 40px);
  }
}
@-webkit-keyframes bounce-left {
  0% {
    left: auto;
    right: 4px;
  }
  70% {
    right: calc(100% - 35px);
  }
  100% {
    right: calc(100% - 40px);
  }
}
@keyframes bounce-left {
  0% {
    left: auto;
    right: 4px;
  }
  70% {
    right: calc(100% - 35px);
  }
  100% {
    right: calc(100% - 40px);
  }
}
.header .button.accent, .header .button.secondary {
  background-color: var(--primary-white);
  border: 2px solid var(--primary-white);
  color: var(--primary-black);
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
}
.header .button.accent:not(:disabled):hover, .header .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-20);
}
.header .button.accent:not(:disabled):active, .header .button.secondary:not(:disabled):active {
  background-color: var(--secondary-neutral-10);
  border: 2px solid var(--secondary-neutral-10);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.header .button.burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
  padding: 0 20px;
  font-style: normal;
}
.header .button.burger .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 3px;
}
.header .button.burger .icon span {
  height: 2px;
  width: 15px;
  background-color: var(--primary-black);
  border-radius: 10px;
  -webkit-transition: background-color 0.4s, width 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, width 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, transform 0.4s, width 0.4s;
  transition: background-color 0.4s, transform 0.4s, width 0.4s, -webkit-transform 0.4s;
}
.header .button.burger.-active .icon span:first-child {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
          transform: rotate(45deg) translate(5px, 5px);
}
.header .button.burger.-active .icon span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header .button.burger.-active .icon span:last-child {
  width: 0;
}
.header.-light {
  color: var(--primary-black);
}
.header.-light .logo svg path {
  fill: var(--primary-black);
}
.header.-light .logo:hover svg path {
  fill: var(--secondary-black-80);
}
.header.-light .navigation-item-dropdown {
  -webkit-box-shadow: 0 8px 24px 0 rgba(14, 16, 20, 0.08), 0 0 3px 0 rgba(14, 16, 20, 0.08);
          box-shadow: 0 8px 24px 0 rgba(14, 16, 20, 0.08), 0 0 3px 0 rgba(14, 16, 20, 0.08);
  background: rgba(255, 255, 255, 0.8);
}
.header.-light .navigation-item-dropdown .dropdown-link:hover {
  color: var(--secondary-black-80);
}
.header.-light .navigation-item .header-link {
  color: var(--secondary-black-80);
}
.header.-light .theme-switch {
  border-color: var(--primary-grey);
  background: var(--primary-grey);
}
.header.-light .theme-switch .icon svg path {
  fill: var(--secondary-neutral-35);
}
.header.-light .theme-switch.-light .icon:first-child svg path {
  fill: var(--primary-black);
}
.header.-light .theme-switch.-dark .icon:nth-child(2) svg path {
  fill: var(--primary-black);
}
.header.-light .theme-switch:hover {
  background-color: var(--primary-white);
  border-color: var(--primary-white);
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
}
.header.-light .theme-switch:active {
  background-color: var(--primary-grey);
  border-color: var(--primary-grey);
  -webkit-box-shadow: 0 0 0 0 #e4e9f0;
          box-shadow: 0 0 0 0 #e4e9f0;
}
.header.-light.-scrolled:before {
  background: rgba(255, 255, 255, 0.8);
}
.header.-light .button.accent, .header.-light .button.secondary {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
}
.header.-light .button.accent:not(:disabled):hover, .header.-light .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-black-80);
  border: 2px solid var(--secondary-black-80);
}
.header.-light .button.accent:not(:disabled):active, .header.-light .button.secondary:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.header.-light .button.burger .icon span {
  background-color: var(--primary-white);
}
.header.-scrolled {
  padding: 16px 0;
}
.header.-scrolled:before {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(15, 24, 34, 0.8);
}
.header .-mobile {
  display: none;
  visibility: hidden;
}
@media screen and (max-width: 1280px) {
  .header {
    padding: 16px 0;
  }
  .header .-mobile {
    display: block;
    visibility: visible;
  }
  .header .-desktop {
    display: none;
    visibility: hidden;
  }
  .header-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background: rgba(15, 24, 34, 0.8);
    height: 100%;
    width: 100%;
    padding-bottom: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
  }
  .header-mobile-menu.-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .header-mobile-menu .container-main {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header-mobile-menu_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 14px 0;
  }
  .header-mobile-menu .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto auto 0;
    text-align: center;
    padding: 40px 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(15%, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
    -webkit-mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0) 0%, #1e1c1c 15%, #1e1c1c 85%, rgba(30, 28, 28, 0) 100%);
            mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(15%, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
            mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0) 0%, #1e1c1c 15%, #1e1c1c 85%, rgba(30, 28, 28, 0) 100%);
  }
  .header-mobile-menu .navigation::-webkit-scrollbar {
    width: 4px;
  }
  .header-mobile-menu .navigation::-webkit-scrollbar-button {
    background-color: #ccc;
    display: none;
  }
  .header-mobile-menu .navigation::-webkit-scrollbar-track {
    background: none;
  }
  .header-mobile-menu .navigation::-webkit-scrollbar-thumb {
    background-color: var(--secondary-black-80);
    height: 50px;
    border-radius: 10px;
  }
  .header-mobile-menu .navigation::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-yellow);
  }
  .header-mobile-menu .navigation-item {
    -webkit-transform: translateY(var(--window-inner-height));
            transform: translateY(var(--window-inner-height));
  }
  .header-mobile-menu .navigation-item.animate {
    -webkit-animation-name: bounceFromBottom;
            animation-name: bounceFromBottom;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .header-mobile-menu .navigation .--accordion .--accordion__open {
    text-align: center;
  }
  .header-mobile-menu .navigation .--accordion .--accordion__content-container {
    height: 0;
    -webkit-transition: height 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: height 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    overflow: hidden;
  }
  .header-mobile-menu .navigation .--accordion .--accordion__content-container .--accordion__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .header-mobile-menu .navigation .--accordion .--accordion__content-container .--accordion__content .dropdown-link {
    padding: 8px 0;
    text-transform: none;
  }
  .header-mobile-menu .navigation .header-link {
    padding: 16px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-mobile-menu .navigation .header-link.-has-submenu:after {
    display: none;
  }
  .header-mobile-menu__donate {
    margin: 8px auto;
    -webkit-transform: translateY(var(--window-inner-height));
            transform: translateY(var(--window-inner-height));
  }
  .header-mobile-menu__donate.animate {
    -webkit-animation-name: bounceFromBottom;
            animation-name: bounceFromBottom;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes bounceFromBottom {
    0% {
      -webkit-transform: translateY(var(--window-inner-height));
              transform: translateY(var(--window-inner-height));
    }
    70% {
      -webkit-transform: translateY(5px);
              transform: translateY(5px);
    }
    90% {
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes bounceFromBottom {
    0% {
      -webkit-transform: translateY(var(--window-inner-height));
              transform: translateY(var(--window-inner-height));
    }
    70% {
      -webkit-transform: translateY(5px);
              transform: translateY(5px);
    }
    90% {
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .header-mobile-menu_bottom {
    margin-top: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header-mobile-menu_bottom .menu-empty {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .header-mobile-menu_bottom .theme-switch-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .header-mobile-menu_bottom .theme-switch-container .theme-switch {
    margin-left: auto;
  }
  .header.-light .header-mobile-menu {
    background: rgba(255, 255, 255, 0.8);
  }
  .header.-light .header-mobile-menu .navigation::-webkit-scrollbar-thumb {
    background-color: #4C7CB1;
  }
}

.footer {
  padding: 64px 0 24px;
}
.footer .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}
.footer .row:first-child {
  padding-bottom: 64px;
  border-bottom: 1px solid var(--primary-grey);
}
.footer .row:nth-child(2) {
  padding-top: 32px;
}
.footer-nav {
  -ms-grid-column-span: 8;
  grid-column: span 8;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.footer-contacts {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.footer-contacts .email {
  display: block;
  margin-bottom: 18px;
}
.footer-contacts .address {
  display: block;
  max-width: 300px;
  margin-bottom: 16px;
}
.footer-contacts .email, .footer-contacts .address {
  text-transform: none;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.footer-contacts .email:where(a):hover, .footer-contacts .address:where(a):hover {
  color: var(--secondary-black-80);
}
.footer-contacts .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-contacts-follow-us {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.footer .copyright {
  -ms-grid-column-span: 8;
  grid-column: span 8;
  text-transform: none;
}
.footer .policy-pages {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  text-transform: none;
}
.footer-label {
  margin-bottom: 24px;
}
.footer-link {
  color: var(--secondary-neutral-50);
  text-transform: none;
  font-weight: 400;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.footer-link:hover {
  color: var(--secondary-black-80);
}
.footer .policy-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.footer .policy-pages .policy-link {
  text-transform: none;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.footer .policy-pages .policy-link:hover {
  color: var(--secondary-black-80);
}
@media screen and (max-width: 992px) {
  .footer {
    padding: 32px 0 24px;
  }
  .footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .footer .row:first-child {
    padding-bottom: 24px;
  }
  .footer .row:nth-child(2) {
    padding-top: 24px;
  }
  .footer-nav {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
  .footer-contacts-follow-us {
    display: block;
    visibility: visible;
    pointer-events: auto;
    margin-bottom: 16px;
  }
  .footer-contacts .email, .footer-contacts .address {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
  .footer-contacts .socials {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-label {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
  .footer .copyright {
    max-width: 390px;
  }
}

html.dark-theme .footer {
  color: var(--primary-white);
}
html.dark-theme .footer .row:first-child {
  border-bottom: 1px solid var(--secondary-neutral-90);
}
html.dark-theme .footer-contacts .email:where(a):hover, html.dark-theme .footer-contacts .address:where(a):hover {
  color: var(--primary-yellow);
}
html.dark-theme .footer-link {
  color: var(--secondary-neutral-35);
}
html.dark-theme .footer-link:hover {
  color: var(--primary-yellow);
}
html.dark-theme .footer .policy-pages .policy-link:hover {
  color: var(--primary-yellow);
}

.share-button-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.share-button-container .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.share-card {
  position: absolute;
  top: 120%;
  left: 50%;
  text-align: start;
  padding: 23px 32px;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
  background-color: var(--primary-white);
  max-width: 460px;
  display: none;
  width: -webkit-fill-available;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: shareFadeUp 0.7s;
          animation: shareFadeUp 0.7s;
}
.share-card.is-visible {
  display: block;
}
.share-card .close-button {
  position: absolute;
  top: 23px;
  right: 32px;
}
.share-card__title {
  margin-bottom: 24px;
}
.share-card__label {
  margin-bottom: 16px;
}
.share-card__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.share-card .link-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 7px 16px;
  border: 1px solid var(--secondary-neutral-15);
  border-radius: 6px;
  background-color: var(--primary-grey);
  color: var(--secondary-neutral-35);
}
.share-card .link-field .page-link {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .share-card {
    padding: 16px;
    max-width: 100%;
    width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .share-card .close-button {
    top: 16px;
    right: 16px;
  }
}

@-webkit-keyframes shareFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 40px);
            transform: translate(-50%, 40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes shareFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 40px);
            transform: translate(-50%, 40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 768px) {
  @-webkit-keyframes shareFadeUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes shareFadeUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
}
html.dark-theme .share-card {
  background-color: rgba(15, 24, 34, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
html.dark-theme .share-card .link-field {
  background-color: var(--secondary-black-80);
}

.article-item {
  display: block;
  background-color: var(--primary-grey);
  border-radius: 8px;
  padding: 24px;
  min-height: 200px;
  -webkit-animation: fadeUp 0.6s ease-out forwards;
          animation: fadeUp 0.6s ease-out forwards;
}
.article-item .attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.article-item .article-title {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.article-item .attribute-tag.-highlight {
  background-color: var(--primary-yellow);
  font-size: 0.62rem;
  padding: 4px 6px;
  line-height: 100%;
  border-radius: 2px;
  color: var(--primary-black);
}
.article-item .dot-separator {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--secondary-black-80);
  margin: 0 8px;
}
.article-item:hover .article-title {
  color: var(--secondary-black-80);
}
.article-item.-with-image {
  padding: 0;
  background: none;
}
.article-item.-with-image .image {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
  aspect-ratio: 379/240;
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.article-item.-with-image .image img {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.article-item.-with-image .attributes {
  margin-bottom: 8px;
}
.article-item.-with-image:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 1280px) {
  .article-item.-with-image .image {
    aspect-ratio: 440/240;
  }
}
@media screen and (max-width: 992px) {
  .article-item.-with-image .image {
    aspect-ratio: 512/240;
  }
}

@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
html.dark-theme .article-item {
  background-color: var(--secondary-black-80);
}
html.dark-theme .article-item .dot-separator {
  background-color: var(--primary-white);
}
html.dark-theme .article-item:hover .article-title {
  color: var(--primary-yellow);
}
html.dark-theme .article-item.-with-image {
  padding: 0;
  background: none;
}

.our-vision {
  padding: 64px 0 32px;
}
.our-vision__wrapper {
  position: relative;
  /* overflow: hidden; */
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
}
.our-vision__wrapper .background-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.our-vision__wrapper .background-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.our-vision_content {
  aspect-ratio: 600/600;
  background-color: var(--primary-yellow);
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
  border-radius: 16px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--primary-black);
}
.our-vision .section-description {
  margin-top: 24px;
  max-width: 480px;
}
@media screen and (max-width: 1280px) {
  .our-vision {
    padding: 64px 0 0;
  }
}
@media screen and (max-width: 992px) {
  .our-vision {
    padding: 32px 0 0;
  }
  .our-vision__wrapper {
    padding: 0;
    aspect-ratio: 680/632;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    border-radius: 16px;
  }
  .our-vision__wrapper .background-image {
    top: auto;
    bottom: 60px;
  }
  .our-vision__wrapper .background-image img {
    -o-object-position: right 120%;
       object-position: right 120%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .our-vision_content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    aspect-ratio: auto;
  }
  .our-vision_content .section-title br {
    display: none;
  }
  .our-vision_content .section-description {
    margin-top: 16px;
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .our-vision__wrapper {
    aspect-ratio: 336/505;
    padding-top: 240px;
  }
  .our-vision__wrapper .background-image {
    aspect-ratio: 1/1.2;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
  }
}

.our-mission {
  padding: 32px 0 64px;
  text-align: center;
}
.our-mission__wrapper {
  padding: 160px 20px;
  background-color: var(--primary-grey);
  border-radius: 26px;
}
.our-mission .section-title {
  margin-bottom: 24px;
}
.our-mission .section-description {
  margin: 0 auto 40px;
  max-width: 808px;
}
.our-mission .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .our-mission__wrapper {
    padding: 96px 20px;
  }
}
@media screen and (max-width: 992px) {
  .our-mission {
    padding: 32px 0;
  }
  .our-mission__wrapper {
    padding: 64px 20px;
    border-radius: 16px;
  }
  .our-mission .section-title {
    margin-bottom: 16px;
  }
  .our-mission .section-description {
    margin: 0 auto 32px;
  }
}
@media screen and (max-width: 576px) {
  .our-mission .button {
    width: 100%;
  }
}

html.dark-theme .our-mission__wrapper {
  background-color: var(--secondary-black-90);
}
html.dark-theme .our-mission .button.accent, html.dark-theme .our-mission .button.secondary {
  background-color: var(--primary-yellow);
  border: 2px solid var(--primary-yellow);
  color: var(--primary-black);
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.dark-theme .our-mission .button.accent:not(:disabled):hover, html.dark-theme .our-mission .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-40);
}
html.dark-theme .our-mission .button.accent:not(:disabled):active, html.dark-theme .our-mission .button.secondary:not(:disabled):active {
  outline: 3px solid #97B6D9;
  border-color: #e0f273;
  background-color: #e0f273;
}

.about-marta-section {
  padding: 64px 0 88px;
}
.about-marta-section__wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
}
.about-marta-section .marta-image {
  position: relative;
}
.about-marta-section .marta-image:before {
  content: "";
  display: block;
  width: 100%;
  height: 90%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 16px;
  z-index: -1;
  background-color: var(--primary-grey);
}
.about-marta-section_content .label {
  margin-bottom: 16px;
}
.about-marta-section_content .section-title {
  margin-bottom: 24px;
}
.about-marta-section_content .section-description {
  max-width: 496px;
}
.about-marta-section_content .section-description p + p {
  margin-top: 16px;
}
@media screen and (max-width: 1280px) {
  .about-marta-section__wrapper {
    gap: 24px;
  }
  .about-marta-section_content .section-title *, .about-marta-section_content .section-title {
    font-style: italic;
    font-weight: 800;
    font-size: 2rem;
    line-height: 115%;
    text-transform: uppercase;
    line-height: 100%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 992px) {
  .about-marta-section_content .section-title *, .about-marta-section_content .section-title {
    font-size: 1.38rem;
    line-height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .about-marta-section_content .section-title * br, .about-marta-section_content .section-title br {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .about-marta-section {
    padding: 0 0 64px;
  }
  .about-marta-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 32px;
  }
  .about-marta-section_content br {
    display: none;
  }
  .about-marta-section_content .label {
    margin-bottom: 8px;
  }
  .about-marta-section_content .section-title {
    margin-bottom: 16px;
  }
  .about-marta-section_content .section-description {
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .about-marta-section_content .section-description p + p {
    margin-top: 8px;
  }
}

html.dark-theme .about-marta-section .marta-image:before {
  background-color: var(--secondary-black-90);
}

.goals {
  padding: 64px 0;
}
.goals__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.goals-content {
  padding: 80px 32px;
  background-color: var(--primary-grey);
  border-radius: 16px;
}
.goals-content .section-title {
  margin-bottom: 24px;
}
.goals-key {
  padding: 80px 48px;
  background-color: var(--primary-black);
  border-radius: 16px;
  color: var(--primary-white);
}
.goals-key .key-item {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.goals-key .key-item__image {
  width: 100%;
  max-width: 24px;
  aspect-ratio: 1/1;
}
.goals-key .key-item__title {
  margin-bottom: 8px;
}
.goals-key .key-item__description {
  max-width: 495px;
}
@media screen and (max-width: 1280px) {
  .goals__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .goals-content {
    padding: 64px 40px;
  }
  .goals-content .section-title {
    margin-bottom: 16px;
  }
  .goals-key {
    padding: 64px 40px;
  }
  .goals-key .key-item__description {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .goals-content {
    padding: 48px 24px;
  }
  .goals-key {
    padding: 48px 24px;
  }
}
@media screen and (max-width: 576px) {
  .goals-content {
    padding: 32px 16px;
  }
  .goals-key {
    padding: 32px 16px;
  }
}

html.dark-theme .goals-content {
  background-color: var(--secondary-black-80);
}
html.dark-theme .goals-key {
  background-color: var(--secondary-black-90);
  color: var(--primary-white);
}

.project-goals-section {
  padding: 64px 0 88px;
  text-align: center;
}
.project-goals-section .section-title {
  margin-bottom: 48px;
}
.project-goals-section_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.project-goals-section-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 48px 32px;
  background-color: var(--primary-grey);
  border-radius: 8px;
}
.project-goals-section-item .image {
  max-width: 132px;
}
.project-goals-section-item__description {
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .project-goals-section {
    padding: 32px 0;
  }
  .project-goals-section .section-title {
    margin-bottom: 32px;
  }
  .project-goals-section_container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .project-goals-section-item {
    gap: 8px;
    padding: 32px;
  }
}

html.dark-theme .project-goals-section-item {
  background-color: var(--secondary-black-80);
}
html.dark-theme .project-goals-section-item .image {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.activities {
  padding: 64px 0;
}
.activities .section-title {
  text-align: center;
  margin-bottom: 48px;
}
.activities_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.activities-item__image {
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 8px;
}
.activities-item__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 392/240;
}
.activities-item__title {
  margin-bottom: 4px;
}
.activities-item__description {
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .activities_container {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  .activities {
    padding: 32px 0;
  }
  .activities .section-title {
    margin-bottom: 32px;
  }
  .activities_container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .activities-item__image img {
    aspect-ratio: 620/240;
  }
}

.hero {
  position: relative;
  min-height: 100dvh;
  color: var(--primary-white);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.hero .background-image {
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1400/900;
  overflow: hidden;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.hero .background-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.hero .section-title {
  margin-bottom: 16px;
}
.hero .section-description {
  margin-bottom: 20px;
}
.hero .label {
  margin-bottom: 16px;
}
.hero .label a {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.hero .label a:hover {
  color: var(--primary-yellow);
}
.hero .info {
  margin-bottom: 20px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.hero .info .dates {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.hero .info .dates:before {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIuNjY2NyAzLjE2Njc1SDMuMzMzMzNDMi41OTY5NSAzLjE2Njc1IDIgMy43NjM3IDIgNC41MDAwOFYxMy44MzM0QzIgMTQuNTY5OCAyLjU5Njk1IDE1LjE2NjcgMy4zMzMzMyAxNS4xNjY3SDEyLjY2NjdDMTMuNDAzIDE1LjE2NjcgMTQgMTQuNTY5OCAxNCAxMy44MzM0VjQuNTAwMDhDMTQgMy43NjM3IDEzLjQwMyAzLjE2Njc1IDEyLjY2NjcgMy4xNjY3NVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KICA8cGF0aCBkPSJNMTAuNjY0MSAxLjgzMzI1VjQuNDk5OTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KICA8cGF0aCBkPSJNNS4zMzU5NCAxLjgzMzI1VjQuNDk5OTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KICA8cGF0aCBkPSJNMiA3LjE2Njc1SDE0IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==);
}
.hero .info .dot-separator {
  height: 4px;
  width: 4px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--primary-white);
}
.hero .info .status.-active {
  background-color: var(--primary-yellow);
  color: var(--primary-black);
  border-radius: 2px;
  padding: 4px 6px;
  line-height: 100%;
}
.hero .buttons {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.hero .buttons .button.accent, .hero .buttons .button.secondary {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hero .buttons .button.accent:not(:disabled):hover, .hero .buttons .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-black-80);
  border: 2px solid var(--secondary-black-80);
}
.hero .buttons .button.accent:not(:disabled):active, .hero .buttons .button.secondary:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.hero .buttons .button.accent .-load, .hero .buttons .button.secondary .-load {
  background-color: var(--primary-black);
}
.hero .buttons .button.accent .-load:after, .hero .buttons .button.secondary .-load:after {
  border-color: var(--primary-white) transparent transparent transparent;
}
.hero .buttons .button.accent.-share:after, .hero .buttons .button.secondary.-share:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.hero .section-hero-scroll {
  --scroll-height: 100px;
  --ball-radius: 5px;
  --ball-size: calc(var(--ball-radius) * 2);
  --jump-height: calc(var(--scroll-height) - var(--ball-size));
  margin: 0 auto;
  width: var(--ball-size);
  height: var(--scroll-height);
  position: relative;
}
.hero .section-hero-scroll .ball-icon {
  -webkit-animation: section-hero-ball-animation 0.4s cubic-bezier(0.65, 0, 0.85, 1) alternate infinite;
          animation: section-hero-ball-animation 0.4s cubic-bezier(0.65, 0, 0.85, 1) alternate infinite;
  background-color: var(--primary-yellow);
  -webkit-transform-origin: center;
          transform-origin: center;
  border-radius: 50%;
  width: var(--ball-size);
  height: var(--ball-size);
  position: absolute;
  top: 0;
  left: 0;
}
@-webkit-keyframes section-hero-ball-animation {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    translate: 0 0;
  }
  30% {
    translate: 0 0;
  }
  60% {
    -webkit-transform: scale(0.8, 1.2);
            transform: scale(0.8, 1.2);
  }
  85% {
    -webkit-transform: scale(0.8, 1.2);
            transform: scale(0.8, 1.2);
  }
  100% {
    -webkit-transform: scale(1.2, 0.8);
            transform: scale(1.2, 0.8);
    translate: 0 var(--jump-height);
  }
}
@keyframes section-hero-ball-animation {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    translate: 0 0;
  }
  30% {
    translate: 0 0;
  }
  60% {
    -webkit-transform: scale(0.8, 1.2);
            transform: scale(0.8, 1.2);
  }
  85% {
    -webkit-transform: scale(0.8, 1.2);
            transform: scale(0.8, 1.2);
  }
  100% {
    -webkit-transform: scale(1.2, 0.8);
            transform: scale(1.2, 0.8);
    translate: 0 var(--jump-height);
  }
}
.hero .-mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .hero .section-title, .hero .section-description {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 576px) {
  .hero .-pc {
    display: none;
  }
  .hero .-mob {
    display: block;
  }
  .hero .buttons {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about {
  padding: 128px 0 64px;
  text-align: center;
}
.about .label {
  margin-bottom: 16px;
}
.about .section-title {
  margin-bottom: 24px;
}
.about .section-description {
  margin: 0 auto;
  max-width: 1016px;
}
.about .buttons {
  margin-top: 40px;
}
.about .buttons .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .about {
    padding: 64px 0 32px;
  }
  .about .section-title {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: md) {
  .about .label {
    margin-bottom: 8px;
  }
  .about .buttons {
    margin-top: 32px;
  }
}
@media screen and (max-width: 576px) {
  .about .buttons {
    margin-top: 24px;
  }
  .about .buttons .button {
    width: 100%;
  }
}

.features {
  padding: 64px 0 88px;
  text-align: center;
}
.features .section-title {
  margin-bottom: 48px;
}
.features .section-title.-with-description {
  margin-bottom: 24px;
}
.features .section-description {
  margin-bottom: 48px;
}
.features .section-description b, .features .section-description strong {
  font-weight: 700;
}
.features .section-description.-small-margin {
  margin-bottom: 24px;
}
.features_container {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}
.features_container .feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
}
.features_container .feature .image {
  max-width: 132px;
}
.features_container .feature .image .-light {
  display: block;
}
.features_container .feature .image .-dark {
  display: none;
}
.features_container .feature__title {
  margin-bottom: 16px;
}
.features_container .feature .number-group {
  margin-bottom: 16px;
}
.features_container .feature__description {
  margin: 0 auto;
  flex-grow: 1;
}
.features_container .feature .buttons {
  margin-top: 40px;
}
.features_container .feature .buttons .button.-downloadable:after {
  display: none;
}
.features_container .feature.-with-background {
  background-color: var(--primary-grey);
  padding: 48px 32px;
  border-radius: 8px;
}
.features.-grey {
  padding: 64px 0 0;
}
.features.-grey .features__wrapper {
  padding: 88px 44px;
  background-color: var(--primary-grey);
  border-radius: 24px;
}
.features.-grey .feature {
  background-color: var(--primary-white);
  padding: 48px 32px;
  border-radius: 8px;
}
.features .buttons {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 992px) {
  .features {
    padding: 32px 0;
  }
  .features .section-title {
    margin-bottom: 32px;
  }
  .features .section-title.-with-description {
    margin-bottom: 24px;
  }
  .features .section-description {
    margin-bottom: 32px;
  }
  .features_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .features_container .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 24px;
    width: 100%;
  }
  .features_container .feature .image {
    max-width: 132px;
  }
  .features_container .feature__title {
    margin-bottom: 8px;
  }
  .features_container .feature__title br {
    display: none;
  }
  .features_container .feature .number-group {
    margin-bottom: 8px;
  }
  .features_container .feature__description {
    max-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .features.-grey .features__wrapper {
    padding: 64px 32px;
  }
}
@media screen and (max-width: 576px) {
  .features.-grey .features__wrapper {
    padding: 64px 16px;
  }
  .features .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

html.dark-theme .features_container .feature.-with-background {
  background-color: var(--secondary-black-80);
}
html.dark-theme .features_container .feature .image .-light {
  display: none;
}
html.dark-theme .features_container .feature .image .-dark {
  display: block;
}
html.dark-theme .features_container .feature .button.accent, html.dark-theme .features_container .feature .button.secondary {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.dark-theme .features_container .feature .button.accent:not(:disabled):hover, html.dark-theme .features_container .feature .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-black-90);
  border: 2px solid var(--secondary-black-90);
}
html.dark-theme .features_container .feature .button.accent:not(:disabled):active, html.dark-theme .features_container .feature .button.secondary:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
html.dark-theme .features_container .feature .button.accent .-load, html.dark-theme .features_container .feature .button.secondary .-load {
  background-color: var(--primary-black);
}
html.dark-theme .features_container .feature .button.accent .-load:after, html.dark-theme .features_container .feature .button.secondary .-load:after {
  border-color: var(--primary-white) transparent transparent transparent;
}
html.dark-theme .features_container .feature .button.accent.-downloadable:after, html.dark-theme .features_container .feature .button.secondary.-downloadable:after {
  -webkit-filter: invert(0);
          filter: invert(0);
}
html.dark-theme .features_container .feature .button.accent.-share:after, html.dark-theme .features_container .feature .button.secondary.-share:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .features.-grey .features__wrapper {
  background-color: var(--secondary-black-80);
}
html.dark-theme .features.-grey .feature {
  background-color: var(--secondary-black-90);
}
html.dark-theme .features.-grey .buttons .button.accent, html.dark-theme .features.-grey .buttons .button.secondary {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.dark-theme .features.-grey .buttons .button.accent:not(:disabled):hover, html.dark-theme .features.-grey .buttons .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-black-90);
  border: 2px solid var(--secondary-black-90);
}
html.dark-theme .features.-grey .buttons .button.accent:not(:disabled):active, html.dark-theme .features.-grey .buttons .button.secondary:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
html.dark-theme .features.-grey .buttons .button.accent .-load, html.dark-theme .features.-grey .buttons .button.secondary .-load {
  background-color: var(--primary-black);
}
html.dark-theme .features.-grey .buttons .button.accent .-load:after, html.dark-theme .features.-grey .buttons .button.secondary .-load:after {
  border-color: var(--primary-white) transparent transparent transparent;
}
html.dark-theme .features.-grey .buttons .button.accent.-downloadable:after, html.dark-theme .features.-grey .buttons .button.secondary.-downloadable:after {
  -webkit-filter: invert(0);
          filter: invert(0);
}
html.dark-theme .features.-grey .buttons .button.accent.-share:after, html.dark-theme .features.-grey .buttons .button.secondary.-share:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.our-programs-section {
  text-align: center;
}
.our-programs-section__wrapper {
  padding: 64px 0;
}
.our-programs-section .section-title {
  margin-bottom: 24px;
}
.our-programs-section .section-description {
  margin: 0 auto;
  max-width: 1016px;
}
.our-programs-section_container {
  margin-top: 48px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.our-programs-section .our-project-section_container {
  margin-top: 48px;
}
.our-programs-section .program-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 490px;
  color: var(--primary-white);
  padding: 32px 16px;
  border-radius: 8px;
  overflow: hidden;
}
.our-programs-section .program-item .background-image {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.our-programs-section .program-item .background-image img {
  height: 100%;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-programs-section .program-item .button {
  margin-top: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .our-programs-section .program-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 992px) {
  .our-programs-section__wrapper {
    padding: 64px 0 32px;
  }
  .our-programs-section .section-title {
    margin-bottom: 16px;
  }
  .our-programs-section_container {
    margin-top: 32px;
  }
  .our-programs-section .our-project-section_container {
    margin-top: 32px;
  }
  .our-programs-section_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  .our-programs-section__wrapper {
    padding: 32px 0;
  }
}

.latest-news {
  padding: 64px 0;
}
.latest-news .section-title {
  text-align: center;
  margin-bottom: 48px;
}
.latest-news_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.latest-news .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 48px auto 0;
}
@media screen and (max-width: 992px) {
  .latest-news {
    padding: 32px 0;
  }
  .latest-news .section-title {
    margin-bottom: 32px;
  }
  .latest-news_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .latest-news .button {
    margin: 32px auto 0;
  }
}
@media screen and (max-width: 576px) {
  .latest-news .button {
    width: 100%;
  }
}

.support {
  padding: 64px 0;
  text-align: center;
  color: var(--primary-white);
}
.support__wrapper {
  padding: 128px 24px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}
.support .background-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.support .background-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support .section-title {
  margin-bottom: 24px;
}
.support .section-description {
  margin: 0 auto 40px;
  max-width: 808px;
}
.support .button {
  min-width: 304px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .support {
    padding: 32px 0 64px;
  }
}
@media screen and (max-width: 768px) {
  .support {
    padding: 32px 0;
  }
  .support__wrapper {
    padding: 64px 16px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 576px) {
  .support .button {
    min-width: auto;
    width: 100%;
  }
}

.projects-section {
  padding: 64px 0;
}
.projects-section .section-title {
  text-align: center;
  margin-bottom: 48px;
}
.projects-section_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.projects-section .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 48px auto 0;
}
@media screen and (max-width: 1280px) {
  .projects-section_container {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .projects-section {
    padding: 32px 0;
  }
  .projects-section_container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .projects-section .button {
    margin: 32px auto 0;
  }
}
@media screen and (max-width: 576px) {
  .projects-section .button {
    width: 100%;
  }
}

.partners__wrapper {
  padding: 64px 0;
}
.partners .section-title {
  text-align: center;
}
.partners .section-description {
  text-align: center;
  margin-top: 24px;
}
.partners_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 48px;
}
.partners_container a.partner img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.partners_container a.partner img:where(.-darkonly) {
  display: none !important;
}
.partners_container a.partner:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.partners_container .partner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--primary-grey);
  border-radius: 16px;
  padding: 24px 16px;
}
@media screen and (max-width: 1280px) {
  .partners_container {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .partners_container .partner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .partners_container .partner img {
    max-height: 112px;
    width: auto;
  }
}
@media screen and (max-width: 992px) {
  .partners_container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .partners__wrapper {
    padding: 32px 0;
  }
  .partners .section-description {
    margin-top: 16px;
  }
}

html.dark-theme .partners_container .partner {
  background-color: var(--secondary-black-80);
}
html.dark-theme .partners_container .partner img:not(.-noinvert,.-darkonly) {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
html.dark-theme .partners_container .partner img:where(.-noinvert) {
  display: none !important;
}
html.dark-theme .partners_container .partner img:where(.-darkonly) {
  display: block !important;
}

.stories-section {
  padding: 64px 0;
  text-align: center;
}
.stories-section .section-title {
  margin-bottom: 24px;
}
.stories-section .section-description {
  margin: 0 auto 48px;
  max-width: 1016px;
}
.stories-section .section-description b, .stories-section .section-description strong {
  font-weight: 700;
}
.stories-section_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.stories-section .story-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
  min-height: 490px;
  color: var(--primary-white);
  padding: 16px;
  border-radius: 8px;
  overflow: hidden;
}
.stories-section .story-item .background-image {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.stories-section .story-item .background-image img {
  height: 100%;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.stories-section .buttons {
  margin-top: 48px;
}
.stories-section .buttons .button {
  min-width: 304px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .stories-section {
    padding: 32px 0;
  }
  .stories-section .section-title {
    margin-bottom: 16px;
  }
  .stories-section .section-description {
    margin: 0 auto 32px;
  }
  .stories-section .buttons {
    margin-top: 32px;
  }
}
@media screen and (max-width: 576px) {
  .stories-section .buttons .button {
    min-width: auto;
    width: 100%;
    margin: 0 auto;
  }
}

.timeline {
  padding: 64px 0;
}
.timeline .section-title {
  text-align: center;
  margin-bottom: 48px;
}
.timeline .section-title.-start {
  text-align: left;
}
.timeline .section-title.-start * {
  font-style: normal;
}
.timeline_container {
  max-width: 808px;
  margin: 0 auto;
  --mask-stop: 1;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(#1e1c1c), to(rgba(30, 28, 28, 0)));
  -webkit-mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c calc(var(--mask-stop) * 100%), rgba(30, 28, 28, 0));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(#1e1c1c), to(rgba(30, 28, 28, 0)));
          mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c calc(var(--mask-stop) * 100%), rgba(30, 28, 28, 0));
  transition: --mask-stop 2s ease-in-out;
}
.timeline .button {
  margin: 48px auto 0;
}
.timeline-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}
.timeline-item__date {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.timeline-item__date.wide {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.timeline-item__date .line {
  font-weight: inherit;
  text-align: inherit;
  white-space: nowrap;
}
.timeline-item__line {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.timeline-item__content {
  -ms-grid-column-span: 6;
  grid-column: span 6;
  padding-bottom: 48px;
}
:where(.timeline-item__date.wide) ~ .timeline-item__content {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
.timeline-item__content img {
  border-radius: 8px;
  margin-top: 16px;
}
.timeline-item__title {
  margin-bottom: 8px;
  font-weight: 700;
}
.timeline-item__title * {
  font-weight: inherit;
}
.timeline-item__date {
  font-weight: 700;
  text-align: right;
}
.timeline-item__line {
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.timeline-item__line:before {
  content: "";
  display: block;
  border: 3px solid var(--secondary-green-70);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
}
.timeline-item__line:after {
  content: "";
  display: block;
  margin: 0 auto;
  background-color: var(--secondary-green-70);
  width: 1px;
  height: calc(100% - 24px - 6px);
}
.timeline-item:last-child .timeline-item__line:after {
  content: none;
  display: none;
}
.timeline-item:last-child .timeline-item__content {
  padding-bottom: 0;
}
@media screen and (max-width: 992px) {
  .timeline {
    padding: 32px 0;
  }
  .timeline .section-title {
    margin-bottom: 32px;
  }
  .timeline-item {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .timeline-item__date {
    display: none;
  }
  .timeline-item__line {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .timeline-item__content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
}
@media screen and (max-width: 576px) {
  .timeline .button {
    width: 100%;
  }
}

.subscribe-section {
  text-align: center;
  color: var(--primary-white);
}
.subscribe-section__wrapper {
  padding: 128px 88px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}
.subscribe-section__wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 180%;
  height: 100%;
  background-color: var(--primary-yellow);
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.subscribe-section:has(.form-wrapper.-valid) .subscribe-section__wrapper:after {
  -webkit-animation: moveContainer 1.5s ease-in-out forwards;
          animation: moveContainer 1.5s ease-in-out forwards;
}
.subscribe-section .background-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.subscribe-section .background-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.subscribe-section .section-title {
  margin-bottom: 24px;
}
.subscribe-section .section-description {
  margin: 0 auto 24px;
  max-width: 808px;
}
.subscribe-section .input {
  max-width: 392px;
  margin: 0 auto;
}
.subscribe-section .button {
  min-width: 304px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 16px auto 0;
}
.subscribe-section .form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: height 0.7s;
  transition: height 0.7s;
  position: relative;
}
.subscribe-section .form-wrapper .form {
  width: 100%;
}
.subscribe-section .form-wrapper.-valid .form {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.subscribe-section .form-wrapper.-valid .thanks-container {
  opacity: 1;
  pointer-events: auto;
}
.subscribe-section .form-wrapper.-invalid .form {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.subscribe-section .form-wrapper.-invalid .error-container {
  opacity: 1;
  pointer-events: auto;
}
.subscribe-section .thanks-container, .subscribe-section .error-container {
  position: absolute;
  opacity: 0;
  bottom: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s 1s;
  transition: opacity 0.5s 1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.subscribe-section .thanks-container .img, .subscribe-section .error-container .img {
  max-width: 80px;
  width: 100%;
  margin-bottom: 16px;
}
.subscribe-section .thanks-container .img img, .subscribe-section .error-container .img img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}
.subscribe-section .thanks-container .title, .subscribe-section .error-container .title {
  text-align: center;
}
.subscribe-section .thanks-container .text, .subscribe-section .error-container .text {
  margin-top: 16px;
  text-align: center;
  line-height: 100%;
}
@media screen and (max-width: 992px) {
  .subscribe-section__wrapper {
    padding: 82px;
  }
}
@media screen and (max-width: 768px) {
  .subscribe-section__wrapper {
    padding: 100px 64px;
  }
}
@media screen and (max-width: 576px) {
  .subscribe-section__wrapper {
    padding: 75px 16px;
  }
  .subscribe-section .input {
    max-width: 100%;
  }
  .subscribe-section .button {
    min-width: auto;
    width: 100%;
  }
}

html.dark-theme .subscribe-section .button.accent, html.dark-theme .subscribe-section .button.secondary {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  color: var(--primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.dark-theme .subscribe-section .button.accent:not(:disabled):hover, html.dark-theme .subscribe-section .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-black-90);
  border: 2px solid var(--secondary-black-90);
}
html.dark-theme .subscribe-section .button.accent:not(:disabled):active, html.dark-theme .subscribe-section .button.secondary:not(:disabled):active {
  background-color: var(--primary-black);
  border: 2px solid var(--primary-black);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
html.dark-theme .subscribe-section .button.accent .-load, html.dark-theme .subscribe-section .button.secondary .-load {
  background-color: var(--primary-black);
}
html.dark-theme .subscribe-section .button.accent .-load:after, html.dark-theme .subscribe-section .button.secondary .-load:after {
  border-color: var(--primary-white) transparent transparent transparent;
}
html.dark-theme .subscribe-section .button.accent.-downloadable:after, html.dark-theme .subscribe-section .button.secondary.-downloadable:after {
  -webkit-filter: invert(0);
          filter: invert(0);
}
html.dark-theme .subscribe-section .button.accent.-share:after, html.dark-theme .subscribe-section .button.secondary.-share:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.pagination {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination-pages {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.pagination-page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 8px;
  padding: 8px;
  width: 44px;
  height: 44px;
  color: var(--primary-black);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.4s, border-color 0.4s;
  transition: background-color 0.4s, border-color 0.4s;
}
.pagination-page:hover {
  border-color: var(--secondary-neutral-10);
}
.pagination-page.-active {
  background-color: var(--primary-grey);
}
.pagination-next, .pagination-prev {
  border-radius: 50%;
  cursor: pointer;
  padding: 8px;
  width: 44px;
  height: 44px;
  background: var(--secondary-black-80);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
}
.pagination-next:after, .pagination-prev:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5MDggMTIuNTcwNEMxNi4wNjk3IDEyLjIzNjkgMTYuMDY5NyAxMS43NjMxIDE1Ljc5MDggMTEuNDI5NkwxMC42OTk5IDUuMzQyN0MxMC4zNzA2IDQuOTQ4OTQgOS43Njk5NCA0Ljg4NTEgOS4zNTgyOCA1LjIwMDExQzguOTQ2NjIgNS41MTUxMiA4Ljg3OTg4IDYuMDg5NjkgOS4yMDkyMSA2LjQ4MzQ0TDEzLjgyMzEgMTJMOS4yMDkyMSAxNy41MTY2QzguODc5ODggMTcuOTEwMyA4Ljk0NjYyIDE4LjQ4NDkgOS4zNTgyOCAxOC43OTk5QzkuNzY5OTQgMTkuMTE0OSAxMC4zNzA2IDE5LjA1MTEgMTAuNjk5OSAxOC42NTczTDE1Ljc5MDggMTIuNTcwNFoiIGZpbGw9IndoaXRlIiAvPgo8L3N2Zz4=);
}
.pagination-prev:after {
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMjA5MTcgMTIuNTcwNEM3LjkzMDI4IDEyLjIzNjkgNy45MzAyOCAxMS43NjMxIDguMjA5MTcgMTEuNDI5NkwxMy4zMDAxIDUuMzQyN0MxMy42Mjk0IDQuOTQ4OTQgMTQuMjMwMSA0Ljg4NTEgMTQuNjQxNyA1LjIwMDExQzE1LjA1MzQgNS41MTUxMiAxNS4xMjAxIDYuMDg5NjkgMTQuNzkwOCA2LjQ4MzQ0TDEwLjE3NjkgMTJMMTQuNzkwOCAxNy41MTY2QzE1LjEyMDEgMTcuOTEwMyAxNS4wNTM0IDE4LjQ4NDkgMTQuNjQxNyAxOC43OTk5QzE0LjIzMDEgMTkuMTE0OSAxMy42Mjk0IDE5LjA1MTEgMTMuMzAwMSAxOC42NTczTDguMjA5MTcgMTIuNTcwNFoiIGZpbGw9IndoaXRlIiAvPgo8L3N2Zz4=);
}

html.dark-theme .pagination-page {
  color: var(--primary-white);
}
html.dark-theme .pagination-page:hover {
  border-color: var(--secondary-neutral-70);
}
html.dark-theme .pagination-page.-active {
  border-color: var(--secondary-black-80);
  background-color: var(--secondary-black-80);
}
html.dark-theme .pagination-next, html.dark-theme .pagination-prev {
  background: var(--primary-yellow);
}
html.dark-theme .pagination-next:after, html.dark-theme .pagination-prev:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .pagination-prev:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.project-list .container-second {
  padding-top: 64px;
  padding-bottom: 64px;
}
.project-list .section-title {
  text-align: center;
  margin-bottom: 24px;
}
.project-list .section-title.-blog-title {
  margin-bottom: 48px;
}
.project-list .section-description {
  text-align: center;
  max-width: 808px;
  margin: 0 auto 48px;
}
.project-list .filter-show-container {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.project-list .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 48px;
}
.project-list .filter-container.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-list .filter-container .filter-head, .project-list .filter-container .buttons, .project-list .filter-container .filter-label {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.project-list .filter-container .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.project-list .filter-container .filter .tag {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  background-color: var(--primary-grey);
  border-radius: 100px;
  font-weight: 500;
  font-size: 1rem;
  border: none;
  text-transform: uppercase;
  height: 36px;
  cursor: pointer;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.project-list .filter-container .filter .tag:hover {
  background-color: var(--secondary-yellow-80);
}
.project-list .filter-container .filter .tag.-active {
  background-color: var(--secondary-yellow-80);
}
.project-list .filter-container .right-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.project-list .filter-container .right-position .sort {
  position: relative;
  z-index: 1;
}
.project-list .filter-container .right-position .sort .selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-style: normal;
}
.project-list .filter-container .right-position .sort .selected:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjU4NTYgNi41MzE1MUMxNC4zMjY5IDYuMjA4MDYgMTMuODU0OSA2LjE1NTYyIDEzLjUzMTUgNi40MTQzOEw4Ljk5OTk3IDEwLjAzOTZMNC40Njg0OSA2LjQxNDM4QzQuMTQ1MDUgNi4xNTU2MiAzLjY3MzA4IDYuMjA4MDYgMy40MTQzMiA2LjUzMTUxQzMuMTU1NTYgNi44NTQ5NSAzLjIwOCA3LjMyNjkyIDMuNTMxNDUgNy41ODU2OEw4LjUzMTQ1IDExLjU4NTdDOC44MDUzNiAxMS44MDQ4IDkuMTk0NTggMTEuODA0OCA5LjQ2ODQ5IDExLjU4NTdMMTQuNDY4NSA3LjU4NTY4QzE0Ljc5MTkgNy4zMjY5MiAxNC44NDQ0IDYuODU0OTUgMTQuNTg1NiA2LjUzMTUxWiIgZmlsbD0iIzdCODE4NyIgLz4KPC9zdmc+);
}
.project-list .filter-container .right-position .sort .dropdown-list {
  position: absolute;
  top: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: -20%;
  border-radius: 8px;
  padding: 12px;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  -webkit-box-shadow: 0 8px 24px 0 rgba(14, 16, 20, 0.08), 0 0 3px 0 rgba(14, 16, 20, 0.08);
          box-shadow: 0 8px 24px 0 rgba(14, 16, 20, 0.08), 0 0 3px 0 rgba(14, 16, 20, 0.08);
  background: rgba(255, 255, 255, 0.8);
  min-width: 228px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.project-list .filter-container .right-position .sort .dropdown-list .sort-option {
  cursor: pointer;
  text-transform: none;
  padding: 11px 8px;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.project-list .filter-container .right-position .sort .dropdown-list .sort-option:hover {
  color: var(--secondary-black-80);
}
.project-list .filter-container .right-position .sort:hover .dropdown-list {
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  opacity: 1;
  visibility: visible;
}
.project-list-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.project-list-wrapper.-loading .image {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.project-list-wrapper#blog-posts {
  gap: 40px;
}
@media screen and (max-width: 1280px) {
  .project-list .section-description {
    display: none;
  }
  .project-list-wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .project-list-wrapper#blog-posts {
    gap: 24px;
  }
  .project-list .filter-show-container {
    visibility: visible;
    pointer-events: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 22px;
  }
  .project-list .filter-show-container .button {
    font-style: normal;
  }
  .project-list .filter-container {
    position: fixed;
    left: 0;
    bottom: -100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-bottom: 0;
    background-color: var(--primary-white);
    z-index: 10000;
    width: 100%;
    min-height: calc(50dvh + 100px);
    padding: 44px 44px 144px;
    color: var(--primary-black);
    border-radius: 8px 8px 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    max-height: calc(100dvh + 100px);
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .project-list .filter-container.-active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .project-list .filter-container.-center {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .project-list .filter-container .filter-head, .project-list .filter-container .buttons, .project-list .filter-container .filter-label {
    display: block;
    visibility: visible;
    pointer-events: auto;
  }
  .project-list .filter-container .filter-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }
  .project-list .filter-container .filter-label {
    margin: 32px 0 16px;
  }
  .project-list .filter-container .right-position {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .project-list .filter-container .right-position .sort {
    position: relative;
    z-index: 1;
    margin-bottom: 32px;
  }
  .project-list .filter-container .right-position .sort .selected {
    display: none;
  }
  .project-list .filter-container .right-position .sort .dropdown-list {
    position: static;
    width: 100%;
    border-radius: 0;
    padding: 0;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none !important;
    min-width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    opacity: 1;
    visibility: visible;
  }
  .project-list .filter-container .right-position .sort .dropdown-list .sort-option {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 132%;
    letter-spacing: 0em;
    font-style: normal;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    background-color: var(--primary-grey);
    border-radius: 100px;
    font-weight: 500;
    font-size: 1rem;
    border: none;
    text-transform: uppercase;
    height: 36px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .project-list .filter-container .right-position .sort .dropdown-list .sort-option:after {
    display: none;
  }
  .project-list .filter-container .right-position .sort .dropdown-list .sort-option:hover {
    background-color: var(--secondary-yellow-80);
  }
  .project-list .filter-container .right-position .sort .dropdown-list .sort-option.-active {
    background-color: var(--secondary-yellow-80);
  }
  .project-list .filter-container .right-position .sort:hover .dropdown-list {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    opacity: 1;
    visibility: visible;
  }
  .project-list .filter-container .right-position .--checkbox {
    margin: 0 0 40px;
  }
  .project-list .filter-container .buttons {
    margin-top: auto;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
@media screen and (max-width: 992px) {
  .project-list-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .project-list .filter-container {
    padding: 32px 32px 132px;
  }
}
@media screen and (max-width: 768px) {
  .project-list .filter-container {
    padding: 24px 16px 124px;
    min-height: calc(70dvh + 100px);
  }
}

html.dark-theme .project-list .filter-container .filter .tag {
  background-color: var(--secondary-black-80);
  color: var(--primary-white);
}
html.dark-theme .project-list .filter-container .filter .tag:hover {
  background-color: #36577C;
}
html.dark-theme .project-list .filter-container .filter .tag.-active {
  background-color: var(--primary-yellow);
  color: var(--primary-black);
}
html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(15, 24, 34, 0.8);
}
@media screen and (min-width: 1280px) {
  html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list .sort-option:hover {
    color: var(--primary-yellow);
  }
}
@media screen and (max-width: 1280px) {
  html.dark-theme .project-list .filter-container {
    background-color: var(--primary-black);
    color: var(--primary-white);
  }
  html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list .sort-option {
    background-color: var(--secondary-black-80);
    color: var(--primary-white);
  }
  html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list .sort-option:hover {
    background-color: #36577C;
  }
  html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list .sort-option.-active {
    background-color: var(--primary-yellow);
    color: var(--primary-black);
  }
  html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list .sort-option:hover {
    background-color: var(--secondary-yellow-80);
  }
  html.dark-theme .project-list .filter-container .right-position .sort .dropdown-list .sort-option.-active {
    background-color: var(--secondary-yellow-80);
  }
}

.article__wrapper {
  padding: 64px 0;
  position: relative;
  z-index: 1;
}
.article-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article-label a {
  margin-right: 4px;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.article-label a:hover {
  color: var(--secondary-black-80);
}
.article .title {
  margin: 16px auto 24px;
  text-align: center;
  max-width: 1064px;
}
.article-main-img {
  margin: 48px 0;
}
.article-main-img img {
  border-radius: 16px;
}
.article .post-attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.article-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.article-date::before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTMuMTY2NyAzLjE2Njc1SDMuODMzMzNDMy4wOTY5NSAzLjE2Njc1IDIuNSAzLjc2MzcgMi41IDQuNTAwMDhWMTMuODMzNEMyLjUgMTQuNTY5OCAzLjA5Njk1IDE1LjE2NjcgMy44MzMzMyAxNS4xNjY3SDEzLjE2NjdDMTMuOTAzIDE1LjE2NjcgMTQuNSAxNC41Njk4IDE0LjUgMTMuODMzNFY0LjUwMDA4QzE0LjUgMy43NjM3IDEzLjkwMyAzLjE2Njc1IDEzLjE2NjcgMy4xNjY3NVoiIHN0cm9rZT0iIzBBMTAxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogIDxwYXRoIGQ9Ik0xMS4xNjggMS44MzMyNVY0LjQ5OTkyIiBzdHJva2U9IiMwQTEwMTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KICA8cGF0aCBkPSJNNS44MzIwMyAxLjgzMzI1VjQuNDk5OTIiIHN0cm9rZT0iIzBBMTAxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogIDxwYXRoIGQ9Ik0yLjUgNy4xNjY3NUgxNC41IiBzdHJva2U9IiMwQTEwMTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+);
}
.article-read-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.article-read-time::before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOC40OTg3IDE1LjE2NjZDMTIuMTgwNiAxNS4xNjY2IDE1LjE2NTQgMTIuMTgxOCAxNS4xNjU0IDguNDk5OTJDMTUuMTY1NCA0LjgxODAyIDEyLjE4MDYgMS44MzMyNSA4LjQ5ODcgMS44MzMyNUM0LjgxNjggMS44MzMyNSAxLjgzMjAzIDQuODE4MDIgMS44MzIwMyA4LjQ5OTkyQzEuODMyMDMgMTIuMTgxOCA0LjgxNjggMTUuMTY2NiA4LjQ5ODcgMTUuMTY2NloiIHN0cm9rZT0iIzBBMTAxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogIDxwYXRoIGQ9Ik04LjUgNC41VjguNUwxMS4xNjY3IDkuODMzMzMiIHN0cm9rZT0iIzBBMTAxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgo8L3N2Zz4=);
}
.article .content {
  position: relative;
  z-index: 1;
}
.article .content p:first-child {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 160%;
  text-transform: none;
  font-style: normal;
  margin-bottom: 56px;
}
@media screen and (max-width: 992px) {
  .article .content p:first-child {
    font-size: 1rem;
  }
}
.article .button.-share {
  margin-top: 24px;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .article__wrapper {
    padding: 48px 0 32px;
  }
  .article-main-img {
    margin: 32px 0;
  }
}
@media screen and (max-width: 768px) {
  .article .title {
    margin: 8px 0 25px;
  }
  .article-main-img {
    margin: 32px 0;
  }
  .article-main-img img {
    border-radius: 12px;
  }
}

html.dark-theme .article-label a:hover {
  color: var(--primary-yellow);
}
html.dark-theme .article-date::before {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.dark-theme .article-read-time::before {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.marta-main-content {
  padding: 128px 0;
}
.marta-main-content .section-title {
  text-align: center;
  margin-bottom: 24px;
}
.marta-main-content .content p:first-child {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 160%;
  text-transform: none;
  font-style: normal;
  margin-bottom: 54px;
}
@media screen and (max-width: 992px) {
  .marta-main-content .content p:first-child {
    font-size: 1rem;
  }
}
.marta-main-content .content blockquote {
  background-color: var(--primary-yellow);
}
@media screen and (max-width: 768px) {
  .marta-main-content {
    padding: 64px 0;
  }
  .marta-main-content .content p:first-child {
    margin-bottom: 48px;
  }
}

.contacts__wrapper {
  padding: 64px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contacts-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.contacts-content .section-title {
  margin-bottom: 24px;
}
.contacts-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.contacts-email a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40vw;
  padding-right: 4px;
}
.contacts-email a:hover {
  color: var(--secondary-black-80);
}
.contacts-label {
  margin-bottom: 8px;
  color: var(--secondary-neutral-35);
}
.contacts-address-link-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.contacts-address-link-text:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjc5MDggOS41NzAzN0MxMy4wNjk3IDkuMjM2OTEgMTMuMDY5NyA4Ljc2MzA5IDEyLjc5MDggOC40Mjk2M0w3LjY5OTk1IDIuMzQyN0M3LjM3MDYyIDEuOTQ4OTQgNi43Njk5NCAxLjg4NTEgNi4zNTgyOCAyLjIwMDExQzUuOTQ2NjIgMi41MTUxMiA1Ljg3OTg4IDMuMDg5NjkgNi4yMDkyMSAzLjQ4MzQ0TDEwLjgyMzEgOUw2LjIwOTIxIDE0LjUxNjZDNS44Nzk4OCAxNC45MTAzIDUuOTQ2NjIgMTUuNDg0OSA2LjM1ODI4IDE1Ljc5OTlDNi43Njk5NCAxNi4xMTQ5IDcuMzcwNjIgMTYuMDUxMSA3LjY5OTk1IDE1LjY1NzNMMTIuNzkwOCA5LjU3MDM3WiIgZmlsbD0iIzBGMTgyMiIgLz4KPC9zdmc+);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.contacts-address-link-text:hover {
  opacity: 0.7;
}
.contacts-address-link-text:hover:after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.contacts-image {
  overflow: hidden;
  border-radius: 16px;
  height: 100%;
}
.contacts-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 1280px) {
  .contacts-content .section-title, .contacts-content .section-title * {
    font-style: italic;
    font-weight: 800;
    font-size: 2rem;
    line-height: 115%;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1280px) and (max-width: 992px) {
  .contacts-content .section-title, .contacts-content .section-title * {
    font-size: 1.38rem;
    line-height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .contacts-content .section-title br, .contacts-content .section-title * br {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .contacts__wrapper {
    padding: 32px 0 0;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .contacts-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .contacts-email a {
    max-width: calc(100vw - 16px - 16px - 16px - 34px);
    padding-right: 4px;
  }
  .contacts-image {
    border-radius: 8px;
  }
}

html.dark-theme .contacts-address-link-text:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.team-section__wrapper {
  padding: 64px 0;
}
.team-section .section-title {
  text-align: center;
  margin-bottom: 32px;
}
.team-section .team-group {
  padding: 64px 0;
}
.team-section .team-group:nth-child(2) {
  padding: 32px 0 64px;
}
.team-section .team-group-title {
  text-align: center;
  margin-bottom: 16px;
}
.team-section .team-group-description {
  margin-bottom: 48px;
  text-align: center;
}
.team-section .team-group__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.team-section .team-group .team-member .image {
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 8px;
}
.team-section .team-group .team-member .image img {
  aspect-ratio: 392/240;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-section .team-group .team-member .name {
  margin-bottom: 4px;
}
@media screen and (max-width: 992px) {
  .team-section .team-group {
    padding: 32px 0;
  }
  .team-section .team-group:nth-child(2) {
    padding: 32px 0;
  }
  .team-section .team-group__wrapper {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .team-section .team-group .team-member .image {
    margin-bottom: 16px;
  }
  .team-section .team-group .team-member .image img {
    aspect-ratio: 500/240;
  }
}
@media screen and (max-width: 768px) {
  .team-section .team-group {
    padding: 32px 0;
  }
  .team-section .team-group-description {
    margin-bottom: 32px;
  }
  .team-section .team-group__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.policy-section__wrapper {
  padding: 64px 0 128px;
}
.policy-section .section-title {
  text-align: center;
  margin-bottom: 16px;
}
.policy-section .page-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 48px;
  gap: 8px;
}
.policy-section .page-date::before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTMuMTY2NyAzLjE2Njc1SDMuODMzMzNDMy4wOTY5NSAzLjE2Njc1IDIuNSAzLjc2MzcgMi41IDQuNTAwMDhWMTMuODMzNEMyLjUgMTQuNTY5OCAzLjA5Njk1IDE1LjE2NjcgMy44MzMzMyAxNS4xNjY3SDEzLjE2NjdDMTMuOTAzIDE1LjE2NjcgMTQuNSAxNC41Njk4IDE0LjUgMTMuODMzNFY0LjUwMDA4QzE0LjUgMy43NjM3IDEzLjkwMyAzLjE2Njc1IDEzLjE2NjcgMy4xNjY3NVoiIHN0cm9rZT0iIzBBMTAxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogIDxwYXRoIGQ9Ik0xMS4xNjggMS44MzMyNVY0LjQ5OTkyIiBzdHJva2U9IiMwQTEwMTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KICA8cGF0aCBkPSJNNS44MzIwMyAxLjgzMzI1VjQuNDk5OTIiIHN0cm9rZT0iIzBBMTAxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogIDxwYXRoIGQ9Ik0yLjUgNy4xNjY3NUgxNC41IiBzdHJva2U9IiMwQTEwMTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+);
}
@media screen and (max-width: 768px) {
  .policy-section__wrapper {
    padding: 48px 0 64px;
  }
  .policy-section .page-date {
    margin-bottom: 32px;
  }
}

html.dark-theme .article .page-date::before {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.history-section {
  padding: 64px 0 88px;
}
.history-section__wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  -ms-grid-columns: 1fr 48px 1fr;
  grid-template-columns: 1fr 1fr;
}
.history-section .image {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 16px;
}
.history-section_content .label {
  margin-bottom: 16px;
}
.history-section_content .section-title {
  margin-bottom: 24px;
}
.history-section_content .section-description {
  max-width: 496px;
}
.history-section_content .button {
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1280px) {
  .history-section__wrapper {
    gap: 24px;
  }
}
@media screen and (max-width: 992px) {
  .history-section {
    padding: 32px 0;
  }
  .history-section__wrapper {
    gap: 48px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .history-section .image {
    aspect-ratio: 500/375;
  }
  .history-section .image img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    height: 100%;
    width: 100%;
  }
  .history-section_content .label {
    margin-bottom: 8px;
  }
  .history-section_content .section-title {
    margin-bottom: 16px;
  }
  .history-section_content .section-description {
    max-width: 100%;
  }
  .history-section_content .button {
    min-width: 304px;
    margin: 32px auto 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  .history-section .button {
    width: 100%;
    min-width: auto;
  }
}

html.dark-theme .history-section_content .button.accent, html.dark-theme .history-section_content .button.secondary {
  background-color: var(--primary-yellow);
  border: 2px solid var(--primary-yellow);
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.dark-theme .history-section_content .button.accent:not(:disabled):hover, html.dark-theme .history-section_content .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-40);
}
html.dark-theme .history-section_content .button.accent:not(:disabled):active, html.dark-theme .history-section_content .button.secondary:not(:disabled):active {
  background-color: #e0f273;
}
html.dark-theme .history-section_content .button.accent:disabled, html.dark-theme .history-section_content .button.secondary:disabled {
  border-color: var(--secondary-neutral-35);
  background-color: var(--secondary-neutral-35);
  color: var(--secondary-neutral-50);
}
html.dark-theme .history-section_content .button.accent .-load, html.dark-theme .history-section_content .button.secondary .-load {
  background-color: var(--primary-yellow);
}
html.dark-theme .history-section_content .button.accent .-load:after, html.dark-theme .history-section_content .button.secondary .-load:after {
  border-color: var(--primary-black) transparent transparent transparent;
}

.stacked-bar-chart-section {
  padding: 64px 0;
}
.stacked-bar-chart-section__wrapper {
  text-align: center;
  background-color: var(--primary-grey);
  padding: 128px 80px;
  border-radius: 24px;
}
.stacked-bar-chart-section .section-title {
  margin-bottom: 24px;
}
.stacked-bar-chart-section .section-description {
  margin-bottom: 48px;
}
.stacked-bar-chart-section .section-description b *, .stacked-bar-chart-section .section-description strong * {
  font-weight: bold;
}
.stacked-bar-chart-section .stacked-bar-container {
  text-align: center;
  margin: 0 auto;
}
.stacked-bar-chart-section canvas {
  overflow: hidden;
}
.stacked-bar-chart-section .column-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 5px;
}
.stacked-bar-chart-section .column-year {
  font-size: 1.5rem;
  text-align: center;
}
.stacked-bar-chart-section .category-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-top: 48px;
  cursor: pointer;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.stacked-bar-chart-section .category-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.stacked-bar-chart-section .category-label.-hidden {
  text-decoration: line-through;
}
.stacked-bar-chart-section .category-color {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
}
@media screen and (max-width: 1280px) {
  .stacked-bar-chart-section__wrapper {
    padding: 64px 44px;
  }
}
@media screen and (max-width: 992px) {
  .stacked-bar-chart-section {
    padding: 32px 0;
  }
  .stacked-bar-chart-section .container-main {
    padding: 0;
  }
  .stacked-bar-chart-section__wrapper {
    padding: 64px 44px;
  }
  .stacked-bar-chart-section .column-year {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .stacked-bar-chart-section__wrapper {
    padding: 32px;
  }
  .stacked-bar-chart-section .section-title {
    margin-bottom: 16px;
  }
  .stacked-bar-chart-section .section-description {
    margin-bottom: 32px;
  }
  .stacked-bar-chart-section .column-year {
    display: none;
  }
  .stacked-bar-chart-section .category-labels {
    margin-top: 32px;
    font-size: 0.88rem;
  }
}
@media screen and (max-width: 576px) {
  .stacked-bar-chart-section__wrapper {
    padding: 32px 16px;
  }
}

html.dark-theme .stacked-bar-chart-section__wrapper {
  background-color: var(--secondary-black-90);
  color: var(--primary-white);
}

.stacked-bar-container-lite .canvas-container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .stacked-bar-container-lite .canvas-container {
    margin-right: -16px;
    margin-left:  -16px;
  }
}
.stacked-bar-chart-section-lite {
  padding: 64px 0 128px;
}
.stacked-bar-chart-section-lite__wrapper {
  text-align: center;
}
.stacked-bar-chart-section-lite .section-title {
  margin-bottom: 24px;
}
.stacked-bar-chart-section-lite .section-description {
  margin-bottom: 48px;
}
.stacked-bar-chart-section-lite .section-description b, .stacked-bar-chart-section-lite .section-description strong {
  font-weight: bold;
}
.stacked-bar-chart-section-lite .stacked-bar-container {
  text-align: center;
  margin: 0 auto;
}
.stacked-bar-chart-section-lite canvas {
  overflow: hidden;
}
.stacked-bar-chart-section-lite .column-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 5px;
}
.stacked-bar-chart-section-lite .column-year {
  flex: 1 1 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .stacked-bar-chart-section-lite {
    padding: 32px 0;
  }
  .stacked-bar-chart-section-lite .section-title {
    margin-bottom: 16px;
  }
  .stacked-bar-chart-section-lite .section-description {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .stacked-bar-chart-section-lite .column-labels {
    display: none !important;
  }
}

.donut-chart-container .canvas-container {
  position: relative;
}
@media screen and (max-width: 992px) {
  .donut-chart-container .canvas-container {
    margin-right: -16px;
    margin-left:  -16px;
  }
}

.donut-chart-section__wrapper {
  padding: 128px 44px;
  border-radius: 24px;
  background-color: var(--primary-grey);
  text-align: center;
  position: relative;
}
.donut-chart-section .section-title {
  margin-bottom: 24px;
}
.donut-chart-section .section-description {
  margin-bottom: 64px;
}
.donut-chart-section canvas {
  max-width: 100%;
  aspect-ratio: 1224/564;
  display: block;
  height: auto !important;
  width: 100% !important;
}
.donut-chart-section .donut-chart-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.donut-chart-section .donut-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10000;
  padding: 60px 44px;
}
.donut-chart-section .donut-popup-content {
  position: relative;
  background: var(--primary-white);
  border-radius: 24px;
  width: 100%;
  max-width: 1312px;
  padding: 60px 88px;
  max-height: calc(100dvh - 120px);
  overflow-x: hidden;
  overflow-y: auto;
}
.donut-chart-section .donut-popup-content::-webkit-scrollbar {
  width: 4px;
}
.donut-chart-section .donut-popup-content::-webkit-scrollbar-button {
  background-color: #ccc;
  display: none;
}
.donut-chart-section .donut-popup-content::-webkit-scrollbar-track {
  background: none;
}
.donut-chart-section .donut-popup-content::-webkit-scrollbar-thumb {
  background-color: var(--secondary-black-80);
  height: 50px;
  border-radius: 10px;
}
.donut-chart-section .donut-popup-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-yellow);
}
.donut-chart-section .donut-popup-content .close-button {
  position: absolute;
  top: 48px;
  right: 44px;
}
.donut-chart-section .donut-popup-content-title {
  margin-bottom: 48px;
}
.donut-chart-section .donut-popup-content-table {
  overflow: hidden;
  border-radius: 8px;
}
.donut-chart-section .donut-popup-content-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: start;
}
.donut-chart-section .donut-popup-content-table table thead {
  background-color: #E5EDF5;
}
.donut-chart-section .donut-popup-content-table table thead th {
  text-align: start;
  padding: 24px 16px;
}
.donut-chart-section .donut-popup-content-table table thead th:last-child {
  text-align: end;
}
.donut-chart-section .donut-popup-content-table table tbody td {
  padding: 16px;
}
.donut-chart-section .donut-popup-content-table table tbody tr {
  background-color: var(--primary-grey);
}
.donut-chart-section .donut-popup-content-table table tbody tr:nth-child(even) {
  background-color: var(--secondary-black-10);
}
.donut-chart-section .donut-popup-content-table table tbody tr td:last-child {
  text-align: end;
}
.donut-chart-section .donut-popup-content-table table tfoot {
  background-color: #E5EDF5;
}
.donut-chart-section .donut-popup-content-table table tfoot td {
  padding: 16px;
  font-weight: 700;
}
.donut-chart-section .donut-popup-content-table table tfoot td:last-child {
  text-align: end;
}
.donut-chart-section-instructions {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
  transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}
.donut-chart-section-instructions.-active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.donut-chart-section-instructions__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 24px;
  border-radius: 16px;
  background-color: rgba(15, 24, 34, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  max-width: 763px;
  color: var(--primary-white);
  text-align: start;
}
.donut-chart-section-instructions__wrapper .description strong, .donut-chart-section-instructions__wrapper .description b {
  font-weight: 700;
}
.donut-chart-section-instructions .image {
  aspect-ratio: 280/185;
  height: 185px;
}
.donut-chart-section-instructions .image .-pc {
  display: block;
}
.donut-chart-section-instructions .image .-mob {
  display: none;
}
.donut-chart-section-instructions .image img, .donut-chart-section-instructions .image svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.donut-chart-section-instructions-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.donut-chart-section-instructions-content .button {
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.donut-chart-section-instructions-content .button.accent, .donut-chart-section-instructions-content .button.secondary {
  background-color: var(--primary-white);
  border: 2px solid var(--primary-white);
  color: var(--primary-black);
  -webkit-box-shadow: 0 0 12px 0 #e4e9f0;
          box-shadow: 0 0 12px 0 #e4e9f0;
}
.donut-chart-section-instructions-content .button.accent:not(:disabled):hover, .donut-chart-section-instructions-content .button.secondary:not(:disabled):hover {
  background-color: var(--secondary-yellow-20);
  border: 2px solid var(--secondary-yellow-20);
}
.donut-chart-section-instructions-content .button.accent:not(:disabled):active, .donut-chart-section-instructions-content .button.secondary:not(:disabled):active {
  background-color: var(--secondary-neutral-10);
  border: 2px solid var(--secondary-neutral-10);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.donut-chart-section-instructions-content .button.accent img, .donut-chart-section-instructions-content .button.secondary img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.donut-chart-section-instructions-content .button.accent .-load, .donut-chart-section-instructions-content .button.secondary .-load {
  background-color: var(--primary-white);
}
.donut-chart-section-instructions-content .button.accent .-load:after, .donut-chart-section-instructions-content .button.secondary .-load:after {
  border-color: var(--primary-black) transparent transparent transparent;
}
.donut-chart-section-instructions-content .button.accent.-share:after, .donut-chart-section-instructions-content .button.secondary.-share:after {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.donut-chart-section-instructions-content .button.accent.-downloadable:after, .donut-chart-section-instructions-content .button.secondary.-downloadable:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
@media screen and (max-width: 1280px) {
  .donut-chart-section__wrapper {
    padding: 64px 44px;
  }
}
@media screen and (max-width: 992px) {
  .donut-chart-section__wrapper {
    margin-right: -44px;
    margin-left:  -44px;
    padding: 32px 44px;
  }
  .donut-chart-section canvas {
    aspect-ratio: 0;
  }
  .donut-chart-section .donut-popup-content {
    padding: 32px 64px;
    max-height: calc(100dvh - 120px);
  }
  .donut-chart-section .donut-popup-content .close-button {
    top: 32px;
    right: 32px;
  }
  .donut-chart-section .donut-popup-content-title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .donut-chart-section__wrapper {
    margin-right: -32px;
    margin-left:  -32px;
    padding: 25px 32px;
    border-radius: 8px;
  }
  .donut-chart-section .section-title {
    margin-bottom: 16px;
  }
  .donut-chart-section .section-description {
    margin-bottom: 32px;
  }
  .donut-chart-section .donut-popup-content {
    padding: 64px 24px;
  }
  .donut-chart-section .donut-popup-content .close-button {
    top: 16px;
    right: 16px;
  }
  .donut-chart-section-instructions {
    bottom: 16px;
  }
  .donut-chart-section-instructions__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 8px;
  }
  .donut-chart-section-instructions .image {
    height: auto;
  }
  .donut-chart-section-instructions .image .-pc {
    display: none;
  }
  .donut-chart-section-instructions .image .-mob {
    display: block;
  }
  .donut-chart-section-instructions-content {
    gap: 16px;
  }
  .donut-chart-section-instructions-content .button {
    width: 100%;
  }
  .donut-chart-section-instructions .close-container {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .donut-chart-section__wrapper {
    margin-right:  -16px;
    margin-left:   -16px;
    padding-right: 16px;
    padding-left:  16px;
  }
  .donut-chart-section .donut-popup {
    padding: 25px 16px;
  }
  .donut-chart-section .donut-popup-content {
    padding: 48px 16px;
  }
  .donut-chart-section .donut-popup-content .close-button {
    top: 8px;
    right: 8px;
  }
  .donut-chart-section .donut-popup-content-table thead th:nth-child(2) {
    text-align: end;
  }
  .donut-chart-section .donut-popup-content-table thead th:nth-child(3) {
    display: none;
  }
  .donut-chart-section .donut-popup-content-table tbody tr td:nth-child(2) {
    text-align: end;
  }
  .donut-chart-section .donut-popup-content-table tbody tr td:nth-child(3) {
    display: none;
  }
  .donut-chart-section .donut-popup-content-table tfoot td:nth-child(2) {
    text-align: end;
  }
  .donut-chart-section .donut-popup-content-table tfoot td:nth-child(3) {
    display: none;
  }
}

html.dark-theme .donut-popup-content * {
  color: var(--primary-white);
}

html.dark-theme .donut-chart-section__wrapper {
  background-color: var(--secondary-black-90);
}
html.dark-theme .donut-chart-section .donut-popup-content {
  background: var(--secondary-black-80);
}
html.dark-theme .donut-chart-section .donut-popup-content::-webkit-scrollbar-thumb {
  background-color: var(--primary-yellow);
}
html.dark-theme .donut-chart-section .donut-popup-content-table table thead {
  background-color: var(--secondary-black-50);
}
html.dark-theme .donut-chart-section .donut-popup-content-table table tbody tr {
  background-color: var(--secondary-black-80);
}
html.dark-theme .donut-chart-section .donut-popup-content-table table tbody tr:nth-child(even) {
  background-color: var(--secondary-black-70);
}
html.dark-theme .donut-chart-section .donut-popup-content-table table tfoot {
  background-color: var(--secondary-black-50);
}
html.dark-theme .donut-chart-section .donut-popup-content-table table .progress-container {
  background: var(--primary-black) !important;
}

.fzf {
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  cursor: none;
}
.fzf .container-main {
  height: 100%;
}
.fzf__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fzf .section-title {
  position: relative;
  font-size: 172px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  line-height: 100%;
  margin-bottom: 24px;
}
.fzf .section-title .ball-container {
  display: inline-block;
  width: 162px;
  aspect-ratio: 1/1;
  position: relative;
  vertical-align: middle;
  overflow: visible;
}
.fzf .section-title .ball {
  max-width: 162px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.fzf .section-description {
  margin-bottom: 32px;
}
.fzf .buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 992px) {
  .fzf .section-title {
    font-size: 90px;
    margin-bottom: 16px;
  }
  .fzf .section-title .ball-container {
    width: 90px;
  }
  .fzf .section-title .ball {
    max-width: 90px;
  }
  .fzf .section-description {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 576px) {
  .fzf .button {
    width: 100%;
  }
}

.rocket-cursor {
  position: fixed;
  width: 450px;
  pointer-events: none;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.2s ease;
  transition: opacity 0.5s, -webkit-transform 0.2s ease;
  transition: opacity 0.5s, transform 0.2s ease;
  transition: opacity 0.5s, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.rocket-cursor.hidden {
  opacity: 0;
}
@media screen and (max-width: 992px) {
  .rocket-cursor {
    width: 250px;
  }
}
/*# sourceMappingURL=styles.css.map */