main {
  background-image: url('../../assets/img/services-bg.png');
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-right: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  scroll-behavior: smooth;
}

.wrapper {
  scroll-behavior: smooth;
}
/* INTRO */
/*.service__wrapper {*/
/*  max-width: 1280px;*/
/*  width: 100%;*/
/*  margin: 100px auto;*/
/*}*/
.service__back-wrapper {
  margin-top: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service__back-wrapper a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service__back-title {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
}
.service__title {
  margin-top: 24px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}

.service__nav-wrapper {
  margin-top: 68px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  height: 60px;
}
.service__nav-service {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  height: 28px;
  color: #FFF;
  font-family: Panton;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.service__nav-date {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.service__nav-share-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: 20px;
}
.service__nav-share {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
}
.service__nav-icons-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.service__user-img-wrapper {
  margin-top: 68px;
  max-width: 1280px;
  width: 100%;
  overflow: hidden;
  border-radius: 32px;
}
.service__user-img {
  max-width: 1280px;
  width: 100%;
/*   height: 650px; */
  transition: all .5s ease;
}
.service__user-img:hover {
  transform: scale(1.05);
}
/* INTRO END */

/* FAQ */

.faq__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
}
.faq__body {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  border-radius: 32px;
  background: rgba(236, 241, 246, 0.60);
  backdrop-filter: blur(25px);
  padding: 32px;
}

.faq__title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.faq__item {
  margin-top: 16px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  max-width: 780px;
  width: 100%;
  height: 60px;
  border-radius: 32px;
  background: #FFF;
  gap: 16px;
}
.faq__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  border-radius: 32px;
  background: var(--red, #D7171F);

  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.faq__subtitle {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.accordion__wrapper {
  margin-top: 8px;
}
.accordion__title-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.faq__item.last {
  margin-top: 8px;
}
.panel__subtitle {
  color: var(--gray, #757D87);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-left: 60px;
}
.panel__subtitle.last {
  margin-bottom: 16px;
}


/*  */
.accordion {
  color: #444;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: none;
}
.accordion.active {
  padding-bottom: 11px;
  border-radius: 32px 32px 0 0;
}
.accordion.active .accordion__arrow {
  transform: rotate(180deg);
}
.panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px 0 16px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
  border-radius: 0 0 32px 32px;
}
/*  */


/* FAQ END */

/* WHY */

.why__wrapper,
.content__wrapper {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  margin-top: 66px;
}
.why__wrapper.second {
  margin-top: 80px;
}
.why__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.reason__wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.reason__wrapper.first {
  margin-top: 24px;
}
.reason__arrow {
  width: 8px;
  height: 10px;
}
.reason__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.why__text {
  margin-top: 24px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}


/* WHY END  */


/* PROJECTS */

.projects__wrapper {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
}
.projects__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.requirement__wrapper {
  margin-top: 32px;
  display: flex;
  align-items: start;
  gap: 12px;
}
.requiment__wrapper.first {
  margin-top: 24px;
}
.requirement__arrow {
  margin-top: 5px;
  width: 8px;
  height: 10px;
}
.requirement__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.requirement__title {
  color: var(--black, #081A32);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 25.2px */
}
.requirement__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.projects__text {
  margin-top: 24px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}


/* PROJECTS END */

/* SWIPER WRAPPER */
.swiper__wrapper {
  margin: 0 auto;

  max-width: 844px;
  width: 100%;
  height: 570px;
  position: relative;
  border-radius: 32px;
}
.swiper {
  width: 100%;
  height: 100%;
  border-radius: 32px;
}
.swiper-wrapper {
  border-radius: 32px;
}

.swiper-slide {
  height: 450px;
  border-radius: 32px;
  padding-right: 16px;
}
.swiper-slide-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 450px;
  border-radius: 32px;
}
.swiper-slide-img-wrapper img {
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 32px;
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 32px;
  transition: .8s ease all;
}
.swiper-slide-img-wrapper:hover img {
  transform: scale(1.1);
}
.swiper-pagination-progressbar  {
  position: absolute !important;
  top: 530px !important;
  left: 170px !important;
}
.swiper-pagination-progressbar-fill {
  background-color: #D7171F !important;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  max-width: 668px !important;
  width: 100% !important;
  height: 2px !important;
}

.swiper-button-prev {
  top: 530px !important;
}
.swiper-button-prev {
  left: 30px !important;
}

.next-btn,
.prev-btn {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.prev-btn-img,
.next-btn-img {
  height: 16px !important;
  width: 16px !important;
}
.prev-btn-img {
  transform: rotate(-180deg) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after  {
  display: none !important;
}
.swiper-button-next {
  top: 530px !important;
  left: 100px !important;
}
/* SWIPER WRAPPER END  */


/* DOCUMENTS */

.documents__wrapper {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
}
.documents__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.instructions__wrapper {
  margin-top: 24px;
  display: flex;
  gap: 24px;
}
.instruction__wrapper {
  display: flex;
  flex-direction: column;
  max-width: 410px;
  width: 100%;
  padding: 32px;
  border-radius: 32px;
  background: rgba(236, 241, 246, 0.60);
  backdrop-filter: blur(25px);
  gap: 87.5px;
  transition: all .3s ease;

}
.instruction__title {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.instruction__download-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.download__size {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

/* DOCUMENTS END */


/* VIDEO */
.video {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
  height: 450px;
  margin-bottom: 140px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
.video__wrapper {
  height: 450px;
  background-size: contain !important;;
  background-position: top;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  position: relative;
  cursor: pointer;
}

.video__wrapper:before {
  content: '';
  position: absolute;
  width: 116px;
  height: 116px;
  transition: all .2s ease;
  background-image: url("../../assets/img/play-red.png");
  background-size: contain;
}

.video__wrapper:hover:before {
  transform: scale(.9);
}

.video__frame {
  display: none;
}



/* VIDEO END */


/* CONTACT */

.contact__wrapper {
  background-image: url('../../assets/img/contacts-bg.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 832px;
  margin-bottom: -260px;
  margin-top: -27px;
  position: relative;
  z-index: 1;
}
.contact {
  margin-top: 180px;
  height: 832px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:start;
}
.contact__title {
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.contact__text {
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.contact__btn-wrapper {
  margin-top: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 224px;
  height: 60px;
  padding: 0 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  transition: all .2s ease;
}
.contact__btn-wrapper:hover {
  background: var(--bg, #ECF1F6);
}
.contact__btn-wrapper:hover .contact__btn {
  color: var(--black, #081A32);
}
.contact__btn-wrapper:hover svg path {
  fill: #081A32;
}
.contact__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


.content__wrapper {
  color: var(--black, #081A32);
  line-height: 100%;
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 140px;
}

.content__wrapper h2 {
  font-size: 60px;
  font-weight: 600;
  margin: 80px 0;
  line-height: 100%;
}

.content__wrapper h3 {
  font-weight: 600;
  font-size: 36px;
  margin: 30px 0;
  line-height: 100%;
}

.content__wrapper p {
  margin: 24px 0;
  line-height: 120%;
}

.content__wrapper iframe {
  width: 100%;
  min-height: 450px;
}

.content__wrapper ul,
.content__wrapper ol {
  margin: 40px 0;
}

.content__wrapper ul > li,
.content__wrapper ol > li {
  position: relative;
  margin-bottom: 16px;
}

.content__wrapper ol {
  counter-reset: point;
}

.content__wrapper ul > li {
  padding-left: 20px;
}

.content__wrapper ol > li {
  padding-left: 32px;
}

.content__wrapper ul > li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: url('../../assets/img/icons/red-arrows.svg');
  position: absolute;
  top: 4px;
  left: 0;
}

.content__wrapper ol > li:before {
  content: counter(point);
  counter-increment: point 1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #D7171F;
  font-size: 13px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  left: 0;
}

/* CONTACT END */

@media (max-width: 1720px) {
  .contact__wrapper {
    background-position: top center;
  }
}

@media (max-width: 1300px) {
  .service__user-img {
    height: 550px;
    object-fit: cover;
  }
}
@media (max-width: 930px) {
  .service__title,
  .contact__title {
    font-size: 60px;
  }
  .why__title,
  .projects__title,
  .documents__title,
  .content__wrapper h2 {
    font-size: 48px;
  }
}
@media (max-width: 850px) {
  .service__nav-share {
    display: none;
  }
  .video__wrapper {
    background-size: cover !important;
    height: 100%;
    border-radius: 32px;
  }
}
@media (max-width: 580px) {
  .service__title {
    font-size: 32px;
  }
  .service__nav-wrapper {
    flex-direction: column;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(25px);
    padding: 16px 24px;
    height: 132px;
    align-items: start;
    margin-top: 32px;
  }
  main {
    background-image: url('../../assets/img/text-page-bg-mobile.png');
  }
  .service__back-wrapper {
    margin-top: 150px;
  }
  .service__user-img-wrapper {
    margin-top: 32px;
  }
  .service__user-img {
    height: 350px;
  }
  .faq__wrapper {
    margin-top: 68px;
  }
  .why__title,
  .projects__title,
  .documents__title,
  .content__wrapper h2 {
    font-size: 24px;
  }
  .requirement__title {
    font-size: 18px;
  }
  .reason__text,
  .why__text,
  .requirement__text,
  .projects__text {
    font-size: 16px;
  }
  .instructions__wrapper {
    flex-direction: column;
  }
  .instruction__wrapper {
    max-width: 100%;
    gap: 25.5px;
  }
  .instruction__title {
    font-size: 18px;
  }
  .video,
  .video__wrapper {
    max-width: 100%;
    height: 350px;
  }
  .video {
    margin-top: 68px;
    margin-bottom: 68px;
  }
  .faq__body {
    padding: 24px;
  }
  .faq__item,
  .accordion {
    height: 89px;
  }
  .accordion__arrow {
    flex-shrink: 0;
  }
  .accordion {
    gap: 16px;
  }
  .faq__number {
    flex-shrink: 0;
  }
  .faq__subtitle,
  .contact__btn {
    font-size: 16px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact__btn-wrapper {
    width: 192px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
}
@media (max-width: 450px) {
  .swiper-slide img {
    height: 350px;
  }
  .swiper__wrapper {
    height: 350px;
  }
  .swiper__wrapper,
  .documents__wrapper {
    margin-top: 68px;
  }
}

/* CLOUD */
.cloud {
  margin-top: 30px;
}
.cloud__wrapper {
  background-image: url('../../assets/img/audit-bg-first-block.png');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;

  margin: 0 auto;
  width: 1280px;
  height: 600px;
  display: flex;
  padding-left: 68px;
  padding-top: 68px;
}
.cloud__wrapper:hover .cloud__img {
  transform: translateX(-30px);
}
.cloud__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.cloud__reasons-wrapper {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.cloud__reasons-wrapper.first {
  display: flex;
  margin-top: 24px;
}
.cloud__reason-arrow {
  display: none;
}
.cloud__reason {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  border: 1px solid rgba(8, 26, 50, 0.15);
  padding: 13px 16px;
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  transition: all .2s ease;
  cursor: default;
}
.cloud__reason:hover {
  border: 1px solid rgba(8, 26, 50, 0.65);
}
.cloud__img-mobile-wrapper {
  display: none;
}
.cloud__img-mobile {
  display: none;
}
.cloud__make-wrapper {
  margin-top: 100px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.cloud__btn-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 60px;
  width: 321px;
  padding: 0 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  transition: all .3s ease;
  cursor: pointer;
}
.cloud__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.cloud__btn-wrapper:hover .cloud__btn,
.cloud__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}


.cloud__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.cloud__help {
  color: var(--black, #081A32);
  width: 176px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.cloud__big-img {
  margin-top: 50px;
  margin-right: 28px;
}
.cloud__img {
  transition: all .5s ease-in-out;
  width: 351px;
  height: 350px;
}
.scroll__wrapper {
  width: 156px;
  margin: 0 auto;
  margin-top: 168px;
  margin-bottom: 48px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: default;
}
.scroll__img {
  width: 24px;
  height: 24px;
}
.scroll__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* FOR */
.for {
  width: 100%;
  height: 1070px;
  background-image: url('../../assets/img/follow-cloud.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 32px;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
}
.for__wrapper {
  padding-top: 140px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 120px;
}
.for__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.for__items {
  margin-top: 120px;
  display: flex;
  gap: 28px;

}
.for__item {
  display: flex;
  height: 360px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  transition: .3s ease all;
}
.for__item-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.for__item-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.for__item-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  padding: 6px 12px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

/* FOR END */

/* DEMO */
.demo{

  margin-bottom: 150px;
}


.demo__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 156px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.demo__title-wrapper {
  border-radius: 32px;
  width: 517px;
  height: 722px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.demo__title-img {
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 32px;
  width: 517px;
  height: 722px;
  transition: all .8s ease;
}
.demo__title-img:hover {
  transform: scale(1.1);
}
.demo__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  width: 453px;
  /* height: 148px; */
  padding: 32px;
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 42px */

  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
}
.demo__items {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.demo__item {
  display: flex;
  flex-direction: column;
  gap: 37px;
  width: 562px;
  height: 220px;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  transition: all .3s ease;
}
.demo__item.second {
  height: 242px;
}
.demo__img-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.demo__img {
  height: 80px;
  width: 80px;
}
.demo__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.demo__item-text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}

/* DEMO END */

/* WHY */

.why {
  background-color: #FFF;
  position: relative;
}

.why__list {
  display: flex;
  justify-content: space-between;
}

.why__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
}
.why__we {
  width: 299px;
  margin-left: 670px;
  margin-top: 140px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  transition: all 1s ease-in-out;
}
.why__title {
  color: #D7171F;
  text-align: center;
  font-size: 227px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 227px */
  transition: all 1s ease-in-out;
}
.why__items {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: -60px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.why__wrapper:hover .why__title,
.why__wrapper:hover .why__we {
  transform: translateY(-90px);
}

.why__title-item {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.why__number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  width: 42px;
  height: 28px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.why__price-title {
  margin-top: 180px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.why__price-wrapper {
  max-width: 1280px;
  width: 100%;
  height: 593px;
  margin: 0 auto;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  margin-top: 68px;
  padding: 68px;
  display: flex;
  gap: 48px;
  margin-bottom: 140px;
}
.why__price {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__hours-wrapper {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  width: 171px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.why__hours-high {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.why__hours-red-wrapper {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours-red {
  width: 171px;
  color: var(--red, #D7171F);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.why__support {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  margin-top: 48px;
}
.support__plus-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.support__plus-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.support__plus-item {
  width: 366px;
  display: flex;
  gap: 12px;
}
.support__plus-img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.minimum__wrapper {
  width: 340px;
  height: 100%;
  position: relative;
}
.minimum__item {
  padding: 32px;
  background: #FFF;
  border-radius: 32px;
  width: 340px;
  height: 280px;
  position: sticky;
  top: 100px;
}
.minimum__title,
.minimum__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.minimum__text {
  margin-top: 25px;
}
.minimum__order-btn {
  width: 156px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  margin-top: 24px;
  transition: all .2s ease;
  cursor: pointer;
}
.minimum__order-btn:hover {
  background-color: #ECF1F6;
}
.minimum__order-btn:hover .minimum__order,
.minimum__order-btn:hover .minimum__order-img path {
  color: #081A32;
  fill: #081A32;
}
.minimum__order {
  transition: all .2s ease;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/* WHY END */

/* REVIEW */

.clients {
  position: relative;
  z-index: 2;
  margin-top: -30px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  padding-top: 180px;
}
.clients__wrapper {
  padding-bottom: 50px;
}
.clients__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.review__items {
  margin: 0 auto;
  width: 1280px;
  height: 585px;
  margin-top: 68px;
  margin-bottom: 159px;
}
.review__item {
  flex-shrink: 0;
  max-width: 1280px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  padding: 68px;
  justify-content: space-between;
  align-items: center;
}
.review__photo {
  width: max-content;
  position: relative;
}
.review__rating {
  width: 100px;
  height: 100px;
  left: 320px;
  position: absolute;
}
.review__img {
  width: 449px;
  height: 449px;
  flex-shrink: 0;
}
.review__body {
  max-width: 558px;
  width: 100%;
}
.review__user {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  text-align: left;
}
.review__text {
  text-align: left;
  margin-top: 16px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
}
.review__btns {
  margin-top: 79px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review__review-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  width: 232px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.review__review-wrapper:hover {
  background-color: #ECF1F6;
}
.review__review-wrapper:hover svg path,
.review__review-wrapper:hover .review__review {
  color: #081A32;
  fill: #081A32;
}
.review__review {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/*  */

/* REVIEW */
.reviews__mobile-wrapper{
  display: none;
}

/* BLUEPRINT */
.blueprint__progress {
  display: none;
}
.blueprint {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 2;
  border-radius: 32px;
  background-color: #fff;
}
.blueprint__wrapper {
  border-radius: 32px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 140px;
}
.blueprint__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.blueprint__inner-container {
  margin-top: 92px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.blueprint__sticky-wrapper {
  z-index: 2;
  top: 100px;
  bottom: 100px;
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  width: 299px;
  height: 368px;
  padding: 32px;
}
.blueprint__img {
  width: 80px;
  height: 80px;
}
.blueprint__block-title {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.blueprint__block-text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__contact-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 235px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  cursor: pointer;
  transition: all .3s ease;
}
.blueprint__contact-wrapper:hover {
  background-color: #081A32;
}
.blueprint__contact {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.blueprint__background {
  background-image: url('../../assets/img/follow-lines.png');
  background-size: fill;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  max-width: 844px;
  width: 100%;
  height: 1965px;
}
.blue {
  right: 200px;
  z-index: 1;
  position: absolute;
}
.pink {
  left: 100px;
  top: 1200px;
  z-index: 1;
  position: absolute;
}
.blueprint__item {
  display: flex;
  flex-direction: column;
  max-width: 374px;
}
.blueprint__item.first {
  margin-top: 30px;
}
.blueprint__number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 6px 12px;
  margin-bottom: 24px;
  width: 42px;
  height: 28px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.blueprint__item-title {
  color: var(--black, #081A32);
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 46.2px */
  margin-bottom: 65px;
}
.blueprint__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__item.third {
  margin-top: 60px;
}
.blueprint__item.fourth {
  margin-top: 60px;
}
.blueprint__item.fifth {
  margin-top: 60px;
}
.blueprint__item-container-second {
  margin-top: 60px;
  display: flex;
  justify-content: end;
}
.blueprint__item-container-fourth {
  display: flex;
  justify-content: end;
}


/* BLUEPRINT END */

/* REPORT */

.report {
  margin-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
.report__wrapper {
  margin: 0 auto;
  max-width: 1280px;
  flex-shrink: 0;
  display: flex;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.report__first-section {
  padding: 68px;
}
.report__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.report__items {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.report__item {
  display: flex;
  align-items: start;
  gap: 16px;
}
.report__img {
  width: 32px;
  height: 32px;
}
.report__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.report__img-woman {
  width: 517px;
  height: 556px;
}


/* REPORT END */


/* PACKETS */

.packets {
  padding-top: 180px;
  padding-bottom: 244px;
  border-radius: 0 0 32px 32px;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.packets__title {
  color: #081A32;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 80px */
  margin-bottom: 68px;
}

.packets__items {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.packets__item {
  display: flex;
  justify-content: space-between;
  padding: 68px;
  border-radius: 32px;
  background: #ECF1F6;
  position: relative;
}

.packet__section {
  width: 756px;
}

.packet__title {
  color: #081A32;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 60px */
}

.packet__text {
  margin-top: 24px;
  color: #081A32;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 26.4px */
}

.packet__columns {
  margin-top: 48px;
  display: flex;
  gap: 24px;
}

.packet__arrow {
  flex-shrink: 0;
}

.packet__column {
  width: 366px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.packet__cell {
  display: flex;
  justify-content: space-between;
}

.packet__cell-text {
  width: 338px;
}

.packets__order-wrapper {
  top: 100px;
  width: 340px;
  height: 100%;
  position: sticky;
}

.packets__order {
  display: flex;
  width: 340px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 32px;
  background: #FFF;
}

.packets__order-price {
  color: #D7171F;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 35.2px */
}

.packets__order-btn-wrapper {
  margin-top: 24px;
  width: 156px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: #D7171F;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all .3s ease;
}

.packets__order-btn-wrapper:hover {
  background-color: #ECF1F6;
}

.packets__order-btn-wrapper:hover svg path,
.packets__order-btn-wrapper:hover .packets__order-btn {
  color: #081A32;
  fill: #081A32;
}

.packets__order-btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 19.8px */
}

/* PACKETS */



/* BLUEPRINT */

.blueprint {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 2;
  border-radius: 32px;
  background-color: #fff;
}
.blueprint__wrapper {
  border-radius: 32px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 140px;
}
.blueprint__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.blueprint__inner-container {
  margin-top: 92px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.blueprint__sticky-wrapper {
  z-index: 2;
  top: 100px;
  bottom: 100px;
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  width: 299px;
  height: 368px;
  padding: 32px;
}
.blueprint__img {
  width: 80px;
  height: 80px;
}
.blueprint__block-title {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.blueprint__block-text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__contact-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 235px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  cursor: pointer;
  transition: all .3s ease;
}
.blueprint__contact-wrapper:hover {
  background-color: #081A32;
}
.blueprint__contact {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.blueprint__background {
  background-image: url('../../assets/img/follow-lines.png');
  background-size: fill;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  max-width: 844px;
  width: 100%;
  height: 1965px;
}
.blue {
  right: 200px;
  z-index: 1;
  position: absolute;
}
.pink {
  left: 100px;
  top: 1200px;
  z-index: 1;
  position: absolute;
}
.blueprint__item {
  display: flex;
  flex-direction: column;
  max-width: 374px;
}
.blueprint__item.first {
  margin-top: 30px;
}
.blueprint__number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 6px 12px;
  margin-bottom: 24px;
  width: 42px;
  height: 28px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.blueprint__item-title {
  color: var(--black, #081A32);
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 46.2px */
  margin-bottom: 65px;
}
.blueprint__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__item.third {
  margin-top: 60px;
}
.blueprint__item.fourth {
  margin-top: 60px;
}
.blueprint__item.fifth {
  margin-top: 60px;
}
.blueprint__item-container-second {
  margin-top: 60px;
  display: flex;
  justify-content: end;
}
.blueprint__item-container-fourth {
  display: flex;
  justify-content: end;
}


/* BLUEPRINT END */


/* REPORT */

.report {
  margin-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
.report__wrapper {
  margin: 0 auto;
  max-width: 1280px;
  flex-shrink: 0;
  display: flex;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.report__first-section {
  padding: 68px;
}
.report__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.report__items {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.report__item {
  display: flex;
  align-items: start;
  gap: 16px;
}
.report__img {
  width: 32px;
  height: 32px;
}
.report__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.report__img-woman {
  width: 517px;
  height: 556px;
}


/* REPORT END */

/* PLANS */

.plans {
  margin-top: 180px;
}
.plans__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.plans__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.plans__filters {
  display: flex;
  max-width: 440px;
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
  justify-content: space-between;
}
.plans__filter {
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: flex-start;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
  cursor: pointer;
}
.plans__filter.active {
  border-radius: 32px;
  color: #FFF;
  background: var(--brand-red, #D7171F);
}
.plans__items {
  margin-top: 68px;
  display: none;
  gap: 28px;
}

.plans__items.active {
  display: flex;
}

.plans__item {
  width: 408px;
  display: flex;
  height: 629px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.plans__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.item__list svg {
  flex-shrink: 0;
}
.plans__item-list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.item__list {
  display: flex;
  gap: 12px;
}
.item__list-img {
  flex-shrink: 0;
}
.plans__price-wrapper {
  max-width: 344px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding-left: 24px;
}
.plans__price {
  color: var(--red, #D7171F);
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.plans__order-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  width: 156px;
  height: 60px;
  cursor: pointer;
}
.plans__order-wrapper:hover {
  background-color: #081A32;
}

.plans__order {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


.plans__item-high-wrapper {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.plans__item-high-wrapper svg {
  flex-shrink: 0;
}
.plans__item-high {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
  padding-bottom: 16px;

}
.plans__plus-items {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.plans__plus-item {
  display: flex;
  gap: 12px;
}
.plans__plus-item svg {
  flex-shrink: 0;
}
.plans__plus-item-text {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}


/* PLANS */
/* FOLLOW */

.follow {
  width: 100%;
  height: 100%;
  background-image: url('../../assets/img/follow-intro-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
}
.follow__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  height: 600px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.50);
  backdrop-filter: blur(25px);
  padding: 68px;
  display: flex;
  gap: 28px;
}
.follow__title-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 770px;
  width: 100%;
  justify-content: space-between;
}
.follow__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
  max-width: 665px;
}
.follow__become-wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  width: 251px;
  transition: .2s all ease;
  cursor: pointer;
}
.follow__become-wrapper:hover {
  background-color: #ECF1F6;
}
.follow__become-wrapper:hover svg path,
.follow__become-wrapper:hover .follow__become {
  color: #081A32;
  fill: #081A32;
}
.follow__become {
  position: relative;
  z-index: 2;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.follow__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow__item.red {
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 32px;
  width: 340px;
  height: 218px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow__item.gold {
  display: flex;
  width: 340px;
  height: 218px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 32px;
  background: linear-gradient(196deg, #FCC100 -0.4%, #FFEF70 45.62%, #FFEF70 72.56%, #FCC100 97.97%);
}
.follow__item-text-wrapper {
  gap: 8px;
  flex-shrink: 0;
  display: flex;
  width: 101px;
  height: 48px;
  padding: 13px 14px 11px 14px;
  border-radius: 16px;
  background: var(--black, #081A32);
}
.follow__item-title.gold {
  color: #FEE456;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 22px */
}
.follow__item-title.red {
  color: #FFF;
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 52px */
}
.follow__item-text.red {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.follow__item-text.gold {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.scroll__wrapper {
  margin: 0 auto;
  padding-top: 168px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 48px;
}
.scroll__img {
  width: 24px;
  height: 24px;
}
.scroll__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


/* FOLLOW END */

/* FOR */
.for {
  width: 100%;
  height: 1070px;
  background-image: url('../../assets/img/follow-cloud.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 32px;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
}
.for__wrapper {
  padding-top: 140px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 120px;
}
.for__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.for__items {
  margin-top: 120px;
  display: flex;
  gap: 28px;

}
.for__item {
  display: flex;
  height: 360px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  transition: .3s ease all;
}
.for__item-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.for__item-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.for__item-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  padding: 6px 12px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

/* FOR END */

/* SERVICE */

.service {
  margin-top: 140px;
  padding-left: 20px;
  padding-right: 20px;
}
/*.service__wrapper {*/
/*  max-width: 1280px;*/
/*  width: 100%;*/
/*  margin: 0 auto;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*}*/
.service__img-wrapper {
  width: 517px;
  height: 904px;
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-radius: 32px;
  transition: all .7 ease;
}
.service__img {
  top: 0;
  left: 0;
  width: 517px;
  height: 904px;
  position: absolute;
  border-radius: 32px;
  transition: all .7s ease;
}
.service__img:hover {
  transform: scale(1.1);
}
.service__img-text {
  margin: 0 auto;
  width: 453px;
  height: 148px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 42px */
}
.service__items {
  max-width: 626px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.service__item {
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service__item-img {
  width: 80px;
  height: 80px;
}
.service__item-text {
  max-width: 456px;
  width: 100%;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}


/* SERVICE END */

/* NOT */

.not {
  background-image: url('../../assets/img/follow-bg-block.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  padding-bottom: 140px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0 0 32px 32px;
}
.not__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 180px;

}
.not__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.not__items {
  margin-top: 68px;
  display: flex;
  justify-content: space-between;
}
.not__item {
  display: flex;
  width: 408px;
  height: 530px;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  transition: .8s ease all;
}
.not__img {
  width: 408px;
  height: 530px;
  border-radius: 32px;
  position: absolute;
  top: 0;
  left: 0;
  transition: .8s ease all;
}
.not__img.second {
  display: none;
}
.not__img:hover {
  transform: scale(1.1);
}
.not__text-wrapper {
  display: flex;
  height: 206px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
}
.not__text {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.not__btn-wrapper {
  padding: 12px 16px;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 142px;
  cursor: pointer;
  transition: all .3s ease;
}
.not__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.not__btn-wrapper:hover .not__btn,
.not__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.not__btn {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.not__support-wrapper {
  margin: 0 auto;
  margin-top: 48px;
  width: 281px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  padding: 20px 24px;
  justify-content: space-between;
  cursor: pointer;
  transition: all .3s ease;
}
.not__support-wrapper:hover {
  background-color: #ECF1F6;
}
.not__support-wrapper:hover .not__support,
.not__support-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.not__support {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* NOT */

/* situation */

.situation {
  margin-top: -30px;
  width: 100%;
  height: 1331px;
  background-image: url('../../assets/img/follow-footer-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}
.situation__wrapper {
  display: flex;
  margin: 0 auto;
  width: 1280px;
  height: 979px;
  padding: 68px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.40);
  backdrop-filter: blur(25px);
}
.situation__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.situation__blocks {
  display: flex;
  gap: 28px;
}
.situation__block {
  display: flex;
  width: 558px;
  height: 250px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 32px;
  background: #FFF;
  backdrop-filter: blur(25px);
  transition: .3s all ease;
}
.situation__img {
  width: 48px;
  height: 48px;
}
.situation__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.situation__footer-wrapper {
  padding-top: 48px;
  max-width: 1141px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  gap: 28px;
}
.situation__footer-img-wrapper {
  overflow: hidden;

  height: 100%;
}
.situation__footer-img {
  margin-top: 43px;
  width: 517px;
  height: 396px;
  object-fit: contain;

}
.situation__footer-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.situation__footer-text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  width: 558px;
}

.situation__footer-receive-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  width: 281px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.situation__footer-receive-wrapper:hover {
  background-color: #ECF1F6;
}
.situation__footer-receive-wrapper:hover svg path,
.situation__footer-receive-wrapper:hover .situation__footer-receive {
  color: #081A32;
  fill: #081A32;
}
.situation__footer-receive {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* situation */

/* WHAT */
.screen {
  overflow: hidden;
}
.screen__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.screen__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 1062px;
  width: 100%;
  margin: 0 auto;
  margin-top: 171px;
}
.screen__subtitle {
  margin-top: 20px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.screen__price-wrapper {
  margin: 0 auto;
  margin-top: 40px;
  width: 263px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen__price {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.screen__img-wrapper {
  margin-top: 100px;
  transition: all 1s ease;
  transform: translateY(80px);
}
.screen__img-wrapper:hover {
  transform: translateY(10px);
}
.screen__img {
  object-fit: contain;
  max-width: 1280px;
  height: max-content;
}
.what {
  width: 100%;
  height: 1546px;
  border-radius: 32px;
  background: linear-gradient(138deg, #0D4DA1 23.63%, #83A8D8 101.06%);
  position: relative;
  z-index: 2;
}
.what__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

}
.what__title {
  padding-top: 140px;
  width: 299px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.what__item {
  border-top: 1px rgba(255, 255, 255, 0.15) solid;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 20px;
  padding-top: 20px;
}
.what__item.first {
  margin-top: 68px;
  padding-top: 20px;

}
.what__item-title {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__item-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 64px;
  background: rgba(8, 26, 50, 0.60);
  padding: 14px 24px;
}
.what__item-subtitle {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__receive {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__item-inline-img-wrapper {
  display: flex;
  align-items: center;
  border-radius: 64px;
  background: rgba(8, 26, 50, 0.60);
  padding: 14px 24px;
  gap: 16px;
}
.what__control {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__text {
  margin-top: 8px;
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.what__book-wrapper {
  margin-top: 180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.what__book-img-wrapper {
  width: 517px;
  height: 550px;
  flex-shrink: 0;
  border-radius: 32px;
  background: rgba(5, 10, 17, 0.50);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: end;
  justify-content: start;
}
.what__book-img {
  width: 400px;
  height: 481px;
}
.what__book-text-wrapper {
  max-width: 626px;
  width: 100%;
}
.what__book-title {
  color: #FFF;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.what__book-text {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}

/* WHAT END */

/* CALC */


.calc {
  margin-top: -30px;
  background-image: url('../../assets/img/home-footer-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  margin-bottom: -30px;
  padding-left: 20px;
  padding-right: 20px;
}
.calc__wrapper {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 180px;
}
.calc__title {
  padding-top: 180px;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.calc__text {
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
  margin-bottom: 48px;
}
.calc__btn-wrapper {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  cursor: pointer;
  transition: all .3s ease;
}
.calc__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.calc__btn-wrapper:hover .calc__btn,
.calc__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.calc__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}




/* CALC */

.calc__container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 180px;
  padding-bottom: 180px;
}
.calc__projects-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.calc__projects-amount-wrapper {
  display: flex;
}
.calc__projects-amount {
  color: var(--red, #D7171F);
  font-size: 200px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 200px */
}
.calc__projects-plus {
  color: var(--red, #D7171F);
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.calc__projects-amount-text {
  margin-top: 48px;
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  width: 408px;
}
.projects__wrapper {
  width: 626px;
}
.projects__items {
  display: flex;
  gap: 28px;
}
.projects__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  width: 299px;
  height: 116px;
  border-radius: 32px;
  background: rgba(5, 10, 17, 0.50);
  backdrop-filter: blur(25px);
}
.projects__title {
  color: var(--red, #D7171F);
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 52px */
}
.projects__subtitle {
  width: 120px;
  display: flex;
  align-items: end;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
}
.projects__thanks-wrapper {
  margin-top: 60px;
}
.projects__thanks-text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}

/* CALC */

/* CALC */

/* TOOLS */
.tools {
  height: 2072px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
  border-radius: 32px;
}
.tools__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.tools__title {
  color: var(--black, #081A32);
  text-align: center;
  font-family: Panton;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  padding-top: 140px;
}
.tools__items {
  margin-top: 68px;
}

.tools__first__items {
  display: flex;
  gap: 28px;
}
.tools__first-two-items {
  display: flex;
  gap: 28px;
}
.tools__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 408px;
  height: 340px;
  padding: 32px;
  gap: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  transition: all .3s ease;

}
.tools__item:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item.hide {
  display: none;
}
.tools__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-icon {
  width: 48px;
  height: 48px;
}
.tools__item-large-blue {
  display: flex;
  width: 844px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  overflow: hidden;
  transition: all .3s ease;
}
.tools__item-large-blue:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item-large-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tools__item-large-text-wrapper {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-large-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-large-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-large-icon {
  width: 48px;
  height: 48px;
}
.tools__item-user {
  width: 250px;
  height: 319px;
}
.tools__second-items {
  margin-top: 28px;
  display: flex;
  gap: 28px;
}
.tools__third-items {
  margin-top: 28px;
}
.tools__third-items-wrapper {
  display: flex;
  gap: 28px;
}
.tools__large-blue {
  display: flex;
  display: flex;
  width: 844px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  overflow: hidden;
  transition: .3s ease all;
}
.tools__large-blue:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__large-blue-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.tools__large-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__large-subtitle {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__large-icon {
  width: 48px;
  height: 48px;
}
.tools__large-user {
  width: 278px;
  height: 345px;
}
.tools__item-subtitle {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item.hide {
  display: none;
}
.tools__fourth-items {
  display: flex;
  gap: 28px;
}
.tools__items-large {
  margin-top: 28px;
  display: flex;
  gap: 28px;
}
.tools__item-large {
  display: flex;
  width: 626px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  transition: .3s ease all;
}
.tools__item-large:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item-large-title.dark {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-large-subtitle {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__help-wrapper {
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 281px;
  height: 60px;
  padding: 20px 24px;
  margin: 0 auto;
  margin-top: 60px;
  cursor: pointer;
}
.tools__help {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


/* TOOLS END */

/* AUDIT END */

/* COMBO */
.combo__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 140px;
}
.combo__title-wrapper {
  background-image: url('../../assets/img/home-support.png');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 32px;
  width: 517px;
  height: 892px;
}
.combo__title {
  width: 453px;
  height: 208px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  padding: 32px;

  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.accordion__section {
  max-width: 626px;
  width: 100%;
}
.accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  height: 144px;
  padding: 32px;
  transition: all .2s ease;
}

.accordion__wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.accordion__icon {
  width: 80px;
  height: 80px;
}
.accordion__title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
}
.accordion__cross {
  width: 24px;
  height: 3px;
  background-color: #D7171F;
  border-radius: 30px;
  transition: all .2s ease;
}
.accordion__cross::after {
  display: block;
  content: '';
  width: 24px;
  height: 3px;
  background-color: #D7171F;
  border-radius: 30px;
  transform: rotate(90deg);
  opacity: 1;
}
.accordion.active .accordion__cross {
  background-color: #757D87;
}
.accordion.active .accordion__cross::after {
  opacity: 0;
}
.accordion.active {
  border-radius: 32px 32px 0 0;
  border-bottom: transparent;
}
.panel {
  border: transparent;
  transition: .2s all ease;
}
.panel.active {
  padding: 10px 32px 32px 32px;
  border-radius: 0 0 32px 32px;
  border: 1px solid var(--sup, #D8DFE5);
  border-top: none;
}
.panel__title,
.panel__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.panel__text {
  margin-top: 20px;
}


.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  font-size: 15px;
  transition: 0.4s;
}
.accordion__item {
  margin-bottom: 28px;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


/* COMBO END */




/* AUDIT */

.audit__inner-wrapper {
  margin-top: -30px;
  background-image: url('../../assets/img/audit-form-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 1087px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audit__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  height: 791px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  padding: 68px;
  overflow: hidden;
}
.audit__wrapper:hover .audit__woman-wrapper {
  transform: translateY(30px);
}
.audit__title-wrapper {
  margin-bottom: 48px;
}
.audit__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.audit__subtitle {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.audit__include-wrapper {
  padding-top: 48px;
  border-top: rgba(255, 255, 255, 0.15) 1px solid;
  display: flex;
  gap: 69px;
}
.audit__woman-wrapper {
  transition: all .8s ease-in-out;
  margin-top: 50px;
}
.audit__woman-img {
  width: 517px;
  height: 469px;
}
.icnlude__title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.include__item {
  margin-top: 29px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.include__img {
  width: 32px;
  height: 32px;
}
.include__text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.include__make-wrapper {
  cursor: pointer;
  margin-top: 38px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  width: 355px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  justify-content: space-between;
  transition: all .2s ease;
}
.include__make-wrapper:hover {
  background-color: #ECF1F6;
}
.include__make-wrapper:hover .include__make,
.include__make-wrapper:hover .include__make-img path {
  color: #081A32;
  fill: #081A32;
}
.include__make {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* AUDIT */

/* WHY */

.why {
  margin-top: 150px;
  background-color: #FFF;
  margin-bottom: 100px;
}
.why__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
}
.why__we {
  width: 299px;
  margin-left: 670px;
  margin-top: 140px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  transition: all 1s ease-in-out;
}
.why__title {
  color: #D7171F;
  text-align: center;
  font-size: 227px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 227px */
  transition: all 1s ease-in-out;
}
.why__items {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: -60px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.why__item:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.why__wrapper:hover .why__title,
.why__wrapper:hover .why__we {
  transform: translateY(-90px);
}
.why__img.check {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.why__img.c {
  width: 65px;
  height: 48px;
}
.why__img.bitrix {
  object-fit: contain;
  width: 120px;
  height: 48px;
}
.why__img.min {
  width: 131px;
  height: 48px;
}
.why__img.blue {
  width: 119px;
  height: 48px;
}
.why__img.arrow {
  width: 48px;
  height: 48px;
}
.why__footer-wrapper {
  display: flex;
  justify-content: space-between;
}
.why__download-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.why__download {
  color: var(--red, #D7171F);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

.why__title-item {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  width: 224px;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}

.why__number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  width: 42px;
  height: 28px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.why__price-title {
  margin-top: 180px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.why__price-wrapper {
  max-width: 1280px;
  width: 100%;
  height: 593px;
  margin: 0 auto;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  margin-top: 28px;
  padding: 68px;
  display: flex;
  gap: 48px;
  margin-bottom: 140px;
  position: relative;
}
.why__price {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__hours-wrapper {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  width: 171px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.why__hours-high {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.why__hours-red-wrapper {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours-red {
  width: 171px;
  color: var(--red, #D7171F);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.why__support {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  margin-top: 48px;
}
.support__plus-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.support__plus-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.support__plus-item {
  width: 366px;
  display: flex;
  gap: 12px;
}
.support__plus-img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.minimum__wrapper {
  max-width: 340px;
  width: 100%;
  height: 100%;
  position: relative;
}
.minimum__item {
  padding: 32px;
  border-radius: 32px;
  background: #FFF;
  max-width: 340px;
  width: 100%;
  height: 280px;
  position: sticky;
  top: 100px;
}
.minimum__title,
.minimum__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.minimum__text {
  margin-top: 25px;
}
.minimum__order-btn {
  width: 156px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  margin-top: 24px;
  transition: all .2s ease;
  cursor: pointer;
}
.minimum__order-btn:hover {
  background-color: #ECF1F6;
}
.minimum__order-btn:hover .minimum__order,
.minimum__order-btn:hover .minimum__order-img path {
  color: #081A32;
  fill: #081A32;
}
.minimum__order {
  transition: all .2s ease;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/* WHY END */

/* REVIEW */

.clients {
  position: relative;
  z-index: 2;
  margin-top: -30px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  padding-top: 180px;
}
.clients__wrapper {
  padding-bottom: 50px;
}
.clients__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.review__items {
  margin: 0 auto;
  width: 1280px;
  height: 585px;
  margin-top: 68px;
  margin-bottom: 159px;
}
.review__item {
  flex-shrink: 0;
  max-width: 1280px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  padding: 68px;
  justify-content: space-between;
  align-items: center;
}
.review__photo {
  width: max-content;
  position: relative;
}
.review__rating {
  width: 100px;
  height: 100px;
  left: 320px;
  position: absolute;
}
.review__img {
  width: 449px;
  height: 449px;
  flex-shrink: 0;
}
.review__body {
  max-width: 558px;
  width: 100%;
}
.review__user {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  text-align: left;
}
.review__text {
  text-align: left;
  margin-top: 16px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
}
.review__btns {
  margin-top: 79px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review__review-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  width: 232px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.review__review-wrapper:hover {
  background-color: #ECF1F6;
}
.review__review-wrapper:hover svg path,
.review__review-wrapper:hover .review__review {
  color: #081A32;
  fill: #081A32;
}
.review__review {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/*  */

/* REVIEW */
.reviews__mobile-wrapper{
  display: none;
}
/* CONTACT */

.contact__wrapper {
  background-image: url('../../assets/img/contacts-bg.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 970px;
  margin-bottom: -260px;
  margin-top: -27px;
  position: relative;
  z-index: 1;
}
.contact {
  margin-top: 180px;
  height: 832px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:start;
}
.contact__title {
  max-width: 844px;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.contact__text {
  max-width: 844px;
  width: 100%;
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.contact__btn-wrapper {
  margin-top: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  height: 60px;
  padding: 0 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  transition: all .2s ease;
}

.contact__btn-wrapper:hover {
  background: var(--bg, #ECF1F6);
}
.contact__btn-wrapper:hover .contact__btn {
  color: var(--black, #081A32);
}
.contact__btn-wrapper:hover svg path {
  fill: #081A32;
}
.contact__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.why__hours-wrapper-mobile {
  display: none;
}



/* CONTACT END */

/* SWIPER */

.swiper__wrapper {
  margin: 0 auto;

  max-width: 1280px;
  width: 100%;
  height: 850px;
  position: relative;
  overflow: hidden;
}
.swiper {
  width: 100%;
  height: 100%;
  border-radius: 32px;
}

.swiper-slide {
  width: 626px;
  height: 530px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  padding: 32px;
  z-index: 2;
}
.swiper-slide.sea,
.swiper-slide.office {
  position: relative;
  overflow: hidden;
  width: 626px;
  height: 530px;
  display: flex;
  align-items: end;
  justify-content: center;
}
.swiper-slide.sea:hover .swiper-img,
.swiper-slide.office:hover .swiper-img {
  transform: scale(1.1);
}
.swiper-img {
  top: 0;
  left: 0;
  position: absolute;
  width: 626px;
  height: 530px;
  transition: all .8s ease;
  overflow: hidden;
  border-radius: 32px;
  z-index: 0;
}
.swiper__text-wrapper {
  position: relative;
  z-index: 2;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  width: 562px;
}
.swiper__text-tag {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.swiper__text {
  text-align: left;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}

.swiper-pagination-progressbar  {
  position: absolute !important;
  top: 610px !important;
  left: 200px !important;
}
.swiper-pagination-progressbar-fill {
  background-color: #D7171F !important;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  max-width: 890px !important;
  width: 100% !important;
  height: 2px !important;
}

.swiper-button-prev {
  top: 610px !important;
}
.swiper-button-prev {
  left: 30px !important;
}

.next-btn,
.prev-btn {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.prev-btn-img,
.next-btn-img {
  height: 16px !important;
  width: 16px !important;
}
.prev-btn-img {
  transform: rotate(-180deg) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after  {
  display: none !important;
}
.swiper-button-next {
  top: 610px !important;
  left: 100px !important;
}
.swiper__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  margin-bottom: 68px;
}
.all {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: end;
  margin-top: -125px;
  cursor: pointer;
  margin-bottom: 30px;
}
.all__wrapper {
  width: 166px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  position: relative;
  z-index: 2;
}
.all__link {
  color: #FFF;
  font-family: Panton;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.blueprint__progress {
  display: none;
}

/* SWIPER */

.follow__become-wrapper.mobile {
  display: none;
}
.review__btns {
  border-top: 1px solid #D8DFE5;
}

.mySwiper1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 650px !important;
}
.swiper-button-next.second {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  top: 457px !important;
  left: 1130px !important;
}
.swiper-slide.second {
  padding: 0;
  height: 585px;
}
.swiper-button-prev.second {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  top: 457px !important;
  left: 1060px !important;
}
.prev-arrow svg {
  transform: rotate(180deg);
}


.review__fulltext,
.review__letter {
  display: none;
}
/*  */

.swiper-slide.second {
  border: 1px solid #D8DFE5;
  padding: 0;
}

.why__list {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 2200px) {
  .situation {
    background-image: url('../../assets/img/follow-footer-bg.png');
    background-size: cover;
    background-position: top top;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1330px) {
  .mySwiper1 {
    width: 760px !important;
    height: 980px !important;
  }
  .swiper-button-next.second {
    top: 863px !important;
    left: 590px !important;
  }
  .swiper-button-prev.second  {
    top: 863px !important;
    left: 520px !important;
  }
  .swiper-slide.second {
    height: 950px;
    width: 720px !important;
    margin-right: 40px;
  }
  .swiper__wrapper {
    width: 720px;
  }
  .mySwiper1 {
    width: 720px;
  }
  .review__text {
    text-align: left;
  }
  .review__items {
    max-width: 720px;
    width: 100%;
  }
  .report__wrapper {
    justify-content: end;
    align-items: end;
  }
  .not__title {
    font-size: 60px;
  }
  .not__items {
    gap: 28px;
    overflow: auto;
    justify-content: start;
  }
  .not__items::-webkit-scrollbar {
    display: none;
  }
  .not__item,
  .not__img {
    width: 534px;
    height: 530px;
  }
  .not__img.first {
    display: none;
  }
  .not__img.second {
    display: block;
  }
  .situation {
    height: 1779px;
  }
  .situation__footer-wrapper {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .clients__title {
    font-size: 60px;
  }
  .review__items {
    height: 1000px;
  }
  .clients {
    padding-top: 127px;
  }
  .review__items {
    margin-bottom: 50px;
  }
  .clients__wrapper {
    padding-bottom: 10px;
  }
  .review__item,
  .review__item.first,
  .review__item.second,
  .review__item.third  {
    width: 720px;
    max-height: 945px;
    flex-direction: column;
    padding: 48px;
    margin-right: 0;
  }
  .review__btns {
    border-top: 1px solid #D8DFE5;
  }
  .review__body {
    margin-top: 48px;
    width: 100%;
  }
  .review__img {
    width: 400px;
    height: 400px;
  }
  .review__rating {
    display: none;
  }
  .situation__block {
    width: 300px;
    height: 300px;
  }
  .situation__title {
    font-size: 48px;
  }
  .situation__footer-text {
    font-size: 32px;
  }
  .situation__footer-img {
    width: 661px;
    height: 480px;
  }
  .situation__wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 48px;
    height: 1383px;
    width: 720px;
    overflow: hidden;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__item {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
}
@media (max-width: 1230px) {
  .service__wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .service__img {
    display: none;
  }
  .service__items {
    gap: 16px;
  }
  .service__items,
  .service__item {
    max-width: 800px;
    width: 100%;
  }
  .service__item {
    padding: 24px;
  }
  .service__img-wrapper {
    padding: 0;
  }
  .service__wrapper {
    margin-top: 68px;
  }
  .service__img-wrapper {
    height: max-content;
  }
  .service {
    margin-top: 0;
  }
  .service__img-text {
    padding: 0;
    color: #081A32;
    border-radius: 32px;
    background: transparent;
    backdrop-filter: blur(0px);
  }
}
@media (max-width: 1200px) {
  .for__title {
    font-size: 60px;
  }
  .for {
    height: 1244px;
  }
  .for__items {
    margin: 0 auto;
    margin-top: 120px;
    flex-wrap: wrap;
    max-width: 725px;
    width: 100%;
  }
  .blueprint__sticky-wrapper {
    display: none;
  }
  .blueprint__inner-container {
    justify-content: center;
  }
  .blueprint__title {
    font-size: 60px;
  }
  .blueprint__item-title {
    font-size: 32px;
    max-width: 348px;
  }
  .blueprint__item.first {
    margin-top: 85px;
    max-width: 348px;
  }
  .blueprint__item.second {
    margin-top: 30px;
    max-width: 348px;
  }
  .blueprint__item.third {
    margin-top: 80px;
    max-width: 348px;
  }
  .blueprint__item.fourth {
    margin-top: 80px;
    max-width: 348px;
  }
  .blueprint__item.fifth {
    margin-top: 100px;
  }

}
@media (max-width: 1040px) {
  .follow__wrapper {
    flex-direction: column;
    gap: 45px;
  }
  .follow__items {
    flex-direction: row;
    gap: 24px;
  }
  .follow__become-wrapper.hide {
    display: none;
  }
  .follow__become-wrapper.mobile {
    margin: 0 auto;
    display: flex;
  }
  .follow__wrapper {
    padding: 32px;
    height: 582px;
  }
  .follow__title {
    max-width: 100%;
    width: 100%;
    font-size: 48px;
  }
}
@media (max-width: 1000px) {
  .report__img-woman {
    width: 337px;
    height: 431px;
    object-fit: cover;
  }
  .report__first-section {
    padding: 48px;
  }
}
@media (max-width: 890px) {
  .why__list {
    flex-wrap: wrap;
  }
  .why__we {
    margin-left: 520px;
  }
  .follow {
    padding-top: 150px;
  }
  .calc__title {
    font-size: 60px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 760px) {
  .blue {
    top: -200px;
    right: 100px;
  }
  .pink {
    top: 650px;
    left: -300px;
  }
  .situation {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .situation__blocks {
    margin-top: 16px;
  }
  .situation__wrapper {
    height: 1007px;
  }
  .situation__footer-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .situation__footer-img {
    margin-top: 0;
    object-fit: cover;
    width: 453px;
    height: 329px;
  }
  .situation__block {
    width: 272px;
    height: 220px;
    padding: 24px;
  }
  .situation__text {
    font-size: 16px;
  }
  .situation__wrapper {
    gap: 16px;
  }
  .situation__footer-wrapper {
    padding-top: 16px;
  }
  .situation__title {
    font-size: 28px;
  }
  .situation__wrapper {
    padding-bottom: 30px;
  }
  .report__wrapper {
    flex-direction: column;
    width: 100%;
  }
  .report__img-wrapper {
    justify-content: center;
    margin: 0 auto;
  }
  .blueprint {
    position: relative;
  }
  .blueprint__item-title {
    margin-bottom: 0;
  }
  .blueprint__wrapper {
    margin-top: 68px;
  }
  .blueprint__background {
    height: 1400px;
  }
  .blueprint__item-container-second {
    margin-top: 40px;
  }
  .blueprint__item.fourth {
    margin-top: 55px;
  }
  .blueprint__item.fifth {
    margin-top: 45px;
    margin-left: 60px;
  }
  .blueprint__item.third {
    margin-left: 60px;
    margin-top: 30px;
  }
  .blueprint__item-container-fourth {
    justify-content: start;
    margin-left: 60px;
  }
  .blueprint__item {
    width: 280px;
  }
  .blueprint__title {

    font-size: 32px;
  }
  .blueprint__text {
    margin-top: 12px;
  }
  .blueprint__item.first {
    margin-top: -130px;
  }
  .blueprint__item-title {
    font-size: 24px;
  }
  .blueprint__progress {
    top: 120px;
    height: 1354px;
    position: absolute;
    display: block;
  }
  .blueprint__item-container-second {
    justify-content: start;
  }
  .blueprint__item.second {
    margin-top: 0;
    margin-left: 60px;
  }
  .blueprint__item.first {
    margin-left: 60px;
    margin-top: 0;
  }
  .blueprint__background {
    background-image: none;
  }

  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__item {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }

}
@media (max-width: 650px) {
  .service__item {
    gap: 15px;
  }
  .situation__footer-text {
    max-width: 516px;
    width: 100%;
  }
}



@media (max-width: 600px) {
  .situation__block {
    width: 100%;
  }
  .for {
    height: 100%;
    padding-bottom: 30px;
  }
  .contact__btn {
    font-size: 16px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
}
@media (max-width: 532px) {
  .blueprint__inner-container {
    margin-top: 30px;
  }
  .blueprint__progress {
    top: 95px;
  }
  .calc__title {
    font-size: 32px;
  }
  .calc__text {
    font-size: 18px;
  }
  .calc__title {
    padding-top: 90px;
  }
  .calc__wrapper {
    padding-bottom: 80px;
  }
}
@media (max-width: 450px) {
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
}
@media (max-width: 440px) {
  .report__first-section {
    padding: 20px;
  }
  .report__img-woman {
    width: 265px;
    height: 339px;
  }
  .report__text {
    font-size: 16px;
  }
  .report__title {
    font-size: 28px;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;

  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}
/* test */
@media (max-width: 1720px) {
  .contact__wrapper {
    background-position: top center;
  }
}
@media (max-width: 1330px) {
  .cloud {
    margin-top: 50px;
  }
  .cloud__wrapper {
    background-image: url('../../assets/img/audit-form-bg.png');
    background-size: cover;
    border-radius: 32px;
    max-width: 720px;
    width: 100%;
    height: 810px;
    padding: 32px;
  }
  .cloud__big-img {
    display: none;
  }
  .cloud__title {
    font-size: 48px;
  }
  .cloud__reason {
    font-size: 16px;
    width: max-content;
    height:max-content;
  }
  .cloud__reasons-wrapper {
    flex-direction: column;
  }
  .cloud__img-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cloud__img-mobile {
    display: block;
    width: 265px;
    height: 264px;
  }
  .cloud__make-wrapper {
    margin-top: 40px;
  }
  .audit__wrapper {
    max-width: 720px;
    width: 100%;
    height: 1131px;
    padding: 48px 40px 0 40px;
    overflow: hidden;
  }
  .audit__woman-wrapper {
    margin-bottom: -30px;
    width: 486px;
    height: 567px;
    margin-left: 70px;
  }
  .audit__inner-wrapper {
    height: 1411px;
  }
  .audit__title-wrapper {
    margin-bottom: 32px;
  }
  .audit__include-wrapper {
    flex-direction: column-reverse;
    padding-top: 32px;
  }
  .audit__title {
    font-size: 48px;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__item {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
  .support__plus-item {
    width: 172.5px;
  }
  .support__plus-text {
    width: 144.5px;
    word-wrap: break-word;
  }
  .minimum__title,
  .minimum__text {
    font-size: 16px;
  }
  .minimum__text {
    margin-top: 10px;
  }
  .minimum__order-btn {
    width: 159px;
    justify-content: space-between;
  }
}
@media (max-width: 890px) {
  .why__we {
    margin-left: 520px;
  }
  .scroll__wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .follow__wrapper {
    height: 100%;
  }
  .for {
    margin-top: -30px;
  }
  .follow__title {
    font-size: 24px;
  }
  .follow__items {
    flex-direction: column;
    align-items: center;
  }
  .follow__item-text.gold {
    font-size: 16px;
  }
  .follow__item,
  .follow__item.gold,
  .follow__item.red {
    max-width: 272px;
    padding: 24px;
    width: 100%;
    height: 160px;
  }
  .cloud__wrapper {
    padding: 24px;
    width: 320px;
    height: 572px;
  }
  .cloud__img-mobile {
    width: 183px;
    height: 182px;
  }
  .cloud__title {
    width: 260px;
    font-size: 24px;
  }
  .cloud__reason {
    font-size: 14px;
    padding: 0;
    border: none;
    width: 252px;
    display: flex;
    justify-content: start;
  }
  .cloud__reason-arrow {
    display: block;
    color: var(--red, #D7171F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    margin-right: 12px;
  }
  .cloud__wave-img {
    display: none;
  }
  .cloud__help {
    display: none;
  }
  .cloud__btn-wrapper {
    width: 271px !important;
    height: 58px;
    justify-content: space-between;
    gap: 0px;
    padding: 0 16px;
  }
  .cloud__btn {
    width: 191px;
    font-size: 16px;
  }
  .audit__title {
    font-size: 28px;
  }
  .audit__inner-wrapper {
    padding: 0 20px;
  }
  .audit__subtitle {
    margin-top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
  }
  .include__make-wrapper {
    width: 272px;
    padding: 0 16px;
  }
  .icnlude__title {
    font-size: 24px;
  }
  .audit__title-wrapper {
    margin-bottom: 16px;
  }
  .audit__wrapper {
    padding: 24px;
    height: 996px;
  }
  .audit__include-wrapper {
    padding-top: 16px;
  }
  .include__item {
    margin-top: 24px;
  }
  .include__make {
    font-size: 16px;
  }
  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__item {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .review__items {
    display: none;
  }
  .reviews__mobile-wrapper {
    display: flex;
    overflow: auto;
    padding-left: 20px;
    margin-top: 32px;
    gap: 16px;
    padding-bottom: 68px;
  }
  .reviews__mobile-wrapper::-webkit-scrollbar {
    display: none;
  }
  .reviews__mobile {
    width: 264px;
    height: 682px;
    border-radius: 32px;
    border: 1px solid #D8DFE5;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .reviews__mobile-img {
    width: 216px;
    height: 216px;
  }
  .reviews__mobile-title {
    margin: 0 auto;
    width: 216px;
    margin-top: 32px;
    color: #081A32;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 26.4px */
  }
  .reviews__mobile-text {
    margin: 0 auto;
    margin-top: 16px;
    width: 216px;
    color: #081A32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
  }
  .read__all-wrapper {
    margin-top: 32px;
    border-radius: 32px;
    background: #D7171F;
    width: 216px;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 21px 16px;
    justify-content: space-between;
  }
  .read {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
  }
  .clients__title {
    font-size: 32px;
  }
}
@media (max-width: 740px) {
  .situation__blocks {
    flex-direction: column;
  }
  .situation__wrapper {
    width: 100%;
    height: 100%;
  }
  .situation__footer-img-wrapper{
    margin-bottom: -30px;
  }
}
@media (max-width: 630px) {
  .audit__woman-wrapper {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .audit__woman-img {
    width: 372px;
    height: 387px;
    object-fit: cover;
  }
  .for__wrapper {
    padding-top: 70px;
  }
}
@media (max-width: 1300px) {
  .case__user-img {
    height: 550px;
    object-fit: cover;
  }
  .plans__items {
    flex-direction: column;
  }
  .plans__item {
    width: 100%;
    height: 100%;
  }
  .plans__price-wrapper {
    margin-top: 32px;
    max-width: 100%;

  }

}

@media (max-width: 520px) {
  .service__img-text {
    text-align: center;
    font-size: 32px;
  }
  .not__wrapper {
    margin-top: 80px;
  }
  .not__title {
    font-size: 32px;
  }
  .not__text-wrapper {
    height: 180px;
    padding: 16px;
  }
  .not__item {
    width: 264px;
    height: 400px;
  }
  .not__img {
    width: 264px;
    height: 400px;
  }
  .not__img.second {
    display: none;
  }
  .not__img.first {
    display: block;
  }
  .not__text {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .situation__footer-text {
    font-size: 24px;
  }
  .situation__wrapper {
    padding: 24px;
  }
  .clients__title {
    width: 320px;
    margin-right: 0;
  }
  .clients {
    padding-top: 68px;
  }
  .clients__wrapper {
    padding-left: 20px;
  }
  .reviews__mobile-wrapper {
    padding-left: 0;
  }
}
@media (max-width: 580px) {
  .contact__btn {
    font-size: 16px;
  }
  .not {
    padding-bottom: 68px;
  }
  .plans {
    margin-top: 80px;
  }
  .plans__items {
    margin-top: 30px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
  .for__title {
    font-size: 32px;
  }
  .for__item-title {
    font-size: 21px;
  }
  .for__item-text {
    font-size: 16px;
  }
  .for {
    height: 1172px;
  }
  .for__items {
    margin-top: 68px;
    justify-content: center;
  }
  .for__item {
    flex: none;
    width: 320px;
    height: 280px;
  }
}
@media (max-width: 500px) {
  .plans__filters {
    flex-direction: column;
    gap: 12px;
  }
  .plans__filter{
    max-width: 300px;
    margin: 0 auto;
  }
  .not__item {
    padding: 16px;
  }
  .not__text-wrapper {
    width: 232px;

  }
  .plans__title {
    font-size: 32px;
  }
  .plans__order-wrapper {
    width: 100%;
  }
  .plans__price {
    margin-left: 24px;
  }
  .plans__price-wrapper {
    padding-left: 0;
    padding-top: 20px;
    align-items: start;
    flex-direction: column;
    height: 120px;
  }
}
@media (max-width: 450px) {
  .follow__wrapper {
    padding: 24px;
  }
  .follow__become-wrapper.mobile {
    width: 100%;
  }
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -30px;
  }
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
  .scroll__wrapper {
    padding-top: 50px;
  }
  .for {
    margin-top: -30px;
  }
}
@media (max-width: 430px) {
  .audit__woman-img {
    width: 310px;
    height: 317px;
  }
  .audit__woman-wrapper {
    margin-left: 20px;
    object-fit: cover;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;
  }
  .follow {
    padding-top: 120px;
  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 390px) {
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -45px;
  }
}
@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}

.not__desc {
  display: none;
}

/* AUDIT */


.audit__inner-wrapper {

  background-image: url('../../assets/img/audit-form-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;

  height: 1263px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
}

.audit__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  padding: 68px;
  overflow: hidden;
}

.audit__wrapper:hover .audit__woman-wrapper {
  transform: translateY(30px);
}

.audit__title-wrapper {
  margin-bottom: 48px;
}

.audit__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 60px */
}

.audit__subtitle {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 28.8px */
}

.audit__include-wrapper {
  padding-top: 48px;
  border-top: rgba(255, 255, 255, 0.15) 1px solid;
  display: flex;
  gap: 69px;
}

.audit__woman-wrapper {
  margin-top: 5px;
  transition: all .8s ease-in-out;
  margin-bottom: -68px;
}

.audit__woman-img {
  width: 517px;
  height: 620px;
}

.icnlude__title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 35.2px */
}

.include__item {
  margin-top: 29px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.include__img {
  width: 32px;
  height: 32px;
}

.include__text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 21.6px */
}

.include__make-wrapper {
  cursor: pointer;
  margin-top: 38px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  width: 289px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  justify-content: space-between;
  transition: all .2s ease;
}

.include__make-wrapper:hover {
  background-color: #ECF1F6;
}

.include__make-wrapper:hover .include__make,
.include__make-wrapper:hover .include__make-img path {
  color: #081A32;
  fill: #081A32;
}

.include__make {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 19.8px */
}


/* BLUEPRINT */

.blueprint {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 2;
  border-radius: 32px;
  background-color: #fff;
}
.blueprint__wrapper {
  border-radius: 32px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 140px;
}
.blueprint__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.blueprint__inner-container {
  margin-top: 92px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.blueprint__sticky-wrapper {
  z-index: 2;
  top: 100px;
  bottom: 100px;
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  width: 299px;
  height: 368px;
  padding: 32px;
}
.blueprint__img {
  width: 80px;
  height: 80px;
}
.blueprint__block-title {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.blueprint__block-text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__contact-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 235px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  cursor: pointer;
  transition: all .3s ease;
}
.blueprint__contact-wrapper:hover {
  background-color: #081A32;
}
.blueprint__contact {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.blueprint__background {
  background-image: url('../../assets/img/follow-lines.png');
  background-size: fill;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  max-width: 844px;
  width: 100%;
  height: 1965px;
}
.blue {
  right: 200px;
  z-index: 1;
  position: absolute;
}
.pink {
  left: 100px;
  top: 1200px;
  z-index: 1;
  position: absolute;
}
.blueprint__item {
  display: flex;
  flex-direction: column;
  max-width: 374px;
}
.blueprint__item.first {
  margin-top: 30px;
}
.blueprint__number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 6px 12px;
  margin-bottom: 24px;
  width: 42px;
  height: 28px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.blueprint__item-title {
  color: var(--black, #081A32);
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 46.2px */
  margin-bottom: 65px;
}
.blueprint__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__item.third {
  margin-top: 60px;
}
.blueprint__item.fourth {
  margin-top: 60px;
}
.blueprint__item.fifth {
  margin-top: 60px;
}
.blueprint__item-container-second {
  margin-top: 60px;
  display: flex;
  justify-content: end;
}
.blueprint__item-container-fourth {
  display: flex;
  justify-content: end;
}


/* BLUEPRINT END */


/* REPORT */

.report {
  margin-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
.report__wrapper {
  margin: 0 auto;
  max-width: 1280px;
  flex-shrink: 0;
  display: flex;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.report__first-section {
  padding: 68px;
}
.report__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.report__items {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.report__item {
  display: flex;
  align-items: start;
  gap: 16px;
}
.report__img {
  width: 32px;
  height: 32px;
}
.report__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.report__img-woman {
  width: 517px;
  height: 556px;
}


/* REPORT END */

/* PLANS */

.plans {
  margin-top: 180px;
}
.plans__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.plans__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.plans__filters {
  display: flex;
  max-width: 440px;
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
  justify-content: space-between;
}
.plans__filter {
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: flex-start;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
  cursor: pointer;
}
.plans__filter.active {
  border-radius: 32px;
  color: #FFF;
  background: var(--brand-red, #D7171F);
}
.plans__items {
  margin-top: 68px;
  display: none;
  gap: 28px;
}

.plans__items.active {
  display: flex;
}

.plans__item {
  width: 408px;
  display: flex;
  height: 629px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.plans__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.item__list svg {
  flex-shrink: 0;
}
.plans__item-list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.item__list {
  display: flex;
  gap: 12px;
}
.item__list-img {
  flex-shrink: 0;
}
.plans__price-wrapper {
  max-width: 344px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding-left: 24px;
}
.plans__price {
  color: var(--red, #D7171F);
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.plans__order-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  width: 156px;
  height: 60px;
  cursor: pointer;
}
.plans__order-wrapper:hover {
  background-color: #081A32;
}

.plans__order {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


.plans__item-high-wrapper {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.plans__item-high-wrapper svg {
  flex-shrink: 0;
}
.plans__item-high {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
  padding-bottom: 16px;

}
.plans__plus-items {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.plans__plus-item {
  display: flex;
  gap: 12px;
}
.plans__plus-item svg {
  flex-shrink: 0;
}
.plans__plus-item-text {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}


/* PLANS */
/* FOLLOW */

.follow {
  width: 100%;
  height: 100%;
  background-image: url('../../assets/img/follow-intro-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
}
.follow__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  height: 600px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.50);
  backdrop-filter: blur(25px);
  padding: 68px;
  display: flex;
  gap: 28px;
}
.follow__title-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 770px;
  width: 100%;
  justify-content: space-between;
}
.follow__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
  max-width: 665px;
}
.follow__become-wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  width: 251px;
  transition: .2s all ease;
  cursor: pointer;
}
.follow__become-wrapper:hover {
  background-color: #ECF1F6;
}
.follow__become-wrapper:hover svg path,
.follow__become-wrapper:hover .follow__become {
  color: #081A32;
  fill: #081A32;
}
.follow__become {
  position: relative;
  z-index: 2;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.follow__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow__item.red {
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 32px;
  width: 340px;
  height: 218px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow__item.gold {
  display: flex;
  width: 340px;
  height: 218px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 32px;
  background: linear-gradient(196deg, #FCC100 -0.4%, #FFEF70 45.62%, #FFEF70 72.56%, #FCC100 97.97%);
}
.follow__item-text-wrapper {
  gap: 8px;
  flex-shrink: 0;
  display: flex;
  width: 101px;
  height: 48px;
  padding: 13px 14px 11px 14px;
  border-radius: 16px;
  background: var(--black, #081A32);
}
.follow__item-title.gold {
  color: #FEE456;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 22px */
}
.follow__item-title.red {
  color: #FFF;
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 52px */
}
.follow__item-text.red {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.follow__item-text.gold {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.scroll__wrapper {
  margin: 0 auto;
  padding-top: 168px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 48px;
}
.scroll__img {
  width: 24px;
  height: 24px;
}
.scroll__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


/* FOLLOW END */

/* FOR */
.for {
  width: 100%;
  height: 1070px;
  background-image: url('../../assets/img/follow-cloud.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 32px;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
}
.for__wrapper {
  padding-top: 140px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 120px;
}
.for__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.for__items {
  margin-top: 120px;
  display: flex;
  gap: 28px;

}
.for__item {
  display: flex;
  height: 360px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  transition: .3s ease all;
}
.for__item-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.for__item-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.for__item-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  padding: 6px 12px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

/* FOR END */

/* SERVICE */

.service {
  margin-top: 140px;
  padding-left: 20px;
  padding-right: 20px;
}
.service__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 100px auto;
  display: flex;
  justify-content: space-between;
}
.service__img-wrapper {
  width: 517px;
  height: 904px;
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-radius: 32px;
  transition: all .7 ease;
}
.service__img {
  top: 0;
  left: 0;
  width: 517px;
  height: 904px;
  position: absolute;
  border-radius: 32px;
  transition: all .7s ease;
}
.service__img:hover {
  transform: scale(1.1);
}
.service__img-text {
  margin: 0 auto;
  width: 453px;
  height: 148px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 42px */
}
.service__items {
  max-width: 626px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.service__item {
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service__item-img {
  width: 80px;
  height: 80px;
}
.service__item-text {
  max-width: 456px;
  width: 100%;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}


/* SERVICE END */

/* NOT */

.not {
  background-image: url('../../assets/img/follow-bg-block.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  padding-bottom: 140px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0 0 32px 32px;
}
.not__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 180px;

}
.not__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.not__items {
  margin-top: 68px;
  display: flex;
  justify-content: space-between;
}
.not__item {
  display: flex;
  width: 408px;
  height: 530px;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  transition: .8s ease all;
}
.not__img {
  width: 408px;
  height: 530px;
  border-radius: 32px;
  position: absolute;
  top: 0;
  left: 0;
  transition: .8s ease all;
}
.not__img.second {
  display: none;
}
.not__img:hover {
  transform: scale(1.1);
}
.not__text-wrapper {
  display: flex;
  height: 206px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
}
.not__text {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.not__btn-wrapper {
  padding: 12px 16px;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 142px;
  cursor: pointer;
  transition: all .3s ease;
}
.not__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.not__btn-wrapper:hover .not__btn,
.not__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.not__btn {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.not__support-wrapper {
  margin: 0 auto;
  margin-top: 48px;
  width: 281px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  padding: 20px 24px;
  justify-content: space-between;
  cursor: pointer;
  transition: all .3s ease;
}
.not__support-wrapper:hover {
  background-color: #ECF1F6;
}
.not__support-wrapper:hover .not__support,
.not__support-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.not__support {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* NOT */

/* situation */

.situation {
  margin-top: -30px;
  width: 100%;
  height: 1331px;
  background-image: url('../../assets/img/follow-footer-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}
.situation__wrapper {
  display: flex;
  margin: 0 auto;
  width: 1280px;
  height: 979px;
  padding: 68px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.40);
  backdrop-filter: blur(25px);
}
.situation__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.situation__blocks {
  display: flex;
  gap: 28px;
}
.situation__block {
  display: flex;
  width: 558px;
  height: 250px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 32px;
  background: #FFF;
  backdrop-filter: blur(25px);
  transition: .3s all ease;
}
.situation__img {
  width: 48px;
  height: 48px;
}
.situation__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.situation__footer-wrapper {
  padding-top: 48px;
  max-width: 1141px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  gap: 28px;
}
.situation__footer-img-wrapper {
  overflow: hidden;

  height: 100%;
}
.situation__footer-img {
  margin-top: 43px;
  width: 517px;
  height: 396px;
  object-fit: contain;

}
.situation__footer-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.situation__footer-text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  width: 558px;
}

.situation__footer-receive-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  width: 281px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.situation__footer-receive-wrapper:hover {
  background-color: #ECF1F6;
}
.situation__footer-receive-wrapper:hover svg path,
.situation__footer-receive-wrapper:hover .situation__footer-receive {
  color: #081A32;
  fill: #081A32;
}
.situation__footer-receive {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* situation */

/* WHAT */
.screen {
  overflow: hidden;
}
.screen__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.screen__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 1062px;
  width: 100%;
  margin: 0 auto;
  margin-top: 171px;
}
.screen__subtitle {
  margin-top: 20px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.screen__price-wrapper {
  margin: 0 auto;
  margin-top: 40px;
  width: 263px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen__price {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.screen__img-wrapper {
  margin-top: 100px;
  transition: all 1s ease;
  transform: translateY(80px);
}
.screen__img-wrapper:hover {
  transform: translateY(10px);
}
.screen__img {
  object-fit: contain;
  max-width: 1280px;
  height: max-content;
}
.what {
  width: 100%;
  height: 1546px;
  border-radius: 32px;
  background: linear-gradient(138deg, #0D4DA1 23.63%, #83A8D8 101.06%);
  position: relative;
  z-index: 2;
}
.what__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

}
.what__title {
  padding-top: 140px;
  width: 299px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.what__item {
  border-top: 1px rgba(255, 255, 255, 0.15) solid;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 20px;
  padding-top: 20px;
}
.what__item.first {
  margin-top: 68px;
  padding-top: 20px;

}
.what__item-title {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__item-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 64px;
  background: rgba(8, 26, 50, 0.60);
  padding: 14px 24px;
}
.what__item-subtitle {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__receive {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__item-inline-img-wrapper {
  display: flex;
  align-items: center;
  border-radius: 64px;
  background: rgba(8, 26, 50, 0.60);
  padding: 14px 24px;
  gap: 16px;
}
.what__control {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__text {
  margin-top: 8px;
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.what__book-wrapper {
  margin-top: 180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.what__book-img-wrapper {
  width: 517px;
  height: 550px;
  flex-shrink: 0;
  border-radius: 32px;
  background: rgba(5, 10, 17, 0.50);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: end;
  justify-content: start;
}
.what__book-img {
  width: 400px;
  height: 481px;
}
.what__book-text-wrapper {
  max-width: 626px;
  width: 100%;
}
.what__book-title {
  color: #FFF;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.what__book-text {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}

/* WHAT END */

/* CALC */


.calc {
  margin-top: -30px;
  background-image: url('../../assets/img/home-footer-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  margin-bottom: -30px;
  padding-left: 20px;
  padding-right: 20px;
}
.calc__wrapper {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 180px;
}
.calc__title {
  padding-top: 180px;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.calc__text {
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
  margin-bottom: 48px;
}
.calc__btn-wrapper {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  cursor: pointer;
  transition: all .3s ease;
}
.calc__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.calc__btn-wrapper:hover .calc__btn,
.calc__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.calc__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}




/* CALC */

.calc__container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 180px;
  padding-bottom: 180px;
}
.calc__projects-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.calc__projects-amount-wrapper {
  display: flex;
}
.calc__projects-amount {
  color: var(--red, #D7171F);
  font-size: 200px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 200px */
}
.calc__projects-plus {
  color: var(--red, #D7171F);
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.calc__projects-amount-text {
  margin-top: 48px;
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  width: 408px;
}
.projects__wrapper {
  width: 626px;
}
.projects__items {
  display: flex;
  gap: 28px;
}
.projects__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  width: 299px;
  height: 116px;
  border-radius: 32px;
  background: rgba(5, 10, 17, 0.50);
  backdrop-filter: blur(25px);
}
.projects__title {
  color: var(--red, #D7171F);
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 52px */
}
.projects__subtitle {
  width: 120px;
  display: flex;
  align-items: end;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
}
.projects__thanks-wrapper {
  margin-top: 60px;
}
.projects__thanks-text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}

/* CALC */

/* CALC */

/* TOOLS */
.tools {
  height: 2072px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
  border-radius: 32px;
}
.tools__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.tools__title {
  color: var(--black, #081A32);
  text-align: center;
  font-family: Panton;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  padding-top: 140px;
}
.tools__items {
  margin-top: 68px;
}

.tools__first__items {
  display: flex;
  gap: 28px;
}
.tools__first-two-items {
  display: flex;
  gap: 28px;
}
.tools__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 408px;
  height: 340px;
  padding: 32px;
  gap: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  transition: all .3s ease;

}
.tools__item:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item.hide {
  display: none;
}
.tools__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-icon {
  width: 48px;
  height: 48px;
}
.tools__item-large-blue {
  display: flex;
  width: 844px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  overflow: hidden;
  transition: all .3s ease;
}
.tools__item-large-blue:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item-large-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tools__item-large-text-wrapper {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-large-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-large-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-large-icon {
  width: 48px;
  height: 48px;
}
.tools__item-user {
  width: 250px;
  height: 319px;
}
.tools__second-items {
  margin-top: 28px;
  display: flex;
  gap: 28px;
}
.tools__third-items {
  margin-top: 28px;
}
.tools__third-items-wrapper {
  display: flex;
  gap: 28px;
}
.tools__large-blue {
  display: flex;
  display: flex;
  width: 844px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  overflow: hidden;
  transition: .3s ease all;
}
.tools__large-blue:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__large-blue-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.tools__large-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__large-subtitle {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__large-icon {
  width: 48px;
  height: 48px;
}
.tools__large-user {
  width: 278px;
  height: 345px;
}
.tools__item-subtitle {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item.hide {
  display: none;
}
.tools__fourth-items {
  display: flex;
  gap: 28px;
}
.tools__items-large {
  margin-top: 28px;
  display: flex;
  gap: 28px;
}
.tools__item-large {
  display: flex;
  width: 626px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  transition: .3s ease all;
}
.tools__item-large:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item-large-title.dark {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-large-subtitle {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__help-wrapper {
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 281px;
  height: 60px;
  padding: 20px 24px;
  margin: 0 auto;
  margin-top: 60px;
  cursor: pointer;
}
.tools__help {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


/* TOOLS END */

/* AUDIT END */

/* COMBO */
.combo__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 140px;
}
.combo__title-wrapper {
  background-image: url('../../assets/img/home-support.png');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 32px;
  width: 517px;
  height: 892px;
}
.combo__title {
  width: 453px;
  height: 208px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  padding: 32px;

  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.accordion__section {
  max-width: 626px;
  width: 100%;
}
.accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  height: 144px;
  padding: 32px;
  transition: all .2s ease;
}

.accordion__wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.accordion__icon {
  width: 80px;
  height: 80px;
}
.accordion__title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
}
.accordion__cross {
  width: 24px;
  height: 3px;
  background-color: #D7171F;
  border-radius: 30px;
  transition: all .2s ease;
}
.accordion__cross::after {
  display: block;
  content: '';
  width: 24px;
  height: 3px;
  background-color: #D7171F;
  border-radius: 30px;
  transform: rotate(90deg);
  opacity: 1;
}
.accordion.active .accordion__cross {
  background-color: #757D87;
}
.accordion.active .accordion__cross::after {
  opacity: 0;
}
.accordion.active {
  border-radius: 32px 32px 0 0;
  border-bottom: transparent;
}
.panel {
  border: transparent;
  transition: .2s all ease;
}
.panel.active {
  padding: 10px 32px 32px 32px;
  border-radius: 0 0 32px 32px;
  border: 1px solid var(--sup, #D8DFE5);
  border-top: none;
}
.panel__title,
.panel__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.panel__text {
  margin-top: 20px;
}


.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  font-size: 15px;
  transition: 0.4s;
}
.accordion__item {
  margin-bottom: 28px;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


/* COMBO END */




/* AUDIT */

.audit__inner-wrapper {
  margin-top: -30px;
  background-image: url('../../assets/img/audit-form-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 1087px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audit__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  height: 791px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  padding: 68px;
  overflow: hidden;
}
.audit__wrapper:hover .audit__woman-wrapper {
  transform: translateY(30px);
}
.audit__title-wrapper {
  margin-bottom: 48px;
}
.audit__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.audit__subtitle {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.audit__include-wrapper {
  padding-top: 48px;
  border-top: rgba(255, 255, 255, 0.15) 1px solid;
  display: flex;
  gap: 69px;
}
.audit__woman-wrapper {
  transition: all .8s ease-in-out;
  margin-top: 50px;
}
.audit__woman-img {
  width: 517px;
  height: 469px;
}
.icnlude__title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.include__item {
  margin-top: 29px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.include__img {
  width: 32px;
  height: 32px;
}
.include__text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.include__make-wrapper {
  cursor: pointer;
  margin-top: 38px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  width: 355px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  justify-content: space-between;
  transition: all .2s ease;
}
.include__make-wrapper:hover {
  background-color: #ECF1F6;
}
.include__make-wrapper:hover .include__make,
.include__make-wrapper:hover .include__make-img path {
  color: #081A32;
  fill: #081A32;
}
.include__make {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* AUDIT */

/* WHY */

.why {
  margin-top: 150px;
  background-color: #FFF;
}
.why__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
}
.why__we {
  width: 299px;
  margin-left: 670px;
  margin-top: 140px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  transition: all 1s ease-in-out;
}
.why__title {
  color: #D7171F;
  text-align: center;
  font-size: 227px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 227px */
  transition: all 1s ease-in-out;
}
.why__items {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: -60px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.why__item:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.why__wrapper:hover .why__title,
.why__wrapper:hover .why__we {
  transform: translateY(-90px);
}
.why__img.check {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.why__img.c {
  width: 65px;
  height: 48px;
}
.why__img.bitrix {
  object-fit: contain;
  width: 120px;
  height: 48px;
}
.why__img.min {
  width: 131px;
  height: 48px;
}
.why__img.blue {
  width: 119px;
  height: 48px;
}
.why__img.arrow {
  width: 48px;
  height: 48px;
}
.why__footer-wrapper {
  display: flex;
  justify-content: space-between;
}
.why__download-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.why__download {
  color: var(--red, #D7171F);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

.why__title-item {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  width: 224px;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}

.why__number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  width: 42px;
  height: 28px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.why__price-title {
  margin-top: 180px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.why__price-wrapper {
  max-width: 1280px;
  width: 100%;
  height: 593px;
  margin: 0 auto;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  margin-top: 28px;
  padding: 68px;
  display: flex;
  gap: 48px;
  margin-bottom: 140px;
  position: relative;
}
.why__price {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__hours-wrapper {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  width: 171px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.why__hours-high {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.why__hours-red-wrapper {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours-red {
  width: 171px;
  color: var(--red, #D7171F);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.why__support {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  margin-top: 48px;
}
.support__plus-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.support__plus-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.support__plus-item {
  width: 366px;
  display: flex;
  gap: 12px;
}
.support__plus-img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.minimum__wrapper {
  max-width: 340px;
  width: 100%;
  height: 100%;
  position: relative;
}
.minimum__item {
  padding: 32px;
  border-radius: 32px;
  background: #FFF;
  max-width: 340px;
  width: 100%;
  height: 280px;
  position: sticky;
  top: 100px;
}
.minimum__title,
.minimum__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.minimum__text {
  margin-top: 25px;
}
.minimum__order-btn {
  width: 156px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  margin-top: 24px;
  transition: all .2s ease;
  cursor: pointer;
}
.minimum__order-btn:hover {
  background-color: #ECF1F6;
}
.minimum__order-btn:hover .minimum__order,
.minimum__order-btn:hover .minimum__order-img path {
  color: #081A32;
  fill: #081A32;
}
.minimum__order {
  transition: all .2s ease;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/* WHY END */

/* REVIEW */

.clients {
  position: relative;
  z-index: 2;
  margin-top: -30px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  padding-top: 180px;
}
.clients__wrapper {
  padding-bottom: 50px;
}
.clients__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.review__items {
  margin: 0 auto;
  width: 1280px;
  height: 585px;
  margin-top: 68px;
  margin-bottom: 159px;
}
.review__item {
  flex-shrink: 0;
  max-width: 1280px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  padding: 68px;
  justify-content: space-between;
  align-items: center;
}
.review__photo {
  width: max-content;
  position: relative;
}
.review__rating {
  width: 100px;
  height: 100px;
  left: 320px;
  position: absolute;
}
.review__img {
  width: 449px;
  height: 449px;
  flex-shrink: 0;
}
.review__body {
  max-width: 558px;
  width: 100%;
}
.review__user {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  text-align: left;
}
.review__text {
  text-align: left;
  margin-top: 16px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
}
.review__btns {
  margin-top: 79px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review__review-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  width: 232px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.review__review-wrapper:hover {
  background-color: #ECF1F6;
}
.review__review-wrapper:hover svg path,
.review__review-wrapper:hover .review__review {
  color: #081A32;
  fill: #081A32;
}
.review__review {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/*  */

/* REVIEW */
.reviews__mobile-wrapper{
  display: none;
}
/* CONTACT */

.contact__wrapper {
  background-image: url('../../assets/img/contacts-bg.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 970px;
  margin-bottom: -260px;
  margin-top: -27px;
  position: relative;
  z-index: 1;
}
.contact {
  margin-top: 180px;
  height: 832px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:start;
}
.contact__title {
  max-width: 844px;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.contact__text {
  max-width: 844px;
  width: 100%;
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.contact__btn-wrapper {
  margin-top: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  height: 60px;
  padding: 0 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  transition: all .2s ease;
}

.contact__btn-wrapper:hover {
  background: var(--bg, #ECF1F6);
}
.contact__btn-wrapper:hover .contact__btn {
  color: var(--black, #081A32);
}
.contact__btn-wrapper:hover svg path {
  fill: #081A32;
}
.contact__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.why__hours-wrapper-mobile {
  display: none;
}



/* CONTACT END */

/* SWIPER */

.swiper__wrapper {
  margin: 0 auto;

  max-width: 1280px;
  width: 100%;
  height: 850px;
  position: relative;
  overflow: hidden;
}
.swiper {
  width: 100%;
  height: 100%;
  border-radius: 32px;
}

.swiper-slide {
  width: 626px;
  height: 530px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  padding: 32px;
  z-index: 2;
}
.swiper-slide.sea,
.swiper-slide.office {
  position: relative;
  overflow: hidden;
  width: 626px;
  height: 530px;
  display: flex;
  align-items: end;
  justify-content: center;
}
.swiper-slide.sea:hover .swiper-img,
.swiper-slide.office:hover .swiper-img {
  transform: scale(1.1);
}
.swiper-img {
  top: 0;
  left: 0;
  position: absolute;
  width: 626px;
  height: 530px;
  transition: all .8s ease;
  overflow: hidden;
  border-radius: 32px;
  z-index: 0;
}
.swiper__text-wrapper {
  position: relative;
  z-index: 2;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  width: 562px;
}
.swiper__text-tag {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.swiper__text {
  text-align: left;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}

.swiper-pagination-progressbar  {
  position: absolute !important;
  top: 610px !important;
  left: 200px !important;
}
.swiper-pagination-progressbar-fill {
  background-color: #D7171F !important;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  max-width: 890px !important;
  width: 100% !important;
  height: 2px !important;
}

.swiper-button-prev {
  top: 610px !important;
}
.swiper-button-prev {
  left: 30px !important;
}

.next-btn,
.prev-btn {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.prev-btn-img,
.next-btn-img {
  height: 16px !important;
  width: 16px !important;
}
.prev-btn-img {
  transform: rotate(-180deg) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after  {
  display: none !important;
}
.swiper-button-next {
  top: 610px !important;
  left: 100px !important;
}
.swiper__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  margin-bottom: 68px;
}
.all {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: end;
  margin-top: -125px;
  cursor: pointer;
  margin-bottom: 30px;
}
.all__wrapper {
  width: 166px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  position: relative;
  z-index: 2;
}
.all__link {
  color: #FFF;
  font-family: Panton;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.blueprint__progress {
  display: none;
}

/* SWIPER */

.follow__become-wrapper.mobile {
  display: none;
}
.review__btns {
  border-top: 1px solid #D8DFE5;
}

.mySwiper1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 650px !important;
}
.swiper-button-next.second {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  top: 457px !important;
  left: 1130px !important;
}
.swiper-slide.second {
  padding: 0;
  height: 585px;
}
.swiper-button-prev.second {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  top: 457px !important;
  left: 1060px !important;
}
.prev-arrow svg {
  transform: rotate(180deg);
}


.review__fulltext,
.review__letter {
  display: none;
}
/*  */

.swiper-slide.second {
  border: 1px solid #D8DFE5;
  padding: 0;
}

.why__list {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 2200px) {
  .situation {
    background-image: url('../../assets/img/follow-footer-bg.png');
    background-size: cover;
    background-position: top top;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1330px) {
  .mySwiper1 {
    width: 760px !important;
    height: 980px !important;
  }
  .swiper-button-next.second {
    top: 863px !important;
    left: 590px !important;
  }
  .swiper-button-prev.second  {
    top: 863px !important;
    left: 520px !important;
  }
  .swiper-slide.second {
    height: 950px;
    width: 720px !important;
    margin-right: 40px;
  }
  .swiper__wrapper {
    width: 720px;
  }
  .mySwiper1 {
    width: 720px;
  }
  .review__text {
    text-align: left;
  }
  .review__items {
    max-width: 720px;
    width: 100%;
  }
  .report__wrapper {
    justify-content: end;
    align-items: end;
  }
  .not__title {
    font-size: 60px;
  }
  .not__items {
    gap: 28px;
    overflow: auto;
    justify-content: start;
  }
  .not__items::-webkit-scrollbar {
    display: none;
  }
  .not__item,
  .not__img {
    width: 534px;
    height: 530px;
  }
  .not__img.first {
    display: none;
  }
  .not__img.second {
    display: block;
  }
  .situation {
    height: 1779px;
  }
  .situation__footer-wrapper {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .clients__title {
    font-size: 60px;
  }
  .review__items {
    height: 1000px;
  }
  .clients {
    padding-top: 127px;
  }
  .review__items {
    margin-bottom: 50px;
  }
  .clients__wrapper {
    padding-bottom: 10px;
  }
  .review__item,
  .review__item.first,
  .review__item.second,
  .review__item.third  {
    width: 720px;
    max-height: 945px;
    flex-direction: column;
    padding: 48px;
    margin-right: 0;
  }
  .review__btns {
    border-top: 1px solid #D8DFE5;
  }
  .review__body {
    margin-top: 48px;
    width: 100%;
  }
  .review__img {
    width: 400px;
    height: 400px;
  }
  .review__rating {
    display: none;
  }
  .situation__block {
    width: 300px;
    height: 300px;
  }
  .situation__title {
    font-size: 48px;
  }
  .situation__footer-text {
    font-size: 32px;
  }
  .situation__footer-img {
    width: 661px;
    height: 480px;
  }
  .situation__wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 48px;
    height: 1383px;
    width: 720px;
    overflow: hidden;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__item {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
}
@media (max-width: 1230px) {
  .service__wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .service__img {
    display: none;
  }
  .service__items {
    gap: 16px;
  }
  .service__items,
  .service__item {
    max-width: 800px;
    width: 100%;
  }
  .service__item {
    padding: 24px;
  }
  .service__img-wrapper {
    padding: 0;
  }
  .service__wrapper {
    margin-top: 68px;
  }
  .service__img-wrapper {
    height: max-content;
  }
  .service {
    margin-top: 0;
  }
  .service__img-text {
    padding: 0;
    color: #081A32;
    border-radius: 32px;
    background: transparent;
    backdrop-filter: blur(0px);
  }
}
@media (max-width: 1200px) {
  .for__title {
    font-size: 60px;
  }
  .for {
    height: 1244px;
  }
  .for__items {
    margin: 0 auto;
    margin-top: 120px;
    flex-wrap: wrap;
    max-width: 725px;
    width: 100%;
  }
  .blueprint__sticky-wrapper {
    display: none;
  }
  .blueprint__inner-container {
    justify-content: center;
  }
  .blueprint__title {
    font-size: 60px;
  }
  .blueprint__item-title {
    font-size: 32px;
    max-width: 348px;
  }
  .blueprint__item.first {
    margin-top: 85px;
    max-width: 348px;
  }
  .blueprint__item.second {
    margin-top: 30px;
    max-width: 348px;
  }
  .blueprint__item.third {
    margin-top: 80px;
    max-width: 348px;
  }
  .blueprint__item.fourth {
    margin-top: 80px;
    max-width: 348px;
  }
  .blueprint__item.fifth {
    margin-top: 100px;
  }

}
@media (max-width: 1040px) {
  .follow__wrapper {
    flex-direction: column;
    gap: 45px;
  }
  .follow__items {
    flex-direction: row;
    gap: 24px;
  }
  .follow__become-wrapper.hide {
    display: none;
  }
  .follow__become-wrapper.mobile {
    margin: 0 auto;
    display: flex;
  }
  .follow__wrapper {
    padding: 32px;
    height: 582px;
  }
  .follow__title {
    max-width: 100%;
    width: 100%;
    font-size: 48px;
  }
}
@media (max-width: 1000px) {
  .report__img-woman {
    width: 337px;
    height: 431px;
    object-fit: cover;
  }
  .report__first-section {
    padding: 48px;
  }
}
@media (max-width: 890px) {
  .why__list {
    flex-wrap: wrap;
  }
  .why__we {
    margin-left: 520px;
  }
  .follow {
    padding-top: 150px;
  }
  .calc__title {
    font-size: 60px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 760px) {
  .blue {
    top: -200px;
    right: 100px;
  }
  .pink {
    top: 650px;
    left: -300px;
  }
  .situation {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .situation__blocks {
    margin-top: 16px;
  }
  .situation__wrapper {
    height: 1007px;
  }
  .situation__footer-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .situation__footer-img {
    margin-top: 0;
    object-fit: cover;
    width: 453px;
    height: 329px;
  }
  .situation__block {
    width: 272px;
    height: 220px;
    padding: 24px;
  }
  .situation__text {
    font-size: 16px;
  }
  .situation__wrapper {
    gap: 16px;
  }
  .situation__footer-wrapper {
    padding-top: 16px;
  }
  .situation__title {
    font-size: 28px;
  }
  .situation__wrapper {
    padding-bottom: 30px;
  }
  .report__wrapper {
    flex-direction: column;
    width: 100%;
  }
  .report__img-wrapper {
    justify-content: center;
    margin: 0 auto;
  }
  .blueprint {
    position: relative;
  }
  .blueprint__item-title {
    margin-bottom: 0;
  }
  .blueprint__wrapper {
    margin-top: 68px;
  }
  .blueprint__background {
    height: 1400px;
  }
  .blueprint__item-container-second {
    margin-top: 40px;
  }
  .blueprint__item.fourth {
    margin-top: 55px;
  }
  .blueprint__item.fifth {
    margin-top: 45px;
    margin-left: 60px;
  }
  .blueprint__item.third {
    margin-left: 60px;
    margin-top: 30px;
  }
  .blueprint__item-container-fourth {
    justify-content: start;
    margin-left: 60px;
  }
  .blueprint__item {
    width: 280px;
  }
  .blueprint__title {

    font-size: 32px;
  }
  .blueprint__text {
    margin-top: 12px;
  }
  .blueprint__item.first {
    margin-top: -130px;
  }
  .blueprint__item-title {
    font-size: 24px;
  }
  .blueprint__progress {
    top: 120px;
    height: 1354px;
    position: absolute;
    display: block;
  }
  .blueprint__item-container-second {
    justify-content: start;
  }
  .blueprint__item.second {
    margin-top: 0;
    margin-left: 60px;
  }
  .blueprint__item.first {
    margin-left: 60px;
    margin-top: 0;
  }
  .blueprint__background {
    background-image: none;
  }

  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__item {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }

}
@media (max-width: 650px) {
  .service__item {
    gap: 15px;
  }
  .situation__footer-text {
    max-width: 516px;
    width: 100%;
  }
}



@media (max-width: 600px) {
  .situation__block {
    width: 100%;
  }
  .for {
    height: 100%;
    padding-bottom: 30px;
  }
  .contact__btn {
    font-size: 16px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
}
@media (max-width: 532px) {
  .blueprint__inner-container {
    margin-top: 30px;
  }
  .blueprint__progress {
    top: 95px;
  }
  .calc__title {
    font-size: 32px;
  }
  .calc__text {
    font-size: 18px;
  }
  .calc__title {
    padding-top: 90px;
  }
  .calc__wrapper {
    padding-bottom: 80px;
  }
}
@media (max-width: 450px) {
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
}
@media (max-width: 440px) {
  .report__first-section {
    padding: 20px;
  }
  .report__img-woman {
    width: 265px;
    height: 339px;
  }
  .report__text {
    font-size: 16px;
  }
  .report__title {
    font-size: 28px;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;

  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}
/* test */
@media (max-width: 1720px) {
  .contact__wrapper {
    background-position: top center;
  }
}
@media (max-width: 1330px) {
  .cloud {
    margin-top: 50px;
  }
  .cloud__wrapper {

    background-size: cover;
    border-radius: 32px;
    max-width: 720px;
    width: 100%;
    height: 810px;
    padding: 32px;
  }
  .cloud__big-img {
    display: none;
  }
  .cloud__title {
    font-size: 48px;
  }
  .cloud__reason {
    font-size: 16px;
    width: max-content;
    height:max-content;
  }
  .cloud__reasons-wrapper {
    flex-direction: column;
  }
  .cloud__img-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cloud__img-mobile {
    display: block;
    width: 265px;
    height: 264px;
  }
  .cloud__make-wrapper {
    margin-top: 40px;
  }
  .audit__wrapper {
    max-width: 720px;
    width: 100%;
    height: 1131px;
    padding: 48px 40px 0 40px;
    overflow: hidden;
  }
  .audit__woman-wrapper {
    margin-bottom: -30px;
    width: 486px;
    height: 567px;
    margin-left: 70px;
  }
  .audit__inner-wrapper {
    height: 1411px;
  }
  .audit__title-wrapper {
    margin-bottom: 32px;
  }
  .audit__include-wrapper {
    flex-direction: column-reverse;
    padding-top: 32px;
  }
  .audit__title {
    font-size: 48px;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__item {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
  .support__plus-item {
    width: 172.5px;
  }
  .support__plus-text {
    width: 144.5px;
    word-wrap: break-word;
  }
  .minimum__title,
  .minimum__text {
    font-size: 16px;
  }
  .minimum__text {
    margin-top: 10px;
  }
  .minimum__order-btn {
    width: 159px;
    justify-content: space-between;
  }
}
@media (max-width: 890px) {
  .why__we {
    margin-left: 520px;
  }
  .scroll__wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .follow__wrapper {
    height: 100%;
  }
  .for {
    margin-top: -30px;
  }
  .follow__title {
    font-size: 24px;
  }
  .follow__items {
    flex-direction: column;
    align-items: center;
  }
  .follow__item-text.gold {
    font-size: 16px;
  }
  .follow__item,
  .follow__item.gold,
  .follow__item.red {
    max-width: 272px;
    padding: 24px;
    width: 100%;
    height: 160px;
  }
  .cloud__wrapper {
    padding: 24px;
    width: 320px;
    height: 572px;
  }
  .cloud__img-mobile {
    width: 183px;
    height: 182px;
  }
  .cloud__title {
    width: 260px;
    font-size: 24px;
  }
  .cloud__reason {
    font-size: 14px;
    padding: 0;
    border: none;
    width: 252px;
    display: flex;
    justify-content: start;
  }
  .cloud__reason-arrow {
    display: block;
    color: var(--red, #D7171F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    margin-right: 12px;
  }
  .cloud__wave-img {
    display: none;
  }
  .cloud__help {
    display: none;
  }
  .cloud__btn-wrapper {
    width: 271px !important;
    height: 58px;
    justify-content: space-between;
    gap: 0px;
    padding: 0 16px;
  }
  .cloud__btn {
    width: 191px;
    font-size: 16px;
  }
  .audit__title {
    font-size: 28px;
  }
  .audit__inner-wrapper {
    padding: 0 20px;
  }
  .audit__subtitle {
    margin-top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
  }
  .include__make-wrapper {
    width: 272px;
    padding: 0 16px;
  }
  .icnlude__title {
    font-size: 24px;
  }
  .audit__title-wrapper {
    margin-bottom: 16px;
  }
  .audit__wrapper {
    padding: 24px;
    height: 996px;
  }
  .audit__include-wrapper {
    padding-top: 16px;
  }
  .include__item {
    margin-top: 24px;
  }
  .include__make {
    font-size: 16px;
  }
  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__item {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .review__items {
    display: none;
  }
  .reviews__mobile-wrapper {
    display: flex;
    overflow: auto;
    padding-left: 20px;
    margin-top: 32px;
    gap: 16px;
    padding-bottom: 68px;
  }
  .reviews__mobile-wrapper::-webkit-scrollbar {
    display: none;
  }
  .reviews__mobile {
    width: 264px;
    height: 682px;
    border-radius: 32px;
    border: 1px solid #D8DFE5;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .reviews__mobile-img {
    width: 216px;
    height: 216px;
  }
  .reviews__mobile-title {
    margin: 0 auto;
    width: 216px;
    margin-top: 32px;
    color: #081A32;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 26.4px */
  }
  .reviews__mobile-text {
    margin: 0 auto;
    margin-top: 16px;
    width: 216px;
    color: #081A32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
  }
  .read__all-wrapper {
    margin-top: 32px;
    border-radius: 32px;
    background: #D7171F;
    width: 216px;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 21px 16px;
    justify-content: space-between;
  }
  .read {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
  }
  .clients__title {
    font-size: 32px;
  }
}
@media (max-width: 740px) {
  .situation__blocks {
    flex-direction: column;
  }
  .situation__wrapper {
    width: 100%;
    height: 100%;
  }
  .situation__footer-img-wrapper{
    margin-bottom: -30px;
  }
}
@media (max-width: 630px) {
  .audit__woman-wrapper {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .audit__woman-img {
    width: 372px;
    height: 387px;
    object-fit: cover;
  }
  .for__wrapper {
    padding-top: 70px;
  }
}
@media (max-width: 1300px) {
  .case__user-img {
    height: 550px;
    object-fit: cover;
  }
  .plans__items {
    flex-direction: column;
  }
  .plans__item {
    width: 100%;
    height: 100%;
  }
  .plans__price-wrapper {
    margin-top: 32px;
    max-width: 100%;

  }

}

@media (max-width: 520px) {
  .service__img-text {
    text-align: center;
    font-size: 32px;
  }
  .not__wrapper {
    margin-top: 80px;
  }
  .not__title {
    font-size: 32px;
  }
  .not__text-wrapper {
    height: 180px;
    padding: 16px;
  }
  .not__item {
    width: 264px;
    height: 400px;
  }
  .not__img {
    width: 264px;
    height: 400px;
  }
  .not__img.second {
    display: none;
  }
  .not__img.first {
    display: block;
  }
  .not__text {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .situation__footer-text {
    font-size: 24px;
  }
  .situation__wrapper {
    padding: 24px;
  }
  .clients__title {
    width: 320px;
    margin-right: 0;
  }
  .clients {
    padding-top: 68px;
  }
  .clients__wrapper {
    padding-left: 20px;
  }
  .reviews__mobile-wrapper {
    padding-left: 0;
  }
}
@media (max-width: 580px) {
  .contact__btn {
    font-size: 16px;
  }
  .not {
    padding-bottom: 68px;
  }
  .plans {
    margin-top: 80px;
  }
  .plans__items {
    margin-top: 30px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
  .for__title {
    font-size: 32px;
  }
  .for__item-title {
    font-size: 21px;
  }
  .for__item-text {
    font-size: 16px;
  }
  .for {
    height: 1172px;
  }
  .for__items {
    margin-top: 68px;
    justify-content: center;
  }
  .for__item {
    flex: none;
    width: 320px;
    height: 280px;
  }
}
@media (max-width: 500px) {
  .plans__filters {
    flex-direction: column;
    gap: 12px;
  }
  .plans__filter{
    max-width: 300px;
    margin: 0 auto;
  }
  .not__item {
    padding: 16px;
  }
  .not__text-wrapper {
    width: 232px;

  }
  .plans__title {
    font-size: 32px;
  }
  .plans__order-wrapper {
    width: 100%;
  }
  .plans__price {
    margin-left: 24px;
  }
  .plans__price-wrapper {
    padding-left: 0;
    padding-top: 20px;
    align-items: start;
    flex-direction: column;
    height: 120px;
  }
}
@media (max-width: 450px) {
  .follow__wrapper {
    padding: 24px;
  }
  .follow__become-wrapper.mobile {
    width: 100%;
  }
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -30px;
  }
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
  .scroll__wrapper {
    padding-top: 50px;
  }
  .for {
    margin-top: -30px;
  }
}
@media (max-width: 430px) {
  .audit__woman-img {
    width: 310px;
    height: 317px;
  }
  .audit__woman-wrapper {
    margin-left: 20px;
    object-fit: cover;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;
  }
  .follow {
    padding-top: 120px;
  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 390px) {
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -45px;
  }
}
@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}

.not__desc {
  display: none;
}


@media (max-width: 1300px) {
  .packets__title {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 60px;
  }

  .packet__arrow {
    margin-right: 5px;
  }

  .packet__cell-text {
    margin-bottom: 5px;
    width:100% !important;
  }

  .packet__title {
    text-align: center;
    font-size: 40px;
  }

  .packet__text {
    font-size: 18px;
  ;
  }

  .packet__section {
    width: 100%;
  }

  .packet__columns {
    display: block;
  }

  .packet__column {
    width: 100%;
  }

  .packets__item {
    padding-left: 25px;
    padding-right: 25px;

    display: block;
  }

  .packets__order-wrapper {
    width: 100%;
    margin-top: 50px;
  }

  .packets__order {
    width: 100%;
  }

    .packet__section {
      width: 100%;
    }

  .packets__order-btn-wrapper {
    width: auto;
    margin: 0 auto;
    margin-top: 20px;
  }

  .packets__order-price {
    margin: 0 auto;
  }
}

/* DEMO */

.demo__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 156px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.demo__title-wrapper {
  border-radius: 32px;
  width: 517px;
  height: 722px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.demo__title-img {
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 32px;
  width: 517px;
  height: 722px;
  transition: all .8s ease;
}
.demo__title-img:hover {
  transform: scale(1.1);
}
.demo__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  width: 453px;
   height: 148px;
  padding: 32px;
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 42px */

  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
}
.demo__items {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.demo__item {
  display: flex;
  flex-direction: column;
  gap: 37px;
  width: 562px;
  height: 220px;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  transition: all .3s ease;
  justify-content: center;
}
.demo__item.second {
  height: 242px;
}
.demo__img-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.demo__img {
  height: 80px;
  width: 80px;
}
.demo__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.demo__item-text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}

/* DEMO END */



/* AUDIT */


.audit__inner-wrapper {
  background-image: url(' ../../assets/img/audit-form-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 1087px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  margin-top: -30px;
}
.audit__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  padding: 68px;
  overflow: hidden;
}
.audit__wrapper:hover .audit__woman-wrapper {
  transform: translateY(30px);
}
.audit__title-wrapper {
  margin-bottom: 48px;
}
.audit__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.audit__subtitle {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.audit__include-wrapper {
  padding-top: 48px;
  border-top: rgba(255, 255, 255, 0.15) 1px solid;
  display: flex;
  gap: 69px;
}
.audit__woman-wrapper {
  transition: all .8s ease-in-out;
  margin-bottom: -68px;
}
.audit__woman-img {
  width: 517px;
  height: 469px;
  object-fit: contain;
}
.icnlude__title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.include__item {
  margin-top: 29px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.include__img {
  width: 32px;
  height: 32px;
}
.include__text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.include__make-wrapper {
  cursor: pointer;
  margin-top: 38px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  width: 355px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  justify-content: space-between;
  transition: all .2s ease;
}
.include__make-wrapper:hover {
  background-color: #ECF1F6;
}
.include__make-wrapper:hover .include__make,
.include__make-wrapper:hover .include__make-img path {
  color: #081A32;
  fill: #081A32;
}
.include__make {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/* AUDIT END */


/* WHY */

.why {
  background-color: #FFF;
}
.why__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
}
.why__we {
  width: 299px;
  margin-left: 670px;
  margin-top: 140px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  transition: all 1s ease-in-out;
}
.why__title {
  color: #D7171F;
  text-align: center;
  font-size: 227px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 227px */
  transition: all 1s ease-in-out;
}
.why__items {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: -60px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.why__wrapper:hover .why__title,
.why__wrapper:hover .why__we {
  transform: translateY(-90px);
}
.why__item {
  padding: 32px;
  max-width: 626px;
  width: 100%;
  height: 300px;
  border-radius: 32px;
  background: rgba(236, 241, 246, 0.60);
  backdrop-filter: blur(25px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all .4s ease;
}
.why__title-item {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.why__number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  width: 42px;
  height: 28px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.why__price-title {
  margin-top: 180px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.why__price-wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  margin-top: 68px;
  padding: 68px;
  display: flex;
  gap: 48px;
  margin-bottom: 140px;
}
.why__price {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__hours-wrapper {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  width: 171px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.why__hours-high {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.why__hours-red-wrapper {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours-red {
  width: 171px;
  color: var(--red, #D7171F);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.why__support {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  margin-top: 48px;
}
.support__plus-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.support__plus-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.support__plus-item {
  width: 366px;
  display: flex;
  gap: 12px;
}
.support__plus-img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.minimum__wrapper {
  border-radius: 32px;
  background: #FFF;
  padding: 32px;
  height: 340px;
  height: 280px;
  position: relative;
}
.minimum__title,
.minimum__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.minimum__text {
  margin-top: 25px;
}
.minimum__order-btn {
  width: 156px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  margin-top: 24px;
  transition: all .2s ease;
  cursor: pointer;
}
.minimum__order-btn:hover {
  background-color: #ECF1F6;
}
.minimum__order-btn:hover .minimum__order,
.minimum__order-btn:hover .minimum__order-img path {
  color: #081A32;
  fill: #081A32;
}
.minimum__order {
  transition: all .2s ease;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/* WHY END */


/* RESULT */

.result {
  margin-top: 180px;
}
.result__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.result__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
}
.result__items {
  margin-top: 68px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 140px;
}
.result__item {
  width: 408px;
  height: 530px;
  padding: 32px;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
}
.result__item-img {
  border-radius: 32px;
  width: 408px;
  height: 530px;
  top: 0;
  left: 0;
  position: absolute;
  transition: all .8s ease;
}
.result__item-img:hover {
  transform: scale(1.1);
}

.result__item-text {
  width: 100%;
  height: 168px;
  padding: 32px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.result__receive-wrapper {
  display: none;
}
/* RESULT */
/* CONTACT */

.contact__wrapper {
  background-image: url(' ../../assets/img/contacts-bg.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 970px;
  margin-bottom: -260px;
  margin-top: -27px;
  position: relative;
  z-index: 1;
}
.contact {
  margin-top: 180px;
  height: 832px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:start;
}
.contact__title {
  max-width: 1062px;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.contact__text {
  max-width: 1062px;
  width: 100%;
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.contact__btn-wrapper {
  margin-top: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 176px;
  height: 60px;
  padding: 0 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  transition: all .3s ease;
}
.contact__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.contact__btn-wrapper:hover svg path,
.contact__btn-wrapper:hover .contact__btn {
  color: #081A32;
  fill: #081A32;
}
.follow__become-svg {
  position: relative;
  z-index: 3;
}
.contact__btn {
  position: relative;
  z-index: 3;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.why__hours-wrapper-mobile {
  display: none;
}
.result__more-wrapper {
  display: none;
}

/* CONTACT END */


@media (max-width: 1720px) {
  .contact__wrapper {
    background-position: top center;
  }
}
@media (max-width: 1330px) {
  .demo {
    padding: 0 20px;
  }
  .cloud {
    margin-top: 50px;
  }
  .blocks__reasons-wrapper {
    max-width: 656px;
    width: 100%;
  }
  .cloud__help {
    width: 234px;
    font-size: 16px;
  }
  .cloud__wrapper {
    background-image: url(' ../../assets/img/demo-intro-bg-mobile.png');
    background-size: cover;
    border-radius: 32px;
    max-width: 720px;
    width: 100%;
    height: 810px;
    padding: 32px;
  }
  .cloud__big-img {
    display: none;
  }
  .result__item-img.third,
  .result__item-img.second,
  .result__item-img.first {
    display: none;
  }
  .result__item-img.second {
    object-fit: fill;
  }
  .result__item.first {
    background-image: url(' ../../assets/img/demo-user-mid.png');
    background-position: center center;
  }
  .result__item.second {
    background-image: url(' ../../assets/img/clock-mid.jpg');
    /* transform: scaleX(-1); */
    background-position: center center;
  }
  .result__item-text-wrapper.second {
    transform: scaleX(-1);
  }
  .result__item.third {
    background-image: url(' ../../assets/img/hand-mid.jpg');
    background-position: center center;
  }
  .cloud__title {
    font-size: 48px;
    max-width: 656px;
    width: 100%;
  }
  .cloud__reason {
    font-size: 16px;
    max-width: 316px;
    width: 100%;
    height:max-content;
  }
  .cloud__reasons-wrapper {
    flex-direction: column;
  }
  .cloud__img-mobile-wrapper {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cloud__img-mobile {
    display: block;
    width: 283px;
    height: 254px;
  }
  .cloud__make-wrapper {
    margin-top: 45px;
  }
  .audit__wrapper {
    max-width: 720px;
    width: 100%;
    height: 1131px;
    padding: 48px 40px 0 40px;
    overflow: hidden;
  }
  .audit__woman-wrapper {
    margin-top: 10px;
    width: 486px;
    height: 567px;
    margin-left: 130px;
  }
  .audit__inner-wrapper {
    height: 1411px;
  }
  .audit__title-wrapper {
    margin-bottom: 32px;
  }
  .audit__include-wrapper {
    flex-direction: column-reverse;
    padding-top: 32px;
  }
  .audit__title {
    font-size: 48px;
  }
  .audit__woman-img {
    width: 383.74px;
    height: 450.271px;
  }
  .result__title {
    font-size: 60px;
  }
  .result__items {
    width: 100%;
    overflow: auto;
    gap: 28px;
    margin-bottom: 48px;
  }
  .result__items::-webkit-scrollbar {
    display: none;
  }
  .result__item,
  .result__item.first,
  .result__item.second,
  .result__item.third {
    padding: 32px;
    background-size: cover;
    background-position: center center;
    flex-shrink: 0;
    width: 534px;
    height: 530px;
  }
  .result__item-img {
    width: 534px;
    height: 530px;
  }
  .result {
    padding: 0 20px;
  }
  .result__item-text {
    width: 100%;
  }
  .result__receive-wrapper{
    margin: 0 auto;
    margin-bottom: 140px;
    display: flex;
    width: 281px;
    height: 60px;
    padding: 20px 24px;
    border-radius: 32px;
    background: var(--red, #D7171F);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .result__receive {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 19.8px */
  }
  .cloud {
    background-image: url(' ../../assets/img/audit-intro-bg-mobile.png');
    background-size: cover;
    background-position: top center;
    margin-top: 0;
  }
  .scroll__wrapper {
    margin-top: 72px;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__wrapper {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
  .support__plus-item {
    width: 172.5px;
  }
  .support__plus-text {
    width: 144.5px;
    word-wrap: break-word;
  }
  .minimum__title,
  .minimum__text {
    font-size: 16px;
  }
  .minimum__text {
    margin-top: 10px;
  }
  .minimum__order-btn {
    width: 159px;
    justify-content: space-between;
  }
}
@media (max-width: 1150px) {
  .demo__title-wrapper {
    background-color: #FFF;
    background-image: none;
    height: max-content;
    max-width: 720px;
    width: 100%;
  }
  .demo__title {
    text-align: center;
  }
  .demo__title-img {
    display: none;
  }
  .demo__wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
  }
  .demo__items {
    max-width: 720px;
    width: 100%;
    height: 595px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px;
  }

  .demo__item.first,
  .demo__item.second {
    max-width: 346px;
    width: 100%;
    height: 308px;
    gap: 12px;
    flex-shrink: 0;
  }
  .why__we {
    margin-top: 180px;
    margin-left: 520px;
  }
  .demo__item.third {
    max-width: 720px;
    width: 100%;
    height: 259px;
    flex-shrink: 0;
    gap: 12px;
  }
  .demo__img-wrapper {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }
  .demo__wrapper {
    margin-top: 140px;
  }
  .demo__item {
    flex-shrink: 0;
  }
  .demo__item-text {
    font-size: 18px;
    width: 100%;
  }
  .demo__item-title {
    font-size: 28px;
  }
  .demo__title {
            height: auto;
    font-size: 60px;
    margin-top: 0;
    padding: 0;
    color: #081A32;
    background-color: #FFF;
  }
}
@media (max-width: 890px) {
  .why__we {
    margin-left: 520px;
  }
}
@media (max-width: 760px) {
  .cloud__make-wrapper {
    margin-top: 25.5px;
  }
  .cloud__img-mobile-wrapper {
    margin-top: 24.5px;
  }
  .blocks__reasons-wrapper {
    flex-direction: column;
  }
  .blocks__reasons-wrapper {
    margin-top: 12px;
    gap: 8px;
  }
  .cloud__reasons-wrapper.first {
    margin-top: 0;
    gap: 8px;
  }
  .cloud__reasons-wrapper {
    margin-top: 0;
    gap: 8px;
  }
  .cloud__wrapper {
    padding: 24px;
    width: 320px;
    height: 607px;
  }
  .cloud__img-mobile {
    width: 203px;
    height: 182px;
  }
  .cloud__title {
    width: 260px;
    font-size: 24px;
  }
  .cloud__reason {
    font-size: 14px;
    padding: 0;
    border: none;
    width: 252px;
    display: flex;
    justify-content: start;
  }
  .scroll__wrapper {
    margin-top: 22.5px;
    margin-bottom: 24px;
  }
  .cloud__wave-img {
    display: none;
  }
  .cloud__help {
    display: none;
  }
  .cloud__btn-wrapper {
    width: 271px !important;
    height: 58px;
    justify-content: space-between;
    gap: 0px;
    padding: 0 16px;
  }
  .cloud__btn {
    width: 191px;
    font-size: 16px;
  }
  .demo__items {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
  }
  .demo__wrapper {
    margin-top: 68px;
  }
  .demo__item.first,
  .demo__item.second,
  .demo__item.third {
    max-width: 100%;
    width: 100%;
  }
  .audit__title {
    font-size: 28px;
  }
  .audit__inner-wrapper {
    padding: 0 20px;
  }
  .audit__subtitle {
    margin-top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
  }
  .include__make-wrapper {
    width: 272px;
    padding: 0 16px;
  }
  .icnlude__title {
    font-size: 24px;
  }
  .audit__title-wrapper {
    margin-bottom: 16px;
  }
  .audit__wrapper {
    padding: 24px;
    height: 996px;
  }
  .audit__include-wrapper {
    padding-top: 16px;
  }
  .include__item {
    margin-top: 24px;
  }
  .include__make {
    font-size: 16px;
  }
  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why__hours-wrapper,
  .why__hours-red-wrapper {
    display: none;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__wrapper {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }

}
@media (max-width: 630px) {
  .audit__woman-wrapper {
    margin-top: 10px;
    margin-left: 70px;
    margin-bottom: 0;
  }
  .audit__woman-img {
    width: 372px;
    object-fit: cover;
  }
}
@media (max-width: 1300px) {
  .case__user-img {
    height: 550px;
    object-fit: cover;
  }
}

@media (max-width: 600px) {
  .cloud {
    background-image: url(' ../../assets/img/audit-intro-bg-mobile-small.png');
    background-size: cover;
    background-position: top center;
    padding-top: 120px;
  }
  .audit__inner-wrapper {
    margin-top: -50px;
  }
  .scroll__wrapper {
    padding-bottom: 50px;
  }
}

@media (max-width: 580px) {
  .demo__title {
    font-size: 32px;
    height: auto;
    text-align: center;
  }
  .result__receive-wrapper {
    margin-bottom: 67px;
  }
  .why__items {
    padding-left: 0;
  }
  .demo__wrapper {
    gap: 32px;
  }
  .contact__btn {
    font-size: 16px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
  .result__title {
    font-size: 32px;
  }
  .result {
    margin-top: 80px;
  }
  .result__items {
    margin-top: 32px;
  }

  .result__item-text {
    backdrop-filter: blur(0px);
    background-color: transparent;
    width: 200px;
    font-size: 18px;
    padding: 0;
  }
  .result__item.first,
  .result__item.second,
  .result__item.third {
    padding: 14px;
    height: 400px;
    width: 264px;
  }
  .result__item-img {
    height: 400px;
    width: 264px;
  }
  .result__item-text-wrapper {
    border-radius: 32px;
    background: rgba(8, 26, 50, 0.60);
    backdrop-filter: blur(25px);
    padding: 16px;
    width: 232px;
    height: 130px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: max-content;
  }
  .result__item-text {
    height: max-content;
  }
  .result__more-wrapper {
    display: none;
  }
}
@media (max-width: 450px) {
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -30px;
  }
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
  .demo__item-text {
    font-size: 16px;
  }
  .demo__img-wrapper {
    flex-direction: row;
    align-items: center;
  }
  .demo__item-title {
    width: 168px;
    font-size: 21px;
    /* flex-shrink: 0; */
  }
  .demo__items {
    gap: 16px;
  }
  .demo__item {
    padding: 24px;
    justify-content: space-between;
  }
  .demo__item.first {
    height: 209px;
  }
  .demo__item.second {
    height: 228px;
  }
  .demo__item.third {
    height: 228px;
  }
  .demo__item {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .audit__woman-img {
    width: 320px;
    height: 260px;
    object-fit: contain;
  }
  .audit__wrapper {
    height: 948px;
  }
  .audit__woman-wrapper {
    margin-top: 10px;
    margin-left: 10px;
    object-fit: cover;
  }
}
@media (max-width: 420px) {
  .contact {
    margin-top: 110px;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;

  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 390px) {
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -25px;
  }
}
@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}


/* BLUEPRINT */

.blueprint {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 2;
  border-radius: 32px;
  background-color: #fff;
}
.blueprint__wrapper {
  border-radius: 32px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 140px;
}
.blueprint__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.blueprint__inner-container {
  margin-top: 92px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.blueprint__sticky-wrapper {
  z-index: 2;
  top: 100px;
  bottom: 100px;
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  width: 299px;
  height: 368px;
  padding: 32px;
}
.blueprint__img {
  width: 80px;
  height: 80px;
}
.blueprint__block-title {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.blueprint__block-text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__contact-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 235px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  cursor: pointer;
  transition: all .3s ease;
}
.blueprint__contact-wrapper:hover {
  background-color: #081A32;
}
.blueprint__contact {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.blueprint__background {
  background-image: url('../../assets/img/follow-lines.png');
  background-size: fill;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  max-width: 844px;
  width: 100%;
  height: 1965px;
}
.blue {
  right: 200px;
  z-index: 1;
  position: absolute;
}
.pink {
  left: 100px;
  top: 1200px;
  z-index: 1;
  position: absolute;
}
.blueprint__item {
  display: flex;
  flex-direction: column;
  max-width: 374px;
}
.blueprint__item.first {
  margin-top: 30px;
}
.blueprint__number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 6px 12px;
  margin-bottom: 24px;
  width: 42px;
  height: 28px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.blueprint__item-title {
  color: var(--black, #081A32);
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 46.2px */
  margin-bottom: 65px;
}
.blueprint__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.blueprint__item.third {
  margin-top: 60px;
}
.blueprint__item.fourth {
  margin-top: 60px;
}
.blueprint__item.fifth {
  margin-top: 60px;
}
.blueprint__item-container-second {
  margin-top: 60px;
  display: flex;
  justify-content: end;
}
.blueprint__item-container-fourth {
  display: flex;
  justify-content: end;
}


/* BLUEPRINT END */


/* REPORT */

.report {
  margin-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
.report__wrapper {
  margin: 0 auto;
  max-width: 1280px;
  flex-shrink: 0;
  display: flex;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.report__first-section {
  padding: 68px;
}
.report__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.report__items {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.report__item {
  display: flex;
  align-items: start;
  gap: 16px;
}
.report__img {
  width: 32px;
  height: 32px;
}
.report__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.report__img-woman {
  width: 517px;
  height: 556px;
}


/* REPORT END */

/* PLANS */

.plans {
  margin-top: 180px;
}
.plans__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.plans__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.plans__filters {
  display: flex;
  max-width: 440px;
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
  justify-content: space-between;
}
.plans__filter {
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: flex-start;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
  cursor: pointer;
}
.plans__filter.active {
  border-radius: 32px;
  color: #FFF;
  background: var(--brand-red, #D7171F);
}
.plans__items {
  margin-top: 68px;
  display: none;
  gap: 28px;
}

.plans__items.active {
  display: flex;
}

.plans__item {
  width: 408px;
  display: flex;
  height: 629px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
}
.plans__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.item__list svg {
  flex-shrink: 0;
}
.plans__item-list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.item__list {
  display: flex;
  gap: 12px;
}
.item__list-img {
  flex-shrink: 0;
}
.plans__price-wrapper {
  max-width: 344px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding-left: 24px;
}
.plans__price {
  color: var(--red, #D7171F);
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.plans__order-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  width: 156px;
  height: 60px;
  cursor: pointer;
}
.plans__order-wrapper:hover {
  background-color: #081A32;
}

.plans__order {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


.plans__item-high-wrapper {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.plans__item-high-wrapper svg {
  flex-shrink: 0;
}
.plans__item-high {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
  padding-bottom: 16px;

}
.plans__plus-items {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.plans__plus-item {
  display: flex;
  gap: 12px;
}
.plans__plus-item svg {
  flex-shrink: 0;
}
.plans__plus-item-text {
  color: var(--black, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}


/* PLANS */
/* FOLLOW */

.follow {
  width: 100%;
  height: 100%;
  background-image: url('../../assets/img/follow-intro-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
}
.follow__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  height: 600px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.50);
  backdrop-filter: blur(25px);
  padding: 68px;
  display: flex;
  gap: 28px;
}
.follow__title-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 770px;
  width: 100%;
  justify-content: space-between;
}
.follow__title {
  color: var(--black, #081A32);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
  max-width: 665px;
}
.follow__become-wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  width: 251px;
  transition: .2s all ease;
  cursor: pointer;
}
.follow__become-wrapper:hover {
  background-color: #ECF1F6;
}
.follow__become-wrapper:hover svg path,
.follow__become-wrapper:hover .follow__become {
  color: #081A32;
  fill: #081A32;
}
.follow__become {
  position: relative;
  z-index: 2;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.follow__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow__item.red {
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 32px;
  width: 340px;
  height: 218px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow__item.gold {
  display: flex;
  width: 340px;
  height: 218px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 32px;
  background: linear-gradient(196deg, #FCC100 -0.4%, #FFEF70 45.62%, #FFEF70 72.56%, #FCC100 97.97%);
}
.follow__item-text-wrapper {
  gap: 8px;
  flex-shrink: 0;
  display: flex;
  width: 101px;
  height: 48px;
  padding: 13px 14px 11px 14px;
  border-radius: 16px;
  background: var(--black, #081A32);
}
.follow__item-title.gold {
  color: #FEE456;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 22px */
}
.follow__item-title.red {
  color: #FFF;
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 52px */
}
.follow__item-text.red {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.follow__item-text.gold {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.scroll__wrapper {
  margin: 0 auto;
  padding-top: 168px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 48px;
}
.scroll__img {
  width: 24px;
  height: 24px;
}
.scroll__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


/* FOLLOW END */

/* FOR */
.for {
  width: 100%;
  height: 1070px;
  background-image: url('../../assets/img/follow-cloud.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 32px;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
}
.for__wrapper {
  padding-top: 140px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 120px;
}
.for__title {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.for__items {
  margin-top: 120px;
  display: flex;
  gap: 28px;

}
.for__item {
  display: flex;
  height: 360px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  transition: .3s ease all;
}
.for__item-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.for__item-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.for__item-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  padding: 6px 12px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

/* FOR END */

/* SERVICE */

.service {
  margin-top: 140px;
  padding-left: 20px;
  padding-right: 20px;
}
.service__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.service__img-wrapper {
  width: 517px;
  height: 904px;
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-radius: 32px;
  transition: all .7 ease;
}
.service__img {
  top: 0;
  left: 0;
  width: 517px;
  height: 904px;
  position: absolute;
  border-radius: 32px;
  transition: all .7s ease;
}
.service__img:hover {
  transform: scale(1.1);
}
.service__img-text {
  margin: 0 auto;
  width: 453px;
  height: 148px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 42px */
}
.service__items {
  max-width: 626px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.service__item {
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service__item-img {
  width: 80px;
  height: 80px;
}
.service__item-text {
  max-width: 456px;
  width: 100%;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}


/* SERVICE END */

/* NOT */

.not {
  background-image: url('../../assets/img/follow-bg-block.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  padding-bottom: 140px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0 0 32px 32px;
}
.not__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 180px;

}
.not__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.not__items {
  margin-top: 68px;
  display: flex;
  justify-content: space-between;
}
.not__item {
  display: flex;
  width: 408px;
  height: 530px;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  transition: .8s ease all;
}
.not__img {
  width: 408px;
  height: 530px;
  border-radius: 32px;
  position: absolute;
  top: 0;
  left: 0;
  transition: .8s ease all;
}
.not__img.second {
  display: none;
}
.not__img:hover {
  transform: scale(1.1);
}
.not__text-wrapper {
  display: flex;
  height: 206px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
}
.not__text {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.not__btn-wrapper {
  padding: 12px 16px;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 142px;
  cursor: pointer;
  transition: all .3s ease;
}
.not__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.not__btn-wrapper:hover .not__btn,
.not__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.not__btn {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.not__support-wrapper {
  margin: 0 auto;
  margin-top: 48px;
  width: 281px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  padding: 20px 24px;
  justify-content: space-between;
  cursor: pointer;
  transition: all .3s ease;
}
.not__support-wrapper:hover {
  background-color: #ECF1F6;
}
.not__support-wrapper:hover .not__support,
.not__support-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.not__support {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* NOT */

/* situation */

.situation {
  margin-top: -30px;
  width: 100%;
  height: 1331px;
  background-image: url('../../assets/img/follow-footer-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}
.situation__wrapper {
  display: flex;
  margin: 0 auto;
  width: 1280px;
  height: 979px;
  padding: 68px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.40);
  backdrop-filter: blur(25px);
}
.situation__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.situation__blocks {
  display: flex;
  gap: 28px;
}
.situation__block {
  display: flex;
  width: 558px;
  height: 250px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 32px;
  background: #FFF;
  backdrop-filter: blur(25px);
  transition: .3s all ease;
}
.situation__img {
  width: 48px;
  height: 48px;
}
.situation__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.situation__footer-wrapper {
  padding-top: 48px;
  max-width: 1141px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  gap: 28px;
}
.situation__footer-img-wrapper {
  overflow: hidden;

  height: 100%;
}
.situation__footer-img {
  margin-top: 43px;
  width: 517px;
  height: 396px;
  object-fit: contain;

}
.situation__footer-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.situation__footer-text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  width: 558px;
}

.situation__footer-receive-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  width: 281px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.situation__footer-receive-wrapper:hover {
  background-color: #ECF1F6;
}
.situation__footer-receive-wrapper:hover svg path,
.situation__footer-receive-wrapper:hover .situation__footer-receive {
  color: #081A32;
  fill: #081A32;
}
.situation__footer-receive {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* situation */

/* WHAT */
.screen {
  overflow: hidden;
}
.screen__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.screen__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 1062px;
  width: 100%;
  margin: 0 auto;
  margin-top: 171px;
}
.screen__subtitle {
  margin-top: 20px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.screen__price-wrapper {
  margin: 0 auto;
  margin-top: 40px;
  width: 263px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 32px;
  background: var(--black, #081A32);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen__price {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.screen__img-wrapper {
  margin-top: 100px;
  transition: all 1s ease;
  transform: translateY(80px);
}
.screen__img-wrapper:hover {
  transform: translateY(10px);
}
.screen__img {
  object-fit: contain;
  max-width: 1280px;
  height: max-content;
}
.what {
  width: 100%;
  height: 1546px;
  border-radius: 32px;
  background: linear-gradient(138deg, #0D4DA1 23.63%, #83A8D8 101.06%);
  position: relative;
  z-index: 2;
}
.what__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

}
.what__title {
  padding-top: 140px;
  width: 299px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.what__item {
  border-top: 1px rgba(255, 255, 255, 0.15) solid;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 20px;
  padding-top: 20px;
}
.what__item.first {
  margin-top: 68px;
  padding-top: 20px;

}
.what__item-title {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__item-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 64px;
  background: rgba(8, 26, 50, 0.60);
  padding: 14px 24px;
}
.what__item-subtitle {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__receive {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__item-inline-img-wrapper {
  display: flex;
  align-items: center;
  border-radius: 64px;
  background: rgba(8, 26, 50, 0.60);
  padding: 14px 24px;
  gap: 16px;
}
.what__control {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.what__text {
  margin-top: 8px;
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.what__book-wrapper {
  margin-top: 180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.what__book-img-wrapper {
  width: 517px;
  height: 550px;
  flex-shrink: 0;
  border-radius: 32px;
  background: rgba(5, 10, 17, 0.50);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: end;
  justify-content: start;
}
.what__book-img {
  width: 400px;
  height: 481px;
}
.what__book-text-wrapper {
  max-width: 626px;
  width: 100%;
}
.what__book-title {
  color: #FFF;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.what__book-text {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}

/* WHAT END */

/* CALC */


.calc {
  margin-top: -30px;
  background-image: url('../../assets/img/home-footer-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  margin-bottom: -30px;
  padding-left: 20px;
  padding-right: 20px;
}
.calc__wrapper {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 180px;
}
.calc__title {
  padding-top: 180px;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.calc__text {
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
  margin-bottom: 48px;
}
.calc__btn-wrapper {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  cursor: pointer;
  transition: all .3s ease;
}
.calc__btn-wrapper:hover {
  background-color: #ECF1F6;
}
.calc__btn-wrapper:hover .calc__btn,
.calc__btn-wrapper:hover svg path {
  color: #081A32;
  fill: #081A32;
}
.calc__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}




/* CALC */

.calc__container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 180px;
  padding-bottom: 180px;
}
.calc__projects-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.calc__projects-amount-wrapper {
  display: flex;
}
.calc__projects-amount {
  color: var(--red, #D7171F);
  font-size: 200px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 200px */
}
.calc__projects-plus {
  color: var(--red, #D7171F);
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.calc__projects-amount-text {
  margin-top: 48px;
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  width: 408px;
}
.projects__wrapper {
  width: 626px;
}
.projects__items {
  display: flex;
  gap: 28px;
}
.projects__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  width: 299px;
  height: 116px;
  border-radius: 32px;
  background: rgba(5, 10, 17, 0.50);
  backdrop-filter: blur(25px);
}
.projects__title {
  color: var(--red, #D7171F);
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 52px */
}
.projects__subtitle {
  width: 120px;
  display: flex;
  align-items: end;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 19.8px */
}
.projects__thanks-wrapper {
  margin-top: 60px;
}
.projects__thanks-text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}

/* CALC */

/* CALC */

/* TOOLS */
.tools {
  height: 2072px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
  border-radius: 32px;
}
.tools__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.tools__title {
  color: var(--black, #081A32);
  text-align: center;
  font-family: Panton;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
  padding-top: 140px;
}
.tools__items {
  margin-top: 68px;
}

.tools__first__items {
  display: flex;
  gap: 28px;
}
.tools__first-two-items {
  display: flex;
  gap: 28px;
}
.tools__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 408px;
  height: 340px;
  padding: 32px;
  gap: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  transition: all .3s ease;

}
.tools__item:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item.hide {
  display: none;
}
.tools__item-title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-icon {
  width: 48px;
  height: 48px;
}
.tools__item-large-blue {
  display: flex;
  width: 844px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  overflow: hidden;
  transition: all .3s ease;
}
.tools__item-large-blue:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item-large-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tools__item-large-text-wrapper {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-large-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-large-text {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item-large-icon {
  width: 48px;
  height: 48px;
}
.tools__item-user {
  width: 250px;
  height: 319px;
}
.tools__second-items {
  margin-top: 28px;
  display: flex;
  gap: 28px;
}
.tools__third-items {
  margin-top: 28px;
}
.tools__third-items-wrapper {
  display: flex;
  gap: 28px;
}
.tools__large-blue {
  display: flex;
  display: flex;
  width: 844px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--blue, #0D4DA1);
  overflow: hidden;
  transition: .3s ease all;
}
.tools__large-blue:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__large-blue-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.tools__large-title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__large-subtitle {
  margin-top: 12px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__large-icon {
  width: 48px;
  height: 48px;
}
.tools__large-user {
  width: 278px;
  height: 345px;
}
.tools__item-subtitle {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__item.hide {
  display: none;
}
.tools__fourth-items {
  display: flex;
  gap: 28px;
}
.tools__items-large {
  margin-top: 28px;
  display: flex;
  gap: 28px;
}
.tools__item-large {
  display: flex;
  width: 626px;
  height: 340px;
  padding: 32px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  transition: .3s ease all;
}
.tools__item-large:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.tools__item-large-title.dark {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.tools__item-large-subtitle {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.tools__help-wrapper {
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 281px;
  height: 60px;
  padding: 20px 24px;
  margin: 0 auto;
  margin-top: 60px;
  cursor: pointer;
}
.tools__help {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}


/* TOOLS END */

/* AUDIT END */

/* COMBO */
.combo__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 140px;
}
.combo__title-wrapper {
  background-image: url('../../assets/img/home-support.png');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 32px;
  width: 517px;
  height: 892px;
}
.combo__title {
  width: 453px;
  height: 208px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  backdrop-filter: blur(25px);
  padding: 32px;

  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 48px */
}
.accordion__section {
  max-width: 626px;
  width: 100%;
}
.accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  border: 1px solid var(--sup, #D8DFE5);
  background: #FFF;
  height: 144px;
  padding: 32px;
  transition: all .2s ease;
}

.accordion__wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.accordion__icon {
  width: 80px;
  height: 80px;
}
.accordion__title {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
}
.accordion__cross {
  width: 24px;
  height: 3px;
  background-color: #D7171F;
  border-radius: 30px;
  transition: all .2s ease;
}
.accordion__cross::after {
  display: block;
  content: '';
  width: 24px;
  height: 3px;
  background-color: #D7171F;
  border-radius: 30px;
  transform: rotate(90deg);
  opacity: 1;
}
.accordion.active .accordion__cross {
  background-color: #757D87;
}
.accordion.active .accordion__cross::after {
  opacity: 0;
}
.accordion.active {
  border-radius: 32px 32px 0 0;
  border-bottom: transparent;
}
.panel {
  border: transparent;
  transition: .2s all ease;
}
.panel.active {
  padding: 10px 32px 32px 32px;
  border-radius: 0 0 32px 32px;
  border: 1px solid var(--sup, #D8DFE5);
  border-top: none;
}
.panel__title,
.panel__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.panel__text {
  margin-top: 20px;
}


.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  font-size: 15px;
  transition: 0.4s;
}
.accordion__item {
  margin-bottom: 28px;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


/* COMBO END */


/* AUDIT */

.audit__inner-wrapper {
  margin-top: -30px;
  background-image: url('../../assets/img/audit-form-bg.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 1087px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audit__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  height: 791px;
  border-radius: 32px;
  background: rgba(8, 26, 50, 0.60);
  padding: 68px;
  overflow: hidden;
}
.audit__wrapper:hover .audit__woman-wrapper {
  transform: translateY(30px);
}
.audit__title-wrapper {
  margin-bottom: 48px;
}
.audit__title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 60px */
}
.audit__subtitle {
  margin-top: 24px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.audit__include-wrapper {
  padding-top: 48px;
  border-top: rgba(255, 255, 255, 0.15) 1px solid;
  display: flex;
  gap: 69px;
}
.audit__woman-wrapper {
  transition: all .8s ease-in-out;
  margin-top: 50px;
}
.audit__woman-img {
  width: 517px;
  height: 469px;
}
.icnlude__title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.include__item {
  margin-top: 29px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.include__img {
  width: 32px;
  height: 32px;
}
.include__text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.include__make-wrapper {
  cursor: pointer;
  margin-top: 38px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  width: 355px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  justify-content: space-between;
  transition: all .2s ease;
}
.include__make-wrapper:hover {
  background-color: #ECF1F6;
}
.include__make-wrapper:hover .include__make,
.include__make-wrapper:hover .include__make-img path {
  color: #081A32;
  fill: #081A32;
}
.include__make {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

/* AUDIT */

/* WHY */

.why {
  margin-top: 150px;
  background-color: #FFF;
}
.why__wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
}
.why__we {
  width: 299px;
  margin-left: 670px;
  margin-top: 140px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  transition: all 1s ease-in-out;
}
.why__title {
  color: #D7171F;
  text-align: center;
  font-size: 227px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 227px */
  transition: all 1s ease-in-out;
}
.why__items {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: -60px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.why__item:hover {
  box-shadow: 0px 20px 30px 0px rgba(43, 27, 53, 0.10);
}
.why__wrapper:hover .why__title,
.why__wrapper:hover .why__we {
  transform: translateY(-90px);
}
.why__img.check {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.why__img.c {
  width: 65px;
  height: 48px;
}
.why__img.bitrix {
  object-fit: contain;
  width: 120px;
  height: 48px;
}
.why__img.min {
  width: 131px;
  height: 48px;
}
.why__img.blue {
  width: 119px;
  height: 48px;
}
.why__img.arrow {
  width: 48px;
  height: 48px;
}
.why__footer-wrapper {
  display: flex;
  justify-content: space-between;
}
.why__download-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.why__download {
  color: var(--red, #D7171F);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

.why__title-item {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__text {
  margin-top: 12px;
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
      width: 100%;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}

.why__number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  width: 42px;
  height: 28px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  border-radius: 32px;
  background: var(--red, #D7171F);
}
.why__price-title {
  margin-top: 180px;
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.why__price-wrapper {
  max-width: 1280px;
  width: 100%;
  height: 593px;
  margin: 0 auto;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  margin-top: 28px;
  padding: 68px;
  display: flex;
  gap: 48px;
  margin-bottom: 140px;
  position: relative;
}
.why__price {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
}
.why__hours-wrapper {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  width: 171px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sup, #D8DFE5);
}
.why__hours-high {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.why__hours-red-wrapper {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.why__hours-red {
  width: 171px;
  color: var(--red, #D7171F);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
}
.why__support {
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  margin-top: 48px;
}
.support__plus-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.support__plus-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.support__plus-item {
  width: 366px;
  display: flex;
  gap: 12px;
}
.support__plus-img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.minimum__wrapper {
  max-width: 340px;
  width: 100%;
  height: 100%;
  position: relative;
}
.minimum__item {
  padding: 32px;
  border-radius: 32px;
  background: #FFF;
  max-width: 340px;
  width: 100%;
  height: 280px;
  position: sticky;
  top: 100px;
}
.minimum__title,
.minimum__text {
  color: var(--black, #081A32);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 21.6px */
}
.minimum__text {
  margin-top: 25px;
}
.minimum__order-btn {
  width: 156px;
  height: 60px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  margin-top: 24px;
  transition: all .2s ease;
  cursor: pointer;
}
.minimum__order-btn:hover {
  background-color: #ECF1F6;
}
.minimum__order-btn:hover .minimum__order,
.minimum__order-btn:hover .minimum__order-img path {
  color: #081A32;
  fill: #081A32;
}
.minimum__order {
  transition: all .2s ease;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/* WHY END */

/* REVIEW */

.clients {
  position: relative;
  z-index: 2;
  margin-top: -30px;
  border-radius: 32px;
  background: var(--bg, #ECF1F6);
  padding-top: 180px;
}
.clients__wrapper {
  padding-bottom: 50px;
}
.clients__title {
  color: var(--black, #081A32);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.review__items {
  margin: 0 auto;
  width: 1280px;
  height: 585px;
  margin-top: 68px;
  margin-bottom: 159px;
}
.review__item {
  flex-shrink: 0;
  max-width: 1280px;
  width: 100%;
  border-radius: 32px;
  background: #FFF;
  display: flex;
  padding: 68px;
  justify-content: space-between;
  align-items: center;
}
.review__photo {
  width: max-content;
  position: relative;
}
.review__rating {
  width: 100px;
  height: 100px;
  left: 320px;
  position: absolute;
}
.review__img {
  width: 449px;
  height: 449px;
  flex-shrink: 0;
}
.review__body {
  max-width: 558px;
  width: 100%;
}
.review__user {
  color: var(--black, #081A32);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  text-align: left;
}
.review__text {
  text-align: left;
  margin-top: 16px;
  color: var(--black, #081A32);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
}
.review__btns {
  margin-top: 79px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review__review-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--red, #D7171F);
  padding: 20px 24px;
  width: 232px;
  height: 60px;
  cursor: pointer;
  transition: all .3s ease;
}
.review__review-wrapper:hover {
  background-color: #ECF1F6;
}
.review__review-wrapper:hover svg path,
.review__review-wrapper:hover .review__review {
  color: #081A32;
  fill: #081A32;
}
.review__review {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
/*  */

/* REVIEW */
.reviews__mobile-wrapper{
  display: none;
}
/* CONTACT */

.contact__wrapper {
  background-image: url('../../assets/img/contacts-bg.png');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 970px;
  margin-bottom: -260px;
  margin-top: -27px;
  position: relative;
  z-index: 1;
}
.contact {
  margin-top: 180px;
  height: 832px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:start;
}
.contact__title {
  max-width: 844px;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 80px */
}
.contact__text {
  max-width: 844px;
  width: 100%;
  margin-top: 24px;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}
.contact__btn-wrapper {
  margin-top: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  height: 60px;
  padding: 0 24px;
  border-radius: 32px;
  background: var(--red, #D7171F);
  transition: all .2s ease;
}

.contact__btn-wrapper:hover {
  background: var(--bg, #ECF1F6);
}
.contact__btn-wrapper:hover .contact__btn {
  color: var(--black, #081A32);
}
.contact__btn-wrapper:hover svg path {
  fill: #081A32;
}
.contact__btn {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}
.why__hours-wrapper-mobile {
  display: none;
}



/* CONTACT END */


.follow__become-wrapper.mobile {
  display: none;
}
.review__btns {
  border-top: 1px solid #D8DFE5;
}

.mySwiper1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 650px !important;
}
.swiper-button-next.second {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  top: 457px !important;
  left: 1130px !important;
}
.swiper-slide.second {
  padding: 0;
  height: 585px;
}
.swiper-button-prev.second {
  height: 60px !important;
  width: 60px !important;
  background-color: #ECF1F6 !important;
  border-radius: 50% !important;
  border: 1px solid #D8DFE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  top: 457px !important;
  left: 1060px !important;
}
.prev-arrow svg {
  transform: rotate(180deg);
}


.review__fulltext,
.review__letter {
  display: none;
}
/*  */

.swiper-slide.second {
  border: 1px solid #D8DFE5;
  padding: 0;
}

.why__list {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 2200px) {
  .situation {
    background-image: url('../../assets/img/follow-footer-bg.png');
    background-size: cover;
    background-position: top top;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1330px) {
  .mySwiper1 {
    width: 760px !important;
    height: 980px !important;
  }
  .swiper-button-next.second {
    top: 863px !important;
    left: 590px !important;
  }
  .swiper-button-prev.second  {
    top: 863px !important;
    left: 520px !important;
  }
  .swiper-slide.second {
    height: 950px;
    width: 720px !important;
    margin-right: 40px;
  }
  .swiper__wrapper {
    width: 720px;
  }
  .mySwiper1 {
    width: 720px;
  }
  .review__text {
    text-align: left;
  }
  .review__items {
    max-width: 720px;
    width: 100%;
  }
  .report__wrapper {
    justify-content: end;
    align-items: end;
  }
  .not__title {
    font-size: 60px;
  }
  .not__items {
    gap: 28px;
    overflow: auto;
    justify-content: start;
  }
  .not__items::-webkit-scrollbar {
    display: none;
  }
  .not__item,
  .not__img {
    width: 534px;
    height: 530px;
  }
  .not__img.first {
    display: none;
  }
  .not__img.second {
    display: block;
  }
  .situation {
    height: 1779px;
  }
  .situation__footer-wrapper {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .clients__title {
    font-size: 60px;
  }
  .review__items {
    height: 1000px;
  }
  .clients {
    padding-top: 127px;
  }
  .review__items {
    margin-bottom: 50px;
  }
  .clients__wrapper {
    padding-bottom: 10px;
  }
  .review__item,
  .review__item.first,
  .review__item.second,
  .review__item.third  {
    width: 720px;
    max-height: 945px;
    flex-direction: column;
    padding: 48px;
    margin-right: 0;
  }
  .review__btns {
    border-top: 1px solid #D8DFE5;
  }
  .review__body {
    margin-top: 48px;
    width: 100%;
  }
  .review__img {
    width: 400px;
    height: 400px;
  }
  .review__rating {
    display: none;
  }
  .situation__block {
    width: 300px;
    height: 300px;
  }
  .situation__title {
    font-size: 48px;
  }
  .situation__footer-text {
    font-size: 32px;
  }
  .situation__footer-img {
    width: 661px;
    height: 480px;
  }
  .situation__wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 48px;
    height: 1383px;
    width: 720px;
    overflow: hidden;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__item {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
}
@media (max-width: 1230px) {
  .service__wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .service__img {
    display: none;
  }
  .service__items {
    gap: 16px;
  }
  .service__items,
  .service__item {
    max-width: 800px;
    width: 100%;
  }
  .service__item {
    padding: 24px;
  }
  .service__img-wrapper {
    padding: 0;
  }
  .service__wrapper {
    margin-top: 68px;
  }
  .service__img-wrapper {
    height: max-content;
  }
  .service {
    margin-top: 0;
  }
  .service__img-text {
    padding: 0;
    color: #081A32;
    border-radius: 32px;
    background: transparent;
    backdrop-filter: blur(0px);
  }
}
@media (max-width: 1200px) {
  .for__title {
    font-size: 60px;
  }
  .for {
    height: 1244px;
  }
  .for__items {
    margin: 0 auto;
    margin-top: 120px;
    flex-wrap: wrap;
    max-width: 725px;
    width: 100%;
  }
  .blueprint__sticky-wrapper {
    display: none;
  }
  .blueprint__inner-container {
    justify-content: center;
  }
  .blueprint__title {
    font-size: 60px;
  }
  .blueprint__item-title {
    font-size: 32px;
    max-width: 348px;
  }
  .blueprint__item.first {
    margin-top: 85px;
    max-width: 348px;
  }
  .blueprint__item.second {
    margin-top: 30px;
    max-width: 348px;
  }
  .blueprint__item.third {
    margin-top: 80px;
    max-width: 348px;
  }
  .blueprint__item.fourth {
    margin-top: 80px;
    max-width: 348px;
  }
  .blueprint__item.fifth {
    margin-top: 100px;
  }

}
@media (max-width: 1040px) {
  .follow__wrapper {
    flex-direction: column;
    gap: 45px;
  }
  .follow__items {
    flex-direction: row;
    gap: 24px;
  }
  .follow__become-wrapper.hide {
    display: none;
  }
  .follow__become-wrapper.mobile {
    margin: 0 auto;
    display: flex;
  }
  .follow__wrapper {
    padding: 32px;
    height: 582px;
  }
  .follow__title {
    max-width: 100%;
    width: 100%;
    font-size: 48px;
  }
}
@media (max-width: 1000px) {
  .report__img-woman {
    width: 337px;
    height: 431px;
    object-fit: cover;
  }
  .report__first-section {
    padding: 48px;
  }
}
@media (max-width: 890px) {
  .why__list {
    flex-wrap: wrap;
  }
  .why__we {
    margin-left: 520px;
  }
  .follow {
    padding-top: 150px;
  }
  .calc__title {
    font-size: 60px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 760px) {
  .blue {
    top: -200px;
    right: 100px;
  }
  .pink {
    top: 650px;
    left: -300px;
  }
  .situation {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .situation__blocks {
    margin-top: 16px;
  }
  .situation__wrapper {
    height: 1007px;
  }
  .situation__footer-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .situation__footer-img {
    margin-top: 0;
    object-fit: cover;
    width: 453px;
    height: 329px;
  }
  .situation__block {
    width: 272px;
    height: 220px;
    padding: 24px;
  }
  .situation__text {
    font-size: 16px;
  }
  .situation__wrapper {
    gap: 16px;
  }
  .situation__footer-wrapper {
    padding-top: 16px;
  }
  .situation__title {
    font-size: 28px;
  }
  .situation__wrapper {
    padding-bottom: 30px;
  }
  .report__wrapper {
    flex-direction: column;
    width: 100%;
  }
  .report__img-wrapper {
    justify-content: center;
    margin: 0 auto;
  }
  .blueprint {
    position: relative;
  }
  .blueprint__item-title {
    margin-bottom: 0;
  }
  .blueprint__wrapper {
    margin-top: 68px;
  }
  .blueprint__background {
    height: 1400px;
  }
  .blueprint__item-container-second {
    margin-top: 40px;
  }
  .blueprint__item.fourth {
    margin-top: 55px;
  }
  .blueprint__item.fifth {
    margin-top: 45px;
    margin-left: 60px;
  }
  .blueprint__item.third {
    margin-left: 60px;
    margin-top: 30px;
  }
  .blueprint__item-container-fourth {
    justify-content: start;
    margin-left: 60px;
  }
  .blueprint__item {
    width: 280px;
  }
  .blueprint__title {

    font-size: 32px;
  }
  .blueprint__text {
    margin-top: 12px;
  }
  .blueprint__item.first {
    margin-top: -130px;
  }
  .blueprint__item-title {
    font-size: 24px;
  }
  .blueprint__progress {
    top: 120px;
    height: 1354px;
    position: absolute;
    display: block;
  }
  .blueprint__item-container-second {
    justify-content: start;
  }
  .blueprint__item.second {
    margin-top: 0;
    margin-left: 60px;
  }
  .blueprint__item.first {
    margin-left: 60px;
    margin-top: 0;
  }
  .blueprint__background {
    background-image: none;
  }

  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__item {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }

}
@media (max-width: 650px) {
  .service__item {
    gap: 15px;
  }
  .situation__footer-text {
    max-width: 516px;
    width: 100%;
  }
}



@media (max-width: 600px) {
  .situation__block {
    width: 100%;
  }
  .for {
    height: 100%;
    padding-bottom: 30px;
  }
  .contact__btn {
    font-size: 16px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
}
@media (max-width: 532px) {
  .blueprint__inner-container {
    margin-top: 30px;
  }
  .blueprint__progress {
    top: 95px;
  }
  .calc__title {
    font-size: 32px;
  }
  .calc__text {
    font-size: 18px;
  }
  .calc__title {
    padding-top: 90px;
  }
  .calc__wrapper {
    padding-bottom: 80px;
  }
}
@media (max-width: 450px) {
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
}
@media (max-width: 440px) {
  .report__first-section {
    padding: 20px;
  }
  .report__img-woman {
    width: 265px;
    height: 339px;
  }
  .report__text {
    font-size: 16px;
  }
  .report__title {
    font-size: 28px;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;

  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}
/* test */
@media (max-width: 1720px) {
  .contact__wrapper {
    background-position: top center;
  }
}
@media (max-width: 1330px) {
  .cloud {
    margin-top: 50px;
  }
  .cloud__wrapper {

    background-size: cover;
    border-radius: 32px;
    max-width: 720px;
    width: 100%;
    height: 810px;
    padding: 32px;
  }
  .cloud__big-img {
    display: none;
  }
  .cloud__title {
    font-size: 48px;
  }
  .cloud__reason {
    font-size: 16px;
    width: max-content;
    height:max-content;
  }
  .cloud__reasons-wrapper {
    flex-direction: column;
  }
  .cloud__img-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cloud__img-mobile {
    display: block;
    width: 265px;
    height: 264px;
  }
  .cloud__make-wrapper {
    margin-top: 40px;
  }
  .audit__wrapper {
    max-width: 720px;
    width: 100%;
    height: 1131px;
    padding: 48px 40px 0 40px;
    overflow: hidden;
  }
  .audit__woman-wrapper {
    margin-bottom: -30px;
    width: 486px;
    height: 567px;
    margin-left: 70px;
  }
  .audit__inner-wrapper {
    height: 1411px;
  }
  .audit__title-wrapper {
    margin-bottom: 32px;
  }
  .audit__include-wrapper {
    flex-direction: column-reverse;
    padding-top: 32px;
  }
  .audit__title {
    font-size: 48px;
  }
  .why__title {
    font-size: 128px;
  }
  .why__items {
    max-width: 720px;
    width: 100%;
    margin-top: -30px;
  }
  .why__item {
    max-width: 345px;
    width: 100%;
    height: 300px;
  }
  .why__price-title {
    max-width: 720px;
    width: 100%;
    font-size: 60px;
    margin: 0 auto;
    margin-top: 180px;
  }
  .why__price-wrapper {
    padding: 48px;
    width: 720px;
    height: 817px;
  }
  .minimum__item {
    padding: 24px;
    width: 207px;
    height: 303px;
  }
  .why__price {
    font-size: 32px;
    width: 369px;
  }
  .why__hours,
  .why__hours-red {
    width: 74.25px;
  }
  .why__support {
    font-size: 24px;
    width: 369px;
  }
  .support__plus-item {
    width: 172.5px;
  }
  .support__plus-text {
    width: 144.5px;
    word-wrap: break-word;
  }
  .minimum__title,
  .minimum__text {
    font-size: 16px;
  }
  .minimum__text {
    margin-top: 10px;
  }
  .minimum__order-btn {
    width: 159px;
    justify-content: space-between;
  }
}
@media (max-width: 890px) {
  .why__we {
    margin-left: 520px;
  }
  .scroll__wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .follow__wrapper {
    height: 100%;
  }
  .for {
    margin-top: -30px;
  }
  .follow__title {
    font-size: 24px;
  }
  .follow__items {
    flex-direction: column;
    align-items: center;
  }
  .follow__item-text.gold {
    font-size: 16px;
  }
  .follow__item,
  .follow__item.gold,
  .follow__item.red {
    max-width: 272px;
    padding: 24px;
    width: 100%;
    height: 160px;
  }
  .cloud__wrapper {
    padding: 24px;
    width: 320px;
    height: 572px;
  }
  .cloud__img-mobile {
    width: 183px;
    height: 182px;
  }
  .cloud__title {
    width: 260px;
    font-size: 24px;
  }
  .cloud__reason {
    font-size: 14px;
    padding: 0;
    border: none;
    width: 252px;
    display: flex;
    justify-content: start;
  }
  .cloud__reason-arrow {
    display: block;
    color: var(--red, #D7171F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    margin-right: 12px;
  }
  .cloud__wave-img {
    display: none;
  }
  .cloud__help {
    display: none;
  }
  .cloud__btn-wrapper {
    width: 271px !important;
    height: 58px;
    justify-content: space-between;
    gap: 0px;
    padding: 0 16px;
  }
  .cloud__btn {
    width: 191px;
    font-size: 16px;
  }
  .audit__title {
    font-size: 28px;
  }
  .audit__inner-wrapper {
    padding: 0 20px;
  }
  .audit__subtitle {
    margin-top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
  }
  .include__make-wrapper {
    width: 272px;
    padding: 0 16px;
  }
  .icnlude__title {
    font-size: 24px;
  }
  .audit__title-wrapper {
    margin-bottom: 16px;
  }
  .audit__wrapper {
    padding: 24px;
    height: 996px;
  }
  .audit__include-wrapper {
    padding-top: 16px;
  }
  .include__item {
    margin-top: 24px;
  }
  .include__make {
    font-size: 16px;
  }
  .why__title {
    font-size: 58px;
  }
  .why__we {
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 68px;
  }
  .why__title-item {
    font-size: 21px;
  }
  .why__text {
    font-size: 16px;
  }
  .audit__inner-wrapper {
    height: 1132px;
  }
  .why__items {
    margin-top: 32px;
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 15px;
  }
  .why__wrapper:hover .why__title,
  .why__wrapper:hover .why__we {
    transform: translateY(0);
  }
  .why__item {
    flex-shrink: 0;
    width: 24px;
    width: 264px;
    height: 280px;
  }
  .why__items::-webkit-scrollbar {
    display: none;
  }
  .why__price-title {
    margin-top: 80px;
    font-size: 32px;
    width: 100%;
  }
  .why {
    padding: 0 20px;
  }
  .hours__mobile-wrapper.black,
  .hours__mobile-wrapper.red {
    display: flex;
  }
  .hours__mobile-wrapper.black {
    margin-top: 32px;
    gap: 16px;
  }
  .why__support {
    font-size: 18px;
  }
  .why__hours {
    font-size: 24px;
  }
  .why__hours-red {
    font-size: 18px;
    width: 128px;
  }
  .why__price-wrapper {
    padding: 24px;
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 24px;
    margin-bottom: 68px;
  }
  .support__plus-wrapper {
    flex-direction: column;
  }
  .support__plus-item,
  .support__plus-text {
    width: 100%;
  }
  .hours__mobile-wrapper.red {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }
  .why__hours {
    width: 128px;
  }
  .why__support {
    width: 100%;
  }
  .why__price {
    width: 100%;
    font-size: 24px;
  }
  .why__hours-wrapper-mobile {
    display: flex;
    flex-direction: column;
  }
  .minimum__item {
    width: 100%;
    height: 263px;
  }
  .minimum__order-btn {
    height: 58px;
  }
  .minimum__text {
    margin-top: 24px;
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .review__items {
    display: none;
  }
  .reviews__mobile-wrapper {
    display: flex;
    overflow: auto;
    padding-left: 20px;
    margin-top: 32px;
    gap: 16px;
    padding-bottom: 68px;
  }
  .reviews__mobile-wrapper::-webkit-scrollbar {
    display: none;
  }
  .reviews__mobile {
    width: 264px;
    height: 682px;
    border-radius: 32px;
    border: 1px solid #D8DFE5;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .reviews__mobile-img {
    width: 216px;
    height: 216px;
  }
  .reviews__mobile-title {
    margin: 0 auto;
    width: 216px;
    margin-top: 32px;
    color: #081A32;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 26.4px */
  }
  .reviews__mobile-text {
    margin: 0 auto;
    margin-top: 16px;
    width: 216px;
    color: #081A32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
  }
  .read__all-wrapper {
    margin-top: 32px;
    border-radius: 32px;
    background: #D7171F;
    width: 216px;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 21px 16px;
    justify-content: space-between;
  }
  .read {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
  }
  .clients__title {
    font-size: 32px;
  }
}
@media (max-width: 740px) {
  .situation__blocks {
    flex-direction: column;
  }
  .situation__wrapper {
    width: 100%;
    height: 100%;
  }
  .situation__footer-img-wrapper{
    margin-bottom: -30px;
  }
}
@media (max-width: 630px) {
  .audit__woman-wrapper {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .audit__woman-img {
    width: 372px;
    height: 387px;
    object-fit: cover;
  }
  .for__wrapper {
    padding-top: 70px;
  }
}
@media (max-width: 1300px) {
  .case__user-img {
    height: 550px;
    object-fit: cover;
  }
  .plans__items {
    flex-direction: column;
  }
  .plans__item {
    width: 100%;
    height: 100%;
  }
  .plans__price-wrapper {
    margin-top: 32px;
    max-width: 100%;

  }

}

@media (max-width: 520px) {
  .service__img-text {
    text-align: center;
    font-size: 32px;
  }
  .not__wrapper {
    margin-top: 80px;
  }
  .not__title {
    font-size: 32px;
  }
  .not__text-wrapper {
    height: 180px;
    padding: 16px;
  }
  .not__item {
    width: 264px;
    height: 400px;
  }
  .not__img {
    width: 264px;
    height: 400px;
  }
  .not__img.second {
    display: none;
  }
  .not__img.first {
    display: block;
  }
  .not__text {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .situation__footer-text {
    font-size: 24px;
  }
  .situation__wrapper {
    padding: 24px;
  }
  .clients__title {
    width: 320px;
    margin-right: 0;
  }
  .clients {
    padding-top: 68px;
  }
  .clients__wrapper {
    padding-left: 20px;
  }
  .reviews__mobile-wrapper {
    padding-left: 0;
  }
}
@media (max-width: 580px) {
  .contact__btn {
    font-size: 16px;
  }
  .not {
    padding-bottom: 68px;
  }
  .plans {
    margin-top: 80px;
  }
  .plans__items {
    margin-top: 30px;
  }
  .contact__title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact__text {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
  .contact__btn-wrapper {
    width: 308px;
    padding: 0 16px;
  }
  .contact {
    margin-top: 140px;
  }
  .contact,
  .contact__wrapper {
    height: 750px;
  }
  .for__title {
    font-size: 32px;
  }
  .for__item-title {
    font-size: 21px;
  }
  .for__item-text {
    font-size: 16px;
  }
  .for {
    height: 1172px;
  }
  .for__items {
    margin-top: 68px;
    justify-content: center;
  }
  .for__item {
    flex: none;
    width: 320px;
    height: 280px;
  }
}
@media (max-width: 500px) {
  .plans__filters {
    flex-direction: column;
    gap: 12px;
  }
  .plans__filter{
    max-width: 300px;
    margin: 0 auto;
  }
  .not__item {
    padding: 16px;
  }
  .not__text-wrapper {
    width: 232px;

  }
  .plans__title {
    font-size: 32px;
  }
  .plans__order-wrapper {
    width: 100%;
  }
  .plans__price {
    margin-left: 24px;
  }
  .plans__price-wrapper {
    padding-left: 0;
    padding-top: 20px;
    align-items: start;
    flex-direction: column;
    height: 120px;
  }
}
@media (max-width: 450px) {
  .follow__wrapper {
    padding: 24px;
  }
  .follow__become-wrapper.mobile {
    width: 100%;
  }
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -30px;
  }
  .why__title {
    text-align: left;
    padding-left: 10px;
  }
  .why__we {
    margin-left: 0;
    padding-left: 12px;
    text-align: left;
  }
  .scroll__wrapper {
    padding-top: 50px;
  }
  .for {
    margin-top: -30px;
  }
}
@media (max-width: 430px) {
  .audit__woman-img {
    width: 310px;
    height: 317px;
  }
  .audit__woman-wrapper {
    margin-left: 20px;
    object-fit: cover;
  }
}
@media (max-width: 400px) {
  .why__price-wrapper {
    width: 100%;
  }
  .follow {
    padding-top: 120px;
  }
  .why {
    padding-right: 20px;
  }
  .why__price-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 390px) {
  .audit__woman-wrapper {
    margin-left: 0;
    margin-top: -45px;
  }
}
@media (max-width: 380px) {
  .why__items {
    padding-left: 0;
  }
  .why__title {
    padding-left: 0;
  }
  .why__we {
    padding-left: 0;
  }
}
@media (max-width: 362px) {
  .why {
    padding-right: 15px;
  }
}

.not__desc {
  display: none;
}

/* делаем сетку 2-колонки, gap регулируйте под свой дизайн */
.services__items--grid-2cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

/* особый стиль для строк с заголовками таксономий */
.services__item--heading .service__text-wrapper {
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

/* при необходимости адаптируйте отступы внутри .services__item */
.services__item {
  padding: 0.5rem 0;
}

@media (max-width: 650px) {
    .swiper-button-prev.swiper-button-disabled, .swiper-button-next, .prev-btn {
        display: none !important;
    }
}
@media screen and (max-width: 1330px) {
    .combo__title-wrapper {
        background-image: none !important;
    }
}

main {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.wrapper {
    position: relative;
}

.screen__price-wrapper {
    color: #FFF !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.screen__price-wrapper:hover {
    color: #081A32 !important;
}

.scroll__wrapper {
    margin: 0 auto;
    padding-top: 168px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
}

.scroll__img {
    width: 24px;
    height: 24px;
}

.scroll__text {
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}


/* FOLLOW END */

/* FOR */
.for {
    width: 100%;
    height: 1070px;
    background-image: url('../../assets/img/follow-cloud.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 32px;
    position: relative;
    z-index: 2;
}

.for__wrapper {
    padding-top: 140px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 120px;
}

.for__title {
    max-width: 844px;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.for__items {
    margin-top: 120px;
    display: flex;
    gap: 28px;

}

.for__item {
    display: flex;
    height: 360px;
    padding: 32px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 32px;
    background: rgba(8, 26, 50, 0.60);
    backdrop-filter: blur(25px);
}

.for__item-title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.for__item-text {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.for__item-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 28px;
    padding: 6px 12px;
    border-radius: 32px;
    background: #D7171F;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
}

/* FOR END */

/* SERVICE */

.service {
    margin-top: 140px;
}

.service__wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.service__img-wrapper {
    width: 517px;
    height: 904px;
    position: relative;
    overflow: hidden;
    padding: 32px;
    border-radius: 32px;
    transition: all .7 ease;
}

.service__img {
    top: 0;
    left: 0;
    width: 517px;
    height: 904px;
    position: absolute;
    border-radius: 32px;
    transition: all .7s ease;
}

.service__img:hover {
    transform: scale(1.1);
}

.service__img-text {
    margin: 0 auto;
    width: 453px;
    height: 148px;
    border-radius: 32px;
    background: rgba(8, 26, 50, 0.60);
    backdrop-filter: blur(25px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 42px */
}

.service__items {
    max-width: 626px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service__item {
    border-radius: 32px;
    border: 1px solid #D8DFE5;
    background: #FFF;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service__item-img {
    width: 80px;
    height: 80px;
}

.service__item-text {
    max-width: 456px;
    width: 100%;
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}



/* WHAT */
.screen {
    background-image: url('../../assets/img/follow-intro-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: sticky;
    z-index: 1;
    top: 0;
    overflow: hidden;
}

.screen.active {
    position: relative;
}

.screen__wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.screen__title {
    color: #081A32;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
    max-width: 1062px;
    width: 100%;
    margin: 0 auto;
    margin-top: 171px;
}

.screen__subtitle {
    margin-top: 20px;
    color: #081A32;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
}

.screen__price-wrapper {
    margin: 0 auto;
    margin-top: 40px;
    width: 263px;
    height: 60px;
    padding: 20px 24px;
    border-radius: 32px;
    background: #081A32;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all .3s ease;
}

.screen__price-wrapper:hover {
    background-color: #ECF1F6;
}

.screen__price-wrapper:hover .screen__price,
.screen__price-wrapper:hover .screen__price-img path {
    color: #081A32;
    fill: #081A32;
}

.screen__price {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}

.screen__img-wrapper {
    margin-top: 100px;
    transition: all 1s ease;
    transform: translateY(10px);
}

.screen__img {
    object-fit: contain;
    max-width: 1280px;
    height: 500px;
}

.what {
    width: 100%;
    height: 1546px;
    border-radius: 32px;
    /* background: linear-gradient(138deg, #0D4DA1 23.63%, #83A8D8 101.06%); */
    background-image: url('../../assets/img/what-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
}

.what__wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;

}

.what__title {
    padding-top: 140px;
    width: 299px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 26.4px */
}

.what__item {
    border-top: 1px rgba(255, 255, 255, 0.15) solid;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 20px;
    padding-top: 20px;
}

.what__item.first {
    margin-top: 68px;
    padding-top: 20px;

}

.what__item-title {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
}

.what__item-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 64px;
    background: rgba(8, 26, 50, 0.60);
    padding: 14px 24px;
}

.what__item-subtitle {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
}

.what__receive {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
}

.what__item-inline-img-wrapper {
    display: flex;
    align-items: center;
    border-radius: 64px;
    background: rgba(8, 26, 50, 0.60);
    padding: 14px 24px;
    gap: 16px;
}

.what__control {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
}

.what__text {
    margin-top: 8px;
    color: #FFF;
    font-family: Panton;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.what__book-wrapper {
    margin-top: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.what__book-img-wrapper {
    width: 517px;
    height: 550px;
    flex-shrink: 0;
    border-radius: 32px;
    background: rgba(5, 10, 17, 0.50);
    backdrop-filter: blur(25px);
    display: flex;
    align-items: end;
    justify-content: start;
}

.what__book-img {
    width: 400px;
    height: 481px;
}

.what__book-text-wrapper {
    max-width: 626px;
    width: 100%;
}

.what__book-title {
    color: #FFF;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.what__book-text {
    margin-top: 24px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
}

/* WHAT END */

/* CALC */


.calc {
    margin-top: -30px;
    background-image: url('../../assets/img/home-footer-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    margin-bottom: -30px;
    padding-left: 20px;
    padding-right: 20px;
}

.calc__wrapper {
    max-width: 844px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 180px;
}

.calc__title {
    padding-top: 180px;
    color: #FFF;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.calc__text {
    margin-top: 24px;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    margin-bottom: 48px;
}

.calc__btn-wrapper {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 263px;
    border-radius: 32px;
    background: #D7171F;
    padding: 20px 24px;
    transition: all .3s ease;
    cursor: pointer;
}

.calc__btn-wrapper:hover {
    background-color: #ECF1F6;
}

.calc__btn-wrapper:hover svg path,
.calc__btn-wrapper:hover .calc__btn {
    color: #081A32;
    fill: #081A32;
}

.calc__btn {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}

/* CALC */

.calc__container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 180px;
    padding-bottom: 180px;
}

.calc__projects-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.calc__projects-amount-wrapper {
    display: flex;
}

.calc__projects-amount {
    color: #D7171F;
    font-size: 200px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 200px */
}

.calc__projects-plus {
    color: #D7171F;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.calc__projects-amount-text {
    margin-top: 48px;
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
    max-width: 408px;
    width: 100%;
}

.projects__wrapper {
    width: 626px;
}

.projects__items {
    display: flex;
    gap: 28px;
}

.projects__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    width: 299px;
    height: 116px;
    border-radius: 32px;
    background: rgba(5, 10, 17, 0.50);
    backdrop-filter: blur(25px);
}

.projects__title {
    color: #D7171F;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 52px */
}

.projects__subtitle {
    width: 120px;
    display: flex;
    align-items: end;
    color: #FFF;
    font-family: Panton;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 19.8px */
}

.projects__thanks-wrapper {
    margin-top: 60px;
}

.projects__thanks-text {
    color: #FFF;
    font-family: Panton;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

/* CALC */

/* CALC */

/* TOOLS */
.tools {
    height: 2072px;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    border-radius: 32px;
}

.tools__wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.tools__title {
    color: #081A32;
    text-align: center;
    font-family: Panton;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
    max-width: 844px;
    width: 100%;
    margin: 0 auto;
    padding-top: 140px;
}

.tools__items {
    margin-top: 68px;
}

.tools__first__items {
    display: flex;
    gap: 28px;
}

.tools__first-two-items {
    display: flex;
    gap: 28px;
}

.tools__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 408px;
    height: 340px;
    padding: 32px;
    gap: 24px;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 32px;
    background: #ECF1F6;
    transition: all .3s ease;

}

.tools__item.hide {
    display: none;
}

.tools__item-title {
    color: #081A32;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.tools__item-text {
    margin-top: 12px;
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.tools__item-icon {
    width: 48px;
    height: 48px;
}

.tools__item-large-blue {
    display: flex;
    width: 844px;
    height: 340px;
    padding: 32px;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 32px;
    background: #0D4DA1;
    overflow: hidden;
    transition: all .3s ease;
}

.tools__item-large-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tools__item-large-text-wrapper {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.tools__item-large-title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.tools__item-large-text {
    margin-top: 12px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.tools__item-large-icon {
    width: 48px;
    height: 48px;
}

.tools__item-user-wrapper {
    margin-top: -10px;
}

.wrap {
    display: block;
    max-width: 531px;
}

.tools__item-user {
    width: 260px;
    height: 319px;
    object-fit: cover;
}

.tools__second-items {
    margin-top: 28px;
    display: flex;
    gap: 28px;
}

.tools__third-items {
    margin-top: 28px;
}

.tools__third-items-wrapper {
    display: flex;
    gap: 28px;
}

.tools__large-blue {
    display: flex;
    display: flex;
    width: 844px;
    height: 340px;
    padding: 32px;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 32px;
    background: #0D4DA1;
    overflow: hidden;
    transition: .3s ease all;
}

.tools__large-blue-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.tools__large-title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.tools__large-subtitle {
    margin-top: 12px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.tools__large-icon {
    width: 48px;
    height: 48px;
}

.tools__large-user {
    width: 278px;
    height: 345px;
}

.tools__item-subtitle {
    margin-top: 12px;
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.tools__item.hide {
    display: none;
}

.tools__fourth-items {
    display: flex;
    gap: 28px;
}

.tools__items-large {
    margin-top: 28px;
    display: flex;
    gap: 28px;
}

.tools__item-large {
    display: flex;
    width: 626px;
    height: 340px;
    padding: 32px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 32px;
    background: #ECF1F6;
    transition: .3s ease all;
}

.tools__item-large-title.dark {
    color: #081A32;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.tools__item-large-subtitle {
    margin-top: 12px;
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.tools__help-wrapper {
    border-radius: 32px;
    background: #D7171F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 281px;
    height: 60px;
    padding: 20px 24px;
    margin: 0 auto;
    margin-top: 60px;
    cursor: pointer;
    transition: .3s all ease;
}

.tools__help-wrapper:hover {
    background-color: #ECF1F6;
}

.tools__help-wrapper:hover .tools__help,
.tools__help-wrapper:hover svg path {
    color: #081A32;
    fill: #081A32;
}

.tools__help {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}


/* TOOLS END */

/* AUDIT END */

/* COMBO */

.combo {
    border-radius: 32px;
    position: relative;
    z-index: 2;
    margin-top: -30px;
    background-color: #fff;
    ;
}

.combo__wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 140px;
}

.combo__title-wrapper {
    background-image: url('../../assets/img/home-support.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 32px;
    width: 517px;
    height: 892px;
}

.combo__title {
    width: 453px;
    height: 208px;
    border-radius: 32px;
    background: rgba(8, 26, 50, 0.60);
    backdrop-filter: blur(25px);
    padding: 32px;

    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
}

.accordion__section {
    max-width: 626px;
    width: 100%;
}

.accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 32px;
    border: 1px solid #D8DFE5;
    background: #FFF;
    height: 144px;
    padding: 32px;
    transition: all .2s ease;
}

.accordion__wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}

.accordion__icon {
    width: 80px;
    height: 80px;
}

.accordion__title {
    color: #081A32;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 32px */
}

.accordion__cross {
    width: 24px;
    height: 3px;
    background-color: #D7171F;
    border-radius: 30px;
    transition: all .2s ease;
}

.accordion__cross::after {
    display: block;
    content: '';
    width: 24px;
    height: 3px;
    background-color: #D7171F;
    border-radius: 30px;
    transform: rotate(90deg);
    opacity: 1;
}

.accordion.active .accordion__cross {
    background-color: #757D87;
}

.accordion.active .accordion__cross::after {
    opacity: 0;
}

.accordion.active {
    border-radius: 32px 32px 0 0;
    border-bottom: transparent;
}

.panel {
    border: transparent;
    transition: .2s all ease;
}

.panel.active {
    padding: 10px 32px 32px 32px;
    border-radius: 0 0 32px 32px;
    border: 1px solid #D8DFE5;
    border-top: none;
}

.panel__title,
.panel__text {
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.panel__text {
    margin-top: 20px;
}


.accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    font-size: 15px;
    transition: 0.4s;
}

.accordion__item {
    margin-bottom: 28px;
}


.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


/* COMBO END */


/* PACKETS */

.packets {
    padding-top: 180px;
    padding-bottom: 10px;
    border-radius: 0 0 32px 32px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.packets__title {
    color: #081A32;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
    margin-bottom: 68px;
}

.packets__items {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.packets__item {
    display: flex;
    justify-content: space-between;
    padding: 68px;
    border-radius: 32px;
    background: #ECF1F6;
    position: relative;
}

.packet__section {
    width: 756px;
}

.packet__title {
    color: #081A32;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 60px */
}

.packet__text {
    margin-top: 24px;
    color: #081A32;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 26.4px */
}

.packet__columns {
    margin-top: 48px;
    display: flex;
    gap: 24px;
}

.packet__arrow {
    flex-shrink: 0;
}

.packet__column {
    width: 366px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.packet__cell {
    display: flex;
    justify-content: space-between;
}

.packet__cell-text {
    width: 338px;
}

.packets__order-wrapper {
    top: 100px;
    width: 340px;
    height: 100%;
    position: sticky;
}

.packets__order {
    display: flex;
    width: 340px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 32px;
    background: #FFF;
}

.packets__order-price {
    color: #D7171F;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.packets__order-btn-wrapper {
    margin-top: 24px;
    width: 156px;
    height: 60px;
    padding: 20px 24px;
    border-radius: 32px;
    background: #D7171F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all .3s ease;
}

.packets__order-btn-wrapper:hover {
    background-color: #ECF1F6;
}

.packets__order-btn-wrapper:hover svg path,
.packets__order-btn-wrapper:hover .packets__order-btn {
    color: #081A32;
    fill: #081A32;
}

.packets__order-btn {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}

/* PACKETS */

/* AUDIT */

.audit__inner-wrapper {
    margin-top: -30px;
    background-image: url('../../assets/img/audit-form-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;

    height: 1087px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audit__wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    height: 791px;
    border-radius: 32px;
    background: rgba(8, 26, 50, 0.60);
    padding: 68px;
    overflow: hidden;
}

.audit__wrapper:hover .audit__woman-wrapper {
    transform: translateY(30px);
}

.audit__title-wrapper {
    margin-bottom: 48px;
}

.audit__title {
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 60px */
}

.audit__subtitle {
    margin-top: 24px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
}

.audit__include-wrapper {
    padding-top: 48px;
    border-top: rgba(255, 255, 255, 0.15) 1px solid;
    display: flex;
    gap: 69px;
}

.audit__woman-wrapper {
    transition: all .8s ease-in-out;
    margin-top: 50px;
}

.audit__woman-img {
    width: 517px;
    height: 469px;
    object-fit: contain;
}

.icnlude__title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.include__item {
    margin-top: 29px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.include__img {
    width: 32px;
    height: 32px;
}

.include__text {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.include__make-wrapper {
    cursor: pointer;
    margin-top: 38px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    width: 355px;
    height: 60px;
    border-radius: 32px;
    background: #D7171F;
    justify-content: space-between;
    transition: all .2s ease;
}

.include__make-wrapper:hover {
    background-color: #ECF1F6;
}

.include__make-wrapper:hover .include__make,
.include__make-wrapper:hover .include__make-img path {
    color: #081A32;
    fill: #081A32;
}

.include__make {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}

/* AUDIT */


.support__plus-wrapper {
    display: flex;
    gap: 24px;
    margin-top: 24px;
}

.support__plus-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.support__plus-item {
    width: 366px;
    display: flex;
    gap: 12px;
}

.support__plus-img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.minimum__wrapper {
    border-radius: 32px;
    background: #FFF;
    padding: 32px;
    height: 340px;
    height: 280px;
    position: relative;
}

.minimum__title,
.minimum__text {
    color: #081A32;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.minimum__text {
    margin-top: 25px;
}

.minimum__order-btn {
    width: 156px;
    height: 60px;
    border-radius: 32px;
    background: #D7171F;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
    margin-top: 24px;
    transition: all .2s ease;
    cursor: pointer;
}

.minimum__order-btn:hover {
    background-color: #ECF1F6;
}

.minimum__order-btn:hover .minimum__order,
.minimum__order-btn:hover .minimum__order-img path {
    color: #081A32;
    fill: #081A32;
}

.minimum__order {
    transition: all .2s ease;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}



/* REVIEW */

.clients {
    margin-top: 180px;
    position: relative;
    z-index: 2;
}

.clients__title {
    color: #081A32;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.review__items {
    margin: 0 auto;
    width: 1280px;
    height: 585px;
    margin-top: 68px;
    margin-bottom: 159px;
}

.review__item {
    width: 100%;
    border-radius: 32px;
    border: 1px solid #D8DFE5;
    background: #FFF;
    display: flex;
    padding: 68px;
    justify-content: space-between;
    align-items: center;
}

.review__photo {
    width: max-content;
    position: relative;
}

.review__rating {
    width: 100px;
    height: 100px;
    left: 320px;
    position: absolute;
}

.review__img {
    width: 449px;
    height: 449px;
    flex-shrink: 0;
}

.review__body {
    max-width: 558px;
    width: 100%;
}

.review__user {
    color: #081A32;
    font-size: 32px;
    font-style: normal;
    text-align: left;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.review__text {
    text-align: left;
    margin-top: 16px;
    color: #081A32;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
}

.review__btns {
    border-top: 1px solid #D8DFE5;
    margin-top: 79px;
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.review__review-wrapper {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 32px;
    background: #D7171F;
    padding: 20px 24px;
    width: 232px;
    height: 60px;
    transition: all .2s ease;
}

.review__review-wrapper:hover {
    background-color: #ECF1F6;
}

.review__review-wrapper:hover .review__review,
.review__review-wrapper:hover svg path {
    color: #081A32;
    fill: #081A32;
}

.review__review {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}

.review__pagination {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review__pagination-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #D8DFE5;
    cursor: pointer;
}

.review__pagination-next {
    background-color: #ECF1F6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
}

.review__arrow-reverse {
    transform: rotate(180deg);
}

.mySwiper1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 650px !important;
}

.swiper-button-next.second {
    height: 60px !important;
    width: 60px !important;
    background-color: #ECF1F6 !important;
    border-radius: 50% !important;
    border: 1px solid #D8DFE5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    top: 457px !important;
    left: 1130px !important;
}

.swiper-slide.second {
    padding: 0;
}

.prev-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev.second {
    height: 60px !important;
    width: 60px !important;
    background-color: #ECF1F6 !important;
    border-radius: 50% !important;
    border: 1px solid #D8DFE5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    top: 457px !important;
    left: 1060px !important;
}

.prev-arrow svg {
    transform: rotate(180deg);
}

/* REVIEW */

/* CONTACT */

.contact__wrapper {
    background-image: url('../../assets/img/contacts-bg.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 970px;
    margin-bottom: -260px;
    margin-top: -27px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.contact {
    margin-top: 180px;
    height: 832px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.contact__title {
    max-width: 844px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.contact__text {
    max-width: 844px;
    width: 100%;
    margin-top: 24px;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
}

.contact__btn-wrapper {
    cursor: pointer;
    margin-top: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 355px;
    height: 60px;
    padding: 0 24px;
    border-radius: 32px;
    background: #D7171F;
    transition: all .2s ease;
}

.contact__btn-wrapper:hover {
    background: #ECF1F6;
}

.contact__btn-wrapper:hover .contact__btn {
    color: #081A32;
}

.contact__btn-wrapper:hover svg path {
    fill: #081A32;
}

.contact__btn {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}



.review__img-table {
    display: none;
}

.reviews__mobile-wrapper {
    display: none;
}

/* CONTACT END */

/* SWIPER */

.swiper__wrapper {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding-top: 140px;
    max-width: 1280px;
    width: 100%;
    height: 1000px;
    position: relative;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

.swiper {
    width: 100%;
    height: 100%;
    border-radius: 32px;
}

.swiper-slide {
    width: 626px;
    height: 530px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 32px;
    padding: 32px;
    z-index: 2;
}

.swiper-slide.sea,
.swiper-slide.office {
    position: relative;
    overflow: hidden;
    width: 626px;
    height: 530px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.swiper-slide.sea:hover .swiper-img,
.swiper-slide.office:hover .swiper-img {
    transform: scale(1.1);
}

.swiper-img {
    top: 0;
    left: 0;
    position: absolute;
    width: 626px;
    height: 530px;
    transition: all .8s ease;
    overflow: hidden;
    border-radius: 32px;
    z-index: 0;
}

.swiper__text-wrapper {
    position: relative;
    z-index: 2;
    border-radius: 32px;
    background: rgba(8, 26, 50, 0.60);
    backdrop-filter: blur(25px);
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    max-width: 531px;
    width: 100%;
    transition: all .3s ease;
}

/*  */

.swiper-slide {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.swiper-slide-prev .swiper__text-wrapper,
.swiper-slide .swiper__text-wrapper {
    transform: translateY(20px);
    opacity: 0;
    transition: transform .8s ease-in-out, opacity .8s ease-in-out;
}

.swiper-slide-prev {
    opacity: 0;
}

.swiper-slide-active {
    opacity: 1;
}

.swiper-slide-next {
    opacity: 1;
}

.swiper-slide-prev .swiper__text-wrapper,
.swiper-slide-next .swiper__text-wrapper,
.swiper-slide-active .swiper__text-wrapper {
    transform: translateY(0);
    opacity: 1;
}

.swiper__text-tag {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    background: #D7171F;
}

.swiper__text {
    text-align: left;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Panton';
    font-style: normal;
    line-height: 110%;
    /* 26.4px */
}

.swiper-pagination-progressbar {
    position: absolute !important;
    top: 610px !important;
    left: 160px !important;
}

.swiper-pagination-progressbar-fill {
    background-color: #D7171F !important;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    z-index: 2 !important;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    max-width: 890px !important;
    width: 100% !important;
    height: 2px !important;
    z-index: 2 !important;
}

.swiper-button-prev {
    top: 610px !important;
    left: 18px !important;
}

.next-btn,
.prev-btn {
    height: 60px !important;
    width: 60px !important;
    background-color: #ECF1F6 !important;
    border-radius: 50% !important;
    border: 1px solid #D8DFE5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.prev-btn-img,
.next-btn-img {
    height: 16px !important;
    width: 16px !important;
}

.prev-btn-img {
    transform: rotate(-180deg) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none !important;
}

.swiper-button-next {
    top: 610px !important;
    left: 90px !important;
}

.swiper__title {
    color: #081A32;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
    margin-bottom: 68px;
}

.all {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: end;
    margin-top: -132px;
    cursor: pointer;
    padding-right: 20px;
    margin-bottom: 30px;
}

.all__wrapper {
    width: 166px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-radius: 32px;
    background: #D7171F;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: all .3s ease;
}

.all__wrapper:hover {
    background-color: #ECF1F6;
}

.all__wrapper:hover .all__link,
.all__wrapper:hover svg path {
    fill: #081A32;
    color: #081A32;
}

.all__link {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 19.8px */
}

.review__img-mobile {
    display: none;
}

/* SWIPER */

.review__fulltext,
.review__letter {
    display: none;
}

.review__item {
    margin-top: 58px;
}

@media (max-width: 1330px) {
    .combo__wrapper {
        position: relative;
        z-index: 2;
        border-radius: 32px;
        background-color: #fff;
    }

    .mySwiper1 {
        width: 760px !important;
        height: 980px !important;
    }

    .swiper-button-next.second {
        top: 863px !important;
        left: 590px !important;
    }

    .swiper-button-prev.second {
        top: 863px !important;
        left: 520px !important;
    }

    .review__items {
        width: 760px;
    }

    .review__text {
        text-align: left;
    }

    .clients {
        margin-top: 50px;
    }

    .review__item {
        margin-right: 20px;
    }



    .review__rating {
        display: none;
    }


    }

    .minimum__wrapper {
        padding: 24px;
        width: 207px;
        height: 303px;
    }


}

@media (max-width: 890px) {


    .contact,
    .contact__wrapper {
        height: 1000px;
    }

    .contact__title {
        font-size: 60px;
    }
}

@media (max-width: 800px) {
    .what {
        background-image: url('../../assets/img/what-bg-table.png');
    }
}

@media (max-width: 760px) {


    .contact__title {
        font-size: 36px;
        padding-left: 10px;
        padding-right: 10px;
    }



    .audit__inner-wrapper {
        height: 1132px;
    }



    .hours__mobile-wrapper.black,
    .hours__mobile-wrapper.red {
        display: flex;
    }

    .hours__mobile-wrapper.black {
        margin-top: 32px;
        gap: 16px;
    }



    .support__plus-wrapper {
        flex-direction: column;
    }

    .support__plus-item,
    .support__plus-text {
        width: 100%;
    }

    .hours__mobile-wrapper.red {
        margin-top: 8px;
        display: flex;
        gap: 16px;
    }



    .minimum__wrapper {
        width: 100%;
        height: 263px;
    }

    .minimum__order-btn {
        height: 58px;
    }

    .minimum__text {
        margin-top: 24px;
        font-size: 16px;
    }

}

@media (max-width: 720px) {
    .review__img-table {
        transform: translateY(80px);
    }
}

@media (max-width: 500px) {
    .review__img-mobile {
        margin-top: 50px;
    }
}

@media (max-width: 580px) {
    .contact__btn {
        font-size: 16px;
    }

    .contact__title {
        font-size: 32px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact__text {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 12px;
    }

    .contact__btn-wrapper {
        width: 308px;
        padding: 0 16px;
    }

    .contact {
        margin-top: 140px;
    }

    .contact,
    .contact__wrapper {
        height: 750px;
    }
}






@media (max-width: 1330px) {
    .audit__wrapper {
        max-width: 720px;
        width: 100%;
        height: 1131px;
        padding: 48px 40px 0 40px;
        overflow: hidden;
    }

    .audit__woman-wrapper {
        margin-top: 10px;
        width: 486px;
        height: 567px;
        margin-left: 130px;
    }

    .audit__inner-wrapper {
        height: 1411px;
    }

    .audit__title-wrapper {
        margin-bottom: 32px;
    }

    .audit__include-wrapper {
        flex-direction: column-reverse;
        padding-top: 32px;
    }

    .audit__title {
        font-size: 48px;
    }

    .audit__woman-img {
        width: 383.74px;
        height: 450.271px;
    }

}

@media (max-width: 760px) {
    .audit__title {
        font-size: 28px;
    }

    .audit__inner-wrapper {
        padding: 0 20px;
    }

    .audit__subtitle {
        margin-top: 12px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        /* 19.2px */
    }

    .include__make-wrapper {
        width: 272px;
        padding: 0 16px;
    }

    .icnlude__title {
        font-size: 24px;
    }

    .audit__title-wrapper {
        margin-bottom: 16px;
    }

    .audit__wrapper {
        padding: 24px;
        height: 996px;
    }

    .audit__include-wrapper {
        padding-top: 16px;
    }

    .include__item {
        margin-top: 24px;
    }

    .include__make {
        font-size: 16px;
    }

}

@media (max-width: 630px) {
    .audit__woman-wrapper {
        margin-top: 10px;
        margin-left: 70px;
        margin-bottom: 0;
    }

    .audit__woman-img {
        width: 372px;
        object-fit: cover;
    }
}




@media (max-width: 450px) {
    .audit__woman-wrapper {
        margin-left: 0;
        margin-top: -30px;
    }
}

@media (max-width: 430px) {
    .audit__woman-img {
        width: 320px;
        height: 260px;
        object-fit: contain;
    }

    .audit__wrapper {
        height: 948px;
    }

    .audit__woman-wrapper {
        margin-top: 10px;
        margin-left: 10px;
        object-fit: cover;
    }
}

@media (max-width: 390px) {
    .audit__woman-wrapper {
        margin-left: 0;
        margin-top: -25px;
    }
}

@media (max-width: 1330px) {
    .tools__item.hide {
        display: flex;
    }

    .tools__first__items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tools__item.show {
        display: none;
    }

    .tools__second-items,
    .tools__third-items-wrapper {
        justify-content: center;
    }

    .tools__fourth-items {
        margin-top: 24px;
    }

    .tools__third-items-wrapper {
        flex-wrap: wrap;
    }

    .tools__item-large.show {
        display: none;
    }

    .tools {
        height: 100%;
        padding-bottom: 50px;
    }

    .tools__fourth-items {
        justify-content: center;
        flex-wrap: wrap;
    }

    .tools__item-large.last {
        width: 844px;
    }
}

@media (max-width: 1100px) {
    .calc__container {
        flex-direction: column;
    }

    .projects__items {
        margin-top: 48px;
        max-width: 720px;
        width: 100%;
    }

    .projects__item {
        max-width: 348px;
        width: 100%;
    }

    .calc__projects-wrapper {
        max-width: 720px;
        width: 100%;
        flex-direction: row;
    }

    .projects__thanks-text,
    .projects__thanks-wrapper,
    .projects__wrapper {
        max-width: 720px;
        width: 100%;
    }
}

@media (max-width: 1330px) {
    .combo__title-wrapper {
        background-image: none;
    }

    .combo__title-wrapper {
        padding: 0;
    }

    .combo__wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .combo__title {
        color: #081A32;
        border-radius: 32px;
        background: transparent;
        backdrop-filter: blur(0);
        padding: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 32px;
    }

    .accordion__section {
        max-width: 100%;
        padding-bottom: 50px;
    }

    .accordion {
        width: 100%;
    }

    .combo__title-wrapper {
        width: 100%;
    }

    .combo__wrapper {
        justify-content: center;
        flex-direction: column;
    }

    .combo__title-wrapper {
        height: max-content;
    }
}

@media (max-width: 1300px) {
    .screen__img {
        max-width: 720px;
        width: 100%;
        height: auto;
        object-fit: fill;
    }

    .screen__img {
        transform: translateY(30px);
    }

    .screen__title {
        font-size: 60px;
    }

    .screen__img-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .what__item.first {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-self: start;
    }

    .what__item-title {
        font-size: 32px;
    }

    .what__receive,
    .what__control,
    .what__text {
        font-size: 32px;
    }

    .what__item-subtitle {
        font-size: 32px;
    }

    .what__item {
        justify-content: start;
        align-self: start;
    }

    .what__item.last {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .what__item {
        flex-direction: column;
        align-items: start;
    }

    .packets__title {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 60px;
    }

    .packet__arrow {
        margin-right: 5px;
    }

    .packet__cell-text {
        margin-bottom: 5px;
        width:100% !important;
    }

    .packet__title {
        text-align: center;
        font-size: 40px;
    }

    .packet__text {
        font-size: 18px;
        ;
    }

    .packet__section {
        width: 100%;
    }

    .packet__columns {
        display: block;
    }

    .packet__column {
        width: 100%;
    }

    .packets__item {
        padding-left: 25px;
        padding-right: 25px;

        display: block;
    }

    .packets__order-wrapper {
        width: 100%;
        margin-top: 50px;
    }

    .packets__order {
        width: 100%;
    }

    .packets__order-btn-wrapper {
        width: auto;
        margin: 0 auto;
        margin-top: 20px;
    }

    .packets__order-price {
        margin: 0 auto;
    }
}

@media (max-width: 1220px) {

    .what__book-img-wrapper {
        width: 348px;
        height: 450px;
    }

    .what__book-img {
        width: 321px;
        height: 387px;
    }

    .what__book-wrapper {
        margin-top: 140px;
    }

    .calc__wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .calc__title {
        font-size: 60px;
    }
}

@media (max-width: 1050px) {
    .what__book-wrapper {
        gap: 24px;
    }

    .what__book-title {
        font-size: 60px;
    }

    .what__book-text {
        font-size: 21px;
    }
}

@media (max-width: 870px) {
    .combo__title-wrapper {
        background: none !important;
    }


    .tools__item {
        width: 348px;
        height: 340px;
    }

    .clients__title {
        font-size: 60px;
    }

    .tools__item-large-blue {
        width: 720px;
    }

    .tools__first-two-items {
        flex-wrap: nowrap;
    }

    .tools__large-blue {
        width: 720px;
    }

    .tools__item-title {
        font-size: 28px;
    }

    .tools__item-large.last {
        width: 720px;
    }

    .tools__items-large {
        margin-top: 0;
    }
}

@media (max-width: 800px) {
    .screen__img {
        display: none;
    }

    .screen__img-wrapper {
        margin-top: 100px;
    }

    .review__img-table {
        display: block;
        object-fit: contain;
        max-width: 720px;
        width: 100%;
        height: 500px;
    }
}

@media (max-width: 740px) {
    .tools__items {
        display: flex;
        flex-direction: row;
        overflow: auto;
        width: 100%;
        padding-left: 20px;
        height: 340px;
    }

    .tools__item-title {
        font-size: 21px;
    }

    .tools__item-large-title {
        font-size: 21px;
    }

    .tools__large-title {
        font-size: 21px;
    }

    .tools__title {
        font-size: 32px;
    }

    .tools__fourth-items {
        margin-top: 0;
        margin-left: 16px;
    }

    .tools__item-large.last {
        width: 264px;
    }

    .tools__item-large-subtitle {
        font-size: 16px;
    }

    .tools__item-large-title.dark {
        font-size: 21px;
    }

    .tools__item-subtitle {
        font-size: 16px;
    }

    .tools__large-blue {
        width: 264px;
    }

    .tools__large-subtitle {
        width: 216px;
        font-size: 16px;
    }

    .tools__fourth-items {
        flex-wrap: nowrap;
    }

    .tools__third-items {
        margin-top: 0;
        margin-left: 16px;
    }

    .tools__large-user-wrapper {
        display: none;
    }

    .tools__item-text {
        font-size: 16px;
    }

    .tools__second-items,
    .tools__first-two-items,
    .tools__first__items {
        gap: 16px;
    }

    .tools__second-items {
        margin-left: 16px;
    }

    .tools__item-large-text {
        width: 216px;
        font-size: 16px;
    }

    .tools__item,
    .tools__item-large-blue {
        padding: 24px;
        width: 264px;
    }

    .tools__item-user {
        display: none;
    }

    .tools__items::-webkit-scrollbar {
        display: none;
    }

    .tools__second-items {
        margin-top: 0;
    }

    .tools__first-two-items {
        height: max-content;
    }

    .tools__first__items {
        height: max-content;
    }

    .tools__second-items {
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .tools__first__items {
        flex-wrap: nowrap;
    }

    .screen__subtitle {
        font-size: 18px;
    }

    .screen__title {
        padding-left: 5px;
        padding-right: 5px;
    }

    .screen__title {
        font-size: 32px;
    }

    .calc__title {
        font-size: 32px;
    }

    .calc__text {
        font-size: 18px;
    }

    .review__img-table {
        display: block;
        object-fit: contain;
        max-width: 720px;
        width: 100%;
        height: 533px;
    }

    .screen__img-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .what__wrapper {
        margin-top: -30px;
    }
}

@media (max-width: 720px) {
    .what {
        height: 100%;
        padding-bottom: 80px;
    }

    .what__book-wrapper {
        align-items: start;
        margin-top: 40px;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .screen__img-wrapper {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .accordion__title {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .what__item.first {
        margin-top: 32px;
        padding-top: 32px;
    }

    .what__title {
        padding-top: 68px;
    }

    .what__book-wrapper {
        gap: 0;
    }

    .review__img-table {
        display: none;
    }

    .review__img-mobile {
        width: 320px;
        height: 308px;
        display: block;
        object-fit: contain;
    }

    .what__item-title,
    .what__item-subtitle,
    .what__receive,
    .what__control,
    .what__text {
        font-size: 24px;
    }

    .what__book-title {
        margin-top: 32px;
        font-size: 32px;
    }

    .what__book-text {
        margin-top: 12px;
    }
}

@media (max-width: 580px) {

    .calc__projects-wrapper,
    .projects__items {
        flex-direction: column;
    }

    .calc__projects-wrapper {
        gap: 12px;
    }

    .calc__projects-amount {
        font-size: 100px;
    }

    .calc__projects-plus {
        font-size: 60px;
    }

    .projects__thanks-text,
    .calc__projects-amount-text {
        font-size: 24px;
    }

    .projects__item {
        max-width: 100%;
    }

    .calc__projects-amount-text {
        margin-top: 0;
    }
}

@media (max-width: 400px) {
    .what__book-img-wrapper {
        width: 320px;
        height: 400px;
    }

    .audit__inner-wrapper {
        height: 1100px;
    }

    .what__book-img {
        width: 265px;
        height: 319px;
    }

    .accordion__title {
        font-size: 18px;
    }

    .combo__title {
        font-size: 32px;
    }

    .accordion__icon {
        width: 60px;
        height: 60px;
    }

    .accordion {
        height: 100px;
    }
}


@media (max-width: 1330px) {

    .review__item,
    .review__item.first,
    .review__item.second,
    .review__item.third {
        width: 720px;
        max-height: 945px;
        flex-direction: column;
        padding: 48px;
        margin-right: 0;
        margin: 0 auto;
    }

    .review__btns {
        border-top: 1px solid #D8DFE5;
    }

    .review__body {
        margin-top: 48px;
        width: 100%;
    }

    .review__img {
        width: 400px;
        height: 400px;
    }

    .review__rating {
        display: none;
    }

    .clients__title {
        font-size: 60px;
    }

    .review__items {
        width: 100%;
        height: 1000px;
    }

    .clients {
        padding-top: 127px;
    }

    .review__items {
        margin-bottom: 50px;
    }

    .clients__wrapper {
        padding-bottom: 10px;
    }
}

@media (max-width: 750px) {
    .review__items {
        display: none;
    }

    .reviews__mobile-wrapper {
        display: flex;
        overflow: auto;
        padding-left: 20px;
        margin-top: 32px;
        gap: 16px;
        padding-bottom: 68px;
    }

    .reviews__mobile-wrapper::-webkit-scrollbar {
        display: none;
    }

    .reviews__mobile {
        width: 264px;
        height: 682px;
        border-radius: 32px;
        border: 1px solid #D8DFE5;
        background: #FFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .reviews__mobile-img {
        width: 216px;
        height: 216px;
    }

    .reviews__mobile-title {
        margin: 0 auto;
        width: 216px;
        margin-top: 32px;
        color: #081A32;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        /* 26.4px */
    }

    .reviews__mobile-text {
        margin: 0 auto;
        margin-top: 16px;
        width: 216px;
        color: #081A32;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 20.8px */
    }

    .read__all-wrapper {
        margin-top: 32px;
        border-radius: 32px;
        background: #D7171F;
        width: 216px;
        height: 60px;
        display: flex;
        align-items: center;
        padding: 21px 16px;
        justify-content: space-between;
    }

    .read {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;

    }
}

@media (max-width: 740px) {
    .situation__blocks {
        flex-direction: column;
    }

    .situation__wrapper {
        width: 100%;
        height: 100%;
    }

    .situation__footer-img-wrapper {
        margin-bottom: -30px;
    }
}

@media (max-width: 800px) {
    .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        max-width: 350px !important;
    }

    .clients {
        margin-top: 0;
    }
}

@media (max-width: 650px) {
    .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        display: none !important;
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next,
    .prev-btn {
        display: none !important;
    }

    .all {
        justify-content: center;
    }
}

@media (max-width: 630px) {
    .audit__woman-wrapper {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .audit__woman-img {
        width: 372px;
        object-fit: cover;
    }

    .for__wrapper {
        padding-top: 70px;
    }

    .clients {
        margin-top: 0;
    }

    .clients__title {
        font-size: 32px;
    }
}

@media (max-width: 580px) {
    .audit__woman-wrapper {
        margin-top: 0;
    }
}

@media (max-width: 520px) {
    .audit__inner-wrapper {
        height: 1200px;
    }
}

@media (max-width: 1300px) {
    .case__user-img {
        height: 550px;
        object-fit: cover;
    }

    .plans__items {
        flex-direction: column;
    }

    .plans__item {
        width: 100%;
        height: 100%;
    }

    .plans__price-wrapper {
        margin-top: 32px;
        max-width: 100%;

    }

}

@media (max-width: 520px) {
    .service__img-text {
        text-align: center;
        font-size: 32px;
    }

    .not__wrapper {
        margin-top: 80px;
    }

    .not__title {
        font-size: 32px;
    }

    .not__text-wrapper {
        height: 180px;
        padding: 16px;
    }

    .not__item {

        width: 264px;
        height: 400px;
    }

    .not__img {
        width: 264px;
        height: 400px;
    }

    .not__text {
        font-size: 18px;
    }
}

@media (max-width: 580px) {
    .contact__btn {
        font-size: 16px;
    }

    .not {
        padding-bottom: 68px;
    }

    .plans {
        margin-top: 80px;
    }

    .plans__items {
        margin-top: 30px;
    }

    .contact__title {
        font-size: 32px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact__text {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 12px;
    }

    .contact__btn-wrapper {
        width: 308px;
        padding: 0 16px;
    }

    .contact {
        margin-top: 140px;
    }

    .contact,
    .contact__wrapper {
        height: 750px;
    }

    .for__title {
        font-size: 32px;
    }

    .for__item-title {
        font-size: 21px;
    }

    .for__item-text {
        font-size: 16px;
    }

    .for {
        height: 1172px;
    }

    .for__items {
        margin-top: 68px;
        justify-content: center;
    }

    .for__item {
        flex: none;
        width: 320px;
        height: 280px;
    }
}

@media (max-width: 500px) {
    .plans__filters {
        flex-direction: column;
        gap: 12px;
    }

    .plans__filter {
        max-width: 300px;
        margin: 0 auto;
    }

    .not__item {
        padding: 16px;
    }

    .not__text-wrapper {
        width: 232px;

    }

    .plans__title {
        font-size: 32px;
    }

    .plans__order-wrapper {
        width: 100%;
    }

    .plans__price {
        margin-left: 24px;
    }

    .plans__price-wrapper {
        padding-left: 0;
        padding-top: 20px;
        align-items: start;
        flex-direction: column;
        height: 120px;
    }
}

@media (max-width: 450px) {
    .audit__woman-wrapper {
        margin-left: 0;
        margin-top: -30px;
    }



    .scroll__wrapper {
        padding-top: 50px;
    }

    .for {
        margin-top: -30px;
    }
}

@media (max-width: 430px) {
    .audit__woman-img {
        width: 310px;
        height: 250px;
        object-fit: contain;
    }

    .audit__woman-wrapper {
        margin-top: 5px;
        margin-left: 20px;
        object-fit: cover;
    }
}

@media (max-width: 400px) {
    .audit__woman-wrapper {
        margin-top: 15px;
    }

    .audit__wrapper {
        height: 1050px;
    }
}

@media (max-width: 380px) {
    .audit__woman-wrapper {
        margin-bottom: 0;
        margin-top: -10px;
    }

}

@media (max-width: 400px) {

    .follow {
        padding-top: 120px;
    }


}

@media (max-width: 375px) {
    .audit__woman-wrapper {
        margin-top: -40px;
    }
}

@media (max-width: 380px) {

}

@media (max-width: 362px) {

}

@media (max-width: 740px) {
    .situation__blocks {
        flex-direction: column;
    }

    .situation__wrapper {
        width: 100%;
        height: 100%;
    }

    .situation__footer-img-wrapper {
        margin-bottom: -30px;
    }

}

@media (max-width: 540px) {
    .contact__wrapper {
        height: 800px;
    }
}

@media (max-width: 420px) {
    .contact__wrapper {
        height: 850px;
    }
}

@media (max-width: 375px) {
    .contact__wrapper {
        height: 900px;
    }
}