/* fonts from fonts folder*/
/* lato */
@font-face {
  font-family: 'Lato';
  font-style: normal; 
  font-weight: 400;
  src: url('../font/Lato-Regular.woff2')  format('woff2');
  font-display: swap;
 }
 @font-face {
   font-family: 'Lato';
   font-style: normal; 
   font-weight: 200;
   src: url('../font/Lato-Thin.woff2')  format('woff2');
   font-display: swap;
  }
  @font-face {
   font-family: 'Lato';
   font-style: normal; 
   font-weight: 300;
   src: url('../font/Lato-Light.woff2')  format('woff2');
   font-display: swap;
  }
  @font-face {
   font-family: 'Lato';
   font-style: normal; 
   font-weight: 500;
   src: url('../font/Lato-Medium.woff2')  format('woff2');
   font-display: swap;
  }
  /* montserrat */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal; 
    font-weight: 700;
    src: url('../font/Montserrat-Bold.ttf')  format('ttf');
    font-display: swap;
   }
   @font-face {
    font-family: 'Montserrat';
    font-style: normal; 
    font-weight: 400;
    src: url('../font/Montserrat-Regular.ttf')  format('ttf');
    font-display: swap;
   }
   /* Roboto */
   @font-face {
    font-family: 'Roboto';
    font-style: normal; 
    font-weight: 100;
    src: url('../font/Roboto-Thin.ttf')  format('ttf');
    font-display: swap;
   }
   @font-face {
    font-family: 'Roboto';
    font-style: normal; 
    font-weight: 300;
    src: url('../font/Roboto-Light.ttf')  format('ttf');
    font-display: swap;
   }
   @font-face {
    font-family: 'Roboto';
    font-style: normal; 
    font-weight: 400;
    src: url('../font/Roboto-Regular.ttf')  format('ttf');
    font-display: swap;
   }
   @font-face {
    font-family: 'Roboto';
    font-style: normal; 
    font-weight: 500;
    src: url('../font/Roboto-Medium.ttf')  format('ttf');
    font-display: swap;
   }

  .grecaptcha-badge{visibility: hidden !important;}
 /* main */
 html,body{margin: 0; padding: 0;
  font-family: 'Lato';
  font-weight: 300; background-color: #FAF8F7; font-size: 16px;
 --lato-font: lato, sans-serif; --roboto-font:'Roboto', sans-serif; --monsr-font:'Montserrat', sans-serif; position: relative;
 --main-font-size:clamp(1.00rem, calc(0.86rem + 0.54vw), 1.25rem);
 --second-font-size: clamp(0.88rem, calc(0.74rem + 0.54vw), 1.13rem);
 --smallest-font-size:clamp(0.81rem, calc(0.78rem + 0.14vw), 0.88rem);}
*, *::after, *::before{-webkit-box-sizing: border-box;box-sizing: border-box; }

 a{color: black;  text-decoration: none;}
 .bold{font-weight: 400; font-size: 36px;color: #505050
 }
 .bolder{font-weight: 500;}
 .orange-font{color: #FC8A2E;}
 .yellow-font{color: #f7c762;}
 .red-font {color: #FF0000;}
 .small-text{font-size: var(--smallest-font-size);
   line-height: 17px;
 font-weight: 400; 
 margin-bottom: 11px;}
 .no-margin{margin: 0 !important;}
 h1,h2,h3,h4,h5{font-family: lato, sans-serif;font-weight: 300; margin: 0;}
 h1{font-size: clamp(1.56rem, calc(0.55rem + 4.05vw), 3.44rem);
   line-height: 120%;
    max-width: 950px;
     font-weight: 300;
 }
h1 {
    font-size: 54px;
    font-weight: 300;
    color: #1A1A1A;
    max-width: 900px;
}
 h2{font-size: clamp(1.56rem, calc(1.06rem + 2.03vw), 2rem);
  line-height: 120%;
  margin-bottom: clamp(1.88rem, calc(1.51rem + 1.46vw), 3.13rem);}
 h3{font-size: clamp(1.13rem, calc(0.89rem + 0.95vw), 1.56rem);
   line-height: 120%;}
 h4{font-size: var(--main-font-size);
   line-height: 120%;
   margin: 0 0 15px 0;}
 h5{font-size: var(--second-font-size); margin: 0 0 20px 0;}
 img{pointer-events: none;}
 button, .button {max-height: 70px !important; outline: none; border: none; cursor: pointer; border-radius: 10px; font-size: var(--main-font-size); font-weight: 500; font-family: lato, sans-serif;}
 .green-button {max-height: 70px !important;transition: 300ms ease-in-out;background-color: #50DFB2; color: white; height: clamp(2.31rem, calc(1.71rem + 2.41vw), 4.38rem);display: flex;justify-content: center; align-items: center; min-height: 47px; min-width: max-content;}
 .orange-button{max-height: 70px !important;transition: 300ms ease-in-out; background-color: white; color: #FC8A2E; border: 2px solid #FC8A2E; height: clamp(2.31rem, calc(1.71rem + 2.41vw), 4.38rem);-webkit-box-sizing: border-box;box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
 .green-button:hover{background-color: #FC8A2E; color: white;}
 .orange-button:hover{background-color: #FC8A2E; color: white;}
 #show-more-btn {margin: 50px auto 0 auto; max-width: 400px;}
 .button .mobile{display: none;}
 .background,.background > *{position: absolute; z-index: 1; pointer-events: none;}
 header, main, footer{font-family: lato, sans-serif;font-weight: 300;font-size: var(--main-font-size);position: relative; background-color: white; -webkit-box-sizing: border-box; box-sizing: border-box;}
 main, footer{overflow: hidden;}
 section{margin:  0 0 clamp(3.13rem, calc(1.46rem + 6.64vw), 9.44rem) 0; padding:0 20px; position: relative;}
 button:disabled,button:disabled:hover{cursor: default; background-color: darkgrey; color: white; border-color: darkgrey;}
 /* header */
 header{padding: 20px;}
 .header-container{max-width: 1600px;
   margin: 0 auto; 
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: clamp(0.94rem, calc(0.43rem + 2.03vw), 1.88rem);
   }

.header-logo, .logo-link{
  /*width: clamp(8.81rem, calc(-3.17rem + 23.97vw), 23.31rem);*/
  /* height: clamp(1.19rem, calc(0.58rem + 2.41vw), 3.25rem); */
}
   /* desktop menu */
   .menu{ 
    display: flex; 
    justify-content: space-around;
    align-items: center;
    gap: clamp(0.63rem, calc(-0.02rem + 1.15vw), 1.25rem);
    font-size: clamp(0.88rem, calc(-0.25rem + 1.50vw), 1.25rem);
}
   .menu a{overflow: hidden;position: relative; color: #1A1A1A; font-weight: 400;font-size: 17px;}
   .menu a::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 0.1em;
     background-color: #50DFB2;
     -webkit-transition: width 300ms ease-in-out;
     -o-transition: width 300ms ease-in-out;
     transition: width 300ms ease-in-out;
   }
 .menu a:hover::after{ -webkit-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out;width: 100%;}
 /* contacts */
 .contacts{-ms-grid-column-align: end;justify-self: end;}
 .contacts__tel{row-gap: 10px;column-gap:clamp(0.63rem, calc(0.15rem + 0.43vw), 0.31rem) ;white-space: nowrap; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contacts {
    display: flex;
    gap: 10px;
    align-items: center;
}
@media (max-width: 768px) {
    .header-logo {
        width: clamp(8.81rem, calc(-3.17rem + 23.97vw), 23.31rem);
    }
    .contacts {
        flex-direction: column;
        gap: 2px;
        align-items: flex-end;
    }
}
 .contacts__tel a{font-size: clamp(0.88rem, calc(0.68rem + 0.51vw), 1.25rem); opacity: 1}
 /*.contacts__tel::before{content: url(../img/phone.svg);}*/
 .contacts__social-media{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; column-gap: 10px;}
 .social-media__item{cursor: pointer; opacity: 1}
.social-media__item:hover,  .contacts__tel a:hover {
    opacity: .8;
    transition: opacity .3s ease-in-out;
}
/*.social-media__item svg{width: 25px; height: 25px;}*/
 /*.telegram:hover .telegram-color{fill: #78B9EB;}*/
 /*.whatsapp:hover .whatsapp-color{fill:#00BD2A}*/
 /*.viber:hover .viber-color{fill: #6F3FAA;}*/
 /*.telegram:hover .telegram-color__circle{fill: #5AADF9;}*/
 /*.viber:hover .viber-color__circle {fill: #512D84;}*/
 /* main container */
 main{
   padding: 20px;
   position: relative;
   height: clamp(25.00rem, calc(20.43rem + 18.27vw), 40.63rem);
   margin-bottom: clamp(3.13rem, calc(1.46rem + 6.64vw), 9.44rem);
 }
 .main-container{
   max-width: 1600px;
   display: flex;
   height: 100%;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: center;
   margin: 0 auto; 
   font-size: var(--main-font-size);
   position: relative;
   z-index: 5;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }

 main .button-container{
   display: -webkit-box; 
   display: -ms-flexbox; 
   display: flex;
   flex-wrap: wrap;
   column-gap: clamp(1.25rem, calc(0.77rem + 1.90vw), 2.88rem);
   row-gap: 20px;
   position: relative;
   z-index: 20;
  }
  .main__text{
    margin: clamp(0.8rem, calc(1.17rem + 2.56vw), 2.00rem) 0;
    max-width: 850px;
    position: relative;
   z-index: 20;
      font-weight: 300;
      font-size: 29px;
      line-height: 38px;
  }
main .orange-button {
    font-weight: 400;
    background: #50DFB2;
    border: #50DFB2;
    color: #fff;
    font-size: 24px;
}

main .orange-button.yandex {
    background: transparent;
    color: #1A1A1A;
    border: 2px solid #F98C2B;
    position: relative;
}

main .orange-button.yandex div {
    color: #F00;
}

main .orange-button:hover {
    background: transparent;
    color: #50DFB2;
    border: 2px solid #50DFB2;
}

main .orange-button.yandex:hover {
    background: #F98C2B;
    color: #fff;
    border: 2px solid #F98C2B;
}

main .orange-button.yandex span {
    position: absolute;
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -10%;
    top: -40%;
    color: #FFF;
    background: #F98C2B;
    font-size: 30px;
    border-radius: 100%;
}


@media (max-width: 760px) {
    .main__text {
        font-size: 16px !important;
    }
    main .orange-button.yandex span {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    main .orange-button.yandex span {
        width: 32px;
        height: 32px;
        font-size: 16px;
        right: -7%;
    }
}

 main .orange-button{width: clamp(12.81rem, calc(10.71rem + 8.41vw), 20.00rem);}
 main .green-button{width: clamp(10.00rem, calc(8.90rem + 4.39vw), 13.75rem);}
.button-container {
    margin-top: 10px;
}
 .main-paint-1 img{ 
  width: clamp(7.50rem, calc(-4.79rem + 16.39vw), 14.88rem);
   left: clamp(-10.31rem, calc(3.19rem + -11.25vw), -5.25rem);
   bottom: clamp(25.00rem, calc(18.45rem + 8.06vw), 28.13rem);
   -webkit-transform: rotate(-25.72deg);
       -ms-transform: rotate(-25.72deg);
           transform: rotate(-25.72deg);
           pointer-events: none;
 }
 .main-paint-2 img{   
  width: clamp(2.50rem, calc(1.05rem + 5.79vw), 8.00rem);
  left: -60px;
   bottom: 32px;
   -webkit-filter: blur(4px);
           filter: blur(4px);
   -webkit-transform: rotate(57deg);
       -ms-transform: rotate(57deg);
           transform: rotate(57deg);
           pointer-events: none;
 }
 .main-paint-3 img{
  width: clamp(3.13rem, calc(-6.62rem + 19.50vw), 8.00rem);
 left: clamp(19.56rem, calc(-26.31rem + 91.75vw), 42.50rem);
 top: clamp(0.00rem, calc(21.43rem + -17.86vw), 12.50rem);
 -webkit-transform: rotate(57deg);
     -ms-transform: rotate(57deg);
         transform: rotate(57deg);
             pointer-events: none;
 }
 .main-picture-3 img,.main-picture-4 img{display: none; pointer-events: none;}

 .main-picture-1 img{width: clamp(11.88rem, calc(-0.78rem + 19.66vw), 22.81rem);}
 .main-picture-1 img{position: absolute;z-index: 3;
   right: clamp(-1.25rem, calc(-16.37rem + 23.48vw), 11.81rem);
   top:  clamp(0.00rem, calc(21.84rem + -18.20vw), 10.13rem);    pointer-events: none;}
 .main-picture-2 img{width: clamp(27.50rem, calc(13.86rem + 36.36vw), 57.50rem); }
 .main-picture-2 img{position: absolute; -webkit-transform: rotate(-27.76deg); -ms-transform: rotate(-27.76deg); transform: rotate(-27.76deg); z-index: 2;
   top: clamp(10.56rem, calc(17.71rem + -5.96vw), 13.88rem);
   right: -265px;    pointer-events: none;}
   /* services */
 .services-container{max-width: 1440px;margin: 0 auto;}
 .services-flex{ display: flex; flex-wrap: wrap; gap: 20px;}
 .services h3{max-width:clamp(40.63rem, calc(39.44rem + 4.75vw), 44.69rem);}
 .services .text{
     font-size: 24px;
   max-width: 850px;
   margin-bottom: clamp(0.00rem, calc(10.31rem + -15.00vw), 6.56rem);
   margin-right: clamp(0.00rem, calc(-7.65rem + 30.61vw), 4.69rem);
   position: relative;
   z-index: 20;

}
 .white-block{display: flex;
  flex-wrap: wrap;
  background-color: white;
  -webkit-box-shadow: 0px 4px 4px rgba(191, 186, 186, 0.25);
  box-shadow: 0px 4px 4px rgba(191, 186, 186, 0.25);
  border-radius: 10px; 
  padding: clamp(0.94rem, calc(0.70rem + 0.95vw), 1.75rem); 
  position: relative; 
  overflow: hidden;
  gap: clamp(0.63rem, calc(0.35rem + 1.08vw), 1.13rem);
}
  .services .white-block{
      display: flex;
      flex-direction: column;
    width: 100%;
    min-height: 268px;
    padding: clamp(0.94rem, calc(-0.79rem + 6.89vw), 4.13rem) clamp(1.25rem, calc(1.01rem + 0.95vw), 1.69rem);
  }


 .services-paint-1{
   z-index: 2;
   width: clamp(4.88rem, calc(3.66rem + 4.87vw), 9.50rem);
   right: clamp(0.44rem, calc(-1.39rem + 7.30vw), 7.38rem);
   bottom: clamp(1.25rem, calc(1.09rem + 0.66vw), 1.88rem);

  }
 .services-paint-2{
   z-index: 1;
  transform: rotate(155.6deg);
  width: clamp(10.38rem, calc(7.79rem + 10.33vw), 20.19rem);
  right: clamp(-1.87rem, calc(-2.80rem + 3.68vw), 1.63rem);
  bottom: clamp(2.50rem, calc(1.66rem + 3.36vw), 5.69rem);

}
 .services-paint-3{
   z-index: 2;
   width: clamp(6.13rem, calc(4.38rem + 6.97vw), 12.75rem);
   right: clamp(-0.81rem, calc(-2.11rem + 5.20vw), 4.13rem);
   bottom: clamp(1.25rem, calc(1.09rem + 0.66vw), 1.88rem);

 }
 .services-paint-4{
  z-index: 1;
  transform: rotate(-16.71deg);
  width: clamp(10.25rem, calc(7.26rem + 11.97vw), 21.63rem);
  bottom: clamp(2.00rem, calc(1.57rem + 1.71vw), 3.63rem);
  right: clamp(-3.19rem, calc(-3.60rem + 1.64vw), -1.62rem);
 }
 .services-paint-5{
  z-index: 2;
  width: clamp(8.75rem, calc(6.48rem + 9.08vw), 17.38rem);
  right: clamp(-2.06rem, calc(-3.46rem + 5.59vw), 3.25rem);
  bottom: clamp(1.25rem, calc(1.09rem + 0.66vw), 1.88rem);
}
.services-paint-6{
  z-index: 1;
  width: clamp(10.25rem, calc(7.63rem + 10.46vw), 20.19rem);
  transform: rotate(-143.01deg);
  bottom: clamp(3.13rem, calc(2.47rem + 2.63vw), 5.63rem);
  right: clamp(-2.50rem, calc(-3.96rem + 5.86vw), 3.06rem);
}
 /* consultation  */
 .consultation .white-block{
   justify-content: center;
   align-items: center;
   column-gap: clamp(1.25rem, calc(0.34rem + 3.65vw), 4.38rem);
   padding: clamp(1.25rem, calc(0.15rem + 4.39vw), 5.00rem) 20px;
   max-width: 1360px;
   margin: 0 auto;
 }
 .consultation .green-button{
   width: clamp(15.06rem, calc(14.42rem + 2.56vw), 17.25rem);
 }
 .consultation h2{
   max-width: clamp(25.00rem, calc(18.27rem + 26.90vw), 48.00rem);
   margin: 0;
 }
  /* advantages */
  .advanteges{
    max-width: 1600px;
    margin: 0 auto clamp(3.13rem, calc(1.46rem + 6.64vw), 9.44rem) auto;
  }
  .advanteges__flex{
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 15px;
    justify-content: space-between;
  }
  .advantages__pic svg{
    width: clamp(3.75rem, calc(2.65rem + 4.39vw), 7.50rem);
    height: clamp(3.75rem, calc(2.65rem + 4.39vw), 7.50rem);
  }
  .advantages__item{
    max-width: 220px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: clamp(1.25rem, calc(0.88rem + 1.46vw), 2.50rem);
  }
  .advantages__text{
      font-size: 22px;
    text-align: center;
  }
/* banks */
.banks, .arest{
  background-color: white; 
  padding: clamp(1.25rem, calc(-1.13rem + 9.50vw), 9.38rem) 20px;}
.banks h3, .arest h3{margin: clamp(1.25rem, calc(1.09rem + 0.66vw), 1.81rem);}
.banks-container, .arest-container{
  max-width: 1170px;
  margin: 0 auto;
}
.banks .text{
    font-weight: 300;
  font-size: calc(var(--main-font-size) + 2px);
  margin-bottom: clamp(0.00rem, calc(-0.33rem + 1.32vw), 1.25rem);
}

.marquee{
  padding: clamp(6.25rem, calc(0.99rem + 1.02vw), 2.13rem) 0;
  /*overflow: hidden;*/
}

#banks {
    overflow: hidden;
}

.banks h2 {
    font-size: 40px;
}

.banks-flex{
  display: flex; 
  flex-wrap: wrap; 
  gap: clamp(1.25rem, calc(0.98rem + 1.10vw), 2.19rem);; 
  align-items: center;
  justify-content: space-between;
}
/* SELL  */
.sell .wide-block{
  max-width: 1760px;
  margin: 0 auto;
}
#sell h2{
  margin-bottom: clamp(1.88rem, calc(1.24rem + 2.56vw), 4.06rem);
  max-width: 541px;
}
section#sell{
  /*padding:clamp(3.13rem, calc(2.21rem + 3.65vw), 6.25rem) 20px; */
  overflow: hidden;
}

 .sell-image{
   position: absolute;
   max-width: 520px; width:calc(100% - 1210px); 
   right: 0; 
   bottom: 0; 
   height: 100%; 
   background-image: url('../img/main3.jpg'); 
   min-width: 100px;
   background-position-x: -38px; 
   border-radius: 289px 0 0 0; 
   background-size: 2200px; 
   background-position-y: -60px;
  } 
 .sell-block{
   max-width:1300px;
   display: flex; 
   flex-wrap: wrap; 
   column-gap:clamp(1.25rem, calc(0.76rem + 1.97vw), 2.94rem); 
   row-gap: clamp(1.25rem, calc(1.05rem + 0.80vw), 1.94rem);
  }
 .sell-item{ 
   max-width: 500px;
   display: flex; 
   column-gap: 13px;
   align-items: center;
   width:100%;
  }
 .sell-item div{
   width: calc(100% - 52px); 
  font-size: 22px;
     font-weight: 300;
}
 .sell-item svg{
   width: clamp(1.25rem, calc(0.17rem + 4.32vw), 3.25rem);
  }
 #sell .green-button{
   max-width: 360px; 
   min-width: 265px; 
  }
 #sell .flex-container{
   margin-top: 60px;
   width: 100%; 
  justify-content: flex-start; 
  align-items: center; 
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, calc(0.76rem + 1.97vw), 2.94rem);
}
 .flex-button-container{
   max-width: 405px; 
   width: 100%;
  }
 .cost{
   font-size: clamp(1.25rem, calc(1.07rem + 0.73vw), 1.88rem); 
   font-weight: 500;
  }

 .calculator h2 {
     font-size: 38px;
 }


 /* calculator */
 .calculator{padding: 50px 20px clamp(3.13rem, calc(1.46rem + 6.64vw), 9.44rem) 20px; position: relative; overflow: hidden;margin-bottom: 50px;}
 .calculator-container{
   max-width: 560px;
   margin: 0 auto;
  }
 .calculator .button {
   width: clamp(8.25rem, calc(7.90rem + 1.38vw), 9.56rem); 
  }
 output{
   font-family: var(--lato-font);
   font-weight: 500;
  }
 .calculator-grid{
   max-width: 470px; 
   display: grid; 
   position: relative; 
   z-index: 20;
   grid-template-columns: 270px max-content;
   gap: clamp(1.25rem, calc(0.76rem + 1.97vw), 2.94rem);
   margin: 0 auto;
  }
  #calculator-input{
    max-height: 70px;
    max-width: 270px;
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    padding: 24px 15px;
    font-size: var(--second-font-size);
    font-weight: 500;
    border-radius: 5px;
    border: none;
    margin-top: 11px;
  }
  #calculate{
    grid-column: 2;
    grid-row: 1;
    align-self: flex-end;
  }
  #countSum{
    font-weight: 500;
  }
  .calculator__block_white{
    grid-column: span 2;
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border-radius: 5px;
    padding: 24px 15px;
    font-size: var(--main-font-size);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
  }

 .leaf{width: 201.77px;
   height: 328.35px;
   left:clamp(-18.75rem, calc(-43.10rem + 64.94vw), -1.50rem);
   top: -33px;
   -webkit-transform: rotate(-116.7deg);
       -ms-transform: rotate(-116.7deg);
           transform: rotate(-116.7deg);}
 
 .leaf-2{
   width: clamp(10.69rem, calc(4.44rem + 16.67vw), 16.94rem);;
   height: clamp(23.88rem, calc(17.63rem + 16.67vw), 30.13rem);
   top: -25px;
   right: clamp(-18.75rem, calc(-44.78rem + 69.41vw), -0.19rem);
 }
 

 /* STEPS */
 .steps{
  position: relative;
 }
 .steps__cover{
  position: relative;
  overflow: hidden;
 }
 .steps-flex__cover{
   position: relative;
   display: flex;
   flex-wrap: wrap;
   gap: 46px;
   flex-direction: column;
   max-width: 1500px;
   margin: 60px auto;
 }
 @media (max-width: 1200px) {
     .steps-flex__cover {
         margin: 60px 0;
     }
 }
 .steps h2{   
  max-width: 1530px;
  margin: 0 auto;
}
 .steps__flex{
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  height: 189px;
 }
 .steps__flex_reverse{
  position: relative;
  z-index: 5;
  display: flex;
  /*justify-content: space-between;*/
  gap: 60px;
  flex-direction: row-reverse;
 }
 .steps__item{
   display: flex;
   flex-wrap: wrap;
   gap: clamp(0.63rem, calc(0.35rem + 1.10vw), 1.56rem);
   flex-direction: column;
 }
 .steps__pic svg{
   width: clamp(2.50rem, calc(2.13rem + 1.46vw), 3.75rem);
   height: clamp(2.50rem, calc(2.13rem + 1.46vw), 3.75rem);
 }
.steps__text{
  text-align: left;
  width: 280px;
  padding: clamp(1.25rem, calc(1.07rem + 0.73vw), 1.88rem) 20px;
  background-color: #FFF;
  font-size: 20px;
  border-radius: 10px;
  height: 104px;
  vertical-align: middle;
  display:flex;
  align-items: center;
}
 .steps__flex_reverse .steps__item{
  align-items: flex-end;
 }

 .steps__flex_reverse .steps__text{
  text-align: right;
 }

.steps .green-button{
    margin-right: 180px;
    width: 360px;
}
.steps__line{
  position: absolute;
  top: 30px;
  left: 29px;
  z-index: 1;
  width: clamp(120.50rem, calc(27.56rem + 39.77vw), 37.50rem);
  height: 263px;
}
.steps-line__bk{
  position: absolute;
  height: 2px;
  width: 48%;
  background-color: #fc8a2e;
  top: 128px;
  left: -20px;
}

@media (max-width: 1440px) {
    .steps .green-button {
        margin: 0;
    }
    .steps__flex_reverse {
        gap: 10px;
        justify-content: space-between;
    }
        .steps__line {
            width: clamp(80.50rem, calc(27.56rem + 39.77vw), 37.50rem);
        }
        .steps-flex__cover {
            max-width: 1040px;
    }
}
/* arest */

.arest-container{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.arest__left-block{
  width: 70%;
}
.arest__left-block h2{
  max-width: 706px;
  margin-bottom: clamp(1.25rem, calc(0.74rem + 2.03vw), 2.19rem);
}
.arest__left-block .text{
  max-width: 671px;
  margin-bottom: clamp(1.88rem, calc(0.86rem + 4.05vw), 3.75rem);
  font-size: calc(var(--main-font-size) + 2px);
}
.arest .green-button{
  max-width: 363px;
}

 /* form */
 .form-block{max-width: 1600px; margin: 0 auto;}
 .form-block h2{max-width: 758px; font-size: 40px}
 .form-block .text{max-width: 700px; font-weight: 300; font-size: 20px}
 .form-flex{
   display: grid;
   gap: 20px;
   justify-content: center;
   box-sizing: border-box;
 }
 .form__img{
   width: clamp(20.00rem, calc(15.89rem + 16.45vw), 35.63rem);
   height: clamp(17.50rem, calc(15.72rem + 7.11vw), 24.25rem);
   margin: 0 clamp(-1.25rem, calc(-1.58rem + 1.32vw), 0.00rem);
   background: url('../img/woman.jfif') no-repeat center;
   background-size: cover;
   grid-column: 2;
   grid-row: span 2;
 }
 #form{
     margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
   gap: 10px;
   max-width: 370px; 
}
 form input{
    width: 100%; 
    background-color: #FBFBFF; 
    height: 70px; 
    border: none; 
    border-radius: 10px; 
    padding: clamp(0.63rem, calc(0.33rem + 1.18vw), 1.75rem);
    font-size: var(--second-font-size);
    font-weight: 300;
  }
 input:focus{outline: 1px solid #FC8A2E;
  outline-style: auto;}

 .form-section .green-button{width: 100%; margin-top: 12px;}

 /* feedback */
 .feedback{font-family: var(--lato-font); overflow: hidden;position: relative; }
 .feedback-container{max-width: 1170px; margin: 0 auto;position: relative; z-index: 20;}
 .feedback-flex{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px;
 }
 .feedback h5{
   display: flex;
   gap: 15px;
   align-items: center;
   font-size: var(--second-font-size);
   font-weight: 400;
 }
 .feedback-avatar{
   width: clamp(1.88rem, calc(1.71rem + 0.66vw), 2.50rem);
   height: clamp(1.88rem, calc(1.71rem + 0.66vw), 2.50rem);
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 50%;
   background-size: contain;
   color: #FFF;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .feedback .owl-carousel-feedback__item{
   width: clamp(17.50rem, calc(16.02rem + 5.92vw), 23.13rem);
   height: max-content;
   min-height: 230px;
   background: #FBFBFF;
   border-radius: 10px;
   padding: clamp(0.63rem, calc(0.30rem + 1.32vw), 1.88rem) clamp(0.63rem, calc(0.46rem + 0.66vw), 1.25rem);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }

 .feedback .leaf{
   top: 45px;
 }
 .owl-carousel-feedback__item{
   margin: 0 auto;
 }
 .owl-carousel-feedback__item a{color: #FC8A2E;}
 .owl-carousel-feedback__item a:hover{color: #50DFB2;}
 .feedback__text{font-size: var(--third-font-size);
margin-top: clamp(0.94rem, calc(0.86rem + 0.33vw), 1.25rem); font-weight: 300;}
  /* carousel nav */
  .dots-solutions,.nav-solutions{text-align:center;-webkit-tap-highlight-color:transparent}
  .nav-solutions,.nav-feedback{display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
  .owl-dot{background-color: transparent;outline: none !important; width: 10px; height: 10px;margin: 0 3px;}
  .owl-dot:focus,.dots .owl-dot:active{outline: none !important;background-color: transparent;}
  .owl-dot{display:inline-block;zoom:1}
  .owl-dot span {
    width: 10px;
    height: 10px;
    background: #000000;
    display: block;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px;
  }
  .owl-dot.active span,.owl-dot:hover span {
    background: #FC8A2E;
  }
  .owl-prev,.owl-next{
  height: 26px;
  background-color: transparent;
  width: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  }
  .owl-next{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); margin-left: 14px;}
  .owl-prev{margin-right: 5px;}
  .owl-next img,.owl-prev img{width: 12px;height: 26px;}
  .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    height: 26px;
    width: 12px;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
  }
  .item-unseen{display: none;}
  
 /* footer */
 footer{padding: 40px 20px 20px 20px;}
 .footer-container{max-width: 1170px; margin: 0 auto;}
 .footer-grid{margin: 45px 0 62px 0; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
 footer .contacts__social-media{  -webkit-box-pack: justify;  -ms-flex-pack: justify;}
 footer .social-media__item{margin: 0;}
 .footer__social-media h5{font-size: var(--second-font-size);}
 .footer__text{font-size: 16px;line-height: 120%;}
 .copyright{margin: 0 auto;width: -webkit-max-content;width: -moz-max-content;width: max-content;}
 /* hamburger mobile menu */
 .hamburger-menu{
   width: 33px;
   height: 33px;
   display: none;
 }
 #menuToggle
 {
   display: block;
   position: relative;
   z-index: 99;
   -webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
 }
 #menuToggle a
 {
   text-decoration: none;
   color: #fff;
   
   -webkit-transition: color 0.3s ease;
   
   -o-transition: color 0.3s ease;
   
   transition: color 0.3s ease;
 }
 #menuToggle a:hover
 {
   color: #50DFB2;
 }
 
 #menuToggle input
 {
   display: block;
   width: 40px;
   height: 32px;
   position: absolute;
   top: -7px;
   left: -5px;
   cursor: pointer;
   opacity: 0;
   z-index: 2; 
   -webkit-touch-callout: none;
 }

 .telegram-color, .telegram-color__circle {
     fill: #27A6E5;
 }

.whatsapp-color {
    fill: #48C95F;
}

 #menuToggle span
 {
   display: block;
   width: 33px;
   height: 4px;
   margin-bottom: 5px;
   position: relative;
   background: #FC8A2E;
   border-radius: 3px;
   z-index: 1;
   -webkit-transform-origin: 4px 0px;
       -ms-transform-origin: 4px 0px;
           transform-origin: 4px 0px;
   -webkit-transition: opacity 0.55s ease,
               -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   transition: opacity 0.55s ease,
               -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   -o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               opacity 0.55s ease;
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               opacity 0.55s ease;
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               opacity 0.55s ease,
               -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
 }
 #menuToggle span:first-child
 {
   -webkit-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
           transform-origin: 0% 0%;
 }
 #menuToggle span:nth-last-child(2)
 {
   -webkit-transform-origin: 0% 100%;
       -ms-transform-origin: 0% 100%;
           transform-origin: 0% 100%;
 }
 #menuToggle input:checked ~ span
 {
   opacity: 1;
   -webkit-transform: rotate(45deg) translate(-2px, -1px);
       -ms-transform: rotate(45deg) translate(-2px, -1px);
           transform: rotate(45deg) translate(-2px, -1px);
   background: #FC8A2E;
 }
 #menuToggle input:checked ~ span:nth-last-child(3)
 {
   opacity: 0;
   -webkit-transform: rotate(0deg) scale(0.2, 0.2);
       -ms-transform: rotate(0deg) scale(0.2, 0.2);
           transform: rotate(0deg) scale(0.2, 0.2);
 }
 #menuToggle input:checked ~ span:nth-last-child(2)
 {
   -webkit-transform: rotate(-45deg) translate(0, -1px);
       -ms-transform: rotate(-45deg) translate(0, -1px);
           transform: rotate(-45deg) translate(0, -1px);
 }
 #burger-menu-list
 {
   z-index: 999;
   position: absolute;
   width: 100vw;
   height: calc(100vh - 64px);
   top: 64px;
   padding: 20px;
   background: #FC8A2E;
   list-style-type: none;
   -webkit-font-smoothing: antialiased;
   -webkit-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
           transform-origin: 0% 0%;
   -webkit-transform: translate(-100%, 0);
       -ms-transform: translate(-100%, 0);
           transform: translate(-100%, 0);
   -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   -o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   margin-left: -20px;
   margin-top: 0;
   -ms-touch-action: none;
       touch-action: none;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
    text-align: center;
    overflow: hidden;
 }
 .burger-menu__item
 {
   margin: 18px 0;
   font-size: var(--main-font-size);
   text-transform:uppercase;
 }
 #menuToggle input:checked ~ div
 {
   -webkit-transform: none;
       -ms-transform: none;
           transform: none;
 }
 .menu-leaf-1{
   width: 78px;
   height: 127px;
   right: -12px;
   top: 63px;
   -webkit-transform: rotate(-27.65deg);
       -ms-transform: rotate(-27.65deg);
           transform: rotate(-27.65deg);}
 .menu-leaf-2{
   width: 81.41px;
   height: 139.85px;
   left: 0;
   bottom: 51px;
   -webkit-transform: rotate(114.25deg);
       -ms-transform: rotate(114.25deg);
           transform: rotate(114.25deg);
 }
 .form-success, .form-fail{max-width: 700px; margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}

 /* MODAL window */
 
 #modal-window, #thx-modal-window,#error-modal-window{max-width: 650px;touch-action: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: white;border-radius: 20px; font-family: var(--lato-font);    top: calc(50% - 300px);
   margin: 0 auto; z-index: 99999999 !important;}
 #thx-modal-window, #error-modal-window,#modal-window{display: none;}
 .modal-image-cover{padding: 20px; position: relative;  overflow: hidden;}
 .modal-container{max-width: 450px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 93px auto 50px auto;position: relative;z-index: 7;}
 #modal-window form{margin-top:36px; display: -ms-grid; display: grid; grid-row-gap: 6px;}
 #modal-window input{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 47px; padding: 12px 23px; border: 2px solid #F6F6F6; border-radius: 5px; background-color: #F6F6F6; font-size: var(--second-font-size);}
 #modal-window input:focus{outline: none; border: 2px solid #FC8A2E; background: white;}
 #modal-window input::-webkit-input-placeholder{color: #D6D3D3; font-family: var(--lato-font); font-weight: 300;}
 #modal-window input::-moz-placeholder{color: #D6D3D3; font-family: var(--lato-font); font-weight: 300;}
 #modal-window input:-ms-input-placeholder{color: #D6D3D3; font-family: var(--lato-font); font-weight: 300;}
 #modal-window input::-ms-input-placeholder{color: #D6D3D3; font-family: var(--lato-font); font-weight: 300;}
 #modal-window input::placeholder{color: #D6D3D3; font-family: var(--lato-font); font-weight: 300;}
 #modal-window label{font-size: var(--smallest-font-size);}
 #modal-window label[for=form-agreement]{font-size: calc(var(--smallest-font-size) - 2px); position: relative; padding-left: 27px;}
 #modal-window #form-agreement{  display: block;
   width: 100%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   position: absolute;
   top: -7px;
   left: -5px;
   cursor: pointer;
   opacity: 0;
   z-index: 10; 
   -webkit-touch-callout: none;}
   #modal-window .check-box{width: 16px; height: 16px;background: #F6F6F6; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; border: 1px solid #50DFB2;position: absolute;
     left: 0;
     top: calc(50% - 8px);}
     
 .checkbox_svg {
     position: absolute;
     width: 23px;
     height: 20px;
     left: 0;
     top: calc(50% - 12px);
     z-index: 2;
 }
 .checkbox_svg .checkbox_line {
   fill: none;
   stroke:#FC8A2E;
   stroke-width: 3;
   stroke-linecap:round;
   stroke-dasharray: 154, 154;
   stroke-dashoffset: 154;
 }
 #modal-window #form-agreement:checked + .checkbox_svg .checkbox_line {
     -webkit-animation: checked 1s ease 1 forwards;
             animation: checked 1s ease 1 forwards;
 }
 #modal-window label[for=form-tel]{margin-top: 12px;}
 #modal-window label[for=form-agreement]{margin: 15px 0 28px 0;}
 #modal-window button{max-width: 160px;}
 .modal-paint-1{
   height: 128px;
     left: -111px;
     top: 106px;
     -webkit-transform: rotate(-28.25deg);
         -ms-transform: rotate(-28.25deg);
             transform: rotate(-28.25deg);}
 .modal-paint-2{
   -webkit-transform: rotate(
     -124.7deg
     );
       -ms-transform: rotate(
     -124.7deg
     );
           transform: rotate(
     -124.7deg
     );
         -webkit-filter: blur(2px);
                 filter: blur(2px);
         width: 150px;
         right: -68px;
         bottom: 98px;
 }
 #button-name{display:none;}
 
 #thx-modal-window .modal-paint-1,#error-modal-window .modal-paint-1{
   height: 126px;
   left: -52px;
   top: -47px;
   -webkit-transform: rotate(
 41.75deg
 );
       -ms-transform: rotate(
 41.75deg
 );
           transform: rotate(
 41.75deg
 );}
 #thx-modal-window .modal-paint-2,#error-modal-window .modal-paint-2{
   -webkit-transform: rotate( 
     -124.7deg
      );
       -ms-transform: rotate( 
     -124.7deg
      );
           transform: rotate( 
     -124.7deg
      );
         -webkit-filter: blur(2px);
                 filter: blur(2px);
         width: 150px;
         right: -68px;
         bottom: 24px;
 }
 .modal__close-button{
   width: 52px;
   height: 52px;
   background-color: #FC8A2E;
   border-radius: 50px;
   position: absolute;
   top: -24px;
   right: -24px;
   cursor: pointer;
   z-index: 2;
 }
 form input{z-index: 20;}
 .modal__close-button:hover{background-color: #50DFB2;}
 .modal__close-button span{width: 2px; height: 25px; background-color: white; display: block; right: calc(50% - 1px);
   top: calc(50% - 12.5px);
   position: absolute;
   -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
           transform: rotate(45deg);
 z-index: 1;}
 .modal__close-button span:last-child{  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);}
 .modal-close-wrap{width: 100%; height: 100%; top: 0; left: 0; position: fixed;}
 .modal-background{
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: #000000ba;
   top: 0;
   left: 0;
   z-index: 9999999;
   display: none;
   -ms-touch-action: none;
       touch-action: none;
   overflow: hidden;}
  .hidden{display: none;}
 .success-form, .error-form {text-align: center;}
 .open {display: block !important;}
 .logo.mobile{display: none;}
 .modal__contscts{margin-top: 30px;font-weight: 500;}
 .modal__contscts .contacts__social-media{justify-content: flex-start; margin-top: 10px;}
 .loader-container{
  display: flex;
  gap: 10px;
  align-items: center;
}
.loader{
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 border: 3px solid #fff;
 border-top-color: #50DFB2;
 border-bottom-color: #fc8a2e;
 border-radius: 50%;
 animation: rotate 5s linear infinite;
}

.loader-wrapper{
 width: 30px;
 height: 30px;
}

.loader-inner{
 border-bottom-color: #00BD2A;
 border-top-color: #f7c762;
 animation-duration: 2.5s;
} 


@keyframes rotate{
  0%{
    transform: scale(1) rotate(360deg);
  }
  50%{
    transform: scale(0.8) rotate(-360deg);
  }
  100%{
    transform: scale(1) rotate(360deg);
  }
}

 @-webkit-keyframes checked {
     from {
       stroke-dashoffset: 154;
     }
     to {
       stroke-dashoffset: 0;
     }
 }
 
 @keyframes checked {
     from {
       stroke-dashoffset: 154;
     }
     to {
       stroke-dashoffset: 0;
     }
 }

.form-flex .contacts__social-media{
  display: flex;
  justify-content: flex-start;
}
#modal-window label{
  justify-self: flex-start;
 } 
.steps__vertical-line{display: none;}
/*.viber:hover .not__white{*/
/*  fill: #512D84;*/
/*}*/
.arest__picture img{
  width: clamp(9.38rem, calc(7.42rem + 4.24vw), 12.50rem);
}
 /* media */
 .hide{display: none !important;}
 @media (max-width: 875px){
  .menu{
    display: none;
  }
  .hamburger-menu{
    display: block;
  }
  .steps__line,.steps-line__bk, .main-paint-1{
    display: none;
  }
  .steps-flex__cover{
    gap: 10px;
  }
  .steps__flex,.steps__flex_reverse{
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .steps__flex_reverse .steps__item{
    align-items: flex-start;
  }
  .steps__flex_reverse .steps__text{
    text-align: left;
  }
  .steps__flex_reverse .green-button{
    margin-top: 70px;
  }
  .steps__vertical-line{
    display: block;
    position: absolute;
    top: 54px;
    left: 14px;
  }
  .steps-flex__cover{
    width: fit-content;
  }
  .steps .green-button{
    height: 47px;
  }
  .steps__text{
    background-color:#ffffffe1
  }
  
 }

 @media (max-width: 740px){
  .main-picture-2,.main-paint-2,.main-paint-3, .main-picture-1{
    display: none;
  }
  .main-picture-3 img, .main-picture-4 img{
    display: block;
  }
  .main-picture-3,.main-picture-4 {
    position: absolute;
  }
  .main-picture-3{
    right: -17px;
    top: 59px;
  }
  .main-picture-4 {
      transform: rotate(-179.3deg);
      right: 3px;
      top: 162px;
  }
  .arest__left-block h2{
    max-width: 369px;
      font-size: 28px;
      width: 100%;
  }
  .arest__picture{
    position: absolute;
    left: clamp(10.63rem, calc(8.44rem + 9.46vw), 12.81rem);
    top: clamp(8.75rem, calc(4.56rem + 18.11vw), 12.94rem);

  }
  .arest__picture img{
    height: 40px;
    width: 38px;
  }
  .main-container{
    margin-right: 0px;
  }
 }

 @media (max-width: 630px){
   .form-flex, #form{
    justify-items: center;
   }
.form__img{
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  background: none;
  height: 30px;
  width: 100%;
}

.js-marquee-wrapper{
  margin-bottom: 20px;
}

#modal-window{
  width: 100vw;
  height: 100vh;
  top: 0;
  border-radius: 0;
}
.modal__close-button{
  top:0;
  right: 0;
  border-radius: 50px 0 0 50px;
}
.modal-paint-1{
  height: 64px;
    left: -71px;
    top: 25px;
}
.modal-container{
  margin: 30px auto 50px auto;
}

#submit-button{
  min-width:120px;
}
#modal-window input{
  height: 40px;
  padding: 5px 23px;
}
 }

 @media (max-width: 540px){
.sell-image{display: none;}
.arest .green-button{min-width: 300px;}
.advanteges__flex{justify-content: center;}
#calculate{
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: 1fr;
  justify-self: center;
}
.calculator-grid{
  max-width: 100%;
  justify-content: center;
}
#price, .calculator__block_white{
width: 300px;
max-width: none;
}

 
 }

 @media (max-width: 350px){
  main{
    height: auto;
  }
 }

.about__title {
    margin: 0;
    color: #FF7C07;
    font-size: 48px;
    font-weight: 300;
}

.about__wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    gap: 50px;
}

.about__col {
    max-width: 800px;
    display: flex;
    flex-direction: column;
}

.about__col:last-child {
    max-width: 720px;
}

.about__descr, .list__header {
    margin-top: 20px;
    color: #1A1A1A;
    font-size: 30px;
    font-weight: 400;
}

.about__list {
    margin-top: 50px;
}

.list__header {
    font-weight: 400;
    margin-top: 0;
}

.about__list ul {
    margin-top: 20px;
    padding: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.about__list li {
    display: flex;
    color: #1A1A1A;
    font-size: 24px;
    font-weight: 300;
    gap: 10px;
    align-items: flex-start;
}

.about__list li svg {
    width: 100%;
    max-width: 20px;
    margin-top: 15px;
}

.about__link {
    margin-top: 60px;
    color: #1A1A1A;
    font-size: 26px;
    font-weight: 500;
}


.about__link a {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    text-decoration-line: underline;
}

.about__link a span {
    color: rgba(255, 0, 0, 1);
}

.about__link a:hover {
    opacity: .8;
}

.about__name {
    margin-top: 20px;
    color: #1A1A1A;
    font-size: 24px;
    font-weight: 400;
}

.calculator__text {
    font-size: 20px;
}

.contact__wrap {
    margin-top: 65px;
    display: flex;
    gap: 20px;
}

.about__contact {
    color: #FF7C07;
    font-weight: 400;
    font-size: 26px;
}

.contact__wrap a {
    opacity: 1;
    color: #FF7C07;
    transition: opacity .3s ease-in-out;
}

.contact__wrap a:hover {
    opacity: .8;
}

.about__wrap {
    padding-bottom: 40px;
}

.about__logo {
    max-width: 340px;
}

.icon-wrap {
    display: flex;
    gap: 15px;
}

@media (max-width: 1440px) {
    .about__col {
        max-width: 640px;
    }
}

.services-flex {
    max-width: 90%;
    margin: 0 auto;
    gap: 40px;
}

@media (max-width: 1540px)  {
    .consultation .white-block {
        padding: 60px;
        max-width: 916px;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .consultation .green-button {
        max-width: 205px;
        width: 100%;
    }
    .consultation h2 {
        font-size: 28px;
    }
    .header-logo {
        max-width: 175px;
    }
    .contacts__tel a {
        font-size: 16px;
    }
    .menu a {
        font-size: 16px;
    }
    .main-container, .header-container {
        max-width: 1240px;
    }
    h1 {
        max-width: 700px;
        font-size: 48px;
    }
    .main__text {
        font-size: 26px;
        max-width: 700px;
    }
    main .orange-button {
        max-width: 270px;
        font-size: 20px;
    }
    main .orange-button.yandex span {
        width: 48px;
        font-size: 24px;
        height: 48px;
    }
    h2 {
        font-size: 40px;
    }
    .bold {
        font-size: 28px;
    }
    .services .text {
        max-width: 600px;
        font-size: 16px;
    }
    .services .white-block {
        justify-content: center;
        padding: 70px;
        min-height: 280px;
    }
    .advanteges {
        max-width: 1240px;
    }
    .banks-container, .arest-container {
        max-width: 1240px;
    }
    .banks h2 {
        max-width: 850px;
    }
    .banks .text {
        font-size: 28px;
        max-width: 750px;
    }
    .banks-flex svg, .banks-flex img {
        min-width: 212px;
    }
    .sell .wide-block {
        max-width: 1240px;
    }
    .sell-item div {
        font-size: 20px;
    }
    .calculator-grid {
        max-width: 560px;
        width: 100%;
    }
    .calculator-grid {
        grid-template-columns: auto;
    }
    #calculator-input {
        max-width: 330px;
        width: 100%;
    }
    .calculator-grid {
        gap: 20px;
    }
    .calculator .button {
        max-width: 270px;
        width: 100%;
    }
    .steps-line__bk {
        top: 138px;
    }
    .about__title {
        font-size: 40px;
    }
    .about__logo {
        max-width: 320px;
    }
    .about__descr, .list__header {
        font-size: 24px;
    }
    .about__list li {
        font-size: 20px;
    }
    .about__link {
        margin-top: 25px;
        font-size: 24px;
    }
    .about__col:last-child {
        max-width: 570px;
    }
    .about__wrap {
        gap: 120px;
    }
    .about__contact {
        font-size: 24px;
    }
    .contact__wrap {
        margin-top: 20px;
    }
    .about__list ul {
        gap: 18px;
    }
    .about__name {
        margin-top: 25px;
    }
    .form-block {
        max-width: 1240px;
    }
    .form-block .text {
        font-size: 26px;
    }
    form input {
        font-size: 20px;
    }
    .form-flex .contacts__social-media {
        gap: 10px;
    }
    .arest .green-button {
        max-width: 300px;
    }
    .sell-block {
        max-width: 1100px;
        column-gap: 20px;
        row-gap: 20px;
    }
    .sell-item {
        max-width: 450px;
    }
    .steps h2 {
        max-width: 1240px;
    }
    .steps-flex__cover {
        max-width: 1240px;
    }
    .steps__line {
        width: clamp(90.50rem, calc(27.56rem + 39.77vw), 3.50rem);
    }
    .steps__flex {
        gap: 50px;
    }
    .steps .green-button {
        margin-right: 150px;
    }
    #sell h2 {
        margin-bottom: 40px;
    }
    #sell .flex-container {
        margin-top: 20px;
    }
    #form {
        max-width: 450px;
    }
    .arest {
        padding: 70px 20px;
    }
    .services h3 {
        max-width: 500px;
    }
}

.arest__picture img {
    width: 250px;
}

form input::placeholder {
    font-weight: 300;
}

h5 {
    font-weight: 500;
}

@media (max-width: 550px) {
    .marquee {
        padding: clamp(1.25rem, calc(0.99rem + 1.02vw), 2.13rem) 0;
    }
    .calculator-grid {
        justify-content: flex-start;
    }
}

@media (max-width: 1200px) {
    .advanteges__flex {
        justify-content: center;
        flex-wrap: wrap;
        gap: 90px;
    }
    .arest {
        padding: 50px 20px;
    }
    #calculator-input {
        max-width: 330px;
        width: 100%;
    }
    .calculator .button {
        max-width: 300px;
        width: 100%;
    }
    .consultation .white-block {
        padding: 30px;
        flex-direction: column;
    }
    .services .white-block {
        padding: 30px;
    }
    .about__wrap {
        flex-direction: column;
    }
    .about__col {
        max-width: 100%;
    }
    .about__col img {
        width: 100%;
    }
    .about__link {
        margin-top: 20px;
    }
    .contact__wrap {
        margin-top: 25px;
        flex-direction: column;
    }
    .about__title {
        font-size: 46px;
    }
    .about__descr {
        margin-top: 10px;
        font-size: 22px;
    }
    .about__logo {
        max-width: 250px;
    }
    .about__list {
        margin-top: 30px;
    }
    .list__header, .about__link, .about__contact {
        font-size: 20px;
    }
    .about__list ul {
        gap: 14px;
    }
    .about__container {
        margin-right: 0px !important;
    }
    .contact__wrap a {
        max-width: 45px;
    }
    .contact__wrap a svg {
        width: 100%;
    }
    .contact__wrap {
        margin-top: 20px;
        gap: 0;
    }
    .about__wrap {
        margin-top: 10px;
        gap: 30px;
        padding-bottom: 0px;
    }
    .about__list li {
        font-size: 16px;
    }
    .about__list li svg {
        margin-top: 8px;
    }
    .about__name {
        font-size: 20px;
    }

    h1 {
        font-size: 32px;
    }

    .consultation h2 {
        font-size: 24px;
        text-align: center;
    }
    .services .text {
        font-size: 17px;
    }

    .arest__picture {
        display: none;
    }

    .bold {
        font-size: 22px;
    }

    .main__text {
        line-height: 130%;
    }

    .calculator__text {
        font-size: 16px;
    }

    .steps__text {
        font-size: 17px;
    }

    main .orange-button {
        font-size: 20px;
    }

    .sell-item div {
        font-size: 16px;
    }

    .advantages__text {
        font-weight: 400;
        font-size: 20px;
    }

    .consultation h2 {
        font-size: 20px;
    }

    .form-block .text {
        font-size: 17px;
    }

    .about__title {
        font-size: 28px;
    }

    .social-media__item svg {
        width: 44px;
        height: 44px;
    }

    main .orange-button {
        height: 52px;
    }
}

@media (max-width: 768px) {
    .banks h2, .calculator h2, .form-block h2 {
        font-size: 25px;
    }
    .services-flex {
        max-width: 100%;
        margin: 0;
        gap: 20px;
    }
    .calculator {
        margin-bottom: 30px;
    }
}

.banks__wrap {
    display: flex;
    gap: 100px;
    align-items: center;
}

.banks__wrap svg {
    max-width: 279px;
    width: 100%;
}

.footer-container {
    max-width: 1600px;
    padding-bottom: 40px;
}

.footer-container .footer__row {
    display: grid;
    gap: 40px;
    grid-template-columns: 1.5fr 1fr 1fr;
    padding-bottom: 30px;
}

.footer-line {
    border-top: 1px solid #DBDBDB;
    padding: 30px 0 0;
    display: block;
    height: 1px;
    width: 95%;
    margin: 0 auto;
}

.footer__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100px;
    height: 100%;
}

.footer__block.icon .icon-wrap {
    justify-content: flex-end;
}

.block__header {
    font-weight: 400;
    font-size: 16px;
    color: #737373;
}

.footer__block p {
    font-weight: 400;
    font-size: 22px;
    color: #4B4B4B;
    margin: 0;
}

.block__header p a {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.block__header p a:hover {
    opacity: .8;
}

.footer__block .icon-wrap svg {
    height: 52px;
    width: 52px;
}

.footer__block .icon-wrap a {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.footer__block .icon-wrap a:hover {
    opacity: .8;
}

.footer__block.last {
    align-items: flex-end;
}

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

.block__copy {
    font-weight: 300;
    font-size: 16px;
    color: #262626;
}

@media (max-width: 998px) {
    .footer-line {
        display: none;
    }
    .banks__wrap {
        flex-direction: column;
        gap: 20px;
    }

    .banks__wrap svg {
        max-width: 156px;
        width: 100%;
        height: auto;
    }

    .banks .text {
        font-size: 18px;
    }

    .footer-container .footer__row {
        display: flex;
        flex-direction: column;
        gap: 20px !important;
        padding: 0 !important;
        border-top: none !important;
    }

    .footer-container .footer__row:last-child {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .footer-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0;
    }

    .footer-container .header-logo {
        width: 224px;
    }

    .footer__block {
        min-height: max-content;
        gap: 8px;
    }

    .footer__block p {
        font-size: 18px;
    }

    .last__wrap {
        gap: 8px;
    }

    .footer__block.icon .icon-wrap {
        justify-content: flex-start;
    }

    .footer__block.last {
        align-items: flex-start;
    }

    .block__header.none {
        display: none;
    }
}

.left-1 {
    position: absolute;
    top: 1150px;
}

.left-2 {
    position: absolute;
    top: 1750px;
    right: 0;
}

.left-3 {
    position: absolute;
    top: 2350px;
    left: 0;
}

.left-4 {
    position: absolute;
    top: 2550px;
    right: 0;
}

.left-5 {
    position: absolute;
    bottom: 600px;
    left: 0;
}

.left-6 {
    position: absolute;
    bottom: 450px;
    right: 0;
}

@media (max-width: 1340px) {
    .left-1 {
        display: none;
    }

    .left-2 {
        display: none;
    }

    .left-3 {
        display: none;
    }

    .left-4 {
        display: none;
    }

    .left-5 {
        display: none;
    }

    .left-6 {
        display: none;
    }
}

@media (max-width: 1200px) {
    .menu {
        display: none;
    }

    .hamburger-menu {
        display: block;
    }

    header .contacts {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}