@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nova+Oval&display=swap");
:root {
  --border-left: 2px;
  --border-width: 25%; }

* {
  box-sizing: border-box; }

html,
body,
p {
  margin: 0;
  padding: 0;
  border: 0; }

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

a {
  text-decoration: none; }

* {
  box-sizing: border-box; }

html,
body {
  max-width: 100%;
  overflow-x: hidden; }

html {
  scroll-behavior: smooth; }

body {
  overflow: auto; }

.header {
  padding: 40px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row; }
  .header__logo {
    cursor: pointer;
    content: '';
    width: 240px;
    height: 80px;
    background-image: url("../assets/Logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .header__nav {
    display: flex;
    margin: 0 32px; }
    .header__nav__list {
      display: flex;
      padding: 0;
      gap: 32px; }
      .header__nav__list a {
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        outline: none;
        text-decoration: none;
        color: #000000; }
        .header__nav__list a:hover {
          font-weight: 600; }
        .header__nav__list a:active {
          font-weight: 600;
          color: #ee9b01; }
    .header__nav__btn {
      cursor: pointer;
      font-family: Montserrat;
      width: 240px;
      height: 56px;
      background-color: #ee9b01;
      color: #ffffff;
      border-radius: 40px;
      border-color: transparent; }
      .header__nav__btn:active {
        background-color: #68904d; }
      .header__nav__btn:hover {
        background-color: #da6a00; }

.xs-header {
  padding: 32px 80px;
  display: none;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 40px; }
  .xs-header__buttons {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 32px; }
    .xs-header__buttons__logo {
      content: '';
      width: 32px;
      height: 32px;
      background-image: url("../assets/favicon.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .xs-header__buttons__menu {
      cursor: pointer;
      content: '';
      width: 32px;
      height: 32px;
      background-image: url("../assets/menu.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
  .xs-header__btn {
    cursor: pointer;
    width: 160px;
    height: 56px;
    background-color: #ee9b01;
    color: #ffffff;
    border-radius: 40px;
    border-color: transparent; }

@media (max-width: 1439px) {
  #xl-header {
    display: none; }
  #xs-header {
    display: flex; } }

@media (max-width: 767px) {
  #xs-header {
    padding: 24px 40px; }
    #xs-header__buttons {
      gap: 16px; } }

.banner-swiper {
  width: 100%;
  height: 608px; }
  .banner-swiper .swiper-pagination-bullet {
    background-color: #ffffff !important; }
  .banner-swiper .swiper-pagination-bullet-active {
    background-color: #da6a00 !important; }

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  .swiper-slide__content {
    position: relative;
    width: 100%;
    height: 100%; }
    .swiper-slide__content .img {
      content: '';
      background-position: 0% 40%;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%; }
    .swiper-slide__content--text {
      font-family: Nova Oval;
      position: absolute;
      text-align: left;
      max-width: 551px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      top: 180px;
      left: 100px;
      color: #ffffff;
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%; }

.text--1 {
  max-width: 551px; }

.text--2 {
  max-width: 385px; }

.text--3 {
  max-width: 447px; }

.swiper--img1 {
  background-image: url("../assets/banner1-1.png"); }

.swiper--img2 {
  background-image: url("../assets/banner2-2.png"); }

.swiper--img3 {
  background-image: url("../assets/banner3-3.png"); }

.mobile-banner {
  box-sizing: border-box;
  height: 522px;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px; }
  .mobile-banner__text {
    font-family: Nova Oval;
    text-align: left;
    margin: 0;
    max-width: 280px;
    height: 280px;
    color: #68904d;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; }
  .mobile-banner__image {
    content: '';
    height: 50%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../assets/mobileBanner.png"); }

@media (max-width: 1439px) {
  .swiper-slide__content .img {
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%; }
  .swiper-slide__content--text {
    font-family: Nova Oval;
    position: absolute;
    text-align: left;
    max-width: 551px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    top: 168px;
    left: 80px;
    color: #ffffff;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; }
  .text--1 {
    max-width: 428px; }
  .text--2 {
    max-width: 385px; }
  .text--3 {
    max-width: 447px; } }

@media (max-width: 767px) {
  .swiper-slide {
    display: flex; }
    .swiper-slide__content {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: column-reverse;
      justify-content: space-between;
      align-items: center;
      gap: 24px; }
      .swiper-slide__content .img {
        content: '';
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 50%; }
      .swiper-slide__content--text {
        text-align: left;
        margin: 0;
        max-width: 280px;
        display: flex;
        top: 10px;
        left: 50px;
        color: #68904d;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; }
  .text--1 {
    max-width: min-content; }
  .text--2 {
    max-width: 385px;
    top: 60px; }
  .text--3 {
    max-width: 447px;
    top: 60px; } }

.about {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 100px; }
  .about__title {
    font-family: Nova Oval;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #68904d;
    margin-bottom: 60px; }
  .about__content {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 32px;
    height: 640px; }
    .about__content__img {
      flex: 1;
      content: '';
      width: 50%;
      height: 100%;
      background-image: url("../assets/aboutUsPicture.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 40px; }
    .about__content__description {
      flex: 1;
      width: 50%;
      display: flex;
      gap: 40px; }
      .about__content__description__text {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 40px; }
        .about__content__description__text p {
          text-align: left;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #000000; }
      .about__content__description__pictures {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 32px; }
        .about__content__description__pictures--content {
          display: flex;
          flex-direction: row;
          gap: 16px; }
          .about__content__description__pictures--content:first-child {
            padding-bottom: 32px; }
        .about__content__description__pictures--text {
          text-align: center;
          margin: auto;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #000000; }
  .about__img {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 64px;
    height: 64px;
    stroke: #ee9b01; }
  .about__img--1 {
    background-image: url("../assets/experts.svg"); }
  .about__img--2 {
    background-image: url("../assets/services.svg"); }
  .about__img--3 {
    background-image: url("../assets/materials.svg"); }
  .about__img--4 {
    background-image: url("../assets/cleanliness.svg"); }

.wrapper {
  margin: 40px 64px; }

.picture__wraper {
  flex: 1;
  gap: 32px;
  justify-content: center; }

@media (max-width: 1439px) {
  .about {
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 40px; }
    .about__title {
      font-size: 48px;
      margin-bottom: 40px; }
    .about__content {
      flex-direction: column-reverse;
      gap: 32px;
      height: 1174px; }
      .about__content__img {
        content: '';
        width: 100%;
        height: 100%; }
      .about__content__description {
        flex: 0;
        width: 100%;
        display: flex;
        gap: 16px; }
        .about__content__description__text {
          margin-bottom: 32px; }
        .about__content__description__pictures {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          gap: 32px; }
          .about__content__description__pictures--content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px; }
            .about__content__description__pictures--content:first-child {
              padding-bottom: 0; }
          .about__content__description__pictures--text {
            text-align: center;
            margin: auto;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            color: #000000; }
  .wrapper {
    margin: 0; }
  .picture__wraper {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 32px; } }

@media (max-width: 767px) {
  .about {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 40px; }
    .about__title {
      font-size: 36px;
      margin-bottom: 24px; }
    .about__content {
      height: 1116px; }
      .about__content__description {
        width: 100%; }
        .about__content__description__text {
          margin-bottom: 20px; }
        .about__content__description__pictures {
          flex-direction: column;
          gap: 20px; }
  .picture__wraper {
    gap: 16px; } }

.services {
  margin-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
  height: 100%; }
  .services__title {
    font-family: Nova Oval;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #68904d;
    margin-bottom: 60px; }
  .services__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px; }
    .services__content__wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 32px;
      height: 400px;
      width: 100%; }
    .services__content--2 {
      flex-direction: row-reverse; }
    .services__content__img {
      flex: 1;
      content: '';
      height: 100%;
      width: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 40px; }
    .services__content__text {
      flex: 1;
      font-family: Montserrat;
      font-style: normal;
      line-height: 150%;
      color: #000000; }
      .services__content__text--title {
        margin-bottom: 32px;
        padding: 0 64px 0 64px;
        margin-top: 40px;
        font-size: 20px;
        font-weight: 600; }
      .services__content__text--text {
        font-size: 16px;
        font-weight: 400;
        padding: 0 64px 0 64px; }
        .services__content__text--text > p:first-child {
          padding-bottom: 16px; }
        .services__content__text--text > p:last-child {
          padding-bottom: 40px; }
    .services__content--1__img {
      background-image: url("../assets/services1.png"); }
    .services__content--2__img {
      background-image: url("../assets/services2.png"); }
    .services__content--3__img {
      background-image: url("../assets/services3.png"); }

@media (max-width: 1439px) {
  .services {
    margin-top: 40px;
    padding-left: 80px;
    padding-right: 80px;
    height: 100%; }
    .services__title {
      font-size: 48px;
      margin-bottom: 40px; }
    .services__content {
      gap: 24px; }
      .services__content__wrapper {
        flex-direction: column-reverse;
        gap: 24px;
        height: 650px; }
      .services__content__img {
        flex: 3; }
      .services__content__text {
        flex: 0;
        padding: 0; }
        .services__content__text--title {
          margin-bottom: 24px;
          font-size: 20px;
          padding: 0;
          text-align: center; }
        .services__content__text--text {
          padding: 0;
          text-align: left; }
          .services__content__text--text > p:last-child {
            padding: 0; } }

@media (max-width: 767px) {
  .services {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    height: 100%; }
    .services__title {
      font-size: 36px;
      margin-bottom: 24px; }
    .services__content__wrapper {
      flex-direction: column-reverse;
      height: 600px; }
    .services__content__img {
      flex: 3; }
    .services__content__text {
      flex: 0;
      padding: 0; }
      .services__content__text--title {
        margin-bottom: 20px;
        font-size: 20px;
        padding: 0; }
      .services__content__text--text {
        padding: 0; }
        .services__content__text--text > p:last-child {
          padding: 0; } }

.experts {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 100px; }
  .experts__title {
    font-family: Nova Oval;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #68904d;
    margin-bottom: 60px; }

.staffSwiper {
  width: 100%;
  height: auto; }
  .staffSwiper__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 8px;
    margin-top: 40px; }
    @media (max-width: 1439px) {
      .staffSwiper__swiper-controls {
        flex-direction: row; } }
  .staffSwiper__swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 5px;
    width: 152px;
    height: 50px;
    margin: auto;
    overflow: hidden; }
    @media (max-width: 1439px) {
      .staffSwiper__swiper-buttons {
        margin: 0 0 0 auto; } }
    .staffSwiper__swiper-buttons .staffSwiper__swiper-button-prev,
    .staffSwiper__swiper-buttons .staffSwiper__swiper-button-next {
      display: flex;
      align-items: right;
      position: static;
      width: 100%;
      height: 100%;
      margin: 0;
      background: 1px solid red;
      transition: background-color 250ms ease-out;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: 32px !important; }
      .staffSwiper__swiper-buttons .staffSwiper__swiper-button-prev:after,
      .staffSwiper__swiper-buttons .staffSwiper__swiper-button-next:after {
        display: none; }
    .staffSwiper__swiper-buttons .staffSwiper__swiper-button-prev {
      background-image: url("../assets/arrow-left.svg") !important; }
    .staffSwiper__swiper-buttons .staffSwiper__swiper-button-next {
      background-image: url("../assets/arrow-right.svg") !important; }
  .staffSwiper__swiper__slide--number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 300px;
    color: #68904d;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; }
  .staffSwiper__statusBar {
    position: relative;
    display: inline-block;
    content: '';
    width: 100%;
    border: 2px solid #68904d;
    border-radius: 8px; }
    .staffSwiper__statusBar::before {
      content: '';
      position: absolute;
      top: 0;
      left: var(--border-left, -2px);
      transform: translateY(-50%);
      width: var(--border-width, calc(100%));
      border: 4px solid #ee9b01;
      border-radius: 8px;
      z-index: 1;
      transition: transform 0.3s ease, left 0.3s ease; }

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

.staffSwiper-slide {
  display: flex;
  align-items: center; }
  .staffSwiper-slide__img {
    width: auto;
    max-width: 376px;
    height: 480px;
    margin: auto;
    border-radius: 200px 200px 0 0;
    border: solid 2px #68904d;
    padding: 16px;
    background: none;
    --mask: linear-gradient(red, red) padding-box,
      conic-gradient(red var(--p, 38%), transparent calc(80deg + 0.5deg) 100%)
        border-box;
    -webkit-mask: var(--mask);
    mask: var(--mask); }
  .staffSwiper-slide__text {
    flex: 1;
    font-family: Montserrat;
    font-style: normal;
    line-height: 150%;
    color: #000000; }
    .staffSwiper-slide__text--title {
      margin-bottom: 16px;
      margin-top: 32px;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: normal; }
    .staffSwiper-slide__text--text {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 20px; }

.img-wrap {
  width: auto;
  height: auto; }
  .img-wrap img {
    object-fit: cover; }

@media (max-width: 1439px) {
  .experts {
    margin-top: 40px;
    padding-left: 80px;
    padding-right: 80px;
    height: 100%; }
    .experts__title {
      font-size: 48px;
      margin-bottom: 40px; }
  .img-wrap {
    width: auto;
    height: auto;
    object-fit: cover; }
  .staffSwiper__swiper-controls {
    flex-direction: column; }
  .staffSwiper__swiper-buttons {
    margin: auto; }
  .staffSwiper-wrapper {
    gap: 32px; }
  .staffSwiper-slide {
    max-height: 536px !important;
    max-width: 282px !important; }
    .staffSwiper-slide__img {
      max-height: 400px;
      max-width: 272px; }
  .staffSwiper__swiper-button-prev, .staffSwiper__swiper-button-next {
    display: none !important; } }

@media (max-width: 767px) {
  .experts {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px; }
    .experts__title {
      font-size: 36px;
      margin-bottom: 24px; }
  .staffSwiper-wrapper {
    gap: 32px; }
  .staffSwiper-slide {
    max-height: 528px !important;
    max-width: 280px !important; }
    .staffSwiper-slide__img {
      max-height: 400px;
      max-width: 272px; }
  .staffSwiper__swiper-button-prev, .staffSwiper__swiper-button-next {
    display: none !important; } }

.prices {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 100px;
  margin-bottom: 100px; }
  .prices__title {
    font-family: Nova Oval;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #68904d;
    margin-bottom: 60px; }
  .prices__cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 32px; }
    .prices__cards__card {
      display: flex;
      flex: 1;
      flex-direction: column;
      position: relative;
      height: 704px;
      max-width: 100%;
      border: 2px solid #cfcfcf;
      border-radius: 40px; }
      .prices__cards__card__logo {
        position: relative;
        flex: 45%;
        width: 100%;
        max-width: 100%; }
        .prices__cards__card__logo--img {
          height: 100%;
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          border-radius: 38px 38px 0 0; }
          .prices__cards__card__logo--img--1 {
            background-image: url("../assets/prices1.png"); }
          .prices__cards__card__logo--img--2 {
            background-image: url("../assets/prices2.png"); }
          .prices__cards__card__logo--img--3 {
            background-image: url("../assets/prices3.png"); }
        .prices__cards__card__logo--text {
          position: absolute;
          bottom: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 17.5%;
          max-width: 100%;
          width: 100%;
          background-color: #cfcfcf;
          opacity: 0.85; }
          .prices__cards__card__logo--text p {
            margin: 0;
            text-align: center;
            color: #000000;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%; }
      .prices__cards__card__info {
        flex: 55%;
        height: 100%;
        padding: 40px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .prices__cards__card__info--list {
          display: flex;
          flex: 1;
          flex-direction: column;
          gap: 16px;
          list-style: none;
          margin: 0;
          margin-bottom: 24px; }
          .prices__cards__card__info--list li {
            position: relative;
            padding-left: 16px;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            color: #000000; }
            .prices__cards__card__info--list li::before {
              content: '\2022';
              color: #68904d;
              font-size: 2em;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-60%); }
        .prices__cards__card__info--price {
          color: #000000;
          text-align: center;
          font-family: Nova Oval;
          font-size: 40px;
          font-style: normal;
          font-weight: 400;
          line-height: 130%;
          /* 52px */
          text-align: center;
          margin-bottom: 32px; }
        .prices__cards__card__info--btn {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: Montserrat;
          width: 100%;
          max-width: 240px;
          height: 56px;
          padding: 25px;
          background-color: #ee9b01;
          color: #ffffff;
          border-radius: 40px;
          border-color: transparent;
          margin: 0 auto; }
          .prices__cards__card__info--btn:active {
            background-color: #68904d; }
          .prices__cards__card__info--btn:hover {
            background-color: #da6a00; }
      .prices__cards__card--mobile {
        display: none; }
  .prices .pricesSwiper {
    display: none; }

@media (max-width: 1439px) {
  .prices__cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .prices__cards__card {
      display: flex;
      flex: 0 0 calc(50% - 16px);
      /* Adjust the width as needed */
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: relative;
      min-height: 320px;
      width: 100%; }
      .prices__cards__card__logo {
        flex: 1;
        position: relative;
        top: 0;
        display: block;
        width: 100%;
        min-height: 80px; }
        .prices__cards__card__logo--img {
          display: none; }
        .prices__cards__card__logo--text {
          min-height: 100%;
          border-radius: 38px 38px 0 0;
          background-color: #68904d; }
          .prices__cards__card__logo--text p {
            color: #ffffff;
            font-size: 20px; }
      .prices__cards__card__info {
        flex: 5; }
  .prices__cards__card--mobile {
    display: flex;
    background-image: url("../assets/prices1.png");
    background-size: cover;
    background-position: 50% 25%; } }

@media (max-width: 767px) {
  .swiper.pricesSwiper {
    display: block; }
  .pricesSwiper {
    width: 100%;
    height: auto; }
    .pricesSwiper__swiper-controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column !important;
      gap: 8px;
      margin-top: 40px; } }
    @media (max-width: 767px) and (max-width: 1439px) {
      .pricesSwiper__swiper-controls {
        flex-direction: row; } }

@media (max-width: 767px) {
    .pricesSwiper__swiper-buttons {
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      border-radius: 5px;
      width: 152px;
      height: 50px;
      overflow: hidden;
      margin-top: 16px; }
      .pricesSwiper__swiper-buttons .staffSwiper__swiper-button-prev,
      .pricesSwiper__swiper-buttons .staffSwiper__swiper-button-next {
        display: flex;
        align-items: right;
        position: static;
        width: 100%;
        height: 100%;
        margin: 0;
        background: 1px solid red;
        transition: background-color 250ms ease-out;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 32px !important; }
        .pricesSwiper__swiper-buttons .staffSwiper__swiper-button-prev:after,
        .pricesSwiper__swiper-buttons .staffSwiper__swiper-button-next:after {
          display: none; }
      .pricesSwiper__swiper-buttons .staffSwiper__swiper-button-prev {
        display: none;
        background-image: url("../assets/arrow-left.svg") !important; }
      .pricesSwiper__swiper-buttons .staffSwiper__swiper-button-next {
        display: none;
        background-image: url("../assets/arrow-right.svg") !important; }
    .pricesSwiper__swiper__slide--number {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      width: 300px;
      color: #68904d;
      font-family: Montserrat;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }
    .pricesSwiper__statusBar {
      position: relative;
      display: inline-block;
      content: '';
      width: 100%;
      border: 2px solid #68904d;
      border-radius: 8px; }
      .pricesSwiper__statusBar::before {
        content: '';
        position: absolute;
        top: 0;
        left: var(--border-left, -2px);
        transform: translateY(-50%);
        width: var(--border-width, calc(100%));
        border: 4px solid #ee9b01;
        border-radius: 8px;
        z-index: 1;
        transition: transform 0.3s ease, left 0.3s ease; }
  .prices {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 40px;
    margin-bottom: 40px; }
    .prices__cards {
      display: none; }
      .prices__cards__card__info {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 24px;
        padding-bottom: 22px;
        justify-content: center;
        align-items: center; }
        .prices__cards__card__info--btn {
          margin-top: 32px; }
        .prices__cards__card__info--price {
          margin-bottom: 0; }
      .prices__cards__card__logo {
        display: block;
        flex: 4; } }

.middle-banner {
  position: relative;
  height: 640px;
  margin-top: 100px;
  background-image: linear-gradient(100deg, rgba(104, 144, 77, 0.88) 24.93%, rgba(238, 155, 1, 0.37) 52.26%, rgba(255, 255, 255, 0.05) 75.27%), url("../assets/middleBanner.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .middle-banner__content {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 33.3%;
    top: 23.5%;
    left: 7%; }
    .middle-banner__content--text {
      margin-bottom: 48px; }
      .middle-banner__content--text p {
        cursor: default; }
      .middle-banner__content--text--title {
        color: #ffffff;
        font-family: Nova Oval;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 52px */
        margin-bottom: 32px; }
      .middle-banner__content--text--subtitle {
        color: #ffffff;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 24px */ }
    .middle-banner__content--btn {
      cursor: pointer;
      font-family: Montserrat;
      width: 240px;
      height: 56px;
      background-color: #ee9b01;
      color: #ffffff;
      border-radius: 40px;
      border-color: transparent;
      font-family: Montserrat;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
      /* 20.8px */
      text-transform: uppercase; }
      .middle-banner__content--btn:active {
        background-color: #68904d; }
      .middle-banner__content--btn:hover {
        background-color: #da6a00; }

@media (max-width: 1439px) {
  .middle-banner {
    position: relative;
    height: 536px;
    margin-top: 40px; }
    .middle-banner__content {
      display: flex;
      flex-direction: column;
      position: absolute;
      max-width: 58.3%;
      top: 10.5%;
      left: 15%; }
      .middle-banner__content--text--title {
        margin-bottom: 24px; } }

@media (max-width: 767px) {
  .middle-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: static;
    height: 482px;
    margin-top: 40px; }
    .middle-banner__content {
      display: flex;
      flex-direction: column;
      position: static;
      max-width: 100%;
      padding: 0 40px 0 40px; }
      .middle-banner__content--text {
        margin-bottom: 24px; }
        .middle-banner__content--text--title {
          font-size: 32px;
          margin-bottom: 16px; } }

.reviews {
  margin-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
  height: 100%; }
  .reviews__title {
    font-family: Nova Oval;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #68904d;
    margin-bottom: 60px; }
  .reviews__card {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 24px;
    padding-bottom: 48px;
    border-radius: 40px;
    border: 2px solid #cfcfcf; }
    .reviews__card--title {
      color: #000000;
      text-align: center;
      font-family: Montserrat;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%; }
    .reviews__card--separator {
      position: relative;
      height: 24px;
      width: 100%; }
      .reviews__card--separator img {
        position: absolute;
        left: 0; }
    .reviews__card--content {
      text-align: left;
      color: #000000;
      font-family: Montserrat;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }
  .reviews__swiper__slide {
    height: auto !important; }
  .reviews__swiper-controls {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 8px;
    margin-top: 40px; }
  .reviews__swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 5px;
    width: 152px;
    height: 50px;
    margin: auto;
    overflow: hidden; }
    .reviews__swiper-buttons .reviews__swiper-button-prev,
    .reviews__swiper-buttons .reviews__swiper-button-next {
      display: flex;
      align-items: right;
      position: static;
      width: 100%;
      height: 100%;
      margin: 0;
      background: transparent;
      transition: background-color 250ms ease-out;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: 32px !important; }
      .reviews__swiper-buttons .reviews__swiper-button-prev:after,
      .reviews__swiper-buttons .reviews__swiper-button-next:after {
        display: none; }
    .reviews__swiper-buttons .reviews__swiper-button-prev {
      background-image: url("../assets/arrow-left.svg") !important; }
    .reviews__swiper-buttons .reviews__swiper-button-next {
      background-image: url("../assets/arrow-right.svg") !important; }
  .reviews__swiper__slide--number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 300px;
    color: #68904d;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; }
  .reviews__statusBar {
    position: relative;
    display: inline-block;
    content: '';
    width: 100%;
    border: 2px solid #68904d;
    border-radius: 8px; }
    .reviews__statusBar::before {
      content: '';
      position: absolute;
      top: 0;
      left: var(--border-left, -2px);
      transform: translateY(-50%);
      width: var(--border-width, calc(100%));
      border: 4px solid #ee9b01;
      border-radius: 8px;
      z-index: 1;
      transition: transform 0.3s ease, left 0.3s ease; }

@media (max-width: 1439px) {
  .reviews {
    margin-top: 40px;
    padding-left: 80px;
    padding-right: 80px;
    height: 100%; }
    .reviews__swiper-controls {
      flex-direction: column !important; }
    .reviews__swiper-buttons {
      margin: auto; }
    .reviews__title {
      font-size: 48px;
      margin-bottom: 40px; }
    .reviews__card {
      padding-right: 40px;
      padding-bottom: 40px; }
    .reviews__swiper-button-prev, .reviews__swiper-button-next {
      display: none !important; } }

@media (max-width: 767px) {
  .reviews {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px; }
    .reviews__title {
      font-size: 36px;
      margin-bottom: 24px; }
    .reviews__card {
      padding-top: 24px;
      padding-left: 24px;
      padding-bottom: 24px; }
    .reviews__swiper-button-prev, .reviews__swiper-button-next {
      display: none !important; } }

.contacts {
  margin-top: 100px;
  padding-left: 100px;
  padding-right: 100px; }
  .contacts__title {
    font-family: Nova Oval;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #68904d;
    margin-bottom: 60px; }
  .contacts__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    height: 400px;
    flex-direction: row; }
    .contacts__content__img {
      flex: 1;
      content: '';
      background-image: url("../assets/map.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      border-radius: 40px; }
    .contacts__content__text {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 24px; }
      .contacts__content__text--adress {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 16px;
        padding: 32px 60px 0; }
        .contacts__content__text--adress--title {
          color: #000000;
          font-family: Montserrat;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%; }
        .contacts__content__text--adress--text {
          color: #000000;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%; }
      .contacts__content__text--contacts {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0 60px 0; }
        .contacts__content__text--contacts--title {
          color: #000000;
          font-family: Montserrat;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          /* 30px */ }
        .contacts__content__text--contacts--wrapper {
          display: flex;
          flex-direction: column;
          width: 100%;
          gap: 8px; }
        .contacts__content__text--contacts--phone {
          display: flex;
          flex-direction: row;
          gap: 8px; }
          .contacts__content__text--contacts--phone--img {
            width: 24px;
            height: 24px;
            background-image: url("../assets/phone.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover; }
          .contacts__content__text--contacts--phone--text {
            color: #000000;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }
        .contacts__content__text--contacts--mail {
          display: flex;
          flex-direction: row;
          gap: 8px; }
          .contacts__content__text--contacts--mail--img {
            width: 24px;
            height: 24px;
            background-image: url("../assets/mail.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover; }
          .contacts__content__text--contacts--mail--text {
            color: #000000;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }
      .contacts__content__text--hrs {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0px 60px 32px; }
        .contacts__content__text--hrs--title {
          color: #000000;
          font-family: Montserrat;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          /* 30px */ }
        .contacts__content__text--hrs--content {
          display: flex;
          flex-direction: row;
          gap: 40px; }
          .contacts__content__text--hrs--content--days {
            display: flex;
            flex-direction: column;
            gap: 8px; }
            .contacts__content__text--hrs--content--days p {
              color: #000000;
              font-family: Montserrat;
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 24px */ }
          .contacts__content__text--hrs--content--hrs {
            display: flex;
            flex-direction: column;
            gap: 8px; }
            .contacts__content__text--hrs--content--hrs p {
              color: #000000;
              font-family: Montserrat;
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 24px */ }
    .contacts__content__wrapper {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 24px; }

@media (max-width: 1439px) {
  .contacts {
    display: block;
    margin-top: 40px;
    padding-left: 80px;
    padding-right: 80px; }
    .contacts__title {
      font-size: 48px;
      margin-bottom: 40px; }
    .contacts__content {
      display: flex;
      flex-direction: column-reverse;
      gap: 40px;
      height: 652px; }
      .contacts__content__img {
        display: block;
        flex: 2;
        height: 400px; }
      .contacts__content__text {
        flex: 1;
        justify-content: space-between;
        gap: 40px;
        width: 100%; }
        .contacts__content__text--adress {
          padding: 0; }
        .contacts__content__text--contacts {
          padding: 0; }
        .contacts__content__text--hrs {
          padding: 0; }
          .contacts__content__text--hrs--content {
            gap: 24px; }
      .contacts__content__wrapper {
        flex-direction: row;
        gap: 32px; } }

@media (max-width: 767px) {
  .contacts {
    display: block;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px; }
    .contacts__title {
      font-size: 36px;
      margin-bottom: 0; }
    .contacts__content {
      display: flex;
      flex-direction: column-reverse;
      gap: 0; }
      .contacts__content__img {
        display: block;
        flex: 1; }
      .contacts__content__text {
        flex: 2;
        gap: 24px;
        width: 100%;
        justify-content: center; }
        .contacts__content__text--adress {
          padding: 0; }
        .contacts__content__text--contacts {
          padding: 0; }
        .contacts__content__text--hrs {
          padding: 0; }
          .contacts__content__text--hrs--content {
            gap: 24px; }
      .contacts__content__wrapper {
        flex-direction: column;
        gap: 32px; } }

.partners {
  margin-top: 100px;
  padding-left: 100px;
  padding-right: 100px; }
  .partners__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 32px; }
  .partners__content {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px; }
  .partners__link {
    display: block;
    color: #000000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 25px 34px;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: default; }

@media (max-width: 1439px) {
  .partners {
    margin-top: 40px;
    padding-left: 80px;
    padding-right: 80px; }
    .partners__content--mobile {
      display: none; }
    .partners__link {
      padding: 13px 8px; } }

@media (max-width: 767px) {
  .partners {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px; }
    .partners__wrapper {
      flex-direction: column;
      gap: 16px; }
    .partners__content {
      gap: 16px; }
      .partners__content--mobile {
        display: none; }
    .partners__link {
      padding: 13px 10px; } }

.footer {
  margin-top: 100px;
  padding: 64px 100px;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #14471e; }
  .footer__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 64px; }
    .footer__content--links {
      display: flex;
      flex-direction: row;
      gap: 175px; }
      .footer__content--links--logo {
        width: 50%; }
      .footer__content--links--wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 80px; }
      .footer__content--links--content {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 8px; }
        .footer__content--links--content--2--media {
          cursor: pointer;
          display: flex;
          gap: 8px; }
        .footer__content--links--content a {
          width: min-content;
          color: #ffffff;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          list-style: none;
          text-decoration: none; }
    .footer__content--logo--wrapper {
      display: flex;
      flex-direction: column;
      gap: 16px; }
    .footer__content__text--contacts {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 0 60px 0; }
      .footer__content__text--contacts--title {
        color: #000000;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 30px */ }
      .footer__content__text--contacts--wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 8px; }
      .footer__content__text--contacts--phone {
        display: flex;
        flex-direction: row;
        gap: 8px; }
        .footer__content__text--contacts--phone--img {
          width: 24px;
          height: 24px;
          background-image: url("../assets/footer_phone.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
        .footer__content__text--contacts--phone--text {
          color: #ffffff;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */ }
      .footer__content__text--contacts--mail {
        display: flex;
        flex-direction: row;
        gap: 8px; }
        .footer__content__text--contacts--mail--img {
          width: 24px;
          height: 24px;
          background-image: url("../assets/footer_mail.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
        .footer__content__text--contacts--mail--text {
          color: #ffffff;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */ }
    .footer__content--form {
      position: relative;
      max-width: 440px;
      width: 100%; }
      .footer__content--form--title {
        color: #ffffff;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        margin-bottom: 16px; }
      .footer__content--form--email {
        width: 100%;
        height: 56px;
        margin-bottom: 40px;
        border-radius: 40px;
        background: #ffffff;
        border: 2px solid #68904d;
        color: #000000;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        padding: 0 16px;
        outline: none;
        caret-color: #ee9b01; }
        .footer__content--form--email::placeholder,
        .footer__content--form--email :focus {
          color: #cfcfcf;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */
          padding: 0 16px; }
        .footer__content--form--email.footer-form-invalid {
          color: #da0000; }
      .footer__content--form--btn {
        position: absolute;
        right: 0;
        top: 40px;
        width: 160px;
        height: 56px;
        font-family: Montserrat;
        color: #ffffff;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-transform: uppercase;
        background-color: #ee9b01;
        border-radius: 40px;
        border-color: transparent; }
        .footer__content--form--btn:active {
          background-color: #68904d; }
        .footer__content--form--btn:hover {
          background-color: #da6a00; }
      .footer__content--form--onSuccess {
        display: none;
        color: #ffffff;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        padding-top: 8px; }
  .footer__links--mobile {
    display: none; }
  .footer__links--tablet {
    display: none; }
  .footer__links--desktop {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; }
    .footer__links--desktop--wrapper {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 16px; }

.footer-form-label-invalid.just-validate-error-label {
  position: static;
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  color: #ffffff !important;
  gap: 8px; }
  .footer-form-label-invalid.just-validate-error-label::before {
    content: '';
    /* Unicode для иконки, замените его на свой значок или изображение */
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../assets/footer-validation-fail.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center; }

@media (max-width: 1439px) {
  .footer {
    margin-top: 40px;
    padding: 60px 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #14471e; }
    .footer__content {
      display: flex;
      flex-direction: column;
      gap: 40px;
      margin-bottom: 64px; }
      .footer__content--links {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 128px; }
        .footer__content--links--logo {
          width: 50%; }
        .footer__content--links--wrapper {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 32px; }
        .footer__content--links--content {
          display: flex;
          flex: 1;
          flex-direction: column;
          gap: 24px; }
          .footer__content--links--content--2--media {
            display: flex;
            gap: 8px; }
          .footer__content--links--content a {
            color: #ffffff;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            list-style: none;
            text-decoration: none; }
      .footer__content--logo--wrapper {
        display: flex;
        flex-direction: column;
        gap: 16px; }
      .footer__content__text--contacts {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0 60px 0; }
        .footer__content__text--contacts--title {
          color: #000000;
          font-family: Montserrat;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          /* 30px */ }
        .footer__content__text--contacts--wrapper {
          display: flex;
          flex-direction: column;
          width: 100%;
          gap: 18px; }
        .footer__content__text--contacts--phone {
          display: flex;
          flex-direction: row;
          gap: 8px; }
          .footer__content__text--contacts--phone--img {
            width: 24px;
            height: 24px;
            background-image: url("../assets/footer_phone.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover; }
          .footer__content__text--contacts--phone--text {
            color: #ffffff;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }
        .footer__content__text--contacts--mail {
          display: flex;
          flex-direction: row;
          gap: 8px; }
          .footer__content__text--contacts--mail--img {
            width: 24px;
            height: 24px;
            background-image: url("../assets/footer_mail.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover; }
          .footer__content__text--contacts--mail--text {
            color: #ffffff;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }
      .footer__content--form {
        position: relative;
        width: 74%;
        margin: auto; }
        .footer__content--form--title {
          color: #ffffff;
          text-align: center;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */
          margin-bottom: 24px; }
        .footer__content--form--email {
          width: 100%;
          height: 56px;
          margin-bottom: 0;
          border-radius: 40px;
          background: #ffffff;
          border: 2px solid #68904d;
          color: #000000;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */
          padding: 0 16px;
          outline: none;
          caret-color: #ee9b01; }
          .footer__content--form--email::placeholder,
          .footer__content--form--email :focus {
            color: #cfcfcf;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            padding: 0 16px; }
        .footer__content--form--btn {
          position: absolute;
          right: 0;
          top: 48px;
          width: 160px;
          height: 56px;
          font-family: Montserrat;
          color: #ffffff;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 130%;
          text-transform: uppercase;
          background-color: #ee9b01;
          border-radius: 40px;
          border-color: transparent; }
          .footer__content--form--btn:active {
            background-color: #68904d; }
          .footer__content--form--btn:hover {
            background-color: #da6a00; }
    .footer__links--mobile {
      display: none; }
    .footer__links--desktop {
      display: none; }
    .footer__links--tablet {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 4px;
      color: #ffffff;
      font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }
      .footer__links--tablet--wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 16px; }
    .footer .desktop-form {
      display: none; } }

@media (max-width: 1439px) and (max-width: 767px) {
  .footer {
    margin-top: 40px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #14471e; }
    .footer__content {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin-bottom: 24px; }
      .footer__content--links {
        display: flex;
        flex-direction: column;
        gap: 24px; }
        .footer__content--links--logo {
          width: 50%; }
        .footer__content--links--wrapper {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 16px; }
        .footer__content--links--content {
          display: flex;
          flex: 1;
          flex-direction: column;
          gap: 8px; }
          .footer__content--links--content a {
            color: #ffffff;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            list-style: none;
            text-decoration: none; }
      .footer__content__text--contacts--wrapper {
        display: none; }
      .footer__content--form {
        width: 100%; }
        .footer__content--form--title {
          color: #ffffff;
          text-align: center;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */
          margin-bottom: 16px; }
        .footer__content--form--email {
          width: 100%;
          height: 56px;
          margin-bottom: 0;
          border-radius: 40px;
          background: #ffffff;
          border: 2px solid #68904d;
          color: #000000;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */
          padding: 0 16px;
          outline: none;
          caret-color: #ee9b01; }
          .footer__content--form--email::placeholder,
          .footer__content--form--email :focus {
            color: #cfcfcf;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            padding: 0 16px; }
        .footer__content--form--btn {
          position: static;
          display: block;
          margin: 0 auto;
          margin-top: 40px;
          width: 160px;
          height: 56px;
          font-family: Montserrat;
          color: #ffffff;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 130%;
          text-transform: uppercase;
          background-color: #ee9b01;
          border-radius: 40px;
          border-color: transparent; }
          .footer__content--form--btn:active {
            background-color: #68904d; }
          .footer__content--form--btn:hover {
            background-color: #da6a00; }
    .footer__links--tablet {
      display: none; }
    .footer__links--desktop {
      display: none; }
    .footer__links--mobile {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #ffffff;
      font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }
      .footer__links--mobile--wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px; } }

.order {
  display: none;
  position: fixed;
  border-radius: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80%;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .order__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row; }
    .order__content__forms {
      display: flex;
      justify-content: center;
      flex: 50%;
      width: 100%; }
      .order__content__forms__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 20%;
        gap: 24px; }
        .order__content__forms__content--title {
          display: block;
          color: #68904d;
          /* Fonts/Desktop/H4 */
          font-family: Nova Oval;
          font-size: 28px;
          font-style: normal;
          font-weight: 400;
          line-height: 130%;
          /* 36.4px */ }
          .order__content__forms__content--title img {
            cursor: pointer;
            display: none; }
        .order__content__forms__content--fields {
          display: block;
          width: 100%; }
    .order__content__bg {
      position: relative;
      flex: 50%;
      content: '';
      background-image: linear-gradient(241deg, rgba(104, 144, 77, 0.8) 8.46%, rgba(238, 155, 1, 0.37) 57.73%, rgba(255, 255, 255, 0.05) 106.15%), url("../assets/bookNowBg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0 40px 40px 0;
      width: 100%;
      height: 100%; }
      .order__content__bg img {
        position: absolute;
        top: 10%;
        right: 10%; }

.closePopup {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer; }

#basic_form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px; }

.control-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.input-label {
  position: relative;
  color: #000000;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */ }

.input {
  width: 100%;
  height: 56px;
  border-radius: 40px;
  background: #ffffff;
  border: 2px solid #68904d;
  color: #000000;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  padding: 0 16px;
  outline: none;
  caret-color: #ee9b01; }
  .input::placeholder,
  .input :focus {
    color: #cfcfcf;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    padding: 0 16px; }
  .input:invalid {
    border-color: #ff0000;
    /* Красная граница для невалидных полей */ }
  .input-wrapper {
    display: block; }

.btn-control-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 40px; }

.orderButton {
  cursor: pointer;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 20.8px */
  text-transform: uppercase;
  width: 180px;
  max-width: 180px;
  height: 56px;
  padding: 16px 24px;
  background-color: #ee9b01;
  color: #ffffff;
  border-radius: 40px;
  border-color: transparent; }
  .orderButton:active {
    background-color: #68904d; }
  .orderButton:hover {
    background-color: #da6a00; }

.notNowBtn {
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 20.8px */
  text-transform: uppercase;
  width: 180px;
  max-width: 180px;
  height: 56px;
  padding: 16px 24px;
  background-color: #ffffff;
  color: #68904d;
  border: 2px solid #68904d;
  border-radius: 40px; }
  .notNowBtn:active {
    color: #da6a00;
    border-color: #da6a00; }
  .notNowBtn:hover {
    color: #14471e;
    border-color: #14471e; }

.just-validate-error-field {
  border-color: #da0000;
  background-image: url("../assets/validation-fail.svg");
  background-repeat: no-repeat;
  background-position: 95%; }

.just-validate-success-field {
  background-image: url("../assets/validation-success.svg");
  background-repeat: no-repeat;
  background-position: 95%; }

.just-validate-error-label {
  position: absolute;
  top: 0;
  right: 0; }

.control-wrapper {
  position: relative; }

@media (max-width: 1439px) {
  .order__content__forms {
    flex: 1; }
    .order__content__forms__content {
      max-width: 448px;
      margin: 0 auto; }
      .order__content__forms__content--title {
        display: flex;
        align-items: flex-start;
        gap: 32px; }
        .order__content__forms__content--title img {
          display: block; }
  .order__content__bg {
    display: none;
    flex: 0; }
  .orderButton {
    max-width: 256px;
    flex: 55%; }
  .notNowBtn {
    max-width: 168px;
    flex: 45%; } }

@media (max-width: 767px) {
  .order {
    border-radius: 0;
    width: 100%;
    height: 100%; }
  #basic_form {
    display: block;
    margin-top: 24px; }
  .order__content__forms {
    display: block;
    flex: 1;
    margin: 40px; }
    .order__content__forms__content {
      display: flex;
      max-width: 280px;
      margin: 0 auto; }
      .order__content__forms__content--title {
        display: flex;
        align-items: flex-start;
        gap: 16px; }
        .order__content__forms__content--title img {
          display: block; }
      .order__content__forms__content--fields {
        display: block; }
  .order__content__bg {
    display: none;
    flex: 0; }
  .btn-control-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    gap: 16px; }
  .control-wrapper {
    margin-bottom: 16px; }
  .orderButton {
    width: 100%;
    max-width: 100%;
    flex: 1; }
  .notNowBtn {
    width: 100%;
    max-width: 100%;
    flex: 1; }
  .just-validate-error-label {
    position: static;
    padding-top: 8px; } }

.book {
  display: none;
  position: fixed;
  border-radius: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80%;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .book__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row; }
    .book__content__forms {
      display: flex;
      justify-content: center;
      flex: 50%;
      width: 100%; }
      .book__content__forms__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 20%;
        gap: 24px; }
        .book__content__forms__content--title {
          display: block;
          color: #68904d;
          /* Fonts/Desktop/H4 */
          font-family: Nova Oval;
          font-size: 28px;
          font-style: normal;
          font-weight: 400;
          line-height: 130%;
          /* 36.4px */ }
          .book__content__forms__content--title img {
            cursor: pointer;
            display: none; }
        .book__content__forms__content--fields {
          display: block;
          width: 100%; }
    .book__content__bg {
      position: relative;
      flex: 50%;
      content: '';
      background-image: linear-gradient(241deg, rgba(104, 144, 77, 0.8) 8.46%, rgba(238, 155, 1, 0.37) 57.73%, rgba(255, 255, 255, 0.05) 106.15%), url("../assets/orderNowBg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0 40px 40px 0;
      width: 100%;
      height: 100%; }
      .book__content__bg img {
        position: absolute;
        top: 10%;
        right: 10%; }
  .book__control-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .book__input-label {
    position: relative;
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */ }
  .book__input {
    width: 100%;
    height: 56px;
    border-radius: 40px;
    background: #ffffff;
    border: 2px solid #68904d;
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    padding: 0 16px;
    outline: none;
    caret-color: #ee9b01; }
    .book__input::placeholder,
    .book__input :focus {
      color: #cfcfcf;
      font-family: Montserrat;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      padding: 0 16px; }
    .book__input:invalid {
      border-color: #ff0000;
      /* Красная граница для невалидных полей */ }
    .book__input-wrapper {
      display: block; }
  .book__btn-control-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 40px; }
  .book__control-wrapper {
    position: relative; }
  .book__orderButton {
    cursor: pointer;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 20.8px */
    text-transform: uppercase;
    width: 180px;
    max-width: 180px;
    height: 56px;
    padding: 16px 24px;
    background-color: #ee9b01;
    color: #ffffff;
    border-radius: 40px;
    border-color: transparent; }
    .book__orderButton:active {
      background-color: #68904d; }
    .book__orderButton:hover {
      background-color: #da6a00; }

.closePopup {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer; }

#book_form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px; }

.notNowBtn {
  cursor: pointer;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 20.8px */
  text-transform: uppercase;
  width: 180px;
  max-width: 180px;
  height: 56px;
  padding: 16px 24px;
  background-color: #ffffff;
  color: #68904d;
  border: 2px solid #68904d;
  border-radius: 40px; }
  .notNowBtn:active {
    color: #da6a00;
    border-color: #da6a00; }
  .notNowBtn:hover {
    color: #14471e;
    border-color: #14471e; }

.just-validate-error-field {
  border-color: #da0000;
  background-image: url("../assets/validation-fail.svg");
  background-repeat: no-repeat;
  background-position: 95%; }

.just-validate-success-field {
  background-image: url("../assets/validation-success.svg");
  background-repeat: no-repeat;
  background-position: 95%; }

.just-validate-error-label {
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  position: absolute;
  top: 0;
  right: 0; }

option:disabled {
  color: red; }

@media (max-width: 1439px) {
  .book__content__forms {
    flex: 1; }
    .book__content__forms__content {
      max-width: 448px;
      margin: 0 auto; }
      .book__content__forms__content--title {
        display: flex;
        align-items: flex-start;
        gap: 32px; }
        .book__content__forms__content--title img {
          display: block; }
  .book__content__bg {
    display: none;
    flex: 0; }
  .book__orderButton {
    max-width: 256px;
    flex: 55%; }
  .notNowBtn {
    max-width: 168px;
    flex: 45%; } }

@media (max-width: 767px) {
  .book {
    border-radius: 0;
    width: 100%;
    height: 100%; }
    .book__btn-control-wrapper {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-top: 60px;
      gap: 16px; }
    .book__control-wrapper {
      margin-bottom: 16px; }
    .book__orderButton {
      width: 100%;
      max-width: 100%;
      flex: 1; }
  #basic_form {
    display: block;
    margin-top: 24px; }
  .book__content__forms {
    display: block;
    flex: 1;
    margin: 40px; }
    .book__content__forms__content {
      display: flex;
      max-width: 280px;
      margin: 0 auto; }
      .book__content__forms__content--title {
        display: flex;
        align-items: flex-start;
        gap: 16px; }
        .book__content__forms__content--title img {
          display: block; }
      .book__content__forms__content--fields {
        display: block; }
  .book__content__bg {
    display: none;
    flex: 0; }
  .notNowBtn {
    width: 100%;
    max-width: 100%;
    flex: 1; }
  .just-validate-error-label {
    position: static;
    padding-top: 8px; } }

.orderSuccess {
  display: none;
  position: fixed;
  border-radius: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 93%;
  height: 85%;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .orderSuccess__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row; }
    .orderSuccess__content__bg {
      position: relative;
      flex: 50%;
      content: '';
      background-image: linear-gradient(241deg, rgba(104, 144, 77, 0.8) 8.46%, rgba(238, 155, 1, 0.37) 57.73%, rgba(255, 255, 255, 0.05) 106.15%), url("../assets/orderNowSuccess.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0 40px 40px 0;
      width: 100%;
      height: 100%; }
      .orderSuccess__content__bg img {
        cursor: pointer;
        position: absolute;
        top: 64px;
        right: 64px; }
    .orderSuccess__content__wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0;
      padding-right: 7%;
      padding-left: 7%;
      flex: 50%;
      gap: 40px; }
      .orderSuccess__content__wrapper--inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
        max-width: 70%; }
    .orderSuccess__content__text {
      display: flex;
      flex-direction: column;
      gap: 32px; }
      .orderSuccess__content__text--title {
        color: #68904d;
        font-family: Nova Oval;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 41.6px */ }
      .orderSuccess__content__text--subTitle {
        color: #14471e;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 27px */ }
      .orderSuccess__content__text--closeOrder {
        cursor: pointer;
        display: none; }

@media (max-width: 1439px) {
  .orderSuccess__content {
    position: relative; }
    .orderSuccess__content__bg {
      display: none; }
    .orderSuccess__content__wrapper {
      display: flex;
      justify-content: space-between;
      margin: 10% 0;
      margin-top: 25%;
      padding-right: 7%;
      padding-left: 7%; }
      .orderSuccess__content__wrapper--inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        gap: 40px;
        max-width: 70%; }
    .orderSuccess__content__text--closeOrder {
      display: block;
      position: absolute;
      top: 80px;
      right: 80px;
      width: 24px;
      height: 24px; }
    .orderSuccess__content__logo {
      display: flex;
      justify-content: center; } }

@media (max-width: 767px) {
  .orderSuccess {
    border-radius: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%; }
    .orderSuccess__content {
      position: relative; }
      .orderSuccess__content__bg {
        display: none; }
      .orderSuccess__content__wrapper {
        display: flex;
        justify-content: space-between;
        margin: 10% 0;
        margin-top: 25%;
        padding-right: 7%;
        padding-left: 7%; }
        .orderSuccess__content__wrapper--inner {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin: 0 auto;
          gap: 40px;
          max-width: 70%; }
      .orderSuccess__content__text--closeOrder {
        display: block;
        position: absolute;
        top: 40px;
        right: 40px;
        width: 24px;
        height: 24px; }
      .orderSuccess__content__logo {
        display: flex;
        justify-content: center; } }

.bookSuccess {
  display: none;
  position: fixed;
  border-radius: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 93%;
  height: 85%;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .bookSuccess__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row; }
    .bookSuccess__content__bg {
      position: relative;
      flex: 50%;
      content: '';
      background-image: linear-gradient(241deg, rgba(104, 144, 77, 0.8) 8.46%, rgba(238, 155, 1, 0.37) 57.73%, rgba(255, 255, 255, 0.05) 106.15%), url("../assets/bookNowSuccess.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0 40px 40px 0;
      width: 100%;
      height: 100%; }
      .bookSuccess__content__bg img {
        position: absolute;
        top: 64px;
        right: 64px; }
    .bookSuccess__content__wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0;
      padding-right: 7%;
      padding-left: 7%;
      flex: 50%;
      gap: 40px; }
      .bookSuccess__content__wrapper--inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
        max-width: 70%; }
    .bookSuccess__content__text {
      display: flex;
      flex-direction: column;
      gap: 32px; }
      .bookSuccess__content__text--title {
        color: #68904d;
        font-family: Nova Oval;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 41.6px */ }
      .bookSuccess__content__text--subTitle {
        color: #14471e;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 27px */ }
      .bookSuccess__content__text--closeOrder {
        cursor: pointer;
        display: none; }

@media (max-width: 1439px) {
  .bookSuccess__content {
    position: relative; }
    .bookSuccess__content__bg {
      display: none; }
    .bookSuccess__content__wrapper {
      display: flex;
      justify-content: space-between;
      margin: 10% 0;
      margin-top: 25%;
      padding-right: 7%;
      padding-left: 7%; }
      .bookSuccess__content__wrapper--inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        gap: 40px;
        max-width: 70%; }
    .bookSuccess__content__text--closeOrder {
      display: block;
      position: absolute;
      top: 80px;
      right: 80px;
      width: 24px;
      height: 24px; }
    .bookSuccess__content__logo {
      display: flex;
      justify-content: center; } }

@media (max-width: 767px) {
  .bookSuccess {
    border-radius: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%; }
    .bookSuccess__content {
      position: relative; }
      .bookSuccess__content__bg {
        display: none; }
      .bookSuccess__content__wrapper {
        display: flex;
        justify-content: space-between;
        margin: 10% 0;
        margin-top: 25%;
        padding-right: 7%;
        padding-left: 7%; }
        .bookSuccess__content__wrapper--inner {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin: 0 auto;
          gap: 40px;
          max-width: 70%; }
      .bookSuccess__content__text--closeOrder {
        display: block;
        position: absolute;
        top: 40px;
        right: 40px;
        width: 24px;
        height: 24px; }
      .bookSuccess__content__logo {
        display: flex;
        justify-content: center; } }

.mobileNav {
  display: none; }

@media (max-width: 1439px) {
  .mobileNav {
    display: none;
    position: fixed;
    border-radius: 40px;
    top: 15%;
    left: 15%;
    width: 240px;
    height: 280px;
    margin: auto;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 1; }
    .mobileNav__content {
      display: block;
      width: 100%;
      height: 100%; }
      .mobileNav__content__list {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin: 0; }
        .mobileNav__content__list a {
          flex: 1;
          padding: 16px 40px;
          color: #000000;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%; } }

@media (max-width: 767px) {
  .mobileNav {
    display: none;
    position: fixed;
    border-radius: 40px;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    height: 280px;
    margin: auto;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 1; }
    .mobileNav__content {
      display: block;
      width: 100%;
      height: 100%; }
      .mobileNav__content__list {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin: 0; }
        .mobileNav__content__list a {
          flex: 1;
          padding: 16px 40px;
          color: #000000;
          font-family: Montserrat;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%; } }

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Затемнение с полупрозрачным чёрным цветом */
  z-index: 1;
  overflow: auto; }