@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Inter:regular,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:regular,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:regular&display=swap");
@font-face {
  font-family: "icons";
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Recoleta";
  src: url("../fonts/recoleta-semi-bold.woff2") format("woff2"), url("../fonts/recoleta-semi-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class*=_icon-]::before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

._icon-facebook:before {
  content: "\ea90";
}

._icon-instagram:before {
  content: "\ea92";
}

._icon-twitter:before {
  content: "\ea96";
}

._icon-linkedin:before {
  content: "\eaca";
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before,
*::after {
  display: inline-block;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

html,
body {
  line-height: 1;
  height: 100%;
}

/* FORM */
input,
button,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}

input,
textarea {
  width: 100%;
}

button,
select,
option {
  cursor: pointer;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins";
}
body.menu-open {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.wrapper {
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}
.wrapper main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

[class*=__container] {
  margin: 0 auto;
  padding: 0 0.9375rem;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 55;
  background-color: #fff8f2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 75em) {
  .header {
    padding-top: 2.5rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (padding-top: clamp( 0.625rem , -2.708092218rem  +  6.9441229573vw , 2.5rem )) {
    .header {
      padding-top: clamp( 0.625rem , -2.708092218rem  +  6.9441229573vw , 2.5rem );
    }
  }
  @supports not (padding-top: clamp( 0.625rem , -2.708092218rem  +  6.9441229573vw , 2.5rem )) {
    .header {
      padding-top: calc(0.625rem + 1.875 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .header {
    padding-top: 0.625rem;
  }
}
@media (min-width: 75em) {
  .header {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 0.625rem , -2.708092218rem  +  6.9441229573vw , 2.5rem )) {
    .header {
      padding-bottom: clamp( 0.625rem , -2.708092218rem  +  6.9441229573vw , 2.5rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.625rem , -2.708092218rem  +  6.9441229573vw , 2.5rem )) {
    .header {
      padding-bottom: calc(0.625rem + 1.875 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .header {
    padding-bottom: 0.625rem;
  }
}
.header.scrolled {
  background-color: #fff8f2;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.header__container {
  max-width: 75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__logo {
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8125rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 75em) {
  .header__logo svg {
    width: 11.125rem;
  }
}
@media (min-width: 48.75em) and (max-width: 75em) {
  @supports (width: clamp( 8.4375rem , 3.4464285714rem  +  10.2380952381vw , 11.125rem )) {
    .header__logo svg {
      width: clamp( 8.4375rem , 3.4464285714rem  +  10.2380952381vw , 11.125rem );
    }
  }
  @supports not (width: clamp( 8.4375rem , 3.4464285714rem  +  10.2380952381vw , 11.125rem )) {
    .header__logo svg {
      width: calc(8.4375rem + 2.6875 * (100vw - 48.75rem) / 26.25);
    }
  }
}
@media (max-width: 48.75em) {
  .header__logo svg {
    width: 8.4375rem;
  }
}
.header__links-wrap {
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 75em) {
  .header__links-wrap {
    gap: 2.25rem;
  }
}
@media (min-width: 48.75em) and (max-width: 75em) {
  @supports (gap: clamp( 0.9375rem , -1.5rem  +  5vw , 2.25rem )) {
    .header__links-wrap {
      gap: clamp( 0.9375rem , -1.5rem  +  5vw , 2.25rem );
    }
  }
  @supports not (gap: clamp( 0.9375rem , -1.5rem  +  5vw , 2.25rem )) {
    .header__links-wrap {
      gap: calc(0.9375rem + 1.3125 * (100vw - 48.75rem) / 26.25);
    }
  }
}
@media (max-width: 48.75em) {
  .header__links-wrap {
    gap: 0.9375rem;
  }
}
.header__menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 48.75em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    overflow: auto;
    padding: 7.5rem 0.9375rem 0.9375rem 0.9375rem;
    background: #f4d1b2;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    z-index: 2;
    overflow-x: auto;
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    top: 0;
    left: -100%;
    z-index: 3;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    background: #d4b59b;
  }
}
@media (max-width: 48.75em) and (min-width: 47.99875em) {
  .menu__body::before {
    height: 4.6875rem;
  }
}
@media (max-width: 48.75em) and (min-width: 20em) and (max-width: 47.99875em) {
  @supports (height: clamp( 3.75rem , 3.0803272468rem  +  3.3483637662vw , 4.6875rem )) {
    .menu__body::before {
      height: clamp( 3.75rem , 3.0803272468rem  +  3.3483637662vw , 4.6875rem );
    }
  }
  @supports not (height: clamp( 3.75rem , 3.0803272468rem  +  3.3483637662vw , 4.6875rem )) {
    .menu__body::before {
      height: calc(3.75rem + 0.9375 * (100vw - 20rem) / 27.99875);
    }
  }
}
@media (max-width: 48.75em) and (max-width: 20em) {
  .menu__body::before {
    height: 3.75rem;
  }
}
@media (max-width: 48.75em) {
  .menu-open .menu__body {
    left: 0;
  }
  .menu-open .menu__body::before {
    left: 0;
  }
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.3125rem;
}
@media (min-width: 75em) {
  .menu__list {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports ((-moz-column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem )) or (column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem ))) {
    .menu__list {
      -webkit-column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem );
         -moz-column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem );
              column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem )) or (column-gap: clamp( 0.9375rem , 0.1875rem  +  3.75vw , 3rem ))) {
    .menu__list {
      -webkit-column-gap: calc(0.9375rem + 2.0625 * (100vw - 20rem) / 55);
         -moz-column-gap: calc(0.9375rem + 2.0625 * (100vw - 20rem) / 55);
              column-gap: calc(0.9375rem + 2.0625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .menu__list {
    -webkit-column-gap: 0.9375rem;
       -moz-column-gap: 0.9375rem;
            column-gap: 0.9375rem;
  }
}
@media (max-width: 48.75em) {
  .menu__list {
    -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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: right;
    row-gap: 1.75rem;
  }
}
@media (any-hover: hover) {
  .menu__item:hover .menu__link {
    color: #ff553e;
  }
  .menu__item:hover .menu__link::before {
    width: 100%;
    left: 0;
  }
}
.menu__link {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #1c0e0d;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.menu__link::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.3125rem;
  border-radius: 0.5rem;
  width: 0;
  height: 0.1875rem;
  background-color: #ff553e;
  -webkit-transition: width 0.3s ease, left 0.3s ease;
  transition: width 0.3s ease, left 0.3s ease;
}
@media (max-width: 48.75em) {
  .menu__link {
    font-size: 1.75rem;
  }
}

.link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  border-radius: 2.125rem;
  border: 0.0625rem solid transparent;
}
@media (min-width: 75em) {
  .link {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .link {
      font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .link {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .link {
    font-size: 1rem;
  }
}
@media (min-width: 75em) {
  .link {
    padding-top: 0.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 0.625rem , 0.5113636364rem  +  0.5681818182vw , 0.9375rem )) {
    .link {
      padding-top: clamp( 0.625rem , 0.5113636364rem  +  0.5681818182vw , 0.9375rem );
    }
  }
  @supports not (padding-top: clamp( 0.625rem , 0.5113636364rem  +  0.5681818182vw , 0.9375rem )) {
    .link {
      padding-top: calc(0.625rem + 0.3125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .link {
    padding-top: 0.625rem;
  }
}
@media (min-width: 75em) {
  .link {
    padding-bottom: 0.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 0.625rem , 0.5113636364rem  +  0.5681818182vw , 0.9375rem )) {
    .link {
      padding-bottom: clamp( 0.625rem , 0.5113636364rem  +  0.5681818182vw , 0.9375rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.625rem , 0.5113636364rem  +  0.5681818182vw , 0.9375rem )) {
    .link {
      padding-bottom: calc(0.625rem + 0.3125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .link {
    padding-bottom: 0.625rem;
  }
}
@media (min-width: 75em) {
  .link {
    padding-left: 1.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-left: clamp( 0.9375rem , 0.5738636364rem  +  1.8181818182vw , 1.9375rem )) {
    .link {
      padding-left: clamp( 0.9375rem , 0.5738636364rem  +  1.8181818182vw , 1.9375rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , 0.5738636364rem  +  1.8181818182vw , 1.9375rem )) {
    .link {
      padding-left: calc(0.9375rem + 1 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .link {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 75em) {
  .link {
    padding-right: 1.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-right: clamp( 0.9375rem , 0.5738636364rem  +  1.8181818182vw , 1.9375rem )) {
    .link {
      padding-right: clamp( 0.9375rem , 0.5738636364rem  +  1.8181818182vw , 1.9375rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , 0.5738636364rem  +  1.8181818182vw , 1.9375rem )) {
    .link {
      padding-right: calc(0.9375rem + 1 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .link {
    padding-right: 0.9375rem;
  }
}
.link--background {
  background-color: #ff553e;
  color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (any-hover: hover) {
  .link--background:hover {
    background-color: #ff1e00;
  }
}
.link--white {
  color: #ff553e;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  .link--white:hover {
    border: 0.0625rem solid #fff;
    color: #fff;
    background-color: transparent;
  }
}
.link--transparent {
  color: #ff553e;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  border: 0.0625rem solid #ff553e;
}
@media (any-hover: hover) {
  .link--transparent:hover {
    border: 0.0625rem solid #ff553e;
  }
}
.link--header {
  color: #ff553e;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  padding: 0;
}
@media (any-hover: hover) {
  .link--header:hover {
    color: #000;
  }
}

.icon-menu {
  z-index: 20;
  display: none;
}
@media (max-width: 48.75em) {
  .icon-menu {
    position: relative;
    width: 1.875rem;
    height: 1.5rem;
    background: none;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .icon-menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #ff553e;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
}

.icon-menu span:nth-of-type(1) {
  top: 0;
}

.icon-menu span:nth-of-type(2) {
  top: 10px;
}

.icon-menu span:nth-of-type(3) {
  bottom: 0;
}

@media (max-width: 48.75em) {
  #menu02.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
        -ms-transform: translateY(10px) rotate(-315deg);
            transform: translateY(10px) rotate(-315deg);
  }
  #menu02.active span:nth-of-type(2) {
    opacity: 0;
  }
  #menu02.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(315deg);
        -ms-transform: translateY(-10px) rotate(315deg);
            transform: translateY(-10px) rotate(315deg);
  }
}
.hero {
  position: relative;
  background: #fff8f2;
}
@media (min-width: 75em) {
  .hero {
    padding-top: 20rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp( 8.6875rem , 3.5454545455rem  +  21.9393939394vw , 20rem )) {
    .hero {
      padding-top: clamp( 8.6875rem , 3.5454545455rem  +  21.9393939394vw , 20rem );
    }
  }
  @supports not (padding-top: clamp( 8.6875rem , 3.5454545455rem  +  21.9393939394vw , 20rem )) {
    .hero {
      padding-top: calc(8.6875rem + 11.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .hero {
    padding-top: 8.6875rem;
  }
}
@media (min-width: 75em) {
  .hero {
    padding-bottom: 24.125rem;
  }
}
@media (min-width: 30em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 5.3125rem , -7.2291666667rem  +  41.8055555556vw , 24.125rem )) {
    .hero {
      padding-bottom: clamp( 5.3125rem , -7.2291666667rem  +  41.8055555556vw , 24.125rem );
    }
  }
  @supports not (padding-bottom: clamp( 5.3125rem , -7.2291666667rem  +  41.8055555556vw , 24.125rem )) {
    .hero {
      padding-bottom: calc(5.3125rem + 18.8125 * (100vw - 30rem) / 45);
    }
  }
}
@media (max-width: 30em) {
  .hero {
    padding-bottom: 5.3125rem;
  }
}
.hero__screen-left {
  position: absolute;
  top: 23.6875rem;
  left: 1.75rem;
  -webkit-animation: show 1s ease-in-out;
          animation: show 1s ease-in-out;
}
@media (max-width: 96.5625em) {
  .hero__screen-left {
    left: -10.625rem;
  }
}
@media (max-width: 71.875em) {
  .hero__screen-left {
    display: none;
  }
}
@-webkit-keyframes show {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes show {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.hero__screen-right {
  position: absolute;
  right: 0rem;
  top: 23rem;
  -webkit-animation: show 1s ease-in-out;
          animation: show 1s ease-in-out;
}
@media (max-width: 96.5625em) {
  .hero__screen-right {
    right: -10.625rem;
  }
}
@media (max-width: 71.875em) {
  .hero__screen-right {
    display: none;
  }
}
.hero__alarm-clock {
  position: absolute;
  top: 14.25rem;
  left: 23.375rem;
  z-index: 2;
  width: 135px;
  height: 157px;
  -webkit-animation: shake 0.5s ease-in-out alternate;
          animation: shake 0.5s ease-in-out alternate;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (max-width: 108.75em) {
  .hero__alarm-clock {
    top: 8.125rem;
    left: 6.25rem;
  }
}
@media (max-width: 108.75em) {
  .hero__alarm-clock {
    top: 8.75rem;
    left: auto;
    right: 5rem;
  }
}
@media (max-width: 58.125em) {
  .hero__alarm-clock {
    top: 6.25rem;
    right: 5rem;
  }
}
@media (max-width: 50em) {
  .hero__alarm-clock {
    right: 1.875rem;
    width: 4.0625rem;
    height: 4.75rem;
  }
}
.hero__clipboard {
  position: absolute;
  right: 30.8125rem;
  top: 35.5rem;
}
@media (max-width: 112.5em) {
  .hero__clipboard {
    top: auto;
    bottom: 10rem;
  }
}
@media (max-width: 71.875em) {
  .hero__clipboard {
    right: 5rem;
    bottom: 6.25rem;
  }
}
@media (max-width: 47.99875em) {
  .hero__clipboard {
    display: none;
  }
}
.hero__line-alarm {
  position: absolute;
  top: 12.4375rem;
  left: 15.5625rem;
  z-index: 1;
}
@media (max-width: 108.75em) {
  .hero__line-alarm {
    display: none;
  }
}
.hero__line-right {
  position: absolute;
  top: 6.25rem;
  right: 0;
  z-index: 55;
  width: 5.25rem;
  height: 8.375rem;
}
@media (max-width: 76.875em) {
  .hero__line-right {
    z-index: 50;
  }
}
@media (max-width: 50em) {
  .hero__line-right {
    top: 6.875rem;
    right: -0.875rem;
    width: 2.875rem;
    height: 4.625rem;
  }
}
.hero__rhombus {
  position: absolute;
  bottom: 17.3125rem;
  left: 39.75rem;
}
@media (max-width: 112.5em) {
  .hero__rhombus {
    left: 31.25rem;
  }
}
@media (max-width: 87.5em) {
  .hero__rhombus {
    left: 18.75rem;
  }
}
@media (max-width: 68.75em) {
  .hero__rhombus {
    left: -0.5625rem;
    bottom: 1.4375rem;
  }
}
@media (max-width: 23.4375em) {
  .hero__rhombus {
    opacity: 0.2;
  }
}
.hero__arrow {
  position: absolute;
  bottom: 18.125rem;
  right: 39.375rem;
}
@media (max-width: 112.5em) {
  .hero__arrow {
    top: auto;
    bottom: 10.625rem;
  }
}
@media (max-width: 71.875em) {
  .hero__arrow {
    right: 13.75rem;
    bottom: 5.625rem;
  }
}
@media (max-width: 47.99875em) {
  .hero__arrow {
    right: 2.3125rem;
    bottom: 3.75rem;
  }
}
@media (max-width: 23.4375em) {
  .hero__arrow {
    opacity: 0.3;
    width: 4.125rem;
    height: 3.75rem;
  }
}
.hero__lines {
  position: absolute;
  top: 15.25rem;
  right: 20.6875rem;
}
@media (max-width: 96.5625em) {
  .hero__lines {
    display: none;
  }
}
.hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 75rem;
}
@media (max-width: 30em) {
  .hero__container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    justify-items: flex-start;
  }
}
.hero__title {
  max-width: 50rem;
  text-align: center;
  font-weight: 700;
  z-index: 1;
  -webkit-animation: zoomInDown 1.5s;
          animation: zoomInDown 1.5s;
}
@media (min-width: 75em) {
  .hero__title {
    font-size: 4rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.75rem , -2.2497106615rem  +  8.3329475487vw , 4rem )) {
    .hero__title {
      font-size: clamp( 1.75rem , -2.2497106615rem  +  8.3329475487vw , 4rem );
    }
  }
  @supports not (font-size: clamp( 1.75rem , -2.2497106615rem  +  8.3329475487vw , 4rem )) {
    .hero__title {
      font-size: calc(1.75rem + 2.25 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .hero__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 75em) {
  .hero__title {
    line-height: 5.625rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (line-height: clamp( 2.8125rem , -2.1871383269rem  +  10.4161844359vw , 5.625rem )) {
    .hero__title {
      line-height: clamp( 2.8125rem , -2.1871383269rem  +  10.4161844359vw , 5.625rem );
    }
  }
  @supports not (line-height: clamp( 2.8125rem , -2.1871383269rem  +  10.4161844359vw , 5.625rem )) {
    .hero__title {
      line-height: calc(2.8125rem + 2.8125 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .hero__title {
    line-height: 2.8125rem;
  }
}
@media (max-width: 50em) {
  .hero__title {
    text-align: left;
  }
}
@media (max-width: 30em) {
  .hero__title {
    max-width: 18.125rem;
  }
}
.hero__title span {
  position: relative;
  z-index: 1;
}
.hero__title span svg {
  position: absolute;
  left: 0.5rem;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 75em) {
  .hero__title span svg {
    width: 11rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp( 6.625rem , 4.6363636364rem  +  8.4848484848vw , 11rem )) {
    .hero__title span svg {
      width: clamp( 6.625rem , 4.6363636364rem  +  8.4848484848vw , 11rem );
    }
  }
  @supports not (width: clamp( 6.625rem , 4.6363636364rem  +  8.4848484848vw , 11rem )) {
    .hero__title span svg {
      width: calc(6.625rem + 4.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .hero__title span svg {
    width: 6.625rem;
  }
}
@media (min-width: 75em) {
  .hero__title:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.75rem , 0.4090909091rem  +  1.4545454545vw , 1.5rem )) {
    .hero__title:not(:last-child) {
      margin-bottom: clamp( 0.75rem , 0.4090909091rem  +  1.4545454545vw , 1.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.75rem , 0.4090909091rem  +  1.4545454545vw , 1.5rem )) {
    .hero__title:not(:last-child) {
      margin-bottom: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .hero__title:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    -webkit-transform: scale(0.5) translateY(-100%);
            transform: scale(0.5) translateY(-100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1) translateY(5%);
            transform: scale(1.1) translateY(5%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes zoomInDown {
  0% {
    -webkit-transform: scale(0.5) translateY(-100%);
            transform: scale(0.5) translateY(-100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1) translateY(5%);
            transform: scale(1.1) translateY(5%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.hero__text {
  max-width: 37.5rem;
  text-align: center;
  line-height: 2.25rem;
  font-family: "Inter";
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-animation: zoomIn 0.5s ease-out forwards;
          animation: zoomIn 0.5s ease-out forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@media (min-width: 75em) {
  .hero__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.8863636364rem  +  0.4848484848vw , 1.25rem )) {
    .hero__text {
      font-size: clamp( 1rem , 0.8863636364rem  +  0.4848484848vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8863636364rem  +  0.4848484848vw , 1.25rem )) {
    .hero__text {
      font-size: calc(1rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .hero__text {
    font-size: 1rem;
  }
}
@media (max-width: 50em) {
  .hero__text {
    text-align: left;
  }
}
@media (min-width: 75em) {
  .hero__text:not(:last-child) {
    margin-bottom: 4.25rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 2.5rem , 1.7045454545rem  +  3.3939393939vw , 4.25rem )) {
    .hero__text:not(:last-child) {
      margin-bottom: clamp( 2.5rem , 1.7045454545rem  +  3.3939393939vw , 4.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.5rem , 1.7045454545rem  +  3.3939393939vw , 4.25rem )) {
    .hero__text:not(:last-child) {
      margin-bottom: calc(2.5rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .hero__text:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.hero__link {
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-animation: zoomIn 0.5s ease-out forwards;
          animation: zoomIn 0.5s ease-out forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.features {
  position: relative;
  min-height: 900px;
  padding-top: 5.875rem;
  -webkit-clip-path: polygon(79.865% 20.73%, 100% 20.73%, 100% 100%, 0% 100%, 0% 0%, 69.135% 0%, 69.135% 0%, 69.584% 0.048%, 70.024% 0.189%, 70.449% 0.421%, 70.858% 0.738%, 71.246% 1.137%, 71.612% 1.615%, 71.951% 2.167%, 72.26% 2.791%, 72.536% 3.481%, 72.776% 4.235%, 76.224% 16.495%, 76.224% 16.495%, 76.464% 17.249%, 76.74% 17.939%, 77.049% 18.563%, 77.388% 19.115%, 77.754% 19.593%, 78.142% 19.992%, 78.551% 20.309%, 78.976% 20.541%, 79.416% 20.682%, 79.865% 20.73%);
          clip-path: polygon(79.865% 20.73%, 100% 20.73%, 100% 100%, 0% 100%, 0% 0%, 69.135% 0%, 69.135% 0%, 69.584% 0.048%, 70.024% 0.189%, 70.449% 0.421%, 70.858% 0.738%, 71.246% 1.137%, 71.612% 1.615%, 71.951% 2.167%, 72.26% 2.791%, 72.536% 3.481%, 72.776% 4.235%, 76.224% 16.495%, 76.224% 16.495%, 76.464% 17.249%, 76.74% 17.939%, 77.049% 18.563%, 77.388% 19.115%, 77.754% 19.593%, 78.142% 19.992%, 78.551% 20.309%, 78.976% 20.541%, 79.416% 20.682%, 79.865% 20.73%);
  background-color: #fff;
}
@media (min-width: 75em) {
  .features {
    margin-top: -10.625rem;
  }
}
@media (min-width: 68.75em) and (max-width: 75em) {
  @supports (margin-top: clamp( -10.625rem , 116.87500075rem  +  -170.000001vw , 0.0000000625rem )) {
    .features {
      margin-top: clamp( -10.625rem , 116.87500075rem  +  -170.000001vw , 0.0000000625rem );
    }
  }
  @supports not (margin-top: clamp( -10.625rem , 116.87500075rem  +  -170.000001vw , 0.0000000625rem )) {
    .features {
      margin-top: calc(0.0000000625rem + -10.6250000625 * (100vw - 68.75rem) / 6.25);
    }
  }
}
@media (max-width: 68.75em) {
  .features {
    margin-top: 0.0000000625rem;
  }
}
@media (max-width: 59.375rem) {
  .features {
    -webkit-clip-path: polygon(100% 20.73%, 100% 100%, 0% 100%, 0% 20.73%, 0% 0%, 100% 0%);
            clip-path: polygon(100% 20.73%, 100% 100%, 0% 100%, 0% 20.73%, 0% 0%, 100% 0%);
  }
}
.features__rhombus {
  position: absolute;
  top: 14.25rem;
  left: 5.3125rem;
  width: 8.8125rem;
  height: 10.25rem;
}
@media (max-width: 52.5em) {
  .features__rhombus {
    display: none;
  }
}
.features__rocket {
  position: absolute;
  top: 24.3125rem;
  right: 21.6875rem;
  width: 12.3125rem;
  height: 11.4375rem;
  -webkit-animation: move 2s ease-in-out infinite;
          animation: move 2s ease-in-out infinite;
}
@media (max-width: 114.0625em) {
  .features__rocket {
    right: 6.25rem;
  }
}
@media (max-width: 82.8125em) {
  .features__rocket {
    right: auto;
    left: -0.625rem;
    width: 100px;
    height: 92px;
  }
}
@media (max-width: 55em) {
  .features__rocket {
    right: auto;
    top: 15.625rem;
    left: -1.25rem;
    width: 6.25rem;
    height: 5.75rem;
  }
}
@media (max-width: 35.625em) {
  .features__rocket {
    top: 34.5rem;
  }
}
@-webkit-keyframes move {
  0%, 100% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
  50% {
    -webkit-transform: translate(10px, -30px);
            transform: translate(10px, -30px);
  }
}
@keyframes move {
  0%, 100% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
  50% {
    -webkit-transform: translate(10px, -30px);
            transform: translate(10px, -30px);
  }
}
.features__container {
  max-width: 75rem;
}
.features__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 43.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 75em) {
  .features__counter {
    gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.25rem , 3.6363636364rem  +  -3.1818181818vw , 3rem )) {
    .features__counter {
      gap: clamp( 1.25rem , 3.6363636364rem  +  -3.1818181818vw , 3rem );
    }
  }
  @supports not (gap: clamp( 1.25rem , 3.6363636364rem  +  -3.1818181818vw , 3rem )) {
    .features__counter {
      gap: calc(3rem + -1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .features__counter {
    gap: 3rem;
  }
}
@media (min-width: 75em) {
  .features__counter:not(:last-child) {
    margin-bottom: 10.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.875rem , -1.2613636364rem  +  15.6818181818vw , 10.5rem )) {
    .features__counter:not(:last-child) {
      margin-bottom: clamp( 1.875rem , -1.2613636364rem  +  15.6818181818vw , 10.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , -1.2613636364rem  +  15.6818181818vw , 10.5rem )) {
    .features__counter:not(:last-child) {
      margin-bottom: calc(1.875rem + 8.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .features__counter:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 35.625em) {
  .features__counter {
    -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;
  }
}
.features__title {
  text-align: center;
}
@media (min-width: 75em) {
  .features__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem )) {
    .features__title:not(:last-child) {
      margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem )) {
    .features__title:not(:last-child) {
      margin-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .features__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
.features__text {
  max-width: 41.1875rem;
  margin: 0 auto;
}
@media (min-width: 75em) {
  .features__text:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.75rem , 0.9318181818rem  +  4.0909090909vw , 4rem )) {
    .features__text:not(:last-child) {
      margin-bottom: clamp( 1.75rem , 0.9318181818rem  +  4.0909090909vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.75rem , 0.9318181818rem  +  4.0909090909vw , 4rem )) {
    .features__text:not(:last-child) {
      margin-bottom: calc(1.75rem + 2.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .features__text:not(:last-child) {
    margin-bottom: 1.75rem;
  }
}
.features__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 75em) {
  .features__wrapper {
    gap: 2rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.25rem , 0.9772727273rem  +  1.3636363636vw , 2rem )) {
    .features__wrapper {
      gap: clamp( 1.25rem , 0.9772727273rem  +  1.3636363636vw , 2rem );
    }
  }
  @supports not (gap: clamp( 1.25rem , 0.9772727273rem  +  1.3636363636vw , 2rem )) {
    .features__wrapper {
      gap: calc(1.25rem + 0.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .features__wrapper {
    gap: 1.25rem;
  }
}
.features__item {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
}
.features__item.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.counter {
  padding-bottom: 3.4375rem;
}
@media (min-width: 75em) {
  .counter {
    padding-left: 3.4375rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp( 0.0000000625rem , -1.5624999091rem  +  6.6666665455vw , 3.4375rem )) {
    .counter {
      padding-left: clamp( 0.0000000625rem , -1.5624999091rem  +  6.6666665455vw , 3.4375rem );
    }
  }
  @supports not (padding-left: clamp( 0.0000000625rem , -1.5624999091rem  +  6.6666665455vw , 3.4375rem )) {
    .counter {
      padding-left: calc(0.0000000625rem + 3.4374999375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .counter {
    padding-left: 0.0000000625rem;
  }
}
.counter__item {
  position: relative;
}
@media (max-width: 35.625em) {
  .counter__item:not(:last-child)::after {
    content: "";
    width: 11.25rem;
    height: 0.0625rem;
    opacity: 0.2;
    background: #1e0c3e;
  }
}

.item-counter {
  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;
}
@media (min-width: 75em) {
  .item-counter {
    gap: 0.625rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 0.625rem , 3.8636363636rem  +  -4.3181818182vw , 3rem )) {
    .item-counter {
      gap: clamp( 0.625rem , 3.8636363636rem  +  -4.3181818182vw , 3rem );
    }
  }
  @supports not (gap: clamp( 0.625rem , 3.8636363636rem  +  -4.3181818182vw , 3rem )) {
    .item-counter {
      gap: calc(3rem + -2.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-counter {
    gap: 3rem;
  }
}
.item-counter__number {
  font-weight: 600;
  line-height: 4rem;
}
@media (min-width: 75em) {
  .item-counter__number {
    font-size: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 3rem , 4.3636363636rem  +  -1.8181818182vw , 4rem )) {
    .item-counter__number {
      font-size: clamp( 3rem , 4.3636363636rem  +  -1.8181818182vw , 4rem );
    }
  }
  @supports not (font-size: clamp( 3rem , 4.3636363636rem  +  -1.8181818182vw , 4rem )) {
    .item-counter__number {
      font-size: calc(4rem + -1 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-counter__number {
    font-size: 4rem;
  }
}
.item-counter__text {
  color: #404040;
  font-family: "Inter";
  font-size: 1.125rem;
  line-height: 1.125rem;
  opacity: 0.6;
}

.title {
  font-weight: 600;
  opacity: 0; /* Початково приховуємо */
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media (min-width: 75em) {
  .title {
    font-size: 3rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.5rem , 0.8181818182rem  +  2.9090909091vw , 3rem )) {
    .title {
      font-size: clamp( 1.5rem , 0.8181818182rem  +  2.9090909091vw , 3rem );
    }
  }
  @supports not (font-size: clamp( 1.5rem , 0.8181818182rem  +  2.9090909091vw , 3rem )) {
    .title {
      font-size: calc(1.5rem + 1.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .title {
    font-size: 1.5rem;
  }
}
@media (min-width: 75em) {
  .title {
    line-height: 4.375rem;
  }
}
@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp( 2.1875rem , 1.1931818182rem  +  4.2424242424vw , 4.375rem )) {
    .title {
      line-height: clamp( 2.1875rem , 1.1931818182rem  +  4.2424242424vw , 4.375rem );
    }
  }
  @supports not (line-height: clamp( 2.1875rem , 1.1931818182rem  +  4.2424242424vw , 4.375rem )) {
    .title {
      line-height: calc(2.1875rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}
@media (max-width: 23.4375em) {
  .title {
    line-height: 2.1875rem;
  }
}
.title.visible {
  -webkit-animation: lightSpeedInLeft 1s ease-out;
          animation: lightSpeedInLeft 1s ease-out;
  opacity: 1;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translateX(-20%) skewX(50deg);
            transform: translateX(-20%) skewX(50deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(5%) skewX(-10deg);
            transform: translateX(5%) skewX(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(-2%) skewX(5deg);
            transform: translateX(-2%) skewX(5deg);
  }
  100% {
    -webkit-transform: translateX(0) skewX(0deg);
            transform: translateX(0) skewX(0deg);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translateX(-20%) skewX(50deg);
            transform: translateX(-20%) skewX(50deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(5%) skewX(-10deg);
            transform: translateX(5%) skewX(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(-2%) skewX(5deg);
            transform: translateX(-2%) skewX(5deg);
  }
  100% {
    -webkit-transform: translateX(0) skewX(0deg);
            transform: translateX(0) skewX(0deg);
  }
}
.title span {
  position: relative;
  z-index: 2;
}

.animated-svg {
  position: absolute;
  left: -0.3125rem;
  bottom: 0rem;
  z-index: -1;
  opacity: 0; /* Початково елемент невидимий */
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); /* Початково зменшений */
  -webkit-transition: opacity 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s;
  transition: opacity 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s;
  transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s;
  transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s;
}
@media (min-width: 75em) {
  .animated-svg {
    width: 11rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (width: clamp( 5.25rem , 3.1590909091rem  +  10.4545454545vw , 11rem )) {
    .animated-svg {
      width: clamp( 5.25rem , 3.1590909091rem  +  10.4545454545vw , 11rem );
    }
  }
  @supports not (width: clamp( 5.25rem , 3.1590909091rem  +  10.4545454545vw , 11rem )) {
    .animated-svg {
      width: calc(5.25rem + 5.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .animated-svg {
    width: 5.25rem;
  }
}
@media (min-width: 75em) {
  .animated-svg {
    height: 2.1875rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (height: clamp( 1.0625rem , 0.6534090909rem  +  2.0454545455vw , 2.1875rem )) {
    .animated-svg {
      height: clamp( 1.0625rem , 0.6534090909rem  +  2.0454545455vw , 2.1875rem );
    }
  }
  @supports not (height: clamp( 1.0625rem , 0.6534090909rem  +  2.0454545455vw , 2.1875rem )) {
    .animated-svg {
      height: calc(1.0625rem + 1.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .animated-svg {
    height: 1.0625rem;
  }
}
.animated-svg.visible {
  opacity: 1; /* В кінці анімації */
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.text {
  text-align: center;
  color: #404040;
  font-family: "Inter";
  line-height: 2.25rem;
  -webkit-transform: translateY(1.25rem);
      -ms-transform: translateY(1.25rem);
          transform: translateY(1.25rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  opacity: 0;
}
@media (min-width: 75em) {
  .text {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .text {
      font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .text {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .text {
    font-size: 1rem;
  }
}
.text.visible {
  opacity: 0.8;
  -webkit-transform: translateY(0rem);
      -ms-transform: translateY(0rem);
          transform: translateY(0rem);
}

.item-features {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.333% - 2rem);
          flex: 1 1 calc(33.333% - 2rem);
  color: #fff;
  -webkit-box-shadow: 14px 20px 48px 0px rgba(25, 15, 44, 0.06);
          box-shadow: 14px 20px 48px 0px rgba(25, 15, 44, 0.06);
}
@media (min-width: 75em) {
  .item-features {
    padding-top: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features {
      padding-top: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features {
      padding-top: calc(1.25rem + 0.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features {
    padding-top: 1.25rem;
  }
}
@media (min-width: 75em) {
  .item-features {
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features {
      padding-bottom: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features {
      padding-bottom: calc(1.25rem + 0.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 75em) {
  .item-features {
    padding-left: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-left: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features {
      padding-left: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features {
      padding-left: calc(1.25rem + 0.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features {
    padding-left: 1.25rem;
  }
}
@media (min-width: 75em) {
  .item-features {
    padding-right: 2.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-right: clamp( 1.25rem , 0.9318181818rem  +  1.5909090909vw , 2.125rem )) {
    .item-features {
      padding-right: clamp( 1.25rem , 0.9318181818rem  +  1.5909090909vw , 2.125rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 0.9318181818rem  +  1.5909090909vw , 2.125rem )) {
    .item-features {
      padding-right: calc(1.25rem + 0.875 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features {
    padding-right: 1.25rem;
  }
}
@media (min-width: 75em) {
  .item-features {
    border-radius: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (border-radius: clamp( 0.9375rem , 0.7329545455rem  +  1.0227272727vw , 1.5rem )) {
    .item-features {
      border-radius: clamp( 0.9375rem , 0.7329545455rem  +  1.0227272727vw , 1.5rem );
    }
  }
  @supports not (border-radius: clamp( 0.9375rem , 0.7329545455rem  +  1.0227272727vw , 1.5rem )) {
    .item-features {
      border-radius: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features {
    border-radius: 0.9375rem;
  }
}
@media (max-width: 51.875em) {
  .item-features {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1.5rem);
            flex: 0 1 calc(50% - 1.5rem);
  }
}
@media (max-width: 35em) {
  .item-features {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.item-features:nth-child(1) {
  background-color: #70d0dc;
}
.item-features:nth-child(2) {
  background-color: #7562e0;
}
.item-features:nth-child(3) {
  background-color: #fa865f;
}
.item-features__icon {
  border-radius: 1.5rem;
  border: 0.0625rem solid #fff;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 14px 20px 48px 0px rgba(25, 15, 44, 0.06);
          box-shadow: 14px 20px 48px 0px rgba(25, 15, 44, 0.06);
  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;
}
@media (min-width: 75em) {
  .item-features__icon {
    width: 5.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (width: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-features__icon {
      width: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem );
    }
  }
  @supports not (width: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-features__icon {
      width: calc(3.75rem + 1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__icon {
    width: 3.75rem;
  }
}
@media (min-width: 75em) {
  .item-features__icon {
    height: 5.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (height: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-features__icon {
      height: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem );
    }
  }
  @supports not (height: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-features__icon {
      height: calc(3.75rem + 1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__icon {
    height: 3.75rem;
  }
}
@media (min-width: 75em) {
  .item-features__icon:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .item-features__icon:not(:last-child) {
      margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .item-features__icon:not(:last-child) {
      margin-bottom: calc(1.125rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__icon:not(:last-child) {
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 75em) {
  .item-features__icon img {
    width: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (width: clamp( 2.0625rem , 1.7215909091rem  +  1.7045454545vw , 3rem )) {
    .item-features__icon img {
      width: clamp( 2.0625rem , 1.7215909091rem  +  1.7045454545vw , 3rem );
    }
  }
  @supports not (width: clamp( 2.0625rem , 1.7215909091rem  +  1.7045454545vw , 3rem )) {
    .item-features__icon img {
      width: calc(2.0625rem + 0.9375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__icon img {
    width: 2.0625rem;
  }
}
@media (min-width: 75em) {
  .item-features__icon img {
    height: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (height: clamp( 2.0625rem , 1.7215909091rem  +  1.7045454545vw , 3rem )) {
    .item-features__icon img {
      height: clamp( 2.0625rem , 1.7215909091rem  +  1.7045454545vw , 3rem );
    }
  }
  @supports not (height: clamp( 2.0625rem , 1.7215909091rem  +  1.7045454545vw , 3rem )) {
    .item-features__icon img {
      height: calc(2.0625rem + 0.9375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__icon img {
    height: 2.0625rem;
  }
}
.item-features__title {
  font-weight: 600;
  line-height: 100%;
}
@media (min-width: 75em) {
  .item-features__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features__title {
      font-size: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 1.0681818182rem  +  0.9090909091vw , 1.75rem )) {
    .item-features__title {
      font-size: calc(1.25rem + 0.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__title {
    font-size: 1.25rem;
  }
}
.item-features__title:not(:last-child) {
  margin-bottom: 0.625rem;
}
.item-features__text {
  color: #fff;
  font-family: "Inter";
  line-height: 1.625rem;
  opacity: 0.8;
}
@media (min-width: 75em) {
  .item-features__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .item-features__text {
      font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .item-features__text {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-features__text {
    font-size: 1rem;
  }
}

@media (min-width: 75em) {
  .analytics {
    padding-top: 13.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 3.75rem , 0.1818181818rem  +  17.8409090909vw , 13.5625rem )) {
    .analytics {
      padding-top: clamp( 3.75rem , 0.1818181818rem  +  17.8409090909vw , 13.5625rem );
    }
  }
  @supports not (padding-top: clamp( 3.75rem , 0.1818181818rem  +  17.8409090909vw , 13.5625rem )) {
    .analytics {
      padding-top: calc(3.75rem + 9.8125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .analytics {
    padding-top: 3.75rem;
  }
}
@media (min-width: 75em) {
  .analytics {
    padding-bottom: 8.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 1.875rem , -0.625rem  +  12.5vw , 8.75rem )) {
    .analytics {
      padding-bottom: clamp( 1.875rem , -0.625rem  +  12.5vw , 8.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , -0.625rem  +  12.5vw , 8.75rem )) {
    .analytics {
      padding-bottom: calc(1.875rem + 6.875 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .analytics {
    padding-bottom: 1.875rem;
  }
}
.analytics__container {
  max-width: 77.5rem;
  gap: 3.125rem;
  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;
}
@media (max-width: 47.99875em) {
  .analytics__container {
    -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;
  }
}
.analytics__image {
  max-width: 45rem;
  height: auto;
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.analytics__image.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.analytics__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 58.125em) {
  .analytics__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 17.8125rem;
  }
}
@media (max-width: 47.99875em) {
  .analytics__image {
    max-width: 25.3125rem;
  }
}
.analytics__content {
  max-width: 35.5rem;
  text-align: left;
}
@media (max-width: 47.99875em) {
  .analytics__content {
    max-width: 100%;
  }
}
@media (min-width: 75em) {
  .analytics__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem )) {
    .analytics__title:not(:last-child) {
      margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem )) {
    .analytics__title:not(:last-child) {
      margin-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .analytics__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
.analytics__text {
  text-align: left;
}
@media (min-width: 75em) {
  .analytics__text:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 2.25rem , 1.9772727273rem  +  1.3636363636vw , 3rem )) {
    .analytics__text:not(:last-child) {
      margin-bottom: clamp( 2.25rem , 1.9772727273rem  +  1.3636363636vw , 3rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.25rem , 1.9772727273rem  +  1.3636363636vw , 3rem )) {
    .analytics__text:not(:last-child) {
      margin-bottom: calc(2.25rem + 0.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .analytics__text:not(:last-child) {
    margin-bottom: 2.25rem;
  }
}
.analytics__item {
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.analytics__item.visible {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.analytics__item:nth-of-type(1) .item-analytics__icon {
  background: #fa855c;
}
.analytics__item:nth-of-type(2) .item-analytics__icon {
  background: #7ad6e1;
}
.analytics__item:nth-of-type(3) .item-analytics__icon {
  background: #ffc954;
}
.analytics__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 75em) {
  .analytics__wrap {
    gap: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.5rem , 0.9545454545rem  +  2.7272727273vw , 3rem )) {
    .analytics__wrap {
      gap: clamp( 1.5rem , 0.9545454545rem  +  2.7272727273vw , 3rem );
    }
  }
  @supports not (gap: clamp( 1.5rem , 0.9545454545rem  +  2.7272727273vw , 3rem )) {
    .analytics__wrap {
      gap: calc(1.5rem + 1.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .analytics__wrap {
    gap: 1.5rem;
  }
}

.item-analytics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 75em) {
  .item-analytics {
    gap: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .item-analytics {
      gap: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem );
    }
  }
  @supports not (gap: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .item-analytics {
      gap: calc(1.125rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics {
    gap: 1.125rem;
  }
}
.item-analytics__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 14px 20px 48px 0px rgba(25, 15, 44, 0.06);
          box-shadow: 14px 20px 48px 0px rgba(25, 15, 44, 0.06);
  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;
}
@media (min-width: 75em) {
  .item-analytics__icon {
    width: 5.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (width: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-analytics__icon {
      width: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem );
    }
  }
  @supports not (width: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-analytics__icon {
      width: calc(3.75rem + 1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__icon {
    width: 3.75rem;
  }
}
@media (min-width: 75em) {
  .item-analytics__icon {
    height: 5.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (height: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-analytics__icon {
      height: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem );
    }
  }
  @supports not (height: clamp( 3.75rem , 3.1136363636rem  +  3.1818181818vw , 5.5rem )) {
    .item-analytics__icon {
      height: calc(3.75rem + 1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__icon {
    height: 3.75rem;
  }
}
@media (min-width: 75em) {
  .item-analytics__icon {
    border-radius: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (border-radius: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .item-analytics__icon {
      border-radius: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem );
    }
  }
  @supports not (border-radius: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .item-analytics__icon {
      border-radius: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__icon {
    border-radius: 0.625rem;
  }
}
@media (min-width: 75em) {
  .item-analytics__icon:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .item-analytics__icon:not(:last-child) {
      margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .item-analytics__icon:not(:last-child) {
      margin-bottom: calc(1.125rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__icon:not(:last-child) {
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 75em) {
  .item-analytics__icon svg {
    width: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (width: clamp( 1.9375rem , 1.5511363636rem  +  1.9318181818vw , 3rem )) {
    .item-analytics__icon svg {
      width: clamp( 1.9375rem , 1.5511363636rem  +  1.9318181818vw , 3rem );
    }
  }
  @supports not (width: clamp( 1.9375rem , 1.5511363636rem  +  1.9318181818vw , 3rem )) {
    .item-analytics__icon svg {
      width: calc(1.9375rem + 1.0625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__icon svg {
    width: 1.9375rem;
  }
}
@media (min-width: 75em) {
  .item-analytics__icon svg {
    height: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (height: clamp( 1.9375rem , 1.5511363636rem  +  1.9318181818vw , 3rem )) {
    .item-analytics__icon svg {
      height: clamp( 1.9375rem , 1.5511363636rem  +  1.9318181818vw , 3rem );
    }
  }
  @supports not (height: clamp( 1.9375rem , 1.5511363636rem  +  1.9318181818vw , 3rem )) {
    .item-analytics__icon svg {
      height: calc(1.9375rem + 1.0625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__icon svg {
    height: 1.9375rem;
  }
}
.item-analytics__wrap {
  max-width: 19.0625rem;
  width: 100%;
}
.item-analytics__title {
  text-wrap: nowrap;
  color: #404040;
  font-weight: 600;
  line-height: 2.25rem;
}
@media (min-width: 75em) {
  .item-analytics__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.125rem , 0.8977272727rem  +  1.1363636364vw , 1.75rem )) {
    .item-analytics__title {
      font-size: clamp( 1.125rem , 0.8977272727rem  +  1.1363636364vw , 1.75rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.8977272727rem  +  1.1363636364vw , 1.75rem )) {
    .item-analytics__title {
      font-size: calc(1.125rem + 0.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__title {
    font-size: 1.125rem;
  }
}
@media (max-width: 30em) {
  .item-analytics__title {
    text-wrap: wrap;
  }
}
.item-analytics__text {
  color: #404040;
  font-family: "Inter";
  line-height: 2.25rem;
  text-align: left;
  opacity: 0.8;
}
@media (min-width: 75em) {
  .item-analytics__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 0.875rem , 0.7840909091rem  +  0.4545454545vw , 1.125rem )) {
    .item-analytics__text {
      font-size: clamp( 0.875rem , 0.7840909091rem  +  0.4545454545vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.7840909091rem  +  0.4545454545vw , 1.125rem )) {
    .item-analytics__text {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-analytics__text {
    font-size: 0.875rem;
  }
}

.tracker {
  background: rgba(243, 253, 254, 0.6);
  padding-top: 150px;
  position: relative;
}
@media (min-width: 75em) {
  .tracker {
    padding-bottom: 9.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 3rem , 0.7272727273rem  +  11.3636363636vw , 9.25rem )) {
    .tracker {
      padding-bottom: clamp( 3rem , 0.7272727273rem  +  11.3636363636vw , 9.25rem );
    }
  }
  @supports not (padding-bottom: clamp( 3rem , 0.7272727273rem  +  11.3636363636vw , 9.25rem )) {
    .tracker {
      padding-bottom: calc(3rem + 6.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .tracker {
    padding-bottom: 3rem;
  }
}
@media (min-width: 75em) {
  .tracker {
    padding-left: 7.9375rem;
  }
}
@media (min-width: 25em) and (max-width: 75em) {
  @supports (padding-left: clamp( 0.0000000625rem , -3.9687499063rem  +  15.874999875vw , 7.9375rem )) {
    .tracker {
      padding-left: clamp( 0.0000000625rem , -3.9687499063rem  +  15.874999875vw , 7.9375rem );
    }
  }
  @supports not (padding-left: clamp( 0.0000000625rem , -3.9687499063rem  +  15.874999875vw , 7.9375rem )) {
    .tracker {
      padding-left: calc(0.0000000625rem + 7.9374999375 * (100vw - 25rem) / 50);
    }
  }
}
@media (max-width: 25em) {
  .tracker {
    padding-left: 0.0000000625rem;
  }
}
.tracker__right-img {
  position: absolute;
  top: 0rem;
  right: -9.375rem;
  width: 23.4375rem;
  height: 22rem;
}
@media (max-width: 57.5em) {
  .tracker__right-img {
    display: none;
  }
}
.tracker__left-img {
  position: absolute;
  top: 21.125rem;
  left: -10.625rem;
  width: 23.9375rem;
  height: 24.125rem;
}
@media (max-width: 105em) {
  .tracker__left-img {
    left: -17.5rem;
  }
}
@media (max-width: 57.5em) {
  .tracker__left-img {
    left: auto;
    right: -1.5rem;
    top: 1.875rem;
    width: 6.4375rem;
    height: 6.5rem;
  }
}
.tracker__container {
  max-width: 88.625rem;
}
@media (min-width: 75em) {
  .tracker__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem )) {
    .tracker__title:not(:last-child) {
      margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.875rem , 0.7386363636rem  +  0.6818181818vw , 1.25rem )) {
    .tracker__title:not(:last-child) {
      margin-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .tracker__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
.tracker__text {
  max-width: 44.25rem;
  text-align: left;
}
@media (min-width: 75em) {
  .tracker__text:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 2.25rem , 1.6136363636rem  +  3.1818181818vw , 4rem )) {
    .tracker__text:not(:last-child) {
      margin-bottom: clamp( 2.25rem , 1.6136363636rem  +  3.1818181818vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.25rem , 1.6136363636rem  +  3.1818181818vw , 4rem )) {
    .tracker__text:not(:last-child) {
      margin-bottom: calc(2.25rem + 1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .tracker__text:not(:last-child) {
    margin-bottom: 2.25rem;
  }
}
.tracker__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 75em) {
  .tracker__wrapper {
    gap: 7.25rem;
  }
}
@media (min-width: 100em) and (max-width: 75em) {
  @supports (gap: clamp( 3rem , 20rem  +  -17vw , 7.25rem )) {
    .tracker__wrapper {
      gap: clamp( 3rem , 20rem  +  -17vw , 7.25rem );
    }
  }
  @supports not (gap: clamp( 3rem , 20rem  +  -17vw , 7.25rem )) {
    .tracker__wrapper {
      gap: calc(3rem + 4.25 * (100vw - 100rem) / -25);
    }
  }
}
@media (max-width: 100em) {
  .tracker__wrapper {
    gap: 3rem;
  }
}
@media (max-width: 65em) {
  .tracker__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tracker__arrow-blue {
  position: absolute;
  top: 2.625rem;
  right: 2.1875rem;
}
@media (max-width: 100em) {
  .tracker__arrow-blue {
    right: -6.25rem;
  }
}
@media (max-width: 85em) {
  .tracker__arrow-blue {
    display: none;
  }
}
.tracker__arrow-pink {
  position: absolute;
  top: 15.5625rem;
  left: -2.9375rem;
}
@media (max-width: 100em) {
  .tracker__arrow-pink {
    left: -5rem;
  }
}
@media (max-width: 85em) {
  .tracker__arrow-pink {
    display: none;
  }
}
.tracker__left-side {
  position: relative;
}
@media (min-width: 75em) {
  .tracker__left-side > *:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.5rem , 0.5909090909rem  +  4.5454545455vw , 4rem )) {
    .tracker__left-side > *:not(:last-child) {
      margin-bottom: clamp( 1.5rem , 0.5909090909rem  +  4.5454545455vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.5rem , 0.5909090909rem  +  4.5454545455vw , 4rem )) {
    .tracker__left-side > *:not(:last-child) {
      margin-bottom: calc(1.5rem + 2.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .tracker__left-side > *:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.tracker__item {
  opacity: 0;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.tracker__item.visible {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@media (min-width: 75em) {
  .tracker__item:nth-of-type(2) {
    padding-left: 10.875rem;
  }
}
@media (min-width: 100em) and (max-width: 75em) {
  @supports (padding-left: clamp( 0.0000000625rem , 43.4999998125rem  +  -43.49999975vw , 10.875rem )) {
    .tracker__item:nth-of-type(2) {
      padding-left: clamp( 0.0000000625rem , 43.4999998125rem  +  -43.49999975vw , 10.875rem );
    }
  }
  @supports not (padding-left: clamp( 0.0000000625rem , 43.4999998125rem  +  -43.49999975vw , 10.875rem )) {
    .tracker__item:nth-of-type(2) {
      padding-left: calc(0.0000000625rem + 10.8749999375 * (100vw - 100rem) / -25);
    }
  }
}
@media (max-width: 100em) {
  .tracker__item:nth-of-type(2) {
    padding-left: 0.0000000625rem;
  }
}
.tracker__item:nth-of-type(1) .item-analytics__icon {
  background: #5bc17f;
}
.tracker__item:nth-of-type(2) .item-analytics__icon {
  background: #fe6292;
}
.tracker__item:nth-of-type(3) .item-analytics__icon {
  background: #6b72ff;
}
.tracker__right-side {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6875rem;
}
@media (max-width: 30em) {
  .tracker__right-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.tracker__image-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 51.875em) {
  .tracker__image-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.tracker__image-wrap:nth-child(1) .tracker__image {
  max-width: 16.875rem;
}
@media (max-width: 51.875em) {
  .tracker__image-wrap:nth-child(1) .tracker__image {
    max-width: 100%;
  }
}
.tracker__image-wrap:nth-child(2) .tracker__image {
  max-width: 14.4375rem;
}
.tracker__image {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  height: auto;
}
.tracker__image.visible {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.tracker__image--width {
  max-width: 24.25rem;
}
@media (max-width: 51.875em) {
  .tracker__image--width {
    max-width: 16.875rem;
  }
}
.tracker__image img {
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 2rem 3.375rem 0 rgba(65, 74, 85, 0.05);
          box-shadow: 0 2rem 3.375rem 0 rgba(65, 74, 85, 0.05);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.arrow-line {
  -webkit-animation: drawLine 1s ease forwards;
          animation: drawLine 1s ease forwards;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
.arrow-line.visible {
  opacity: 1;
}

.arrow-head {
  opacity: 0;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-animation: fadeInArrow 1s ease forwards 0.3s;
          animation: fadeInArrow 1s ease forwards 0.3s;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
.arrow-head.visible {
  opacity: 1;
}

@-webkit-keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeInArrow {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInArrow {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 30em) {
  .tracker__right-side .tracker__image-wrap .tracker__image:nth-child(2) {
    display: none;
  }
}

.price {
  position: relative;
}
@media (min-width: 75em) {
  .price {
    padding-top: 5.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 2.5rem , 1.3181818182rem  +  5.9090909091vw , 5.75rem )) {
    .price {
      padding-top: clamp( 2.5rem , 1.3181818182rem  +  5.9090909091vw , 5.75rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 1.3181818182rem  +  5.9090909091vw , 5.75rem )) {
    .price {
      padding-top: calc(2.5rem + 3.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .price {
    padding-top: 2.5rem;
  }
}
@media (min-width: 75em) {
  .price {
    padding-bottom: 10rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 2.5rem , -0.2272727273rem  +  13.6363636364vw , 10rem )) {
    .price {
      padding-bottom: clamp( 2.5rem , -0.2272727273rem  +  13.6363636364vw , 10rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.5rem , -0.2272727273rem  +  13.6363636364vw , 10rem )) {
    .price {
      padding-bottom: calc(2.5rem + 7.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .price {
    padding-bottom: 2.5rem;
  }
}
.price__line {
  position: absolute;
  top: 23.9375rem;
  right: 19.6875rem;
  z-index: -2;
}
@media (max-width: 112.5em) {
  .price__line {
    display: none;
  }
}
.price__right-img {
  position: absolute;
  top: 17rem;
  right: 21.9375rem;
  z-index: -1;
  -webkit-animation: flip-hourglass 5s infinite ease-in-out;
          animation: flip-hourglass 5s infinite ease-in-out;
}
@media (max-width: 112.5em) {
  .price__right-img {
    right: 0;
  }
}
@media (max-width: 67.5em) {
  .price__right-img {
    display: none;
  }
}
@-webkit-keyframes flip-hourglass {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes flip-hourglass {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.price__left-img {
  position: absolute;
  bottom: 10.1875rem;
  left: -11.25rem;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.price__left-img.visible {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
@media (max-width: 75em) {
  .price__left-img {
    visibility: hidden;
    opacity: 0;
  }
}
.price__container {
  max-width: 60.4375rem;
}
.price__title {
  text-align: center;
}
@media (min-width: 75em) {
  .price__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .price__title:not(:last-child) {
      margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .price__title:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .price__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 75em) {
  .price__text:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.0625rem , 0.3579545455rem  +  3.5227272727vw , 3rem )) {
    .price__text:not(:last-child) {
      margin-bottom: clamp( 1.0625rem , 0.3579545455rem  +  3.5227272727vw , 3rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.0625rem , 0.3579545455rem  +  3.5227272727vw , 3rem )) {
    .price__text:not(:last-child) {
      margin-bottom: calc(1.0625rem + 1.9375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .price__text:not(:last-child) {
    margin-bottom: 1.0625rem;
  }
}
@media (min-width: 75em) {
  .price__toggle:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 2.5625rem , 2.0397727273rem  +  2.6136363636vw , 4rem )) {
    .price__toggle:not(:last-child) {
      margin-bottom: clamp( 2.5625rem , 2.0397727273rem  +  2.6136363636vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.5625rem , 2.0397727273rem  +  2.6136363636vw , 4rem )) {
    .price__toggle:not(:last-child) {
      margin-bottom: calc(2.5625rem + 1.4375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .price__toggle:not(:last-child) {
    margin-bottom: 2.5625rem;
  }
}
.price__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 75em) {
  .price__wrapper {
    gap: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.75rem , 1.7045454545rem  +  0.2272727273vw , 1.875rem )) {
    .price__wrapper {
      gap: clamp( 1.75rem , 1.7045454545rem  +  0.2272727273vw , 1.875rem );
    }
  }
  @supports not (gap: clamp( 1.75rem , 1.7045454545rem  +  0.2272727273vw , 1.875rem )) {
    .price__wrapper {
      gap: calc(1.75rem + 0.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .price__wrapper {
    gap: 1.75rem;
  }
}
@media (max-width: 40.625em) {
  .price__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.toggle {
  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: 0.625rem;
  color: #333;
}
.toggle__option {
  font-family: "Poppins";
  font-weight: 500;
  line-height: 1.75rem;
}
@media (min-width: 75em) {
  .toggle__option {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .toggle__option {
      font-size: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .toggle__option {
      font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .toggle__option {
    font-size: 1.125rem;
  }
}
.toggle__switch {
  background: rgba(255, 85, 62, 0.2);
  width: 5.25rem;
  height: 2.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  border-radius: 3.125rem;
  cursor: pointer;
}
.toggle__switch.active .toggle__circle {
  left: 51px;
}
.toggle__circle {
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #ff6b6b;
  border-radius: 50%;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  cursor: pointer;
}

.item-price {
  padding-left: 1.625rem;
  padding-right: 1.625rem;
  max-width: 29.375rem;
  width: 100%;
  border-radius: 6.875rem;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0.0625rem solid #ff553e;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
@media (min-width: 75em) {
  .item-price {
    padding-top: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 2.5625rem , 2.0397727273rem  +  2.6136363636vw , 4rem )) {
    .item-price {
      padding-top: clamp( 2.5625rem , 2.0397727273rem  +  2.6136363636vw , 4rem );
    }
  }
  @supports not (padding-top: clamp( 2.5625rem , 2.0397727273rem  +  2.6136363636vw , 4rem )) {
    .item-price {
      padding-top: calc(2.5625rem + 1.4375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price {
    padding-top: 2.5625rem;
  }
}
@media (min-width: 75em) {
  .item-price {
    padding-bottom: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 2.25rem , 1.9772727273rem  +  1.3636363636vw , 3rem )) {
    .item-price {
      padding-bottom: clamp( 2.25rem , 1.9772727273rem  +  1.3636363636vw , 3rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.25rem , 1.9772727273rem  +  1.3636363636vw , 3rem )) {
    .item-price {
      padding-bottom: calc(2.25rem + 0.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price {
    padding-bottom: 2.25rem;
  }
}
.item-price.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 40.625em) {
  .item-price {
    max-width: 100%;
  }
}
.item-price--background {
  border: none;
  background-color: #ff553e;
}
.item-price__title {
  text-align: center;
  font-family: "Inter";
  font-weight: 600;
  line-height: 100%;
}
@media (min-width: 75em) {
  .item-price__title {
    font-size: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.25rem , 0.6136363636rem  +  3.1818181818vw , 3rem )) {
    .item-price__title {
      font-size: clamp( 1.25rem , 0.6136363636rem  +  3.1818181818vw , 3rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 0.6136363636rem  +  3.1818181818vw , 3rem )) {
    .item-price__title {
      font-size: calc(1.25rem + 1.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__title {
    font-size: 1.25rem;
  }
}
.item-price__title--white {
  color: #fff;
}
@media (min-width: 75em) {
  .item-price__title:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.8125rem , 1.1988636364rem  +  3.0681818182vw , 3.5rem )) {
    .item-price__title:not(:last-child) {
      margin-bottom: clamp( 1.8125rem , 1.1988636364rem  +  3.0681818182vw , 3.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.8125rem , 1.1988636364rem  +  3.0681818182vw , 3.5rem )) {
    .item-price__title:not(:last-child) {
      margin-bottom: calc(1.8125rem + 1.6875 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__title:not(:last-child) {
    margin-bottom: 1.8125rem;
  }
}
@media (min-width: 75em) {
  .item-price__list:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.25rem  +  5vw , 4rem )) {
    .item-price__list:not(:last-child) {
      margin-bottom: clamp( 1.25rem , 0.25rem  +  5vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.25rem  +  5vw , 4rem )) {
    .item-price__list:not(:last-child) {
      margin-bottom: calc(1.25rem + 2.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__list:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.item-price__item {
  color: #ff553e;
  font-family: Inter;
  font-weight: 600;
  line-height: 3.25rem;
}
@media (min-width: 75em) {
  .item-price__item {
    font-size: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.125rem , 0.8977272727rem  +  1.1363636364vw , 1.75rem )) {
    .item-price__item {
      font-size: clamp( 1.125rem , 0.8977272727rem  +  1.1363636364vw , 1.75rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.8977272727rem  +  1.1363636364vw , 1.75rem )) {
    .item-price__item {
      font-size: calc(1.125rem + 0.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__item {
    font-size: 1.125rem;
  }
}
.item-price__item--color {
  color: #fff;
}
@media (min-width: 75em) {
  .item-price__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .item-price__item:not(:last-child) {
      margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .item-price__item:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__item:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.item-price__info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  position: relative;
  color: #404040;
}
.item-price__info-price span {
  opacity: 0.4;
}
.item-price__info-price--color {
  color: #fff;
}
.item-price__info-price--color span {
  opacity: 0.8;
}
@media (min-width: 75em) {
  .item-price__info-price:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.875rem , 1.1022727273rem  +  3.8636363636vw , 4rem )) {
    .item-price__info-price:not(:last-child) {
      margin-bottom: clamp( 1.875rem , 1.1022727273rem  +  3.8636363636vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 1.1022727273rem  +  3.8636363636vw , 4rem )) {
    .item-price__info-price:not(:last-child) {
      margin-bottom: calc(1.875rem + 2.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__info-price:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.item-price__currency {
  position: absolute;
  top: 0.375rem;
  left: -0.625rem;
  opacity: 0.8;
}
.item-price__price {
  font-weight: 700;
  line-height: 100%;
}
@media (min-width: 75em) {
  .item-price__price {
    font-size: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.75rem , 0.9318181818rem  +  4.0909090909vw , 4rem )) {
    .item-price__price {
      font-size: clamp( 1.75rem , 0.9318181818rem  +  4.0909090909vw , 4rem );
    }
  }
  @supports not (font-size: clamp( 1.75rem , 0.9318181818rem  +  4.0909090909vw , 4rem )) {
    .item-price__price {
      font-size: calc(1.75rem + 2.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .item-price__price {
    font-size: 1.75rem;
  }
}
.partners {
  background: #f8fefe;
}
@media (min-width: 75em) {
  .partners {
    padding-top: 7.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 2.5rem , 0.6818181818rem  +  9.0909090909vw , 7.5rem )) {
    .partners {
      padding-top: clamp( 2.5rem , 0.6818181818rem  +  9.0909090909vw , 7.5rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 0.6818181818rem  +  9.0909090909vw , 7.5rem )) {
    .partners {
      padding-top: calc(2.5rem + 5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .partners {
    padding-top: 2.5rem;
  }
}
@media (min-width: 75em) {
  .partners {
    padding-bottom: 5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 2.5rem , 1.5909090909rem  +  4.5454545455vw , 5rem )) {
    .partners {
      padding-bottom: clamp( 2.5rem , 1.5909090909rem  +  4.5454545455vw , 5rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.5rem , 1.5909090909rem  +  4.5454545455vw , 5rem )) {
    .partners {
      padding-bottom: calc(2.5rem + 2.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .partners {
    padding-bottom: 2.5rem;
  }
}
.partners__container {
  max-width: 87.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 75em) {
  .partners__container {
    gap: 6.25rem;
  }
}
@media (min-width: 62.5em) and (max-width: 75em) {
  @supports (gap: clamp( 2.5rem , -16.25rem  +  30vw , 6.25rem )) {
    .partners__container {
      gap: clamp( 2.5rem , -16.25rem  +  30vw , 6.25rem );
    }
  }
  @supports not (gap: clamp( 2.5rem , -16.25rem  +  30vw , 6.25rem )) {
    .partners__container {
      gap: calc(2.5rem + 3.75 * (100vw - 62.5rem) / 12.5);
    }
  }
}
@media (max-width: 62.5em) {
  .partners__container {
    gap: 2.5rem;
  }
}
@media (max-width: 47.99875em) {
  .partners__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.partners__image-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 75em) {
  .partners__image-wrap {
    gap: 3.375rem;
  }
}
@media (min-width: 62.5em) and (max-width: 75em) {
  @supports (gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem )) {
    .partners__image-wrap {
      gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem );
    }
  }
  @supports not (gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem )) {
    .partners__image-wrap {
      gap: calc(1rem + 2.375 * (100vw - 62.5rem) / 12.5);
    }
  }
}
@media (max-width: 62.5em) {
  .partners__image-wrap {
    gap: 1rem;
  }
}
.partners__image {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.partners__image.visible {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.partners__left-img {
  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: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (min-width: 75em) {
  .partners__left-img {
    gap: 3.375rem;
  }
}
@media (min-width: 62.5em) and (max-width: 75em) {
  @supports (gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem )) {
    .partners__left-img {
      gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem );
    }
  }
  @supports not (gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem )) {
    .partners__left-img {
      gap: calc(1rem + 2.375 * (100vw - 62.5rem) / 12.5);
    }
  }
}
@media (max-width: 62.5em) {
  .partners__left-img {
    gap: 1rem;
  }
}
.partners__left-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partners__left-img img:nth-child(1) {
  border-radius: 2.5rem;
  max-width: 15rem;
  aspect-ratio: 240/152;
}
@media (max-width: 47.99875em) {
  .partners__left-img img:nth-child(1) {
    max-width: 18.75rem;
    aspect-ratio: 160/160;
    border-radius: 0.9375rem;
  }
}
.partners__left-img img:nth-child(2) {
  border-radius: 3.375rem;
  max-width: 22.375rem;
  aspect-ratio: 358/239;
}
@media (max-width: 47.99875em) {
  .partners__left-img img:nth-child(2) {
    max-width: 18.75rem;
    aspect-ratio: 160/160;
    border-radius: 0.9375rem;
  }
}
.partners__left-img img:nth-child(3) {
  border-radius: 3rem;
  max-width: 15rem;
  aspect-ratio: 240/152;
}
@media (max-width: 47.99875em) {
  .partners__left-img img:nth-child(3) {
    display: none;
  }
}
.partners__right-img {
  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;
}
@media (min-width: 75em) {
  .partners__right-img {
    gap: 3.375rem;
  }
}
@media (min-width: 62.5em) and (max-width: 75em) {
  @supports (gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem )) {
    .partners__right-img {
      gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem );
    }
  }
  @supports not (gap: clamp( 1rem , -10.875rem  +  19vw , 3.375rem )) {
    .partners__right-img {
      gap: calc(1rem + 2.375 * (100vw - 62.5rem) / 12.5);
    }
  }
}
@media (max-width: 62.5em) {
  .partners__right-img {
    gap: 1rem;
  }
}
.partners__right-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partners__right-img img:nth-child(1) {
  border-radius: 3rem;
  max-width: 19.6875rem;
  aspect-ratio: 315/204;
}
@media (max-width: 47.99875em) {
  .partners__right-img img:nth-child(1) {
    max-width: 18.75rem;
    aspect-ratio: 160/160;
    border-radius: 0.9375rem;
  }
}
.partners__right-img img:nth-child(2) {
  border-radius: 3.375rem;
  max-width: 24.0625rem;
  aspect-ratio: 385/243;
}
@media (max-width: 47.99875em) {
  .partners__right-img img:nth-child(2) {
    max-width: 18.75rem;
    aspect-ratio: 160/160;
    border-radius: 0.9375rem;
  }
}
.partners__image {
  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;
  aspect-ratio: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.partners__content {
  max-width: 32.8125rem;
}
@media (min-width: 75em) {
  .partners__title:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .partners__title:not(:last-child) {
      margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.125rem , 0.9886363636rem  +  0.6818181818vw , 1.5rem )) {
    .partners__title:not(:last-child) {
      margin-bottom: calc(1.125rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .partners__title:not(:last-child) {
    margin-bottom: 1.125rem;
  }
}
.partners__text {
  text-align: left;
}
@media (min-width: 75em) {
  .partners__text:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.75rem , 1.2954545455rem  +  2.2727272727vw , 3rem )) {
    .partners__text:not(:last-child) {
      margin-bottom: clamp( 1.75rem , 1.2954545455rem  +  2.2727272727vw , 3rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.75rem , 1.2954545455rem  +  2.2727272727vw , 3rem )) {
    .partners__text:not(:last-child) {
      margin-bottom: calc(1.75rem + 1.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .partners__text:not(:last-child) {
    margin-bottom: 1.75rem;
  }
}
.partners__link {
  border: 0.0625rem solid #ff553e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  .partners__link:hover {
    background-color: #ff553e;
    color: #fff;
  }
}

.clients {
  position: relative;
}
@media (min-width: 75em) {
  .clients {
    padding-top: 10.8125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 2.5rem , -0.5227272727rem  +  15.1136363636vw , 10.8125rem )) {
    .clients {
      padding-top: clamp( 2.5rem , -0.5227272727rem  +  15.1136363636vw , 10.8125rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , -0.5227272727rem  +  15.1136363636vw , 10.8125rem )) {
    .clients {
      padding-top: calc(2.5rem + 8.3125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .clients {
    padding-top: 2.5rem;
  }
}
@media (min-width: 75em) {
  .clients {
    padding-bottom: 8.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 5rem , 3.6363636364rem  +  6.8181818182vw , 8.75rem )) {
    .clients {
      padding-bottom: clamp( 5rem , 3.6363636364rem  +  6.8181818182vw , 8.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 5rem , 3.6363636364rem  +  6.8181818182vw , 8.75rem )) {
    .clients {
      padding-bottom: calc(5rem + 3.75 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .clients {
    padding-bottom: 5rem;
  }
}
.clients__emoji {
  position: absolute;
  bottom: 6.6875rem;
  right: 8.75rem;
  width: 7.875rem;
  height: 7.6875rem;
  z-index: 1;
  -webkit-animation: scale 2s ease-in-out infinite;
          animation: scale 2s ease-in-out infinite;
}
@media (max-width: 53.75em) {
  .clients__emoji {
    display: none;
  }
}
@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes scale {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.clients__chat-img {
  position: absolute;
  bottom: 7.25rem;
  left: 16.375rem;
  z-index: -1;
  -webkit-animation: rotation 3s ease-in-out infinite;
          animation: rotation 3s ease-in-out infinite;
}
@media (max-width: 118.75em) {
  .clients__chat-img {
    left: 0;
  }
}
@media (max-width: 85.625em) {
  .clients__chat-img {
    left: auto;
    bottom: auto;
    top: 15.625rem;
    right: -0.9375rem;
    width: 3.875rem;
    height: 3.9375rem;
  }
}
@-webkit-keyframes rotation {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}
@keyframes rotation {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}
.clients__rhombus {
  position: absolute;
  bottom: 3.625rem;
  right: 6.4375rem;
  z-index: -1;
}
@media (max-width: 53.75em) {
  .clients__rhombus {
    display: none;
  }
}
.clients__like-img {
  position: absolute;
  top: 2.375rem;
  left: 3.5rem;
  z-index: -2;
  width: 13.75rem;
  height: 14.0625rem;
  -webkit-animation: rotate 3s ease-in-out infinite;
          animation: rotate 3s ease-in-out infinite;
}
@media (max-width: 64em) {
  .clients__like-img {
    left: auto;
    bottom: auto;
    top: 10rem;
    right: 6.875rem;
    width: 4.9375rem;
    height: 5.0625rem;
  }
}
@media (max-width: 23.375em) {
  .clients__like-img {
    right: 3.125rem;
  }
}
@-webkit-keyframes rotate {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
@keyframes rotate {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
.clients__arrow {
  position: absolute;
  top: 12.25rem;
  left: 15.1875rem;
  z-index: -2;
  width: 9.1875rem;
  height: 8.1875rem;
}
@media (max-width: 64em) {
  .clients__arrow {
    left: auto;
    bottom: auto;
    top: 15.9375rem;
    right: 4.625rem;
    width: 4rem;
    height: 3.5rem;
  }
}
.clients__container {
  max-width: 64.375rem;
}
.clients__title {
  text-align: center;
}
@media (min-width: 75em) {
  .clients__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .clients__title:not(:last-child) {
      margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
    .clients__title:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .clients__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 75em) {
  .clients__text:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.875rem , 1.1022727273rem  +  3.8636363636vw , 4rem )) {
    .clients__text:not(:last-child) {
      margin-bottom: clamp( 1.875rem , 1.1022727273rem  +  3.8636363636vw , 4rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 1.1022727273rem  +  3.8636363636vw , 4rem )) {
    .clients__text:not(:last-child) {
      margin-bottom: calc(1.875rem + 2.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .clients__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.clients__flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
@media (max-width: 47.99875em) {
  .clients__flex-wrap {
    -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: flex-start;
  }
}
.clients__image {
  max-width: 18.625rem;
  height: 23.6875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.clients__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23.125rem;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 26.875em) {
  .clients__image img {
    border-radius: 2.5rem;
  }
}
@media (max-width: 26.875em) {
  .clients__image {
    width: 10.625rem;
    height: 9rem;
  }
}
.clients__swiper {
  width: 100%;
  overflow: hidden;
}
.slide-clients {
  font-family: "Inter";
}
.slide-clients__text {
  color: #404040;
  line-height: 2.25rem;
}
@media (min-width: 75em) {
  .slide-clients__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.9090909091rem  +  0.4545454545vw , 1.25rem )) {
    .slide-clients__text {
      font-size: clamp( 1rem , 0.9090909091rem  +  0.4545454545vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9090909091rem  +  0.4545454545vw , 1.25rem )) {
    .slide-clients__text {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .slide-clients__text {
    font-size: 1rem;
  }
}
@media (min-width: 75em) {
  .slide-clients__text:not(:last-child) {
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.75rem , 1.5681818182rem  +  0.9090909091vw , 2.25rem )) {
    .slide-clients__text:not(:last-child) {
      margin-bottom: clamp( 1.75rem , 1.5681818182rem  +  0.9090909091vw , 2.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.75rem , 1.5681818182rem  +  0.9090909091vw , 2.25rem )) {
    .slide-clients__text:not(:last-child) {
      margin-bottom: calc(1.75rem + 0.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .slide-clients__text:not(:last-child) {
    margin-bottom: 1.75rem;
  }
}
.slide-clients__name {
  color: #38363c;
  font-weight: 500;
  line-height: 1.5rem;
}
@media (min-width: 75em) {
  .slide-clients__name {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1.25rem , 1.1590909091rem  +  0.4545454545vw , 1.5rem )) {
    .slide-clients__name {
      font-size: clamp( 1.25rem , 1.1590909091rem  +  0.4545454545vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 1.1590909091rem  +  0.4545454545vw , 1.5rem )) {
    .slide-clients__name {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .slide-clients__name {
    font-size: 1.25rem;
  }
}
@media (min-width: 75em) {
  .slide-clients__name:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.4886363636rem  +  0.6818181818vw , 1rem )) {
    .slide-clients__name:not(:last-child) {
      margin-bottom: clamp( 0.625rem , 0.4886363636rem  +  0.6818181818vw , 1rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.4886363636rem  +  0.6818181818vw , 1rem )) {
    .slide-clients__name:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .slide-clients__name:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.slide-clients span {
  color: #38363c;
  font-family: Inter;
  font-weight: 500;
  line-height: 26px;
  opacity: 0.7;
}
@media (min-width: 75em) {
  .slide-clients span {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .slide-clients span {
      font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .slide-clients span {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .slide-clients span {
    font-size: 1rem;
  }
}

.swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  margin-bottom: 3.125rem;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}

.swiper-pagination {
  text-align: left;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(255, 84, 62, 0.8862745098);
}
@media (max-width: 30em) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
  }
}

.swiper-pagination .swiper-pagination-bullet-active {
  width: 2.25rem;
  height: 0.75rem;
  border-radius: 0.4375rem;
  background: #ff553e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 30em) {
  .swiper-pagination .swiper-pagination-bullet-active {
    height: 0.625rem;
  }
}

.offer {
  padding-right: 6.25rem;
  background: #fff8f2;
  position: relative;
}
@media (min-width: 75em) {
  .offer {
    padding-top: 6.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 3rem , 1.8181818182rem  +  5.9090909091vw , 6.25rem )) {
    .offer {
      padding-top: clamp( 3rem , 1.8181818182rem  +  5.9090909091vw , 6.25rem );
    }
  }
  @supports not (padding-top: clamp( 3rem , 1.8181818182rem  +  5.9090909091vw , 6.25rem )) {
    .offer {
      padding-top: calc(3rem + 3.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .offer {
    padding-top: 3rem;
  }
}
@media (max-width: 25em) {
  .offer {
    padding-bottom: 3.0625rem;
    padding-right: 2.3125rem;
  }
}
.offer__left-img {
  position: absolute;
  left: -3.5625rem;
  top: 0.6875rem;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.offer__left-img.visible {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
@media (max-width: 112.5em) {
  .offer__left-img {
    display: none;
  }
}
.offer__right-img {
  position: absolute;
  right: -10.125rem;
  bottom: 10.5625rem;
  height: auto;
  width: 39.5rem;
  height: 13.625rem;
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  z-index: 2;
}
@media (min-width: 75em) {
  .offer__right-img {
    bottom: 10.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (bottom: clamp( 9.0625rem , 8.5170454545rem  +  2.7272727273vw , 10.5625rem )) {
    .offer__right-img {
      bottom: clamp( 9.0625rem , 8.5170454545rem  +  2.7272727273vw , 10.5625rem );
    }
  }
  @supports not (bottom: clamp( 9.0625rem , 8.5170454545rem  +  2.7272727273vw , 10.5625rem )) {
    .offer__right-img {
      bottom: calc(9.0625rem + 1.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .offer__right-img {
    bottom: 9.0625rem;
  }
}
.offer__right-img.visible {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
@media (max-width: 117.5em) {
  .offer__right-img {
    width: 31.6rem;
    height: 10.9rem;
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
            transform: translateX(20px);
    right: -9.375rem;
  }
}
@media (max-width: 102.8125em) {
  .offer__right-img {
    width: 19.75rem;
    height: 6.8125rem;
    right: -6.25rem;
  }
}
@media (max-width: 79.375em) {
  .offer__right-img {
    width: 11rem;
    height: 3.75rem;
    right: -3.125rem;
    bottom: 9.0625rem;
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
  }
}
.offer__container {
  max-width: 67.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 75em) {
  .offer__container {
    gap: 6.9375rem;
  }
}
@media (min-width: 62.5em) and (max-width: 75em) {
  @supports (gap: clamp( 1.875rem , -23.4375rem  +  40.5vw , 6.9375rem )) {
    .offer__container {
      gap: clamp( 1.875rem , -23.4375rem  +  40.5vw , 6.9375rem );
    }
  }
  @supports not (gap: clamp( 1.875rem , -23.4375rem  +  40.5vw , 6.9375rem )) {
    .offer__container {
      gap: calc(1.875rem + 5.0625 * (100vw - 62.5rem) / 12.5);
    }
  }
}
@media (max-width: 62.5em) {
  .offer__container {
    gap: 1.875rem;
  }
}
.offer__content {
  max-width: 33.0625rem;
  padding: 0.3125rem 0;
}
@media (max-width: 47.99875em) {
  .offer__content {
    max-width: 100%;
  }
}
@media (min-width: 75em) {
  .offer__title:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1rem , 0.8181818182rem  +  0.9090909091vw , 1.5rem )) {
    .offer__title:not(:last-child) {
      margin-bottom: clamp( 1rem , 0.8181818182rem  +  0.9090909091vw , 1.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1rem , 0.8181818182rem  +  0.9090909091vw , 1.5rem )) {
    .offer__title:not(:last-child) {
      margin-bottom: calc(1rem + 0.5 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .offer__title:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.offer__text {
  text-align: left;
}
@media (min-width: 75em) {
  .offer__text:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (margin-bottom: clamp( 1.875rem , 1.4659090909rem  +  2.0454545455vw , 3rem )) {
    .offer__text:not(:last-child) {
      margin-bottom: clamp( 1.875rem , 1.4659090909rem  +  2.0454545455vw , 3rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 1.4659090909rem  +  2.0454545455vw , 3rem )) {
    .offer__text:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .offer__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.offer__buttons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 75em) {
  .offer__buttons-wrap {
    gap: 1.25rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1rem , 0.9090909091rem  +  0.4545454545vw , 1.25rem )) {
    .offer__buttons-wrap {
      gap: clamp( 1rem , 0.9090909091rem  +  0.4545454545vw , 1.25rem );
    }
  }
  @supports not (gap: clamp( 1rem , 0.9090909091rem  +  0.4545454545vw , 1.25rem )) {
    .offer__buttons-wrap {
      gap: calc(1rem + 0.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .offer__buttons-wrap {
    gap: 1rem;
  }
}
@media (max-width: 30em) {
  .offer__buttons-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.offer__link {
  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;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.offer__link:nth-child(2) {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  .offer__link:nth-child(2):hover {
    -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(179, 69, 1, 0.427);
            box-shadow: 0 0.3125rem 0.625rem rgba(179, 69, 1, 0.427);
  }
}
.offer__link.visible {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.offer__image {
  max-width: 25.3125rem;
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.offer__image.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.offer__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 47.99875em) {
  .offer__image {
    display: none;
  }
}

@media (min-width: 75em) {
  .footer {
    padding-top: 8.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 5rem , 3.8863636364rem  +  5.5681818182vw , 8.0625rem )) {
    .footer {
      padding-top: clamp( 5rem , 3.8863636364rem  +  5.5681818182vw , 8.0625rem );
    }
  }
  @supports not (padding-top: clamp( 5rem , 3.8863636364rem  +  5.5681818182vw , 8.0625rem )) {
    .footer {
      padding-top: calc(5rem + 3.0625 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .footer {
    padding-top: 5rem;
  }
}
@media (min-width: 75em) {
  .footer {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 2.5rem , 2.0454545455rem  +  2.2727272727vw , 3.75rem )) {
    .footer {
      padding-bottom: clamp( 2.5rem , 2.0454545455rem  +  2.2727272727vw , 3.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.5rem , 2.0454545455rem  +  2.2727272727vw , 3.75rem )) {
    .footer {
      padding-bottom: calc(2.5rem + 1.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .footer {
    padding-bottom: 2.5rem;
  }
}
.footer__container {
  max-width: 75rem;
}
.footer__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;
  gap: 2.8125rem;
}
@media (min-width: 75em) {
  .footer__top {
    padding-bottom: 3.625rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.3863636364rem  +  4.3181818182vw , 3.625rem )) {
    .footer__top {
      padding-bottom: clamp( 1.25rem , 0.3863636364rem  +  4.3181818182vw , 3.625rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.3863636364rem  +  4.3181818182vw , 3.625rem )) {
    .footer__top {
      padding-bottom: calc(1.25rem + 2.375 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .footer__top {
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 51.25em) {
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  width: 8.375rem;
  height: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 0.0625rem solid rgba(64, 64, 64, 0.2);
}
@media (min-width: 75em) {
  .footer__bottom {
    padding-top: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (padding-top: clamp( 1.25rem , 0.7954545455rem  +  2.2727272727vw , 2.5rem )) {
    .footer__bottom {
      padding-top: clamp( 1.25rem , 0.7954545455rem  +  2.2727272727vw , 2.5rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.7954545455rem  +  2.2727272727vw , 2.5rem )) {
    .footer__bottom {
      padding-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .footer__bottom {
    padding-top: 1.25rem;
  }
}
@media (max-width: 38.75em) {
  .footer__bottom {
    -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: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer__links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 75em) {
  .footer__links-wrap {
    gap: 6.75rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.5rem , -0.4090909091rem  +  9.5454545455vw , 6.75rem )) {
    .footer__links-wrap {
      gap: clamp( 1.5rem , -0.4090909091rem  +  9.5454545455vw , 6.75rem );
    }
  }
  @supports not (gap: clamp( 1.5rem , -0.4090909091rem  +  9.5454545455vw , 6.75rem )) {
    .footer__links-wrap {
      gap: calc(1.5rem + 5.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .footer__links-wrap {
    gap: 1.5rem;
  }
}
@media (max-width: 25em) {
  .footer__links-wrap {
    -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;
  }
}
.footer__link {
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  .footer__link:hover {
    color: #ff553e;
    opacity: 1;
  }
}
.footer__copyright {
  opacity: 0.5;
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 75em) {
  .nav__list {
    gap: 3rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (gap: clamp( 1.75rem , 1.2954545455rem  +  2.2727272727vw , 3rem )) {
    .nav__list {
      gap: clamp( 1.75rem , 1.2954545455rem  +  2.2727272727vw , 3rem );
    }
  }
  @supports not (gap: clamp( 1.75rem , 1.2954545455rem  +  2.2727272727vw , 3rem )) {
    .nav__list {
      gap: calc(1.75rem + 1.25 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .nav__list {
    gap: 1.75rem;
  }
}
@media (max-width: 25em) {
  .nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (any-hover: hover) {
  .nav__item:hover .nav__link {
    color: #ff553e;
  }
}
.nav__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (min-width: 75em) {
  .nav__link {
    font-size: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  @supports (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .nav__link {
      font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9545454545rem  +  0.2272727273vw , 1.125rem )) {
    .nav__link {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 55);
    }
  }
}
@media (max-width: 20em) {
  .nav__link {
    font-size: 1rem;
  }
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.75rem;
}
.social__link::before {
  font-size: 1.125rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform;
}
@media (any-hover: hover) {
  .social__link:hover::before {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    color: #ff553e;
  }
}