@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300&display=swap");
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.eot");
  src: local("../fonts/Gilroy Regular"), local("../fonts/Gilroy-Regular"), url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-ExtraboldItalic.eot");
  src: local("../fonts/Gilroy Extrabold Italic"), local("../fonts/Gilroy-ExtraboldItalic"), url("../fonts/Gilroy-ExtraboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-ExtraboldItalic.woff2") format("woff2"), url("../fonts/Gilroy-ExtraboldItalic.woff") format("woff"), url("../fonts/Gilroy-ExtraboldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.eot");
  src: local("../fonts/Gilroy Bold"), local("../fonts/Gilroy-Bold"), url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Black.eot");
  src: local("../fonts/Gilroy Black"), local("../fonts/Gilroy-Black"), url("../fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Black.woff2") format("woff2"), url("../fonts/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.eot");
  src: local("../fonts/Gilroy Light"), local("../fonts/Gilroy-Light"), url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Semibold.eot");
  src: local("../fonts/Gilroy Semibold"), local("../fonts/Gilroy-Semibold"), url("../fonts/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff"), url("../fonts/Gilroy-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.eot");
  src: local("../fonts/Gilroy Medium"), local("../fonts/Gilroy-Medium"), url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-MediumItalic.eot");
  src: local("../fonts/Gilroy Medium Italic"), local("../fonts/Gilroy-MediumItalic"), url("../fonts/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-MediumItalic.woff2") format("woff2"), url("../fonts/Gilroy-MediumItalic.woff") format("woff"), url("../fonts/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-BlackItalic.eot");
  src: local("../fonts/Gilroy Black Italic"), local("../fonts/Gilroy-BlackItalic"), url("../fonts/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-BlackItalic.woff2") format("woff2"), url("../fonts/Gilroy-BlackItalic.woff") format("woff"), url("../fonts/Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-UltraLight.eot");
  src: local("../fonts/Gilroy UltraLight"), local("../fonts/Gilroy-UltraLight"), url("../fonts/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-UltraLight.woff2") format("woff2"), url("../fonts/Gilroy-UltraLight.woff") format("woff"), url("../fonts/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-RegularItalic.eot");
  src: local("../fonts/Gilroy Regular Italic"), local("../fonts/Gilroy-RegularItalic"), url("../fonts/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-RegularItalic.woff2") format("woff2"), url("../fonts/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-SemiboldItalic.eot");
  src: local("../fonts/Gilroy Semibold Italic"), local("../fonts/Gilroy-SemiboldItalic"), url("../fonts/Gilroy-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-SemiboldItalic.woff2") format("woff2"), url("../fonts/Gilroy-SemiboldItalic.woff") format("woff"), url("../fonts/Gilroy-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-HeavyItalic.eot");
  src: local("../fonts/Gilroy Heavy Italic"), local("../fonts/Gilroy-HeavyItalic"), url("../fonts/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-HeavyItalic.woff2") format("woff2"), url("../fonts/Gilroy-HeavyItalic.woff") format("woff"), url("../fonts/Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Extrabold.eot");
  src: local("../fonts/Gilroy Extrabold"), local("../fonts/Gilroy-Extrabold"), url("../fonts/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Extrabold.woff2") format("woff2"), url("../fonts/Gilroy-Extrabold.woff") format("woff"), url("../fonts/Gilroy-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-BoldItalic.eot");
  src: local("../fonts/Gilroy Bold Italic"), local("../fonts/Gilroy-BoldItalic"), url("../fonts/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-BoldItalic.woff2") format("woff2"), url("../fonts/Gilroy-BoldItalic.woff") format("woff"), url("../fonts/Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-UltraLightItalic.eot");
  src: local("../fonts/Gilroy UltraLight Italic"), local("../fonts/Gilroy-UltraLightItalic"), url("../fonts/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-UltraLightItalic.woff2") format("woff2"), url("../fonts/Gilroy-UltraLightItalic.woff") format("woff"), url("../fonts/Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-LightItalic.eot");
  src: local("../fonts/Gilroy Light Italic"), local("../fonts/Gilroy-LightItalic"), url("../fonts/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-LightItalic.woff2") format("woff2"), url("../fonts/Gilroy-LightItalic.woff") format("woff"), url("../fonts/Gilroy-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Heavy.eot");
  src: local("../fonts/Gilroy Heavy"), local("../fonts/Gilroy-Heavy"), url("../fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Heavy.woff2") format("woff2"), url("../fonts/Gilroy-Heavy.woff") format("woff"), url("../fonts/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Thin.eot");
  src: local("../fonts/Gilroy Thin"), local("../fonts/Gilroy-Thin"), url("../fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Thin.woff2") format("woff2"), url("../fonts/Gilroy-Thin.woff") format("woff"), url("../fonts/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-ThinItalic.eot");
  src: local("../fonts/Gilroy Thin Italic"), local("../fonts/Gilroy-ThinItalic"), url("../fonts/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-ThinItalic.woff2") format("woff2"), url("../fonts/Gilroy-ThinItalic.woff") format("woff"), url("../fonts/Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }
html,
body {
  scroll-behavior: smooth; }

body {
  position: relative;
  font-family: "Gilroy", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-feature-settings: "pnum" on, "lnum" on;
  background: #fcfcfc; }

button {
  border: none;
  outline: none;
  cursor: pointer; }

*::-webkit-scrollbar {
  width: 4px;
  height: 2px; }

*::-webkit-scrollbar-track {
  background: transparent; }

*::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  border-radius: 20px;
  border: 1px solid transparent; }

@media (min-width: 992px) {
  body {
    font-size: 18px;
    line-height: 24px; } }
.hero {
  position: relative;
  overflow: hidden; }
  .hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
    padding: 48px 0; }
    .hero__content small {
      display: none; }
    .hero__content h2 {
      font-weight: 500;
      font-size: 22px;
      line-height: 30px;
      text-align: center;
      letter-spacing: -0.02em;
      color: #000000;
      max-width: 450px; }
    .hero__content > div:nth-of-type(1) {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 8px; }
      .hero__content > div:nth-of-type(1) a {
        display: inline-flex;
        align-items: center;
        column-gap: 8px; }
      .hero__content > div:nth-of-type(1) a:first-child {
        background: #11cf6f;
        color: #fff;
        border-radius: 46px;
        padding: 12px 16px; }
    .hero__content > div:nth-of-type(2) {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 32px; }
      .hero__content > div:nth-of-type(2) img {
        max-width: 90px; }
  .hero__layer {
    position: absolute;
    top: 0;
    z-index: -1;
    max-width: 300px; }
  .hero__layer-1 {
    left: -150px; }
  .hero__layer-2 {
    top: 30px;
    right: -150px;
    bottom: -100px; }

@media (min-width: 768px) {
  .hero__content {
    row-gap: 48px; }
    .hero__content small {
      display: block;
      font-weight: 400;
      font-size: 25.594px;
      line-height: 32px;
      text-align: center;
      letter-spacing: -0.03em;
      color: #11cf6f; }
    .hero__content h2 {
      font-weight: 500;
      font-size: 52px;
      line-height: 74px;
      text-align: center;
      letter-spacing: -0.02em;
      color: #000000;
      max-width: unset; }
    .hero__content > div:nth-of-type(1) {
      flex-direction: row;
      column-gap: 16px;
      margin-bottom: 24px; }
      .hero__content > div:nth-of-type(1) a {
        display: inline-flex;
        align-items: center;
        column-gap: 8px; }
      .hero__content > div:nth-of-type(1) a:first-child {
        background: #11cf6f;
        color: #fff;
        border-radius: 46px;
        padding: 12px 16px; }
    .hero__content > div:nth-of-type(2) {
      gap: 48px; }
      .hero__content > div:nth-of-type(2) img {
        max-width: unset; }
  .hero__layer {
    max-width: 60%; }
  .hero__layer-1 {
    top: -30px;
    left: -30%; }
  .hero__layer-2 {
    top: 30px;
    right: -20%;
    bottom: -100px; } }
@media (min-width: 992px) {
  .hero__content {
    padding: 90px 0; }
  .hero__layer {
    max-width: 100%; }
  .hero__layer-1 {
    top: -60px;
    left: calc(-350px + 5%); }
  .hero__layer-2 {
    top: 30px;
    right: calc(-400px + 10%);
    bottom: -100px; } }
.services {
  position: relative;
  padding: 48px 0 0 0;
  background-color: #000; }
  .services::after {
    content: "";
    height: 100px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #131313 100%);
    display: block;
    position: absolute;
    bottom: 0; }
  .services__content {
    text-align: center;
    margin-bottom: 64px;
    position: relative;
    z-index: 1; }
    .services__content h2 {
      font-weight: 700;
      font-size: 26px;
      line-height: 32px;
      text-align: center;
      letter-spacing: -0.02em;
      background: linear-gradient(90.04deg, #00fe44 0.06%, #4fbde5 99.98%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      margin-bottom: 16px; }
      .services__content h2::before {
        content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.57745 0C5.78674 0 5.98746 0.0831415 6.13546 0.231134C6.28345 0.379127 6.36659 0.579848 6.36659 0.789141V4.94634L9.96665 2.86774C10.0564 2.81511 10.1557 2.78075 10.2589 2.76665C10.362 2.75255 10.4668 2.75899 10.5675 2.78559C10.6681 2.81219 10.7624 2.85843 10.8451 2.92165C10.9278 2.98487 10.9971 3.06381 11.0492 3.15394C11.1012 3.24407 11.1349 3.3436 11.1483 3.4468C11.1617 3.55001 11.1546 3.65484 11.1273 3.75528C11.1001 3.85572 11.0532 3.94977 10.9894 4.03202C10.9257 4.11427 10.8463 4.18309 10.7558 4.23453L7.15573 6.31313L10.7558 8.39173C10.8463 8.44317 10.9257 8.51199 10.9894 8.59424C11.0532 8.67649 11.1001 8.77055 11.1273 8.87098C11.1546 8.97142 11.1617 9.07625 11.1483 9.17946C11.1349 9.28266 11.1012 9.38219 11.0492 9.47232C10.9971 9.56245 10.9278 9.6414 10.8451 9.70461C10.7624 9.76783 10.6681 9.81407 10.5675 9.84067C10.4668 9.86727 10.362 9.87371 10.2589 9.85961C10.1557 9.84551 10.0564 9.81116 9.96665 9.75852L6.36659 7.67992V11.8371C6.36659 12.0464 6.28345 12.2471 6.13546 12.3951C5.98746 12.5431 5.78674 12.6263 5.57745 12.6263C5.36816 12.6263 5.16744 12.5431 5.01944 12.3951C4.87145 12.2471 4.78831 12.0464 4.78831 11.8371V7.67992L1.18825 9.75852C1.09846 9.81116 0.999159 9.84551 0.896046 9.85961C0.792933 9.87371 0.68805 9.86727 0.587435 9.84067C0.486821 9.81407 0.392461 9.76783 0.309789 9.70461C0.227118 9.6414 0.157767 9.56245 0.10573 9.47232C0.0536928 9.38219 0.0199971 9.28266 0.00658281 9.17946C-0.0068315 9.07625 0.000300532 8.97142 0.0275683 8.87098C0.0548361 8.77055 0.101701 8.67649 0.165465 8.59424C0.229229 8.51199 0.308632 8.44317 0.399104 8.39173L3.99917 6.31313L0.399104 4.23453C0.219332 4.12914 0.088544 3.95692 0.0352801 3.75546C-0.0179839 3.55399 0.0106008 3.33964 0.114796 3.15917C0.218992 2.97871 0.390339 2.84678 0.591446 2.79218C0.792552 2.73758 1.00709 2.76474 1.18825 2.86774L4.78831 4.94634V0.789141C4.78831 0.579848 4.87145 0.379127 5.01944 0.231134C5.16744 0.0831415 5.36816 0 5.57745 0Z' fill='url(%23paint0_linear_346_862)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_346_862' x1='4.20688e-09' y1='9.07512' x2='11.1553' y2='9.08284' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FE44'/%3E%3Cstop offset='1' stop-color='%234FBDE5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
        display: block; }
    .services__content p {
      display: block;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.03em;
      color: #c2c2c2; }
  .services__overlay {
    transition: 1000ms all ease-in-out;
    transition-delay: 200ms;
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
    .services__overlay h2 {
      transition: inherit;
      transition-delay: inherit;
      position: absolute;
      font-size: 28px;
      top: 50%; }

.services.is-active .services__overlay {
  opacity: 0;
  visibility: hidden; }
  .services.is-active .services__overlay h2 {
    font-size: 26px;
    line-height: 32px;
    top: 64px; }

.services-slider {
  color: #fff;
  height: 200px;
  z-index: 1; }
  .services-slider__item {
    opacity: 0 !important;
    display: inline-flex;
    flex-direction: column;
    gap: 16px; }
    .services-slider__item span {
      transition: 800ms all ease-in-out;
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      letter-spacing: -0.02em;
      color: #ffffff;
      transform: translateY(30px);
      opacity: 0; }
    .services-slider__item p {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.03em;
      color: #c2c2c2; }
    .services-slider__item.swiper-slide-active {
      opacity: 1 !important; }
      .services-slider__item.swiper-slide-active span {
        opacity: 1;
        transform: translateY(0); }

.services-slider-pagination {
  justify-content: center;
  position: relative;
  z-index: 6; }

.service-images-slider {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  z-index: 0;
  left: 0;
  bottom: 0;
  height: 80%;
  overflow: hidden; }
  .service-images-slider__item {
    opacity: 0 !important;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .service-images-slider__item img {
      padding: 0 40px;
      transition: 800ms all ease-in-out;
      object-fit: contain;
      width: 100%;
      height: 100%;
      object-position: bottom;
      transform: translateY(500px); }
    .service-images-slider__item.swiper-slide-active {
      opacity: 1 !important; }
      .service-images-slider__item.swiper-slide-active img {
        transform: translateY(0); }

@media (min-width: 768px) {
  .services {
    position: relative;
    padding: 48px 0 0 0;
    background-color: #000; }
    .services__content {
      text-align: center;
      margin-bottom: 150px; }
      .services__content h2 {
        font-size: 54px;
        line-height: 67px; }
        .services__content h2::before {
          content: url("data:image/svg+xml,%3Csvg width='27' height='30' viewBox='0 0 27 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.252 0C13.7493 0 14.2262 0.197544 14.5778 0.549175C14.9295 0.900806 15.127 1.37772 15.127 1.875V11.7525L23.6808 6.81375C23.8941 6.68869 24.13 6.60706 24.375 6.57357C24.62 6.54007 24.8692 6.55536 25.1083 6.61856C25.3474 6.68177 25.5716 6.79163 25.768 6.94184C25.9644 7.09204 26.1292 7.27962 26.2528 7.49376C26.3765 7.70791 26.4565 7.94439 26.4884 8.1896C26.5203 8.43482 26.5033 8.68391 26.4385 8.92255C26.3737 9.16118 26.2624 9.38465 26.1109 9.58008C25.9594 9.7755 25.7707 9.93903 25.5558 10.0612L17.002 15L25.5558 19.9388C25.7707 20.061 25.9594 20.2245 26.1109 20.4199C26.2624 20.6154 26.3737 20.8388 26.4385 21.0775C26.5033 21.3161 26.5203 21.5652 26.4884 21.8104C26.4565 22.0556 26.3765 22.2921 26.2528 22.5062C26.1292 22.7204 25.9644 22.908 25.768 23.0582C25.5716 23.2084 25.3474 23.3182 25.1083 23.3814C24.8692 23.4446 24.62 23.4599 24.375 23.4264C24.13 23.3929 23.8941 23.3113 23.6808 23.1862L15.127 18.2475V28.125C15.127 28.6223 14.9295 29.0992 14.5778 29.4508C14.2262 29.8025 13.7493 30 13.252 30C12.7547 30 12.2778 29.8025 11.9262 29.4508C11.5746 29.0992 11.377 28.6223 11.377 28.125V18.2475L2.82327 23.1862C2.60995 23.3113 2.374 23.3929 2.12901 23.4264C1.88401 23.4599 1.63481 23.4446 1.39575 23.3814C1.15669 23.3182 0.932487 23.2084 0.73606 23.0582C0.539632 22.908 0.374854 22.7204 0.251214 22.5062C0.127574 22.2921 0.0475131 22.0556 0.0156408 21.8104C-0.0162316 21.5652 0.000714064 21.3161 0.0655023 21.0775C0.130291 20.8388 0.241642 20.6154 0.393145 20.4199C0.544648 20.2245 0.733311 20.061 0.948271 19.9388L9.50202 15L0.948271 10.0612C0.521134 9.81084 0.210381 9.40165 0.0838254 8.92297C-0.0427297 8.44429 0.0251876 7.93499 0.272756 7.5062C0.520325 7.07741 0.927446 6.76395 1.40528 6.63422C1.8831 6.50449 2.39285 6.56903 2.82327 6.81375L11.377 11.7525V1.875C11.377 1.37772 11.5746 0.900806 11.9262 0.549175C12.2778 0.197544 12.7547 0 13.252 0Z' fill='url(%23paint0_linear_341_667)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_341_667' x1='9.99554e-09' y1='21.5625' x2='26.5049' y2='21.5808' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FE44'/%3E%3Cstop offset='1' stop-color='%234FBDE5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
          display: block; }
      .services__content p {
        font-size: 24px;
        line-height: 34px;
        max-width: 60%;
        margin: 0 auto; }
    .services__overlay h2 {
      font-size: 72px;
      line-height: 67px; }

  .services.is-active .services__overlay {
    opacity: 0;
    visibility: hidden; }
    .services.is-active .services__overlay h2 {
      font-size: 54px;
      line-height: 67px;
      top: 110px; }

  .services-slider {
    color: #fff;
    height: 200px;
    z-index: 1; }
    .services-slider__item {
      opacity: 0 !important;
      display: inline-flex;
      flex-direction: column;
      gap: 16px; }
      .services-slider__item span {
        font-size: 54px;
        line-height: 67px; }
      .services-slider__item p {
        font-size: 22px;
        line-height: 34px;
        max-width: 60%;
        margin: 0 auto; }
      .services-slider__item.swiper-slide-active {
        opacity: 1 !important; }
        .services-slider__item.swiper-slide-active span {
          opacity: 1;
          transform: translateY(0); } }
.services-2 {
  padding: 16px 0;
  background: #000;
  color: #fff; }
  .services-2 .services-2-slider {
    margin-bottom: 32px; }

.services-2-slider {
  height: 130px; }
  .services-2-slider__item {
    text-align: center; }
    .services-2-slider__item span {
      transition: 500ms all ease-in-out;
      font-weight: 700;
      font-size: 22px;
      line-height: 27px;
      text-align: center;
      letter-spacing: -0.03em;
      color: rgba(255, 255, 255, 0.2); }
    .services-2-slider__item.swiper-slide-active span {
      font-size: 26px;
      line-height: 32px;
      color: #ffffff; }
      .services-2-slider__item.swiper-slide-active span::before {
        content: "< ";
        color: rgba(255, 255, 255, 0.2); }
      .services-2-slider__item.swiper-slide-active span::after {
        content: " >"; }
      .services-2-slider__item.swiper-slide-active span::after, .services-2-slider__item.swiper-slide-active span::before {
        color: rgba(255, 255, 255, 0.2);
        font-size: 32px; }

.services-2-text-slider__item {
  opacity: 0 !important;
  height: auto !important; }
  .services-2-text-slider__item p {
    transition: 800ms all ease-in-out;
    opacity: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #c2c2c2; }
  .services-2-text-slider__item.swiper-slide-active {
    opacity: 1 !important; }
    .services-2-text-slider__item.swiper-slide-active p {
      opacity: 1; }

.services-2-images {
  position: relative;
  display: flex;
  justify-content: center; }
  .services-2-images__item {
    transition: 800ms all ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 24.64%;
    width: 64.8%;
    max-width: 503px;
    left: 50%;
    transform: translateX(-49.4%) translateY(50%); }
    .services-2-images__item.is-active {
      opacity: 1;
      visibility: visible;
      transform: translateX(-49.4%) translateY(0); }

@media (min-width: 768px) {
  .services-slider {
    height: 250px; }

  .services-2-slider {
    height: 250px; }
    .services-2-slider__item {
      text-align: center; }
      .services-2-slider__item span {
        transition: 500ms all ease-in-out;
        font-weight: 700;
        font-size: 48px;
        text-align: center;
        letter-spacing: -0.03em;
        color: rgba(255, 255, 255, 0.2); }
      .services-2-slider__item.swiper-slide-active span {
        font-size: 65px;
        color: #ffffff; }
        .services-2-slider__item.swiper-slide-active span::before {
          content: "< ";
          color: rgba(255, 255, 255, 0.2); }
        .services-2-slider__item.swiper-slide-active span::after {
          content: " >"; }
        .services-2-slider__item.swiper-slide-active span::after, .services-2-slider__item.swiper-slide-active span::before {
          color: rgba(255, 255, 255, 0.2);
          font-size: 65px; }

  .services-2-text-slider__item p {
    font-size: 22px;
    line-height: 34px;
    max-width: 65%;
    margin: 0 auto; }
  .services-2-text-slider__item.swiper-slide-active {
    opacity: 1 !important; } }
.advantage {
  padding: 32px 0; }
  .advantage p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #727272; }
  .advantage__title h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 8px; }
  .advantage__content {
    display: flex;
    flex-direction: column; }
  .advantage__image {
    max-width: 70%;
    margin: 48px 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%); }
    .advantage__image img {
      user-select: none;
      transition: 1200ms all ease;
      transition-delay: 400ms; }
    .advantage__image img:nth-child(1) {
      position: absolute;
      height: calc(121%);
      left: 50%;
      z-index: 2; }
    .advantage__image img:nth-child(2) {
      transform: translateX(10%); }
  .advantage__image.is-active img:nth-child(1) {
    left: 5%; }
  .advantage__image.is-active img:nth-child(2) {
    transform: translateX(0); }
  .advantage__info h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #3d3d3d;
    margin-bottom: 8px; }
  .advantage__info p {
    margin-bottom: 16px; }
  .advantage__info img {
    margin: 0 auto; }

.advantage-2 {
  padding: 64px 0 32px 0;
  position: relative;
  background-color: #000000; }
  .advantage-2 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #c2c2c2; }
  .advantage-2__image {
    margin-bottom: 32px;
    display: flex;
    justify-content: center;
    position: relative; }
  .advantage-2__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px; }
    .advantage-2__list div {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px; }
      .advantage-2__list div span {
        font-weight: 600;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -0.02em;
        color: #ffffff; }
      .advantage-2__list div p {
        max-width: 70%; }
  .advantage-2 .advantage-text-slider {
    margin-bottom: 32px; }
  .advantage-2 .advantage-slider {
    transition: 800ms all ease;
    position: absolute;
    width: 100%;
    top: 32px;
    left: 0; }
  .advantage-2 .advantage-slider.is-active {
    top: 25%; }
  .advantage-2 .advantage-slider-pagination {
    padding: 6px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    position: absolute;
    z-index: 6;
    bottom: 0;
    border-radius: 20px;
    height: fit-content;
    right: 0; }

.advantage-slider {
  height: 40px; }
  .advantage-slider__item h2 {
    background: linear-gradient(90.04deg, #00fe44 0.06%, #4fbde5 99.98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center; }

.advantage-text-slider {
  height: 60px; }
  .advantage-text-slider__item p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #c2c2c2; }

@media (min-width: 768px) {
  .advantage {
    padding: 48px 0 96px 0; }
    .advantage p {
      font-size: 24px;
      line-height: 29px; }
    .advantage__title {
      margin-bottom: 120px; }
      .advantage__title h2 {
        font-size: 64px;
        line-height: 79px;
        margin-bottom: 24px; }
      .advantage__title p {
        max-width: 75%;
        margin: 0 auto; }
    .advantage__content {
      flex-direction: row; }
    .advantage__image {
      max-width: unset;
      order: 2;
      margin: 0;
      left: unset;
      transform: unset; }
    .advantage__info {
      order: 1;
      text-align: left;
      max-width: 40%; }
      .advantage__info h2,
      .advantage__info p {
        text-align: left; }
      .advantage__info h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 8px; }
      .advantage__info p {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -0.02em;
        margin-bottom: 32px; }

  .advantage-2 {
    padding: 96px 0 96px 0; }
    .advantage-2 p {
      font-size: 20px;
      line-height: 25px; }
    .advantage-2__image {
      margin-bottom: 64px; }
    .advantage-2__list {
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 32px; }
      .advantage-2__list div {
        align-items: flex-start; }
        .advantage-2__list div span {
          font-size: 24px;
          line-height: 32px; }
        .advantage-2__list div span,
        .advantage-2__list div p {
          text-align: left; }
    .advantage-2 .advantage-slider {
      transition: 800ms all ease;
      position: absolute;
      width: 100%;
      top: 16px;
      left: 0; }

  .advantage-slider {
    height: 250px; }
    .advantage-slider__item h2 {
      font-size: 64px;
      line-height: 79px;
      margin-bottom: 24px; }

  .advantage-text-slider__item p {
    max-width: 65%;
    margin: 0 auto; } }
@media (min-width: 992px) {
  .advantage {
    padding: 64px 0 120px 0; }
    .advantage__title {
      margin-bottom: 150px; }
      .advantage__title h2 {
        font-size: 64px;
        line-height: 79px;
        margin-bottom: 24px; }
    .advantage__content {
      gap: 48px; }
    .advantage__info {
      max-width: 45%; }
      .advantage__info img {
        margin: 0; } }
@media (min-width: 1200px) {
  .advantage-2__list {
    max-width: 95%;
    gap: 0; }
    .advantage-2__list div {
      align-items: flex-start;
      padding-left: 60px; }
      .advantage-2__list div span {
        font-size: 24px;
        line-height: 32px; }
      .advantage-2__list div span,
      .advantage-2__list div p {
        text-align: left; } }
.contact {
  position: relative;
  padding: 32px 0;
  background: linear-gradient(255.03deg, #1a91fe 1.62%, #1a91fe 100%);
  background-image: url("/src/images/bg/contact.png");
  background-blend-mode: overlay;
  background-position: left;
  background-size: cover;
  min-height: 300px;
  display: flex;
  align-items: center; }
  .contact h2,
  .contact p {
    text-align: center; }
  .contact h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin-bottom: 32px; }
  .contact p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 32px; }
  .contact button {
    transition: 300ms all ease;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 11.8932px;
    line-height: 15px;
    text-align: center;
    color: #1a91fe;
    border-radius: 18px;
    background-color: #fff;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
    .contact button:hover {
      transform: translateX(-50%) scale(1.04); }
  .contact__plane {
    transition: 800ms all ease;
    margin: 0 auto;
    max-width: 90px;
    margin-bottom: 16px; }
  .contact__layer {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50%; }

.contact.is-redirecting .contact__plane {
  transform: translateX(180px) translateY(-120px); }

@media (min-width: 768px) {
  .contact {
    padding: 96px 0; }
    .contact h2 {
      font-size: 64px;
      line-height: 79px; }
    .contact p {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 64px; }
    .contact button {
      font-size: 18px;
      line-height: 20px; }
    .contact__plane {
      transition: 800ms all ease;
      margin: 0 auto;
      max-width: 110px;
      margin-bottom: 32px; }

  .contact.is-redirecting .contact__plane {
    transform: translateX(360px) translateY(-150px); } }
.portfolio {
  overflow: hidden;
  padding: 32px 0; }
  .portfolio h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #000000;
    margin-bottom: 24px; }
  .portfolio .container > p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #000;
    margin-bottom: 32px; }
  .portfolio .container > a {
    position: relative;
    display: inline-flex;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding: 12px 16px;
    border: 1px solid #000000;
    border-radius: 24px;
    left: 50%;
    transform: translateX(-50%); }
  .portfolio .portfolio-cards {
    margin-bottom: 32px; }

.portfolio-cards {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.portfolio-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px; }
  .portfolio-card:before {
    content: "";
    z-index: -1;
    display: block;
    position: absolute;
    top: 0;
    left: -50vw;
    width: 150vw;
    height: 100%;
    background-color: inherit; }
  .portfolio-card__left p,
  .portfolio-card__left a {
    display: none; }
  .portfolio-card__right {
    margin-right: -16px; }

@media (min-width: 768px) {
  .portfolio {
    padding: 48px 0 48px 0; }
    .portfolio h2 {
      font-size: 45px;
      line-height: 76px; }
    .portfolio .container > p {
      font-size: 26px;
      line-height: 31px;
      margin-bottom: 48px;
      max-width: 85%;
      margin: 0 auto 48px auto; }
    .portfolio .container > a {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      padding: 12px 18px; }

  .portfolio-cards {
    gap: 24px; }

  .portfolio-card:before {
    content: unset; }
  .portfolio-card__left {
    padding: 64px;
    width: 60%;
    max-width: 60%; }
    .portfolio-card__left img {
      margin-bottom: 32px; }
    .portfolio-card__left p {
      margin-bottom: 32px; }
    .portfolio-card__left a {
      display: flex;
      gap: 16px;
      text-transform: uppercase; }
    .portfolio-card__left p,
    .portfolio-card__left a {
      display: inline-flex;
      align-items: center;
      color: #fff; }
  .portfolio-card__right {
    margin-right: 0; } }
.process {
  padding: 48px 0;
  overflow: hidden;
  position: relative; }
  .process h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    color: #000000;
    margin-bottom: 32px; }
  .process .scroll-note {
    transition: 1600ms all ease-in-out;
    opacity: 0;
    margin: 64px auto 0 auto;
    transform: translateY(400px); }

.process-slider-wrapper {
  position: relative; }
  .process-slider-wrapper img {
    transition: 1200ms all ease-in-out;
    transition-delay: 400ms;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%) rotate(-24deg);
    max-width: 90px; }
  .process-slider-wrapper .process-slider {
    transition: 1200ms all ease-in-out;
    transition-delay: 500ms;
    opacity: 0;
    visibility: hidden;
    transform: translateY(200px); }

.process-slider-wrapper.is-active img {
  transform: translateX(-50%) rotate(0); }
.process-slider-wrapper.is-active .process-slider {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }
.process-slider-wrapper.is-active + .scroll-note {
  opacity: 1;
  transform: translateY(0); }

.process-slider {
  transition: 800ms all ease; }
  .process-slider__item span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 46px;
    color: #000000;
    text-align: center; }
  .process-slider__item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #8d8d8d; }

@media (min-width: 768px) {
  .process {
    padding: 64px 0; }
    .process h2 {
      font-weight: 600;
      font-size: 55px;
      line-height: 76px;
      margin-bottom: 64px; }

  .process-slider-wrapper img {
    top: 20px;
    max-width: 305px; }

  .process-slider-wrapper.is-active img {
    left: 40%; }

  .process-slider {
    height: 600px; }
    .process-slider__item {
      transition: 1s all ease-in-out;
      opacity: 0.3;
      margin: 0 auto;
      display: flex;
      justify-content: end;
      align-items: center;
      column-gap: 200px; }
      .process-slider__item span {
        font-weight: 600;
        font-size: 34px;
        line-height: 46px; }
      .process-slider__item p {
        transition: inherit;
        text-align: left;
        font-size: 24px;
        line-height: 40px;
        max-width: 50%;
        width: 50%; }
    .process-slider .swiper-slide-active .process-slider__item {
      opacity: 1; }
      .process-slider .swiper-slide-active .process-slider__item p {
        transform: translateX(-32px); }
    .process-slider .swiper-wrapper {
      align-items: center; } }
@media (min-width: 992px) {
  .process-slider__item {
    column-gap: 300px; } }
.blog {
  padding: 32px 0;
  background: #f7f7f7; }
  .blog h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 76px;
    text-align: center;
    color: #000000; }
  .blog__paginate {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 16px; }

.blog-cards {
  display: grid;
  gap: 16px; }

.blog-card {
  position: relative; }
  .blog-card > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .blog-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 16px;
    border-radius: 5px; }

.blog-detail__cover {
  width: 100%;
  height: 200px;
  object-fit: cover; }
.blog-detail__date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0; }
  .blog-detail__date span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #b4b4b4;
    display: flex;
    align-items: center; }
  .blog-detail__date span:first-child::after {
    content: "";
    display: inline-block;
    width: 100px;
    border-bottom: 1px solid #b4b4b4;
    margin: 0 16px;
    opacity: 0.2; }
.blog-detail__info {
  margin-bottom: 32px; }
  .blog-detail__info h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #11cf6f;
    margin-bottom: 16px; }
  .blog-detail__info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 24px; }
  .blog-detail__info ul {
    display: flex;
    justify-content: center;
    gap: 32px; }
    .blog-detail__info ul li {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
.blog-detail__content h2 {
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 16px;
  color: #000000; }
.blog-detail__content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
  color: #4f4f4f;
  margin-bottom: 32px; }
.blog-detail__content img {
  margin-bottom: 32px; }

@media (min-width: 768px) {
  .blog {
    padding: 48px 0; }
    .blog h2 {
      font-size: 45px;
      line-height: 76px;
      margin-bottom: 32px; }
    .blog__paginate {
      margin-top: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 16px; }

  .blog-cards {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px; }

  .blog-detail__cover {
    height: 350px; }
  .blog-detail__info {
    margin-bottom: 32px; }
    .blog-detail__info h2 {
      font-size: 45px;
      line-height: 55px;
      margin-bottom: 24px; }
    .blog-detail__info p {
      font-size: 26px;
      line-height: 31px;
      margin-bottom: 32px; }
  .blog-detail__content h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 24px; }
  .blog-detail__content p {
    font-size: 22px;
    line-height: 38px; }
  .blog-detail__content img {
    margin-bottom: 32px; } }
@media (min-width: 992px) {
  .blog-detail__wrapper {
    max-width: 85%;
    margin: 0 auto; } }
.projects {
  background: #f8f8f8;
  padding: 32px 0 0 0; }
  .projects__title {
    margin-bottom: 32px;
    text-align: center; }
    .projects__title h2 {
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 16px; }
    .projects__title p {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px; }
  .projects .projects-slider {
    margin-bottom: 32px; }

.projects-slider__item {
  display: inline-flex; }
  .projects-slider__item img {
    width: 100%; }
.projects-slider .swiper-wrapper {
  transition-timing-function: linear; }

@media (min-width: 768px) {
  .projects {
    padding: 48px 0 0 0; }
    .projects__title {
      margin-bottom: 64px; }
      .projects__title h2 {
        font-size: 45px;
        line-height: 56px; }
      .projects__title p {
        font-size: 24px;
        line-height: 30px; }
    .projects .projects-slider {
      margin-bottom: 42px; } }
.about {
  padding: 32px 0; }
  .about__title {
    text-align: center;
    margin-bottom: 32px; }
    .about__title h2 {
      font-weight: 700;
      font-size: 26px;
      line-height: 32px;
      margin-bottom: 16px; }
    .about__title p {
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.03em;
      color: #c2c2c2; }

.about-slider-wrapper {
  position: relative;
  background-image: url("/src/images/bg/about.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain; }
  .about-slider-wrapper h2 {
    padding-top: 80px;
    padding-bottom: 32px;
    margin-top: 32px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #000000; }
  .about-slider-wrapper > img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .about-slider-wrapper .scroll-note {
    margin: 16px auto 0 auto; }

.about-slider {
  height: 250px; }
  .about-slider__item {
    padding: 0 32px; }
    .about-slider__item span {
      display: block;
      font-weight: 600;
      font-size: 18px;
      line-height: 24px;
      text-align: justify;
      letter-spacing: -0.02em;
      color: #000000;
      margin-bottom: 8px; }
    .about-slider__item small {
      display: block;
      font-weight: 500;
      font-size: 14px;
      text-align: justify;
      letter-spacing: -0.02em;
      color: #858585; }
    .about-slider__item p {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-align: justify;
      color: #858585; }
  .about-slider .swiper-slide {
    opacity: 0.1;
    transition: 800ms all ease-in-out; }
  .about-slider .swiper-slide-active {
    opacity: 1; }

@media (min-width: 768px) {
  .about {
    padding: 48px 0; }
    .about__title {
      text-align: center;
      margin-bottom: 32px; }
      .about__title h2 {
        font-weight: 700;
        font-size: 45px;
        line-height: 56px; }
      .about__title p {
        font-size: 24px;
        line-height: 35px; }

  .about-slider-wrapper h2 {
    font-size: 24px;
    line-height: 36px;
    padding-top: 120px; }

  .about-slider {
    height: 500px; }
    .about-slider__item {
      padding: 0 32px; }
      .about-slider__item span {
        font-weight: 600;
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 32px; }
      .about-slider__item small {
        font-size: 18px; }
      .about-slider__item p {
        font-size: 26px;
        line-height: 35px; }
    .about-slider .swiper-slide {
      max-width: 50%; }
    .about-slider .swiper-slide:nth-child(even) {
      transform: translateX(100%); }
    .about-slider .swiper-wrapper {
      align-items: unset; } }
@media (min-width: 992px) {
  .about-slider-wrapper h2 {
    font-size: 24px;
    line-height: 36px;
    padding-top: 120px; }

  .about-slider__item {
    padding: 0 64px; }
    .about-slider__item span {
      font-weight: 600;
      font-size: 26px;
      line-height: 35px;
      margin-bottom: 32px; }
    .about-slider__item small {
      font-size: 18px; }
    .about-slider__item p {
      font-size: 26px;
      line-height: 35px; } }
.quote {
  background: #000000;
  padding: 48px 0; }
  .quote h2 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 32px; }
  .quote .container > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 32px; }

@media (min-width: 768px) {
  .quote {
    background: #000000;
    padding: 80px 0; }
    .quote h2 {
      font-weight: 600;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 48px;
      max-width: 75%;
      margin: 0 auto 48px auto; }
    .quote .container > div {
      gap: 64px; } }
.cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 0; }
  .cta h2 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 32px; }
  .cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-weight: 500;
    font-size: 20.53px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #11cf6f; }
    .cta a svg {
      max-width: 18px; }

.cta-banner {
  padding: 16px 0;
  background: linear-gradient(89.82deg, #11cf6f -0.03%, #2be889 99.82%); }

.cta-slider__item p,
.cta-slider__item a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px; }
.cta-slider__item a {
  color: #ffffff; }
.cta-slider .swiper-wrapper {
  transition-timing-function: linear;
  align-items: center; }

@media (min-width: 768px) {
  .cta {
    padding: 160px 0; }
    .cta h2 {
      font-size: 45px;
      line-height: 35px;
      margin-bottom: 60px; }
    .cta a {
      font-size: 45px;
      line-height: 35px; }
      .cta a svg {
        max-width: unset; }

  .cta-banner {
    padding: 32px 0; }

  .cta-slider__item {
    text-align: center; } }
@media (min-width: 992px) {
  .cta-slider__item {
    display: inline-flex;
    align-items: center; }
    .cta-slider__item p,
    .cta-slider__item a {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      white-space: nowrap;
      font-weight: 500;
      font-size: 36px;
      line-height: 48px; } }
.contacts {
  padding: 32px 0;
  background: #000000; }
  .contacts__title {
    text-align: center;
    margin-bottom: 32px; }
    .contacts__title h2 {
      font-weight: 700;
      font-size: 26px;
      line-height: 32px;
      background: linear-gradient(90.04deg, #00fe44 0.06%, #4fbde5 99.98%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      margin-bottom: 16px; }
    .contacts__title p {
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.03em;
      color: #c2c2c2; }
  .contacts .contact-form {
    margin-bottom: 32px; }

.contact-form {
  background: #242424;
  border-radius: 20px;
  padding: 16px; }
  .contact-form input,
  .contact-form textarea,
  .contact-form select {
    font-size: 12px;
    width: 100%;
    display: flex;
    border: none;
    background: #424141;
    border-radius: 10px;
    outline: none;
    padding: 10px 14px;
    color: #bababa; }
    .contact-form input::placeholder,
    .contact-form textarea::placeholder,
    .contact-form select::placeholder {
      color: #bababa; }
  .contact-form select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none; }
  .contact-form textarea {
    grid-column: 1/3; }
  .contact-form__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 32px; }
  .contact-form__buttons {
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 12px; }
    .contact-form__buttons .custom-file-upload {
      color: #11cf6f;
      display: flex;
      align-items: center;
      row-gap: 8px;
      flex-grow: 1;
      white-space: nowrap; }
    .contact-form__buttons button {
      flex-grow: 1;
      white-space: nowrap;
      background: #11cf6f;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 8px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 600; }
      .contact-form__buttons button svg {
        max-width: 10px; }

.contacts-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px; }
  .contacts-list li {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 16px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em; }
    .contacts-list li ul {
      display: flex;
      align-items: center;
      gap: 16px; }
      .contacts-list li ul li {
        line-height: unset; }

@media (min-width: 576px) {
  .contact-form {
    padding: 32px; }
    .contact-form input,
    .contact-form textarea,
    .contact-form select {
      font-size: 14px;
      padding: 12px 16px; }
    .contact-form__inputs {
      gap: 16px;
      margin-bottom: 32px; }
    .contact-form__buttons {
      justify-content: flex-end;
      font-size: 16px;
      gap: 32px; }
      .contact-form__buttons .custom-file-upload {
        flex-grow: unset; }
      .contact-form__buttons button {
        min-width: 250px;
        flex-grow: unset;
        gap: 16px;
        padding: 12px 16px; }
        .contact-form__buttons button svg {
          max-width: 16px; } }
@media (min-width: 768px) {
  .contacts {
    padding: 48px 0; }
    .contacts__title {
      text-align: center;
      margin-bottom: 32px; }
      .contacts__title h2 {
        font-weight: 700;
        font-size: 45px;
        line-height: 56px; }
      .contacts__title p {
        font-size: 24px;
        line-height: 35px; }
    .contacts .contact-form {
      margin-bottom: 64px; }

  .contact-form {
    padding: 48px; }
    .contact-form input,
    .contact-form textarea,
    .contact-form select {
      font-weight: 500;
      font-size: 22px;
      line-height: 27px;
      padding: 16px 24px; }
    .contact-form__inputs {
      gap: 32px;
      margin-bottom: 48px; }
    .contact-form__buttons {
      justify-content: flex-end;
      font-weight: 600;
      font-size: 22px;
      line-height: 27px;
      gap: 32px; }
      .contact-form__buttons .custom-file-upload {
        flex-grow: unset; }
      .contact-form__buttons button {
        min-width: 400px;
        padding: 20px 24px; }
        .contact-form__buttons button svg {
          max-width: 16px; }

  .contacts-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 32px; }
    .contacts-list li {
      font-size: 24px;
      letter-spacing: -0.02em;
      white-space: nowrap; } }
@media (min-width: 992px) {
  .contact-form,
  .contacts-list {
    max-width: 80%;
    margin: 0 auto; } }
@media (min-width: 1200px) {
  .contacts-list {
    padding: 0 32px; } }
.over-hidden {
  overflow: hidden; }

.custom-file-upload {
  display: flex;
  align-items: center;
  gap: 8px;
  display: inline-block;
  cursor: pointer; }
  .custom-file-upload input[type="file"] {
    display: none; }

.slider-pagination {
  display: flex;
  gap: 12px; }
  .slider-pagination .swiper-pagination-bullet {
    display: block;
    background-color: #fff;
    width: 10px;
    height: 10px; }

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }
.scroll-note {
  display: block;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 1px solid rgba(0, 0, 0, 0.212);
  border-radius: 50px;
  box-sizing: border-box;
  position: relative; }
  .scroll-note::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: "";
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: rgba(0, 0, 0, 0.212);
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box; }

.locale-switcher {
  position: relative;
  user-select: none;
  z-index: 10;
  color: #302C2C;
  display: inline-flex; }
  .locale-switcher__button {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 10.07px;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e9e6e6;
    border-radius: 100px; }
    .locale-switcher__button span {
      display: flex;
      align-items: center;
      column-gap: 8px; }
    .locale-switcher__button span:after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66675 8.33398L10.0001 11.6673L13.3334 8.33398' stroke='%23230705' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      width: 20px;
      height: 20px;
      transition: all 300ms ease; }
  .locale-switcher__list {
    overflow: hidden;
    transition: all 0.2s ease;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-40px);
    border: 1px solid #e9e6e6;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0;
    background-color: #fff;
    pointer-events: none; }
    .locale-switcher__list li {
      cursor: pointer;
      pointer-events: visible;
      transition: background-color 0.2s;
      padding: 8px 12px;
      display: flex;
      gap: 6px;
      align-items: center; }
      .locale-switcher__list li:hover {
        background-color: lightgray; }
      .locale-switcher__list li::before {
        content: ""; }
      .locale-switcher__list li a {
        text-decoration: unset;
        color: #302C2C; }
  .locale-switcher.is-active .locale-switcher__button span:after {
    transform: rotate(-180deg); }
  .locale-switcher.is-active .locale-switcher__list {
    transform: translateY(8px);
    border-radius: 8px;
    opacity: 1;
    visibility: visible; }

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

ul,
ol {
  padding: 0; }
  ul li,
  ol li {
    list-style: none; }

body,
h2,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

ul[class],
ol[class] {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }
  a:not([class]) {
    text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  display: block; }

input,
button,
textarea,
select {
  font: inherit; }

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }
.container {
  width: 100%;
  max-width: 1244px;
  padding-left: 22px;
  padding-right: 22px;
  margin-left: auto;
  margin-right: auto; }

body.scroll-down header.is-cloned {
  transform: translateY(0); }

.header {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee; }
  .header__logo img {
    width: 100%;
    max-width: 120px; }
  .header__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0; }
    .header__main nav,
    .header__main .locale-switcher {
      display: none; }
    .header__main form {
      display: none; }
  .header__aside {
    transition: 0.3s;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #000;
    width: 100%;
    height: 100%; }
    .header__aside-content {
      color: #fff; }
      .header__aside-content > a {
        display: block;
        text-align: right;
        padding: 48px 0; }
      .header__aside-content nav {
        margin-bottom: 32px; }
        .header__aside-content nav ul {
          display: flex;
          flex-direction: column;
          row-gap: 12px; }
          .header__aside-content nav ul li {
            transition: 300ms all ease-in-out;
            font-size: 20px;
            line-height: 45px;
            text-transform: lowercase;
            border-bottom: 1px solid #29ed8a;
            max-width: 150px; }
            .header__aside-content nav ul li:hover {
              transform: translateX(30px); }
      .header__aside-content > ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 16px; }
        .header__aside-content > ul li {
          font-size: 16px;
          line-height: 45px;
          text-transform: lowercase;
          color: #727272; }
      .header__aside-content > ul:nth-of-type(1) {
        margin-bottom: 32px; }
      .header__aside-content > ul:nth-of-type(2) li {
        font-size: 14px;
        color: #29ed8a; }
    .header__aside.is-active {
      transform: translateX(0);
      opacity: 1;
      visibility: visible; }

.header.is-cloned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  transition: 500ms all cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transform: translateY(-101%); }
  .header.is-cloned .header__mobile {
    position: unset; }
    .header.is-cloned .header__mobile.is-active {
      transform: translateY(0); }

@media (min-width: 576px) {
  .header__logo img {
    max-width: 200px; }
  .header__aside-content {
    color: #fff; }
    .header__aside-content > a {
      display: block;
      text-align: right;
      padding: 48px 0; }
    .header__aside-content nav {
      margin-bottom: 32px; }
      .header__aside-content nav ul {
        display: flex;
        flex-direction: column;
        row-gap: 24px; }
        .header__aside-content nav ul li {
          font-size: 28px;
          line-height: 74px;
          max-width: 200px; }
    .header__aside-content > ul {
      display: flex;
      flex-wrap: wrap;
      column-gap: 32px; }
      .header__aside-content > ul li {
        font-size: 18px;
        line-height: 45px;
        text-transform: lowercase;
        color: #727272; }
    .header__aside-content > ul:nth-of-type(1) {
      margin-bottom: 32px; }
    .header__aside-content > ul:nth-of-type(2) li {
      font-size: 18px;
      color: #29ed8a; } }
@media (min-width: 992px) {
  .header__logo img {
    max-width: 200px; }
  .header__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    column-gap: 24px; }
    .header__main nav,
    .header__main nav > ul,
    .header__main nav > ul li,
    .header__main nav > ul li a {
      display: flex;
      align-items: center; }
    .header__main nav {
      background-color: #fff;
      border-radius: 8px; }
      .header__main nav ul {
        column-gap: 48px; }
        .header__main nav ul li {
          transition: 300ms all ease;
          font-weight: 400;
          font-size: 17px;
          line-height: 21px;
          color: #464646; }
        .header__main nav ul li:last-child {
          background: #e8fff3;
          border-radius: 20px;
          padding: 10px 15px; }
          .header__main nav ul li:last-child a {
            display: inline-flex;
            column-gap: 8px; }
          .header__main nav ul li:last-child:hover {
            background: #cfffe6; }
  .header__menu-button {
    display: none; }
  .header__buy-button {
    display: inline-flex;
    white-space: nowrap; }
  .header__quick-panel,
  .header .locale-switcher {
    display: flex; } }
.footer {
  background-color: #fff; }
  .footer__main {
    padding: 24px 0;
    border-bottom: 1px solid #c2c2c27a; }
    .footer__main > a {
      display: none; }
  .footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px 0; }
    .footer__bottom p,
    .footer__bottom span {
      font-weight: 400;
      font-size: 14px;
      line-height: 19px;
      letter-spacing: -0.02em;
      color: #8d8d8d; }
    .footer__bottom span {
      font-size: 10px; }
  .footer__nav {
    display: flex;
    flex-wrap: wrap;
    column-gap: 64px;
    row-gap: 32px; }
    .footer__nav ul li {
      font-weight: 400;
      font-size: 14px;
      line-height: 19px;
      letter-spacing: -0.02em;
      color: #8d8d8d; }
    .footer__nav ul li:first-child {
      font-weight: 600;
      color: #000000;
      margin-bottom: 16px; }
    .footer__nav ul li:not(:last-child, :first-child) {
      margin-bottom: 8px; }

@media (min-width: 768px) {
  .footer__main {
    padding: 48px 0; }
    .footer__main > a {
      display: none; }
  .footer__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 32px 0; }
    .footer__bottom p,
    .footer__bottom span {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.02em;
      color: #8d8d8d; }
    .footer__bottom span {
      font-size: 16px; }
  .footer__nav {
    column-gap: 90px;
    row-gap: 32px; }
    .footer__nav ul li {
      font-size: 20px;
      line-height: 24px; }
    .footer__nav ul li:first-child {
      font-size: 26px;
      line-height: 74px;
      margin-bottom: 16px; }
    .footer__nav ul li:not(:last-child, :first-child) {
      margin-bottom: 32px; } }
@media (min-width: 992px) {
  .footer__main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .footer__main > a {
      margin-top: 12px;
      display: flex; }
      .footer__main > a img {
        width: 100%;
        max-width: 200px; } }

/*# sourceMappingURL=main.css.map */