@charset "UTF-8";
.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.cookie__btn, .button--secondary, .button--primary {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.cookie__btn, .button--secondary, .button--primary {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.button--primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #954CED;
  color: #FFFFFF;
}
.button--secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #181818;
  color: #FFFFFF;
  border: 2px #954CED solid;
}
.button--primary:hover {
  transform: scale(1.07);
  background-color: #181818;
}
.button--secondary:hover {
  transform: scale(1.07);
  background-color: rgba(149, 76, 237, 0.2);
}
.button--primary:focus {
  background-color: #954CED;
  border: 4px #BA8BF3 solid;
}
.button--secondary:focus {
  background-color: #181818;
  border: 4px #BA8BF3 solid;
}
.button--primary:active {
  background-color: #7B31D4;
  transform: scale(1.1);
}
.button--secondary:active {
  border: 2px #A64CED solid;
  transform: scale(1.1);
}
.button--primary.disabled {
  background-color: #B9B9B9;
}
.button--secondary.disabled {
  border: 2px #B9B9B9 solid;
  color: #B9B9B9;
}

@keyframes move-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes move-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.cookie__btn, .button--primary, .button--secondary {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.cookie {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
}
.cookie__modal {
  width: 1285px;
  height: 117px;
  border-radius: 16px;
  margin-bottom: 30px;
  margin-left: 90px;
  margin-right: 65px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 140px;
  padding: 30px;
  position: relative;
}
.cookie__txt {
  width: 783px;
  height: 56px;
  color: #383838;
}
.cookie__btn {
  width: 272px;
  height: 57px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
}
.cookie__btn--accept {
  width: 124px;
  height: 100%;
  border-radius: 16px;
  background-color: #954CED;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s;
}
.cookie__btn--accept p {
  width: 64px;
  height: 25px;
  color: #FFFFFF;
}
.cookie__btn--accept:hover {
  transform: scale(1.07);
  background-color: #181818;
}
.cookie__btn--accept:active {
  background-color: #7B31D4;
  transform: scale(1.1);
}
.cookie__btn--decline {
  width: 128px;
  height: 100%;
  border-radius: 16px;
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px #954CED solid;
  transition: transform 0.3s;
}
.cookie__btn--decline p {
  width: 68px;
  height: 25px;
  color: #000000;
}
.cookie__btn--decline:hover {
  transform: scale(1.07);
  background-color: rgba(149, 76, 237, 0.2);
}
.cookie__btn--decline:active {
  background-color: #FFAA4C;
  transform: scale(1.1);
}
.cookie__closeIcon {
  width: 26px;
  height: 26px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 16px;
  right: 16px;
}
.cookie__closeIcon img {
  width: 20px;
  height: 20px;
}

@media (min-width: 375px) and (max-width: 1439px) {
  .cookie {
    max-width: 375px;
  }
  .cookie__modal {
    width: 335px;
    height: 402px;
    margin-top: 395px;
    margin-left: 20px;
    padding: 30px 20px 30px 20px;
    box-sizing: border-box;
    flex-direction: column;
    gap: 40px;
  }
  .cookie__txt {
    width: 295px;
    height: 168px;
  }
  .cookie__btn {
    width: 295px;
    height: 134px;
    flex-direction: column;
  }
  .cookie__btn--accept {
    width: 100%;
  }
  .cookie__btn--decline {
    width: 100%;
  }
}
.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.button--primary, .button--secondary, .cookie__btn {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.button--primary, .button--secondary, .cookie__btn {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.button--primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #954CED;
  color: #FFFFFF;
}
.button--secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #181818;
  color: #FFFFFF;
  border: 2px #954CED solid;
}
.button--primary:hover {
  transform: scale(1.07);
  background-color: #181818;
}
.button--secondary:hover {
  transform: scale(1.07);
  background-color: rgba(149, 76, 237, 0.2);
}
.button--primary:focus {
  background-color: #954CED;
  border: 4px #BA8BF3 solid;
}
.button--secondary:focus {
  background-color: #181818;
  border: 4px #BA8BF3 solid;
}
.button--primary:active {
  background-color: #7B31D4;
  transform: scale(1.1);
}
.button--secondary:active {
  border: 2px #A64CED solid;
  transform: scale(1.1);
}
.button--primary.disabled {
  background-color: #B9B9B9;
}
.button--secondary.disabled {
  border: 2px #B9B9B9 solid;
  color: #B9B9B9;
}

.modalForm {
  position: fixed; /* фиксированное позиционирование */
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 10;
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
}
.modalForm__inputForm {
  width: 417px;
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.modalForm__inputForm--gridForm {
  width: 337px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.modalForm__inputForm--gridForm .gridFormItem {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
  height: -moz-min-content;
  height: min-content;
}
.modalForm__inputForm--gridForm .gridFormItem p {
  color: #070707;
  height: 22px;
}
.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  height: 20px;
  color: #EC1211;
}
.modalForm__inputForm--gridForm .gridFormItem .requiredSymbol {
  color: #FF6C2D;
}
.modalForm__inputForm--gridForm .gridFormItem input {
  height: 20px;
  border-radius: 14px;
  padding: 10px 16px 10px 16px;
  border: 1px solid #F1F1F1;
}
.modalForm__inputForm--gridForm .gridFormItem input::-moz-placeholder {
  color: #A7A7A7;
}
.modalForm__inputForm--gridForm .gridFormItem input::placeholder {
  color: #A7A7A7;
}
.modalForm__inputForm--gridForm .gridFormItem .inputCombo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.modalForm__inputForm--gridForm .gridFormItem .inputCombo input[id=Phone_number] {
  width: 100%;
  padding: 10px 16px 10px 40px;
}
.modalForm__inputForm--gridForm .gridFormItem .inputCombo input[id=Phone_number]::-moz-placeholder {
  margin-left: 20px;
}
.modalForm__inputForm--gridForm .gridFormItem .inputCombo input[id=Phone_number]::placeholder {
  margin-left: 20px;
}
.modalForm__inputForm--gridForm .gridFormItem .inputCombo img {
  width: 22px;
  height: 16px;
  position: absolute;
  margin-left: 16px;
  border: 0.3px black solid;
}
.modalForm__inputForm p {
  width: 337px;
  height: 40px;
}
.modalForm__inputForm a {
  text-decoration: underline;
  color: #954CED;
}
.modalForm__inputForm--btnWrapper {
  width: 337px;
  height: 57px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@keyframes glow {
  0% {
    color: #aaa;
    transform: scale(1);
  }
  50% {
    color: #ff6347;
    transform: scale(1.1);
  }
  100% {
    color: #aaa;
    transform: scale(1);
  }
}
.placeholder-highlight {
  animation: glow 1s infinite;
}

@media (min-width: 375px) and (max-width: 1439px) {
  .modalForm {
    max-width: 375px;
  }
  .modalForm__inputForm {
    width: 335px;
    padding: 20px 16px 20px 16px;
  }
  .modalForm__inputForm--gridForm {
    width: 303px;
  }
  .modalForm__inputForm--gridForm .gridFormItem {
    width: 100%;
  }
  .modalForm__inputForm p {
    width: 303px;
  }
  .modalForm__inputForm--btnWrapper {
    width: 100%;
  }
  .modalForm__inputForm--btnWrapper .button--primary {
    width: 100%;
    margin-right: 0;
  }
}
.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.button--primary, .button--secondary, .cookie__btn {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.button--primary, .button--secondary, .cookie__btn {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.button--primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #954CED;
  color: #FFFFFF;
}
.button--secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #181818;
  color: #FFFFFF;
  border: 2px #954CED solid;
}
.button--primary:hover {
  transform: scale(1.07);
  background-color: #181818;
}
.button--secondary:hover {
  transform: scale(1.07);
  background-color: rgba(149, 76, 237, 0.2);
}
.button--primary:focus {
  background-color: #954CED;
  border: 4px #BA8BF3 solid;
}
.button--secondary:focus {
  background-color: #181818;
  border: 4px #BA8BF3 solid;
}
.button--primary:active {
  background-color: #7B31D4;
  transform: scale(1.1);
}
.button--secondary:active {
  border: 2px #A64CED solid;
  transform: scale(1.1);
}
.button--primary.disabled {
  background-color: #B9B9B9;
}
.button--secondary.disabled {
  border: 2px #B9B9B9 solid;
  color: #B9B9B9;
}

.filledFormSuccess {
  position: fixed; /* фиксированное позиционирование */
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 11;
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
}
.filledFormSuccess__goodFeedbackBlock {
  width: 417px;
  height: 561px;
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  position: relative;
}
.filledFormSuccess__goodFeedbackBlock--imgWrapper {
  width: 297px;
  height: 232px;
}
.filledFormSuccess__goodFeedbackBlock--imgWrapper img {
  width: 248px;
  height: 205px;
  margin-top: 24px;
  margin-left: 15px;
}
.filledFormSuccess__goodFeedbackBlock--header {
  width: 337px;
  height: 45px;
  text-align: center;
  color: #A64CED;
}
.filledFormSuccess__goodFeedbackBlock--txt {
  width: 345px;
  height: 87px;
  color: #444444;
  text-align: center;
}
.filledFormSuccess__goodFeedbackBlock--btnWrapper {
  width: 337px;
  height: 57px;
}
.filledFormSuccess__goodFeedbackBlock--btnWrapper .button--primary {
  width: 100%;
}
.filledFormSuccess__goodFeedbackBlock--closeIcon {
  width: 26px;
  height: 26px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 16px;
  right: 16px;
}
.filledFormSuccess__goodFeedbackBlock--closeIcon img {
  width: 20px;
  height: 20px;
}

@media (min-width: 375px) and (max-width: 1439px) {
  .filledFormSuccess {
    max-width: 375px;
  }
  .filledFormSuccess__goodFeedbackBlock {
    width: 335px;
    height: 477px;
  }
  .filledFormSuccess__goodFeedbackBlock--imgWrapper {
    width: 229px;
    height: 179px;
  }
  .filledFormSuccess__goodFeedbackBlock--imgWrapper img {
    width: 191.22px;
    height: 158.06px;
    margin-top: 18.51px;
    margin-left: 11.57px;
  }
  .filledFormSuccess__goodFeedbackBlock--header {
    width: 229px;
    height: 29px;
    text-align: center;
    font-size: 24px;
  }
  .filledFormSuccess__goodFeedbackBlock--txt {
    width: 295px;
    height: 72px;
    font-size: 20px;
    text-align: center;
  }
  .filledFormSuccess__goodFeedbackBlock--btnWrapper {
    width: 255px;
    height: 57px;
  }
  .filledFormSuccess__goodFeedbackBlock--btnWrapper .button--primary {
    width: 100%;
  }
}
.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.button--primary, .button--secondary, .cookie__btn {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.how-works__container--scrolling .text-item #txt-6, .how-works__container--scrolling .text-item #txt-5, .how-works__container--scrolling .text-item #txt-4, .how-works__container--scrolling .text-item #txt-3, .how-works__container--scrolling .text-item #txt-2, .how-works__container--scrolling .text-item #txt-1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 128px;
  line-height: 106%;
}

.main__offer__about--desc h2, .about__flexColumn-container h2, .header__bottom__get-started--text h1 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 96px;
  line-height: 106%;
}

.main__offer__cta--container h3, .main__arguments--txtBlock h3, .main__metrics--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 64px;
  line-height: 106%;
}

.about__grid-container--item h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 106%;
}

.main__arguments--cards .card h5 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: auto;
}

.main__arguments--txtBlock p, .about__flexColumn-container--txt, .filledFormSuccess__goodFeedbackBlock--header {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: auto;
}

.main__metrics--item p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.about__grid-container--item p, .filledFormSuccess__goodFeedbackBlock--txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
}

.button--primary, .button--secondary, .cookie__btn {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.footer__container--up .footer__links .footer__link p, .burgerMenuPage__linksContainer--wrapper {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: auto;
}

.main__offer__about--desc p, .main__arguments--cards .card p, .header__bottom__get-started--text p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
}

.cookie__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
}

.header__tabs--buttons {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: auto;
}

.modalForm__inputForm--gridForm .gridFormItem p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.footer__bottom-text, .modalForm__inputForm p {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

.modalForm__inputForm--gridForm .gridFormItem p.validationError {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.logo__txt {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  line-height: 17px;
  font-weight: 600;
  font-style: normal;
  font-size: 37px;
  color: white;
  width: 120.37px;
  height: 35.13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.button--primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #954CED;
  color: #FFFFFF;
}
.button--secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 57px;
  border-radius: 16px;
  margin-right: 60px;
  transition: transform 0.3s;
  background-color: #181818;
  color: #FFFFFF;
  border: 2px #954CED solid;
}
.button--primary:hover {
  transform: scale(1.07);
  background-color: #181818;
}
.button--secondary:hover {
  transform: scale(1.07);
  background-color: rgba(149, 76, 237, 0.2);
}
.button--primary:focus {
  background-color: #954CED;
  border: 4px #BA8BF3 solid;
}
.button--secondary:focus {
  background-color: #181818;
  border: 4px #BA8BF3 solid;
}
.button--primary:active {
  background-color: #7B31D4;
  transform: scale(1.1);
}
.button--secondary:active {
  border: 2px #A64CED solid;
  transform: scale(1.1);
}
.button--primary.disabled {
  background-color: #B9B9B9;
}
.button--secondary.disabled {
  border: 2px #B9B9B9 solid;
  color: #B9B9B9;
}

.burgerMenuPage {
  position: fixed; /* фиксированное позиционирование */
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: unset;
  background-color: #181818;
  z-index: 7;
  box-sizing: border-box;
  max-width: 375px;
  margin: 0 auto;
}
.burgerMenuPage__closeContainer {
  width: 100%;
  height: 71px;
  top: 0;
  margin-bottom: 125px;
}
.burgerMenuPage__closeContainer img[alt=closeBurger] {
  width: 40px;
  height: 40px;
  margin-top: 15px;
  margin-left: 319px;
}
.burgerMenuPage__btnContainer {
  width: 100%;
  height: 57px;
  padding: 0 16px 0 16px;
  box-sizing: border-box;
}
.burgerMenuPage__btnContainer .button--secondary {
  width: 100%;
}
.burgerMenuPage__linksContainer {
  width: 100%;
  height: 189px;
  margin-top: 177px;
}
.burgerMenuPage__linksContainer--wrapper {
  width: 307px;
  height: 100%;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  color: #FFFFFF;
}

* {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: #FFFFFF;
}

body {
  width: 100vw;
  height: 100vh;
  background-color: #181818;
  max-width: 1440px;
  margin: 0 auto;
  overflow-x: auto;
}

.header {
  width: 100%;
  height: 700px;
  background-color: #181818;
  margin-bottom: 100px;
  position: relative;
}
.header__top {
  height: 109px;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.header__tabs {
  background-color: #FFAA4C;
  height: 38px;
  width: 100%;
}
.header__tabs--buttons {
  width: 353px;
  margin-left: 60px;
  display: flex;
}
.header__tabs * --button {
  color: black;
}
.header__tabs .activeMode {
  color: white;
  background-color: #181818;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.header__tabs--button1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 168px;
  height: 38px;
}
.header__tabs--button2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 185px;
  height: 38px;
}
.header__info {
  position: absolute; /* закрепляем вверху */
  top: 0; /* позиция сверху */
  width: 100%; /* растягиваем на всю ширину */
  z-index: 100;
  background-color: #181818;
  height: 71px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__info--logo {
  width: 155px;
  height: 49px;
  margin-left: 60px;
  display: flex;
}
.header__info--logo .logo__img {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.header__info--dinamycContentContainer {
  display: flex;
  align-items: center;
}
.header__info--burger {
  display: none;
}
.header__info--icons-container {
  width: 135px;
  height: 57px;
  margin-right: 60px;
  border-radius: 16px;
  border: 1px #954CED solid;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.header__info--icons-container picture {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.header__info--icons-container .verticalDivider {
  width: 0px;
  height: 25px;
  border: 1px #444444 solid;
}
.header__info--icons-container img[alt=googleLogo] {
  width: 23px;
  height: 23px;
}
.header__info--icons-container img[alt=appleLogo] {
  width: 24px;
  height: 23px;
}
.header .header__wrapper {
  position: fixed;
  width: 1440px;
}
.header__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 100%;
  position: absolute;
  align-items: flex-end;
}
.header__bottom__get-started {
  width: 671px;
  height: 368px;
  margin-bottom: 141px;
  margin-left: 110px;
  display: flex;
  flex-direction: column;
}
.header__bottom__get-started--text {
  color: #FFFFFF;
}
.header__bottom__get-started--text h1 {
  height: 203px;
}
.header__bottom__get-started--text p {
  width: 534px;
  height: 48px;
  margin-top: 20px;
}
.header__bottom__get-started--button {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.header__bottom__look {
  width: 595px;
  height: 529px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.header__bottom__look--woman {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.header__bottom__look--letter {
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.about {
  width: 100%;
  height: 953px;
  background-color: #181818;
  position: relative;
  margin-bottom: 100px;
  position: relative;
}
.about__flexColumn-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  color: #FFFFFF;
}
.about__flexColumn-container h2 {
  width: 549px;
  height: 102px;
  top: 0;
  margin-left: 60px;
}
.about__flexColumn-container--txt {
  width: 397px;
  height: 135px;
  margin-left: 60px;
  margin-top: 80px;
  position: relative;
  z-index: 0;
}
.about__flexColumn-container--txt .backElem {
  position: absolute;
  margin-left: 55px;
  margin-top: 95px;
  width: 355px;
  height: 34.44px;
  background-color: #A64CED;
  z-index: -1;
  rotate: -1.69deg;
  border-radius: 30px;
}
.about__flexColumn-container--txt p {
  position: absolute;
  z-index: 0;
}
.about__flexColumn-container img {
  margin-top: 142px;
  width: 423px;
  height: 489px;
}
.about__grid-container {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(2, min-content);
  grid-template-rows: auto;
  color: #FFFFFF;
  margin-top: 180px;
  margin-left: 588px;
}
.about__grid-container--item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about__grid-container--item img {
  width: 100px;
}
.about__grid-container .item_1 {
  width: 321px;
  height: 268px;
  margin-right: 70px;
  margin-bottom: 92px;
}
.about__grid-container .item_2 {
  width: 301px;
  height: 290px;
}
.about__grid-container .item_3 {
  width: 306px;
  height: 319px;
}
.about__grid-container .item_4 {
  width: 336.01px;
  height: 377px;
}

.how-works__container {
  position: relative;
  width: 100%;
  height: 636px;
  overflow: hidden;
  margin-bottom: 100px;
  z-index: 0;
}
.how-works__container--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* или нужный размер */
  height: 100%;
  z-index: 2; /* перед текстом */
  -o-object-fit: cover;
     object-fit: cover;
}
.how-works__container--img .composition {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.how-works__container--img .composition picture {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.how-works__container--img .composition .screenshot {
  position: absolute;
}
.how-works__container--img .composition .windowPhone {
  position: absolute;
}
.how-works__container--scrolling {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 68px;
  transform: translateY(-50%);
  z-index: 1;
  overflow: hidden;
}
.how-works__container--scrolling .text-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 2088px;
  height: 136px;
}
.how-works__container--scrolling .text-item #txt-1 {
  color: #2FDBBC;
  text-wrap-mode: nowrap;
}
.how-works__container--scrolling .text-item #txt-2 {
  color: transparent;
  -webkit-text-stroke: 1px #444444;
  text-stroke: 1px #444444;
  white-space: nowrap;
  text-wrap-mode: nowrap;
}
.how-works__container--scrolling .text-item #txt-3 {
  color: transparent;
  -webkit-text-stroke: 1px #444444;
  text-stroke: 1px #444444;
  white-space: nowrap;
  text-wrap-mode: nowrap;
}
.how-works__container--scrolling .text-item #txt-4 {
  color: #A64CED;
  text-wrap-mode: nowrap;
}
.how-works__container--scrolling .text-item #txt-5 {
  color: #FFAA4C;
  text-wrap-mode: nowrap;
}
.how-works__container--scrolling .text-item #txt-6 {
  color: transparent;
  -webkit-text-stroke: 1px #444444;
  text-stroke: 1px #444444;
  white-space: nowrap;
  text-wrap-mode: nowrap;
}
.how-works__container--scrolling .text-item:nth-child(1) {
  animation: move-left 10s linear infinite;
}
.how-works__container--scrolling .text-item:nth-child(2) {
  animation: move-right 12s linear infinite;
}
.how-works__container--scrolling .text-item:nth-child(3) {
  animation: move-left 14s linear infinite;
}

.main {
  width: 100%;
  height: 2431px;
}
.main__metrics {
  height: 222px;
  background-color: #954CED;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  align-items: center;
  gap: 100px;
}
.main__metrics--item {
  color: #FFFFFF;
}
.main__metrics--item h4 {
  margin-bottom: 16px;
}
.main__metrics .metrics1 {
  width: 217px;
  height: 142px;
}
.main__metrics .metrics1 h4 {
  width: 104px;
  height: 68px;
}
.main__metrics .metrics1 p {
  width: 100%;
  height: 58px;
}
.main__metrics .metrics2 {
  width: 163px;
  height: 142px;
}
.main__metrics .metrics3 {
  width: 161px;
  height: 142px;
}
.main__arguments {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #181818;
  width: 100%;
  height: 1192px;
  gap: 70px;
}
.main__arguments--txtBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 664px;
  height: 178px;
  gap: 20px;
  position: relative;
  color: #FFFFFF;
  text-align: center;
}
.main__arguments--txtBlock h3 {
  width: 320px;
  height: 68px;
}
.main__arguments--txtBlock p {
  width: 100%;
  height: 90px;
  z-index: 1;
}
.main__arguments--txtBlock .backElem-wrapper {
  position: absolute;
  width: 387px;
  height: 46px;
  margin: 135px 139px -3px 138px;
}
.main__arguments--txtBlock .backElem-wrapper .backElem2 {
  width: 386.48px;
  height: 34.44px;
  margin-left: -0.24px;
  margin-top: 0.81px;
  background-color: #A64CED;
  z-index: 0;
  rotate: -1.63deg;
  border-radius: 30px;
}
.main__arguments--cards {
  width: 1300px;
  height: 744px;
  display: grid;
  grid-template-columns: minmax(320px, 1fr);
  grid-template-rows: repeat(2, min-content);
  justify-content: center;
  gap: 20px;
}
.main__arguments--cards .pairFlex {
  display: flex;
  gap: 20px;
  width: 100%;
}
.main__arguments--cards .card {
  background-color: #FFFFFF;
  border-radius: 30px;
  color: #000000;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.main__arguments--cards .card picture {
  width: 100%;
  height: 100%;
  position: absolute;
}
.main__arguments--cards .card .card-1 {
  width: 733px;
  height: 362px;
}
.main__arguments--cards .card--txtBlock1 {
  width: 364px;
  height: 272px;
  margin-top: 40px;
  margin-left: 11px;
  margin-right: 40px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.main__arguments--cards .card--txtBlock1 p {
  width: 334px;
  height: 72px;
}
.main__arguments--cards .card--imgBlock1 {
  width: 318px;
  height: 100%;
  position: relative;
}
.main__arguments--cards .card--imgBlock1 [alt=letter3] {
  position: absolute;
  z-index: 1;
  margin-left: -105.07px;
  margin-bottom: -19.31px;
  bottom: 0;
}
.main__arguments--cards .card--imgBlock1 [alt=phone] {
  position: absolute;
  z-index: 2;
  bottom: 0;
  margin-left: 14.97px;
}
.main__arguments--cards .card--imgBlock1 [alt=star1] {
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  margin-top: 37px;
  margin-left: 245px;
  opacity: 70%;
}
.main__arguments--cards .card--imgBlock1 [alt=star2] {
  position: absolute;
  z-index: 1;
  width: 39px;
  height: 39px;
  margin-top: 65px;
  margin-left: 212px;
  opacity: 70%;
}
.main__arguments--cards .card .card-2 {
  width: 547px;
  height: 362px;
}
.main__arguments--cards .card--txtBlock2 {
  width: 416px;
  height: 236px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  margin: 40px 91px 86px 40px;
}
.main__arguments--cards .card--imgBlock2 {
  width: 100%;
  height: 100%;
  position: absolute;
}
.main__arguments--cards .card--imgBlock2 .absToRel {
  width: 100%;
  height: 100%;
  position: relative;
}
.main__arguments--cards .card--imgBlock2 .absToRel [alt=greenBag] {
  position: absolute;
  z-index: 1;
  bottom: 0;
  margin-top: 298px;
  margin-left: 72px;
}
.main__arguments--cards .card--imgBlock2 .absToRel [alt=yellowBag] {
  position: absolute;
  z-index: 1;
  bottom: 0;
  margin-top: 276px;
  margin-left: 394px;
}
.main__arguments--cards .card--imgBlock2 .absToRel [alt=purpleBag] {
  position: absolute;
  z-index: 1;
  margin-top: 80px;
  margin-left: 459px;
}
.main__arguments--cards .card .card-3 {
  width: 547px;
  height: 362px;
}
.main__arguments--cards .card--txtBlock3 {
  width: 440px;
  height: 272px;
  margin: 40px 67px 50px 40px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.main__arguments--cards .card--txtBlock3 p {
  width: 334px;
  height: 72px;
}
.main__arguments--cards .card [alt=greenMinion] {
  width: 202px;
  height: 83px;
  position: absolute;
  margin-top: 279px;
  margin-left: 345px;
}
.main__arguments--cards .card .card-4 {
  width: 733px;
  height: 362px;
}
.main__arguments--cards .card--txtBlock4 {
  width: 402px;
  height: 236px;
  margin: 40px 291px 86px 40px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.main__arguments--cards .card [alt=purpleMinion] {
  position: absolute;
  width: 210px;
  height: 301px;
  margin-top: 61px;
  margin-left: 480px;
}
.main__offer {
  width: 100%;
  height: 1017px;
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 100px;
}
.main__offer__cta {
  width: 100%;
  height: 285px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.main__offer__cta--container {
  width: 1320px;
  height: 100%;
  border-radius: 60px;
  border: 1px #CFCFCF solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.main__offer__cta--container .button--primary {
  margin-right: 0;
}
.main__offer__cta--container h3 {
  width: 692px;
  height: 68px;
}
.main__offer__about {
  width: 100%;
  height: 272px;
  position: relative;
}
.main__offer__about--desc {
  width: 822px;
  height: 100%;
  margin-left: 60px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #000000;
  position: absolute;
}
.main__offer__about--desc h2 {
  width: 100%;
}
.main__offer__about--desc p {
  width: 537px;
  height: 48px;
}
.main__offer__about--imgContainer {
  width: 100%;
  height: 100%;
  position: absolute;
}
.main__offer__about__items {
  width: 100%;
  height: 100%;
  position: relative;
}
.main__offer__about__items [alt=facebook] {
  margin-top: 45px;
  margin-left: 915px;
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
}
.main__offer__about__items [alt=twitter] {
  margin-top: 137px;
  margin-left: 1045px;
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
}
.main__offer__about__items [alt=instagram] {
  margin-top: 45px;
  margin-left: 1175px;
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
}
.main__offer__about__items [alt=tiktok] {
  margin-top: 137px;
  margin-left: 1305px;
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
}
.main__offer__logos {
  width: 100%;
  height: 60px;
}
.main__offer__logos--absWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F5;
  gap: 90px;
}
.main__offer__logos img[alt=brand1] {
  height: 60px;
  width: 126px;
}
.main__offer__logos img[alt=brand2] {
  height: 60px;
  width: 209px;
}
.main__offer__logos img[alt=brand3] {
  height: 48px;
  width: 182px;
}
.main__offer__logos img[alt=brand4] {
  height: 40px;
  width: 277px;
}
.main__offer__logos img[alt=brand5] {
  height: 46px;
  width: 184px;
}

.footer {
  width: 100%;
  height: 188px;
  color: #181818;
}
.footer__container {
  width: 1320px;
  height: 128px;
  margin: 40px 60px 20px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.footer__container--up {
  width: 100%;
  height: 57px;
  display: flex;
  gap: 126px;
  align-items: center;
}
.footer__container--up .footer__logo {
  width: 155px;
  height: 57px;
  display: flex;
}
.footer__container--up .footer__logo .logo__img {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.footer__container--up .footer__links {
  display: flex;
  width: 281px;
  height: 25px;
  gap: 40px;
  color: #FFFFFF;
}
.footer__container--up .footer__links--additional {
  display: none;
}
.footer__container--up .footer__app-buttons {
  width: 632px;
  height: 57px;
  display: flex;
  align-items: center;
  gap: 40px;
}
.footer__container--up .footer__app-buttons .button--secondary {
  margin-right: 0;
}
.footer__container--up .footer__app-buttons .footer__app-icons {
  width: 410px;
  height: 100%;
  display: flex;
  gap: 20px;
}
.footer__container--up .footer__app-buttons .footer__app-icons [alt=appstore] {
  width: 194px;
  height: 57px;
}
.footer__container--up .footer__app-buttons .footer__app-icons [alt=googleplay] {
  width: 196px;
  height: 57px;
}
.footer__container--down {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: flex-end;
  border-top: 2px #444444 solid;
}
.footer__bottom-text {
  height: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #B9B9B9;
}
.footer__terms-container {
  width: 471px;
  height: 20px;
  display: flex;
  gap: 20px;
  text-decoration: underline;
}
.footer__terms-container a {
  color: #B9B9B9;
}

.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

.visible {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

@media (min-width: 375px) and (max-width: 1439px) {
  body {
    width: 375px;
    height: 100vh;
    background-color: #181818;
    min-width: 375px;
    margin: 0 auto;
    overflow-x: auto;
  }
  body .header {
    height: 817px;
    overflow: hidden;
    margin-bottom: 40px;
  }
  body .header__tabs--buttons {
    margin-left: 0;
  }
  body .header__info--logo {
    width: 124px;
    height: 39px;
    margin-left: 16px;
  }
  body .header__info--logo picture {
    display: contents;
  }
  body .header__info--logo img {
    width: 28px;
  }
  body .header__info--logo .logo__txt {
    font-size: 29.6px;
    margin-left: -8px;
  }
  body .header__info .header__info--dinamycContentContainer {
    display: none;
  }
  body .header .header__info--burger {
    width: 40px;
    height: 40px;
    display: contents;
  }
  body .header .header__info--burger img[alt=burgerMenuIcon] {
    margin-right: 16px;
  }
  body .header .header__wrapper {
    width: 375px;
  }
  body .header__bottom {
    flex-direction: column;
    align-items: center;
  }
  body .header__bottom__get-started {
    width: 343px;
    height: 261px;
    padding-top: 160px;
    margin: 0;
  }
  body .header__bottom__get-started--text {
    gap: 20px;
  }
  body .header__bottom__get-started--text h1 {
    font-size: 40px;
    height: 84px;
  }
  body .header__bottom__get-started--text p {
    font-size: 16px;
    height: 60px;
    width: 100%;
  }
  body .header__bottom__get-started .button--secondary {
    width: 100%;
    margin: 0;
  }
  body .header__bottom__look {
    width: 275px;
    height: 259px;
    overflow: visible;
  }
  body .header__bottom__look--woman {
    height: 289.89px;
    margin-left: -5px;
    margin-top: 0;
  }
  body .header__bottom__look--letter {
    height: 232px;
  }
  body .about {
    width: 375px;
    height: 1235px;
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
  body .about__flexColumn-container {
    height: 161px;
    position: relative;
    gap: 30px;
  }
  body .about__flexColumn-container h2 {
    width: 229px;
    height: 42px;
    font-size: 40px;
    margin: 0;
  }
  body .about__flexColumn-container--txt {
    width: 273px;
    height: 89px;
    margin: 0;
  }
  body .about__flexColumn-container--txt p {
    font-size: 24px;
  }
  body .about__flexColumn-container--txt .backElem {
    width: 233.93px;
    height: 22.19px;
    margin-top: 65px;
    margin-left: 38px;
  }
  body .about__flexColumn-container img {
    display: none;
  }
  body .about__grid-container {
    grid-template-columns: 1fr;
    margin: 0;
    margin-top: 42px;
    gap: 60px;
  }
  body .about__grid-container .item_1 {
    margin: 0;
    height: -moz-min-content;
    height: min-content;
  }
  body .about__grid-container .item_1 h4 {
    width: 174px;
    font-size: 32px;
  }
  body .about__grid-container .item_1 p {
    width: 321px;
    font-size: 16px;
    margin-top: 6px;
  }
  body .about__grid-container .item_2 {
    margin: 0;
    height: -moz-min-content;
    height: min-content;
  }
  body .about__grid-container .item_2 h4 {
    width: 300px;
    font-size: 32px;
  }
  body .about__grid-container .item_2 p {
    width: 301px;
    font-size: 16px;
    line-height: 100%;
    margin-top: 6px;
  }
  body .about__grid-container .item_3 {
    margin: 0;
    height: -moz-min-content;
    height: min-content;
  }
  body .about__grid-container .item_3 h4 {
    font-size: 32px;
  }
  body .about__grid-container .item_3 p {
    font-size: 16px;
    margin-top: 6px;
  }
  body .about__grid-container .item_4 {
    margin: 0;
    height: -moz-min-content;
    height: min-content;
  }
  body .about__grid-container .item_4 h4 {
    font-size: 32px;
  }
  body .about__grid-container .item_4 p {
    font-size: 16px;
    margin-top: 6px;
  }
  body .how-works {
    margin-bottom: 40px;
  }
  body .how-works__container {
    height: 540px;
    margin-bottom: 0;
  }
  body .how-works__container--scrolling {
    gap: 98px;
  }
  body .how-works .composition img {
    width: 228px;
    height: 461px;
  }
  body .how-works .text-item {
    width: 796px;
    height: 51px;
  }
  body .how-works .text-item #txt-1 {
    font-size: 48px;
  }
  body .how-works .text-item #txt-2 {
    font-size: 48px;
  }
  body .how-works .text-item #txt-3 {
    font-size: 48px;
  }
  body .how-works .text-item #txt-4 {
    font-size: 48px;
  }
  body .how-works .text-item #txt-5 {
    font-size: 48px;
  }
  body .how-works .text-item #txt-6 {
    font-size: 48px;
  }
  body .main {
    height: 3116px;
  }
  body .main__metrics {
    box-sizing: border-box;
    height: 286px;
    gap: 40px;
    grid-template-columns: 1fr;
    padding: 40px 16px 40px 16px;
    margin-bottom: 80px;
  }
  body .main__metrics h4 {
    font-size: 40px;
    margin-bottom: 0;
  }
  body .main__metrics p {
    font-size: 20px;
  }
  body .main .metrics1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 346px;
    height: 42px;
  }
  body .main .metrics1 h4 {
    width: -moz-min-content;
    width: min-content;
    height: -moz-min-content;
    height: min-content;
  }
  body .main .metrics1 p {
    height: -moz-min-content;
    height: min-content;
  }
  body .main .metrics2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 340px;
    height: 42px;
  }
  body .main .metrics3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 329px;
    height: 42px;
  }
  body .main__arguments {
    height: 1703px;
    gap: 40px;
    justify-content: flex-start;
  }
  body .main__arguments--txtBlock {
    width: 351px;
    height: 120px;
    gap: 20px;
  }
  body .main__arguments--txtBlock h3 {
    width: 200px;
    height: 42px;
    font-size: 40px;
  }
  body .main__arguments--txtBlock p {
    width: 100%;
    height: 58px;
    font-size: 24px;
  }
  body .main__arguments--txtBlock .backElem-wrapper {
    margin-top: 93px;
    padding-left: 106px;
    width: 244px;
    height: 29px;
  }
  body .main__arguments--txtBlock .backElem-wrapper .backElem2 {
    width: 243.67px;
    height: 21.71px;
    margin-top: 6px;
    margin-left: -0.15px;
  }
  body .main__arguments--cards {
    grid-template-columns: 1fr;
    width: 375px;
  }
  body .main__arguments--cards .pairFlex {
    flex-direction: column;
    align-items: center;
  }
  body .main__arguments--cards .pairFlex .card {
    flex-direction: column;
  }
  body .main__arguments--cards .pairFlex .card--txtBlock1 {
    width: 303px;
    height: 144px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    gap: 16px;
  }
  body .main__arguments--cards .pairFlex .card-1 {
    width: 343px;
    height: 362px;
    flex-direction: column-reverse;
  }
  body .main__arguments--cards .pairFlex .card-1 h5 {
    font-size: 32px;
    line-height: 106%;
    font-weight: 700;
  }
  body .main__arguments--cards .pairFlex .card-1 p {
    font-size: 16px;
    width: 100%;
  }
  body .main__arguments--cards .pairFlex .card-1 .card--imgBlock1 {
    width: 343px;
    height: 193px;
  }
  body .main__arguments--cards .pairFlex .card-1 .card--imgBlock1 img[alt=phone] {
    rotate: -14.65deg;
    width: 170px;
    margin-left: 35px;
    margin-bottom: -33px;
  }
  body .main__arguments--cards .pairFlex .card-1 .card--imgBlock1 img[alt=letter3] {
    width: 237.95px;
    margin-left: -55.77px;
    margin-bottom: -60.31px;
  }
  body .main__arguments--cards .pairFlex .card-1 .card--imgBlock1 img[alt=star1] {
    width: 16.16px;
    height: 16.16px;
    margin-top: 18px;
    margin-left: 199.33px;
  }
  body .main__arguments--cards .pairFlex .card-1 .card--imgBlock1 img[alt=star2] {
    width: 25.21px;
    height: 25.21px;
    margin-top: 36.1px;
    margin-left: 178px;
  }
  body .main__arguments--cards .pairFlex .card-2 .card--txtBlock2 {
    width: 303px;
    height: 184px;
    margin: 20px 20px 129px 20px;
    gap: 16px;
  }
  body .main__arguments--cards .pairFlex .card-2 .card--txtBlock2 h5 {
    width: 291px;
    font-size: 32px;
    line-height: 106%;
    font-weight: 700;
  }
  body .main__arguments--cards .pairFlex .card-2 .card--txtBlock2 p {
    width: 100%;
    font-size: 16px;
  }
  body .main__arguments--cards .pairFlex .card-2 .card--imgBlock2 img[alt=greenBag] {
    margin-left: 15px;
  }
  body .main__arguments--cards .pairFlex .card-2 .card--imgBlock2 img[alt=yellowBag] {
    margin-top: 0;
    margin-left: 135px;
  }
  body .main__arguments--cards .pairFlex .card-2 .card--imgBlock2 img[alt=purpleBag] {
    width: 61px;
    margin-left: 282px;
    margin-top: 201px;
  }
  body .main__arguments--cards .pairFlex .card-3 .card--txtBlock3 {
    width: 303px;
    height: 178px;
    margin: 20px 20px 115px 20px;
    gap: 16px;
  }
  body .main__arguments--cards .pairFlex .card-3 .card--txtBlock3 h5 {
    width: 100%;
    height: 102px;
    font-size: 32px;
    font-weight: 700;
    line-height: 106%;
  }
  body .main__arguments--cards .pairFlex .card-3 .card--txtBlock3 p {
    width: 100%;
    font-size: 16px;
  }
  body .main__arguments--cards .pairFlex .card-3 img[alt=greenMinion] {
    margin-top: 230px;
    margin-left: 141px;
  }
  body .main__arguments--cards .pairFlex .card-4 .card--txtBlock4 {
    width: 303px;
    height: 184px;
    margin: 20px 20px 191px 20px;
    gap: 16px;
  }
  body .main__arguments--cards .pairFlex .card-4 .card--txtBlock4 h5 {
    width: 100%;
    height: 68px;
    font-size: 32px;
    font-weight: 700;
    line-height: 106%;
  }
  body .main__arguments--cards .pairFlex .card-4 .card--txtBlock4 p {
    width: 278.9px;
    height: 100px;
    font-size: 16px;
  }
  body .main__arguments--cards .pairFlex .card-4 img[alt=purpleMinion] {
    margin-left: 145px;
    width: 143px;
    /* height: 185px; */
    margin-top: 160px;
  }
  body .main__offer {
    height: 1047px;
    gap: 40px;
    justify-content: flex-start;
  }
  body .main__offer__cta {
    width: 100%;
    height: 261px;
    margin-top: 40px;
  }
  body .main__offer__cta--container {
    width: 343px;
  }
  body .main__offer__cta--container h3 {
    width: 303px;
    height: 84px;
    font-size: 40px;
    text-align: center;
  }
  body .main__offer__cta--container .button--primary {
    width: 303px;
  }
  body .main__offer__about {
    height: 349px;
    z-index: 0;
    overflow: hidden;
  }
  body .main__offer__about--desc {
    width: 100%;
    height: 200px;
    margin-left: 16px;
  }
  body .main__offer__about--desc h2 {
    font-size: 40px;
  }
  body .main__offer__about--desc p {
    width: 340px;
    height: 96px;
  }
  body .main__offer__about img[alt=facebook] {
    margin-top: 220px;
    margin-left: 16px;
    width: 64px;
    height: 64px;
  }
  body .main__offer__about img[alt=twitter] {
    margin-top: 285.17px;
    margin-left: 108.8px;
    width: 64px;
    height: 64px;
  }
  body .main__offer__about img[alt=instagram] {
    margin-top: 220px;
    margin-left: 200.17px;
    width: 64px;
    height: 64px;
  }
  body .main__offer__about img[alt=tiktok] {
    margin-top: 285.17px;
    margin-left: 292.25px;
    width: 64px;
    height: 64px;
  }
  body .main__offer__logos {
    height: 277px;
    width: 100%;
    box-sizing: border-box;
  }
  body .main__offer__logos--absWrapper {
    position: relative;
    display: block;
    align-items: unset;
  }
  body .main__offer__logos img[alt=brand1] {
    position: absolute;
    width: 91px;
    height: 43px;
    margin-top: 122px;
    margin-left: 20px;
  }
  body .main__offer__logos img[alt=brand2] {
    position: absolute;
    width: 149px;
    height: 42px;
    margin-top: 50px;
    margin-left: 191px;
  }
  body .main__offer__logos img[alt=brand3] {
    position: absolute;
    width: 131px;
    height: 34px;
    margin-top: 50px;
    margin-left: 20px;
  }
  body .main__offer__logos img[alt=brand4] {
    position: absolute;
    width: 196px;
    height: 28px;
    margin-top: 129.5px;
    margin-left: 151px;
  }
  body .main__offer__logos img[alt=brand5] {
    position: absolute;
    width: 128px;
    height: 32px;
    margin-top: 195px;
    margin-left: 20px;
  }
  body .footer {
    height: 650px;
    background-color: #181818;
    padding: 20px 16px 20px 16px;
    box-sizing: border-box;
  }
  body .footer__container {
    width: 343px;
    height: 610px;
    margin: 0;
    justify-content: unset;
    align-items: unset;
    gap: 40px;
  }
  body .footer__container--up {
    flex-direction: column;
    width: 307px;
    height: 539px;
    gap: 40px;
    align-items: flex-start;
  }
  body .footer__container--up .footer__logo {
    width: 124px;
    height: 39px;
  }
  body .footer__container--up .footer__logo .logo__img {
    width: 41.47px;
    height: 41.26px;
    margin-top: 1.19px;
  }
  body .footer__container--up .footer__logo .logo__img img {
    width: 26px;
  }
  body .footer__container--up .footer__logo .logo__txt {
    font-size: 29.6px;
    line-height: 13.6px;
    margin-left: -8px;
  }
  body .footer__container--up .footer__links {
    flex-direction: column;
    gap: 16px;
    height: 189px;
    width: 307px;
  }
  body .footer__container--up .footer__links--additional {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  body .footer__container--up .footer__links--additional p {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
  }
  body .footer__container--up .footer__app-buttons {
    flex-direction: column;
    width: 196px;
    gap: 40px;
    height: -moz-min-content;
    height: min-content;
    align-items: flex-start;
  }
  body .footer__container--up .footer__app-buttons .footer__app-icons {
    width: 196px;
    height: 134px;
    flex-direction: column;
  }
  body .footer__container--down .footer__terms-container {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */