@font-face {
  font-family: Brave;
  src: url('../fonts/Brave1_018-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brave;
  src: url('../fonts/Brave1_018-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brave;
  src: url('../fonts/Brave1_018-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brave;
  src: url('../fonts/Brave1_018-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
  --yellow: #f4e600;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: none;
  display: inline-block;
}

.wrapper {
  overflow: hidden;
}

.container {
  max-width: none;
  padding-left: 4rem;
  padding-right: 4rem;
}

.container.hero {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 4rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: clip;
}

.container.nav {
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  margin-left: 4rem;
  margin-right: 4rem;
  padding: 1rem 0;
  display: flex;
  position: static;
}

.container.mission {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.container.grants {
  padding-top: 9.6rem;
  padding-bottom: 13rem;
}

.container.full {
  height: 100vh;
}

.container.gamechangers {
  padding-top: 9rem;
  padding-bottom: 14rem;
  position: relative;
}

.container.challenges {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4rem 0 16rem;
  display: flex;
  overflow: clip;
}

.container.vacancy {
  padding-bottom: 16rem;
  overflow: hidden;
}

.container.reasons {
  padding-top: 9rem;
  padding-bottom: 13rem;
}

.container.footer {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-left: 4rem;
  margin-right: 4rem;
  padding: 0 0 4rem;
}

.container.split-box {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.container.cats {
  padding-left: 0;
  padding-right: 0;
}

.container.offer {
  justify-content: center;
  align-items: flex-start;
  padding: 20rem 0 23rem;
  display: flex;
  position: relative;
}

.loader-section {
  z-index: 999;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.g-style {
  width: 0;
  height: 0;
}

.ui-flex-grid {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.text.left-padding-s {
  margin-left: .5rem;
}

.h1 {
  text-transform: uppercase;
  font-size: 8rem;
  font-weight: 700;
  line-height: 1.2;
}

.h1.hero-h1 {
  background-color: var(--white);
  color: var(--black);
  padding: 3.4rem 4rem;
  font-size: 6.4rem;
  font-weight: 500;
  line-height: 1;
}

.h2 {
  letter-spacing: -.16rem;
  text-transform: uppercase;
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1.2;
}

.h2.mission {
  grid-column-gap: 1.6rem;
  grid-row-gap: .8rem;
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 4.8rem;
  display: flex;
}

.h2.grants {
  display: inline;
}

.h2.reasons {
  width: 108rem;
  margin-bottom: 8rem;
}

.h2.modal-title {
  color: #000;
  margin-bottom: 3.2rem;
}

.h2.modal-title-ok {
  color: #000;
  margin-bottom: 1rem;
}

.h3 {
  text-transform: uppercase;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.h3.cats-title {
  background-color: var(--yellow);
  color: var(--black);
  padding: 4rem 6rem 4rem 4rem;
}

.button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--yellow);
  background-color: var(--yellow);
  pointer-events: auto;
  color: #000;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  height: 6.8rem;
  padding: 0 2rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button.hero {
  margin-top: 2.4rem;
}

.button.nav-btn {
  background-color: var(--black);
  color: #fff;
  letter-spacing: .1rem;
  border: 1px solid #fff;
  align-self: stretch;
  height: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.button.nav-btn:hover {
  border-color: var(--yellow);
  color: var(--yellow);
}

.button.badges-btn {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  color: var(--yellow);
  text-underline-offset: .6rem;
  background-color: #0000;
  border-style: none;
  height: auto;
  margin-top: 2rem;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
  text-decoration-thickness: .3rem;
}

.button.badges-btn:hover {
  color: var(--white);
  text-decoration: none;
}

.button.form-btn {
  align-self: flex-start;
  padding-left: 4.3rem;
}

.button.form-btn.loading {
  border-color: var(--black);
  background-color: var(--white);
  pointer-events: none;
  cursor: wait;
}

.button.hero-btn {
  z-index: 2;
  pointer-events: auto;
  margin-top: -3.6rem;
  margin-left: 2.2rem;
  padding-left: 8rem;
  padding-right: 8rem;
}

.button.vac-btn {
  flex: none;
  height: 7rem;
  margin-left: auto;
}

.button.vac-btn.mobile {
  margin-left: 0;
  margin-right: auto;
  display: none;
}

.button.soc {
  color: #fff;
  background-color: #0000;
  border-width: 0;
  height: auto;
  padding-bottom: .2rem;
  padding-left: 0;
  padding-right: 0;
}

.button.soc.feedback {
  margin-top: -.4rem;
}

.button.nav-btn-alt {
  height: 5.6rem;
  font-size: 2rem;
}

.grid-col-3 {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-col-2 {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.grid-col-6 {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.ui-grid-item {
  background-color: #ffd1d1;
  height: 10rem;
}

.ui-flex {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.body {
  color: #fff;
  background-color: #000;
  font-family: Brave, Tahoma, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

.hero-video {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-text {
  pointer-events: none;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 4rem;
  display: flex;
  position: absolute;
  left: 4rem;
}

.hero-text.nth-badges {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 26rem;
}

.svg-btn {
  width: 3rem;
  height: 3rem;
}

.svg-btn.form-btn-icon {
  pointer-events: none;
  position: absolute;
  right: 2rem;
}

.nav {
  z-index: 100;
  background-color: #000;
  height: 8rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.svg-logo {
  width: auto;
  height: 5.4rem;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: 3rem;
  display: flex;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: 0 2rem;
  font-size: 2rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--yellow);
}

.nav-link.footer.w--current {
  color: var(--white);
}

.svg-textlogo {
  width: auto;
  height: 7.4rem;
  margin-top: -.4rem;
}

.svg-textlogo.grants {
  vertical-align: top;
  margin-left: 1.6rem;
}

.mission-text {
  opacity: .8;
  text-align: center;
  width: 77rem;
}

.inline {
  display: inline;
}

.grants-card {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  display: flex;
}

.large-yellow-text {
  color: var(--yellow);
  text-transform: uppercase;
  font-size: 6.4rem;
  font-weight: 500;
  line-height: 1.2;
}

.large-yellow-text.nth1 {
  margin-top: -.8rem;
}

.grants-video {
  justify-content: center;
  align-items: center;
  height: 32rem;
  display: flex;
  position: relative;
}

.grants-text {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  color: #fffc;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 2rem;
  display: flex;
}

.svg-wheel {
  width: 2.4rem;
  margin-left: -2.4rem;
}

.gch-text {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  color: #fffc;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35rem;
  margin-bottom: -4rem;
  padding-left: 2.4rem;
  font-size: 1.6rem;
  display: flex;
}

.brand {
  height: 5.4rem;
}

.color-yellow {
  color: var(--yellow);
}

.img-badges {
  width: 48rem;
}

.badges-text {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  color: #fffc;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45rem;
  margin-top: -3.2rem;
  padding-left: 2.4rem;
  font-size: 1.6rem;
  display: flex;
}

.grid-col-5 {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 4.8rem;
}

.card {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  background-color: #171a17;
  padding: 2.4rem;
  font-size: 1.6rem;
}

.card-num {
  color: var(--yellow);
  font-size: 1.4rem;
  font-weight: 700;
}

.opacity80 {
  opacity: .8;
}

.card-title {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
}

.flex-min {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
}

.svg-cardicon {
  color: var(--yellow);
  width: 4rem;
}

.reason-video {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.reason-text {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  color: #fffc;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2.4rem;
  font-size: 1.6rem;
  display: flex;
}

.reason-list {
  z-index: 2;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.modal {
  z-index: 200;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0009;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.success-box {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  letter-spacing: -.1rem;
  background-color: #fff;
  padding: 0;
  font-size: 1.6rem;
  display: flex;
  position: absolute;
  inset: 0;
}

.success-box.show {
  opacity: 1;
  pointer-events: auto;
  padding-top: 0;
}

.form-button-box {
  color: #000;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.form-button-box.ok {
  align-self: center;
}

.button-2 {
  color: #000;
  letter-spacing: -.1rem;
  text-transform: uppercase;
  background-color: #0000;
  padding: 1.6rem 11.2rem 1.6rem 5.6rem;
  font-size: 1.6rem;
  text-decoration: none;
}

.error-box {
  color: #ff7d7d;
  background-color: #fff;
  height: 7rem;
  margin-top: 0;
  padding: 2rem 4rem;
  position: absolute;
  bottom: 3.9rem;
  left: 0;
  right: 0;
}

.error-box.show {
  z-index: 3;
  display: flex;
}

.formbox {
  z-index: 2;
  background-color: #fff;
  width: 66rem;
  margin-bottom: 0;
  padding: 4rem;
  display: block;
  position: relative;
}

.error-code {
  opacity: 0;
  pointer-events: none;
  color: #979797;
  margin-top: 4px;
  font-size: 8px;
  position: absolute;
  bottom: 0;
}

.error-code.show {
  opacity: 1;
}

.svg-plus {
  width: 1.8rem;
  position: absolute;
}

.svg-plus.nth3 {
  top: 0;
  right: 0;
}

.svg-plus.nth1 {
  top: 0;
  left: 0;
}

.svg-plus.nth4 {
  bottom: 0;
  right: 0;
}

.svg-plus.nth2 {
  bottom: 0;
  left: 0;
}

.success-text-box {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 4rem;
  font-size: 2.4rem;
  position: relative;
}

.svg-form-button {
  pointer-events: none;
  width: 1.6rem;
  transition: all .2s ease-out;
  position: absolute;
  right: 2.4rem;
}

.svg-form-button.ok {
  width: .8rem;
  right: 2.9rem;
}

.input-box {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  position: relative;
}

.input {
  color: #000;
  text-transform: uppercase;
  border: 0 solid #000;
  border-bottom-width: 2px;
  border-radius: 0;
  height: 4.8rem;
  margin-bottom: 0;
  padding: 0 0 2rem;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.9rem;
}

.input:focus {
  border-bottom-color: #000;
}

.input.error {
  color: red;
  border-bottom-color: red;
}

.form {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.input-label {
  color: #000000b3;
  letter-spacing: -.1rem;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 3rem;
  font-size: 1.6rem;
  font-weight: 300;
}

.success-content {
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 4.2rem;
  display: flex;
}

.form-border {
  pointer-events: none;
  background-color: #000;
  width: 2px;
  height: 8px;
  position: absolute;
}

.form-border.nth2 {
  bottom: 0;
  left: 0;
}

.form-border.nth8 {
  bottom: 2px;
  right: 0;
}

.form-border.nth4 {
  bottom: 0;
  right: 6.2rem;
}

.form-border.nth5 {
  top: 0;
  right: 0;
}

.form-border.nth7 {
  bottom: 2px;
  left: 0;
}

.form-border.nth3 {
  top: 0;
  right: 6.2rem;
}

.form-border.nth6 {
  bottom: 0;
  right: 0;
}

.form-border.nth1 {
  top: 0;
  left: 0;
}

.close-area {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.video-4 {
  z-index: 1;
  aspect-ratio: 16 / 9;
  object-fit: none;
  width: 70rem;
  height: auto;
  position: absolute;
  top: -1rem;
}

.video-2 {
  z-index: -1;
  aspect-ratio: 16 / 9;
  object-fit: none;
  width: 53rem;
  height: auto;
  position: absolute;
}

.video-1 {
  z-index: -1;
  aspect-ratio: 1.6;
  object-fit: none;
  width: auto;
  height: 68rem;
  margin-top: -4rem;
  margin-right: -5rem;
  position: absolute;
}

.video-3 {
  z-index: -1;
  aspect-ratio: 1.6;
  object-fit: none;
  width: 100%;
  height: auto;
  margin-right: -5rem;
  position: absolute;
  top: -4rem;
  left: 0;
  right: 0;
}

.line-trim {
  font-size: 28rem;
  line-height: .7;
  display: inline-block;
}

.grid-col-4 {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 4.8rem;
}

.close {
  color: #fff;
  cursor: pointer;
  width: 4rem;
  transition: all .15s ease-out;
  position: absolute;
  top: 0;
  right: -6rem;
}

.close:hover {
  transform: rotate(90deg);
}

.nav-btn-mobile {
  display: none;
}

.load {
  width: 24rem;
}

.input-tooltip {
  color: #999;
  margin-top: 1rem;
  font-size: 1.6rem;
}

.ic-arrow {
  width: 1.3rem;
  height: 1.3rem;
  margin-bottom: 2px;
  transition: transform .2s ease-out;
}

.ic-arrow.form-btn {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  left: 2rem;
}

.button-line {
  z-index: 2;
  background-color: var(--black);
  width: calc(100% - 4rem);
  height: .2rem;
  transition-property: width;
  transition-duration: .2s;
  transition-timing-function: ease-out;
  position: absolute;
  bottom: 1.9rem;
}

.button-line.form-btn {
  pointer-events: none;
  left: 2rem;
}

.button-line.hero-btn {
  width: calc(100% - 16rem);
}

.button-line.soc {
  background-color: var(--white);
  width: 100%;
  height: 2px;
  bottom: .1rem;
}

.button-line.nav-btn-line {
  bottom: 1.2rem;
}

.form-button-container {
  color: #000;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.spline {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: calc(100vh - 8rem);
  display: flex;
}

.h1-hero {
  color: var(--black);
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 6.4rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.h1-hero-1 {
  background-color: var(--white);
  padding: 3.4rem 4rem;
  font-size: 3.2rem;
  display: inline-block;
}

.h1-hero-2 {
  z-index: 2;
  background-color: var(--white);
  vertical-align: text-bottom;
  margin-top: -4rem;
  margin-left: 6.5rem;
  padding: 3.4rem 4rem;
  display: inline-block;
  position: relative;
}

.h1-hero-2.sub {
  margin-top: -2rem;
  padding-top: 0;
}

.ic-flag-ua {
  width: 5rem;
  margin-bottom: .6rem;
  margin-left: 1rem;
  display: inline-block;
}

.hero-h1-box {
  z-index: 1;
  background-color: var(--white);
  width: 42.2rem;
  height: 10.6rem;
  margin-top: -7.2rem;
  margin-left: 4.2rem;
  position: relative;
}

.hero-logo {
  width: 33.2rem;
  margin-left: -4rem;
}

.spline-mobile {
  display: none;
}

.splie-content {
  pointer-events: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  left: 27rem;
}

.spline-ribbon {
  background-color: var(--white);
  color: var(--black);
  padding: 4rem;
}

.spline-ribbon.text-1 {
  width: 58.7rem;
  margin-top: -4.6rem;
}

.spline-ribbon.text-2 {
  width: 51.8rem;
  margin-top: -4rem;
}

.step-title {
  background-color: var(--white);
  color: var(--black);
  width: 61.7rem;
  height: 34.7rem;
  padding-top: 9.7rem;
  padding-left: 4rem;
  padding-right: 15rem;
}

.step-text {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--white);
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 69.6rem;
  margin-top: 5.5rem;
  margin-left: -14.5rem;
  padding: 4rem 3.2rem 4rem 5.8rem;
  display: flex;
  position: relative;
}

.step-list {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.weight-medium {
  font-weight: 500;
}

.ic-list-arrow {
  width: 2rem;
  position: absolute;
  left: -2.6rem;
}

.step-yellow {
  background-color: var(--yellow);
  text-transform: uppercase;
  padding: 4rem 23rem 4rem 5.8rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  top: 100%;
  left: 0;
  right: -27.6rem;
}

.split-type {
  color: var(--yellow);
  text-align: center;
  letter-spacing: -.14px;
  text-transform: uppercase;
  width: 100rem;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1.2;
}

.split-type._2 {
  width: 107rem;
}

.cats-title-box {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.cats-empty-box {
  background-color: var(--yellow);
  width: 22rem;
  height: 6rem;
}

.cats-list {
  flex-flow: column;
  display: flex;
}

.cats-item {
  background-color: var(--yellow);
  color: var(--black);
  flex-flow: column;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  overflow: hidden;
}

.cats-item-trigger {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.cats-item-content {
  grid-column-gap: 8.2rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: grid;
}

.cats-wrapper {
  height: 20rem;
}

.cats-icon-plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cats-item-title {
  text-transform: uppercase;
  flex: 1;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.2;
}

.plus-hor {
  background-color: var(--black);
  width: 3rem;
  height: .3rem;
  position: absolute;
}

.cats-bullet {
  background-color: var(--black);
  flex: none;
  width: .6rem;
  height: .6rem;
  margin-right: 1.6rem;
}

.cats-bullet.small {
  width: .4rem;
  height: .4rem;
  margin-top: 1.2rem;
  margin-left: .4rem;
}

.plus-ver {
  background-color: var(--black);
  width: .3rem;
  height: 3rem;
}

.cats-vac-item {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  flex-flow: column;
  margin-bottom: 6rem;
  display: flex;
}

.vac-title {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--black);
  color: var(--white);
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 7rem;
  padding-left: 2rem;
  display: flex;
  overflow: hidden;
}

.vac-list {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.vac-list-title {
  margin-bottom: .8rem;
}

.vac-list-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.offer-box {
  background-color: var(--yellow);
  color: var(--black);
}

.offer-box.nth1 {
  letter-spacing: -.08rem;
  text-transform: uppercase;
  width: 50.8rem;
  margin-left: 30rem;
  padding: 4rem;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.offer-box.nth2 {
  width: calc(100% - 8.4rem);
  height: 11.6rem;
}

.offer-box.nth3 {
  margin-top: 5rem;
  padding: 4rem 4.8rem 4rem 3.2rem;
}

.offer-white {
  background-color: var(--white);
  color: var(--black);
  letter-spacing: -.02rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 62.7rem;
  height: 12.4rem;
  padding-left: 16rem;
  padding-right: 4rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.offer-flex {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-logo-box {
  grid-column-gap: 8rem;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.footer-logo-box.cta-box {
  flex: 0 auto;
  width: 50rem;
}

.footer-logo-1 {
  width: auto;
  height: 7.2rem;
}

.footer-logo-2 {
  width: auto;
  height: 8.8rem;
}

.footer-cta-title {
  letter-spacing: -.06rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.footer-soc-box {
  grid-column-gap: 4.4rem;
  grid-row-gap: 4.4rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 2rem;
  display: flex;
}

.footer-link {
  text-transform: uppercase;
  text-underline-offset: .5rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: underline;
}

.footer-mail {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.feedback {
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.at {
  vertical-align: top;
  font-family: Exo, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-block;
}

.footer-flex {
  display: flex;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .container.hero {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .container.nav {
    border-bottom-width: 0;
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .container.mission {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .container.grants {
    padding-bottom: 4rem;
  }

  .container.gamechangers {
    overflow: hidden;
  }

  .container.challenges {
    flex-flow: column;
  }

  .container.footer {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
    padding-top: 3.2rem;
    padding-bottom: 4rem;
  }

  .container.split-box {
    height: 50rem;
  }

  .container.offer {
    flex-flow: column;
    margin-top: 20rem;
    margin-bottom: 16rem;
    padding-top: 0;
    padding-bottom: 12rem;
  }

  .ui-flex-grid {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
  }

  .h1.color-yellow.mobile-align {
    text-align: right;
    margin-top: 14rem;
  }

  .h2.mission {
    font-size: 3.2rem;
  }

  .h2.reasons {
    width: auto;
    margin-bottom: 3rem;
  }

  .button.nav-btn {
    display: none;
  }

  .button.nav-btn.mobile {
    height: 8rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    font-size: 3.2rem;
    font-weight: 500;
    display: flex;
  }

  .button.hero-btn {
    margin-left: 4rem;
  }

  .button.nav-btn-alt {
    display: none;
  }

  .button.nav-btn-alt.mobile {
    height: 6.4rem;
    font-size: 2.2rem;
    display: flex;
  }

  .grid-col-3, .grid-col-2, .grid-col-6 {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
  }

  .hero-video {
    width: 100%;
    height: 43rem;
    margin-top: 5rem;
    overflow: hidden;
  }

  .hero-text {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    margin-top: -12rem;
    position: relative;
    left: 0;
  }

  .hero-text.nth-badges {
    padding-top: 0;
  }

  .svg-logo {
    height: 5.6rem;
  }

  .nav-menu {
    background-color: #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    margin-right: auto;
    padding-top: 2rem;
    padding-bottom: 12rem;
    overflow: hidden;
  }

  .nav-menu.footer {
    display: none;
  }

  .nav-link {
    justify-content: flex-start;
    align-items: center;
    height: 6.3rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    font-size: 3.2rem;
  }

  .svg-textlogo {
    height: 4.5rem;
  }

  .mission-text {
    width: auto;
  }

  .grants-title {
    margin-bottom: 5rem;
  }

  .grants-video {
    height: 25rem;
  }

  .gch-text {
    width: auto;
    margin-bottom: 0;
  }

  .brand {
    height: 5.6rem;
    margin-right: auto;
  }

  .img-badges {
    width: 27rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .grid-col-5 {
    grid-template-columns: 1fr 1fr;
  }

  .reason-video {
    height: 49rem;
  }

  .reason-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .error-box.show {
    bottom: 3rem;
  }

  .formbox {
    width: 60rem;
    padding: 3.2rem;
  }

  .error-code.show {
    letter-spacing: 0;
  }

  .video-1 {
    height: 51rem;
  }

  .video-3 {
    width: 130%;
    top: 3rem;
  }

  .grid-col-4 {
    grid-template-columns: 1fr 1fr;
  }

  .nav-button-icon {
    order: 1;
    width: 4rem;
    height: 4rem;
    margin-left: 2rem;
    padding: 0;
  }

  .nav-button-icon.w--open {
    background-color: #0000;
  }

  .nav-btn-mobile {
    justify-content: flex-start;
    align-items: center;
    padding-top: 2.4rem;
    padding-left: 3.2rem;
    display: flex;
  }

  .load {
    width: 18rem;
  }

  .button-line.nav-btn-line.mobile {
    bottom: 1.6rem;
  }

  .spline {
    display: none;
  }

  .h1-hero {
    font-size: 5.6rem;
  }

  .h1-hero-2 {
    margin-left: 4rem;
  }

  .hero-h1-box {
    margin-left: 2rem;
  }

  .spline-mobile {
    width: 100%;
    height: 76rem;
    margin-top: 1rem;
    display: block;
  }

  .splie-content {
    align-self: flex-start;
    position: relative;
    left: 0;
  }

  .step-title {
    width: 37rem;
    height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
  }

  .step-text {
    width: auto;
    margin-top: -4.4rem;
    margin-left: 8rem;
  }

  .step-yellow {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    left: -8rem;
    right: 0;
  }

  .split-type {
    width: auto;
  }

  .split-type._2 {
    width: 72rem;
  }

  .cats-item-content {
    grid-template-columns: 1fr;
  }

  .offer-box.nth1 {
    margin-left: 10rem;
  }

  .offer-box.nth2 {
    width: 70rem;
  }

  .offer-box.nth3 {
    margin-top: -8rem;
    margin-left: 10rem;
  }

  .offer-white {
    width: 50rem;
    height: 12rem;
    padding-left: 4rem;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .offer-flex {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-logo-box {
    grid-column-gap: 7rem;
    grid-row-gap: 7rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-logo-box.cta-box {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 5rem;
  }

  .footer-logo-1, .footer-logo-2 {
    height: 5.6rem;
  }

  .footer-cta-title {
    text-align: center;
    margin-right: 0;
  }

  .footer-soc-box {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .footer-mail {
    justify-content: flex-end;
    align-items: center;
    margin-top: 6rem;
  }

  .footer-flex {
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }

  .container.hero {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container.nav {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
  }

  .container.grants {
    padding-bottom: 0;
  }

  .container.vacancy {
    padding-bottom: 8rem;
  }

  .container.offer {
    margin-top: 13rem;
    margin-bottom: 12rem;
  }

  .ui-flex-grid {
    grid-template-columns: 1fr;
  }

  .h1.color-yellow {
    font-size: 6rem;
  }

  .h2.mission {
    font-size: 3.4rem;
  }

  .h2.modal-title {
    font-size: 4rem;
  }

  .h3.cats-title {
    padding-bottom: 2rem;
    padding-left: 2.4rem;
    padding-right: 0;
  }

  .button.nav-btn.mobile {
    height: 6rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.6rem;
  }

  .button.hero-btn {
    margin-top: 7rem;
    margin-left: 0;
  }

  .button.vac-btn {
    display: none;
  }

  .button.vac-btn.mobile {
    display: flex;
  }

  .grid-col-3 {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .grid-col-2 {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    grid-template-columns: 1fr;
  }

  .grid-col-6 {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .hero-text {
    margin-top: -9rem;
    padding-left: 2.4rem;
  }

  .nav-link {
    height: 4.4rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.6rem;
  }

  .grants-card {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-bottom: 2rem;
  }

  .large-yellow-text {
    font-size: 5.8rem;
  }

  .brand {
    padding-left: 0;
  }

  .reason-video {
    overflow: hidden;
  }

  .button-2 {
    padding-left: 2.6rem;
    padding-right: 8rem;
    font-size: 1.4rem;
  }

  .formbox {
    width: 45rem;
  }

  .svg-form-button {
    right: 2rem;
  }

  .svg-form-button.ok {
    right: 2.3rem;
  }

  .input-label {
    margin-left: 2rem;
    font-size: 1.4rem;
  }

  .form-border.nth4, .form-border.nth3 {
    right: 5.1rem;
  }

  .video-3 {
    top: 7rem;
  }

  .close {
    width: 3rem;
    top: -4.5rem;
    right: 0;
  }

  .nav-button-icon.w--open {
    width: 5rem;
    height: 5rem;
    padding: 1rem;
  }

  .nav-btn-mobile {
    padding-top: 1.6rem;
    padding-left: 2.4rem;
  }

  .load {
    width: 16rem;
  }

  .h1-hero {
    font-size: 5rem;
  }

  .h1-hero-1 {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }

  .h1-hero-2 {
    width: 35rem;
    margin-top: -3rem;
    padding-top: 2.8rem;
  }

  .h1-hero-2.sub {
    width: 41.6rem;
    margin-top: -3.4rem;
    padding-bottom: 2.7rem;
  }

  .ic-flag-ua {
    width: 3.8rem;
  }

  .hero-h1-box {
    width: 40.8rem;
    height: 8.6rem;
    margin-top: -17rem;
  }

  .hero-logo {
    width: 28rem;
    margin-left: -2.4rem;
  }

  .spline-mobile {
    height: 55rem;
    margin-top: 3rem;
  }

  .spline-ribbon.text-1 {
    width: 100%;
  }

  .split-type {
    font-size: 4rem;
  }

  .split-type._2 {
    width: 53rem;
  }

  .cats-empty-box {
    width: 20rem;
    height: 6.9rem;
    margin-right: 15rem;
  }

  .cats-item {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }

  .cats-item-title {
    margin-right: 2rem;
    font-size: 2.6rem;
  }

  .cats-bullet {
    align-self: flex-start;
    margin-top: 1.1rem;
  }

  .cats-bullet.small {
    margin-top: 1rem;
  }

  .vac-title {
    padding-right: 2rem;
    font-size: 1.8rem;
  }

  .vac-list {
    font-size: 1.8rem;
  }

  .offer-box.nth1 {
    width: 32rem;
    margin-left: 4rem;
    padding: 2rem 2rem 0;
  }

  .offer-box.nth2 {
    width: 49rem;
  }

  .offer-box.nth3 {
    margin-top: -8rem;
    margin-left: 3rem;
    padding-top: 0;
  }

  .footer-logo-box {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-logo-box.cta-box {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .footer-logo-1, .footer-logo-2 {
    margin-bottom: 0;
  }

  .footer-cta-title {
    text-align: left;
    margin-bottom: 0;
    margin-right: 10rem;
  }

  .footer-soc-box {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5rem;
    padding-top: 0;
  }

  .footer-mail {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 7rem;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .container.hero {
    padding-top: 0;
    overflow: hidden;
  }

  .container.nav {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    padding-top: 1.6rem;
  }

  .container.mission {
    padding-top: 8rem;
    padding-bottom: 14.8rem;
  }

  .container.grants {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .container.gamechangers {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .container.challenges {
    padding-top: 0;
    padding-bottom: 21rem;
  }

  .container.vacancy {
    padding-top: 6.4rem;
  }

  .container.reasons {
    padding-bottom: 6rem;
    overflow: hidden;
  }

  .container.footer {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    padding-top: 1.6rem;
    padding-bottom: 2rem;
  }

  .container.split-box {
    height: 90svh;
  }

  .container.offer {
    margin-bottom: 11rem;
    padding-bottom: 11rem;
  }

  .text {
    font-size: 2rem;
  }

  .text.left-padding-s {
    margin-left: .3rem;
  }

  .h1 {
    font-size: 5.6rem;
  }

  .h1.color-yellow {
    width: 80%;
    font-size: 4rem;
  }

  .h1.color-yellow.mobile-align {
    width: 100%;
    margin-top: 17rem;
  }

  .h1.hero-h1 {
    margin-bottom: 1.6rem;
  }

  .h2 {
    font-size: 4rem;
  }

  .h2.mission {
    grid-column-gap: 1.2rem;
    grid-row-gap: 0rem;
    font-size: 4rem;
    line-height: 1.3;
  }

  .h2.grants {
    font-size: 4rem;
  }

  .h2.modal-title {
    margin-bottom: 3.2rem;
    font-size: 3.8rem;
  }

  .h3 {
    font-size: 2.8rem;
  }

  .h3.cats-title {
    padding-top: 3rem;
    padding-left: 1.6rem;
    padding-right: 0;
  }

  .button {
    align-self: flex-start;
  }

  .button.nav-btn.mobile {
    flex: 1;
    height: 7.2rem;
    font-size: 2.4rem;
  }

  .button.hero-btn {
    width: 100%;
    margin-top: 4.6rem;
  }

  .button.soc {
    font-size: 1.8rem;
  }

  .button.nav-btn-alt.mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .grid-col-3, .grid-col-6 {
    grid-template-columns: 1fr 1fr;
  }

  .body {
    font-size: 1.8rem;
  }

  .hero-video {
    margin-top: 0;
    margin-bottom: -2rem;
    overflow: visible;
  }

  .hero-text {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: -6.6rem;
    padding-left: 1.6rem;
  }

  .svg-logo {
    height: 4.8rem;
  }

  .nav-menu {
    height: auto;
    min-height: 100svh;
    padding-top: 1rem;
  }

  .nav-link {
    height: auto;
    padding: 2rem 1.6rem 1.8rem;
    font-size: 3.2rem;
    line-height: 1;
  }

  .svg-textlogo {
    height: 5.5rem;
    margin-top: -.3rem;
  }

  .mission-text {
    font-size: 1.8rem;
  }

  .grants-title {
    margin-bottom: 3rem;
  }

  .grants-card {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
  }

  .large-yellow-text {
    font-size: 3.6rem;
  }

  .grants-video {
    height: 22rem;
    margin-top: -2rem;
    overflow: hidden;
  }

  .grants-text {
    font-size: 1.8rem;
  }

  .gch-text {
    margin-top: 3rem;
  }

  .brand.w--current {
    height: 4.8rem;
  }

  .img-badges {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .badges-text {
    width: auto;
    margin-top: 4rem;
  }

  .grid-col-5 {
    margin-top: 4rem;
  }

  .reason-video {
    height: 39rem;
    margin-top: 4rem;
    overflow: visible;
  }

  .modal {
    display: none;
  }

  .success-box {
    padding-bottom: 5.4rem;
  }

  .success-box.show {
    padding-bottom: 0;
  }

  .form-button-box.fix-m-3 {
    margin-top: 3rem;
    margin-bottom: 4rem;
  }

  .error-box {
    bottom: 4rem;
  }

  .error-box.show {
    height: 8rem;
  }

  .formbox {
    width: 100%;
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .success-text-box {
    padding-bottom: 0;
  }

  .input-box {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .input {
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: 2rem;
  }

  .input-label {
    margin-left: 1rem;
    font-size: 1.2rem;
  }

  .success-content {
    padding-bottom: 3.2rem;
  }

  .video-4 {
    width: 42rem;
    top: 0;
  }

  .video-2 {
    width: 40rem;
    margin-top: 3rem;
  }

  .video-1 {
    height: 42rem;
    margin-right: -7rem;
  }

  .video-3 {
    width: 180%;
    margin-right: 0;
    top: 4rem;
    left: -30%;
    right: auto;
  }

  .grid-col-4 {
    margin-top: 4rem;
  }

  .nav-button-icon {
    width: 5rem;
    height: 5rem;
    margin-top: .3rem;
    padding: 1rem;
  }

  .nav-btn-mobile {
    padding-top: 2rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .button-line.hero-btn {
    width: calc(100% - 16.8rem);
  }

  .button-line.nav-btn-line.mobile {
    width: 19.1rem;
  }

  .h1-hero {
    font-size: 3.6rem;
  }

  .h1-hero-1 {
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem;
  }

  .h1-hero-2 {
    z-index: 3;
    width: 23.5rem;
    margin-top: -1.8rem;
    margin-left: 3.8rem;
    padding: 1.6rem 2.2rem 0;
  }

  .h1-hero-2.sub {
    z-index: 2;
    width: 28.4rem;
    margin-top: -1.5rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .ic-flag-ua {
    width: 2.8rem;
    margin-bottom: .4rem;
    margin-left: .8rem;
  }

  .hero-h1-box {
    width: 27.6rem;
    height: 6rem;
    margin-top: -11rem;
    margin-left: 2.4rem;
  }

  .hero-logo {
    width: 24rem;
    margin-left: -1.6rem;
  }

  .spline-mobile {
    object-fit: scale-down;
    height: 40rem;
    margin-top: 8rem;
  }

  .br-mob {
    display: block;
  }

  .text-block {
    line-height: 1.2;
  }

  .spline-ribbon {
    padding: 3rem 2.2rem;
  }

  .spline-ribbon.text-1 {
    width: 95%;
    margin-top: -3.5rem;
  }

  .spline-ribbon.text-2 {
    width: 27rem;
    margin-top: -3rem;
  }

  .step-title {
    width: 34rem;
    padding: 4.2rem 4.2rem 4.2rem 2rem;
  }

  .step-text {
    margin-top: 0;
    margin-left: 4rem;
    padding-top: 0;
    padding-left: 4.6rem;
  }

  .step-yellow {
    letter-spacing: -.06rem;
    margin-left: -4rem;
    padding: 3rem 2rem;
    left: 0;
  }

  .split-type {
    width: 100%;
    font-size: 4rem;
  }

  .split-type._2 {
    width: 30rem;
    font-size: 3.6rem;
  }

  .cats-empty-box {
    width: 7rem;
    height: 7.3rem;
    margin-right: 12rem;
  }

  .cats-item {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .cats-icon-plus {
    width: 2.4rem;
    height: 2.4rem;
  }

  .cats-item-title {
    letter-spacing: -.06rem;
    margin-right: 2rem;
    font-size: 2.4rem;
  }

  .cats-bullet {
    margin-right: 1.1rem;
  }

  .cats-vac-item {
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
    margin-bottom: 5.4rem;
  }

  .vac-title {
    letter-spacing: -.05rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .offer-box.nth1 {
    width: 23rem;
    margin-left: 6rem;
    padding-top: 3rem;
    font-size: 2.6rem;
  }

  .offer-box.nth2 {
    width: 36rem;
    height: 9rem;
  }

  .offer-box.nth3 {
    margin-top: -6rem;
    padding-left: 4.7rem;
    padding-right: 4rem;
  }

  .offer-white {
    width: 30rem;
    height: 11rem;
    padding: 2rem 4rem 2rem 3rem;
    font-size: 1.8rem;
  }

  .footer-logo-box {
    grid-column-gap: 0rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .footer-logo-box.cta-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-cta-title {
    margin-right: 0;
    font-size: 2.6rem;
  }

  .footer-soc-box {
    margin-top: 3rem;
  }

  .feedback {
    font-size: 1.8rem;
  }
}

#w-node-_03347359-2f17-f0f5-8304-dc08045cf85c-d56b3044, #w-node-_3f4b62a7-31f8-a7ea-af42-a0906821082a-d56b3044 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1ef41564-1e48-42b3-a776-e738b7c8109d-d56b3044, #w-node-_596d8ced-63ab-3701-8a5e-fc649afaa07a-d56b3044, #w-node-ef815d19-983e-a1ed-4b2e-ef1637a98038-d56b3044, #w-node-e13715a2-9bff-9fa4-dff3-45673c99fba2-d56b3044, #w-node-f15ca17c-4a4b-5da9-b39e-cbf84d4d5269-d56b3045, #w-node-_30bb9cbe-5e58-a0f2-f9dc-c7db10e195e6-d56b3045, #w-node-c705282d-09fd-cf28-f326-6d29f972ee1a-d56b3045 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7ad2a90-3528-e1cf-3af3-dbb92dec229f-d56b3045 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-d9d4be4c-274e-628f-0921-83a763e0f0a1-d56b3044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_03347359-2f17-f0f5-8304-dc08045cf85c-d56b3044 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_3f4b62a7-31f8-a7ea-af42-a0906821082a-d56b3044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1ef41564-1e48-42b3-a776-e738b7c8109d-d56b3044, #w-node-_596d8ced-63ab-3701-8a5e-fc649afaa07a-d56b3044, #w-node-ef815d19-983e-a1ed-4b2e-ef1637a98038-d56b3044, #w-node-e13715a2-9bff-9fa4-dff3-45673c99fba2-d56b3044 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e655b853-fcea-4021-ea16-0af127ba53b9-d56b3044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_3948b65c-f922-63a8-af91-96d454b3f334-d56b3044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e655b853-fcea-4021-ea16-0af127ba53b9-d56b3044 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_3948b65c-f922-63a8-af91-96d454b3f334-d56b3044 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_03347359-2f17-f0f5-8304-dc08045cf85c-d56b3044 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_3f4b62a7-31f8-a7ea-af42-a0906821082a-d56b3044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1ef41564-1e48-42b3-a776-e738b7c8109d-d56b3044, #w-node-_596d8ced-63ab-3701-8a5e-fc649afaa07a-d56b3044, #w-node-ef815d19-983e-a1ed-4b2e-ef1637a98038-d56b3044, #w-node-e13715a2-9bff-9fa4-dff3-45673c99fba2-d56b3044 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Brave';
  src: url('../fonts/Brave1_018-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brave';
  src: url('../fonts/Brave1_018-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brave';
  src: url('../fonts/Brave1_018-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brave';
  src: url('../fonts/Brave1_018-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}