@media (max-width: 850px) {
    .btn.btn--dark.btn--lg {
    font-size: 14px;
    /* width: 100%; */
    flex: 1;
}
.main-home::before{
  transform: scale(1);              /* старт: трохи наближено */
}
.author__spine {
    display: none;
}
.call-btn2 {
    width: 100%;
    text-align: center;
    justify-content: center;
}
.services2__wrap {
    padding: 0;
}
.mh-title.reveal.is-visible {
    padding-top: 260px;
}
.why__left.reveal.is-visible {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
    .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
       margin-top: 70px;
      
    }
    .main-wrap{
        padding: 0px 0px 0px 0px;
height: 100%;
    }
    .book-3d--glow.book-3d--entrance.book-3d--breathing.fx.is-inview {
    max-width: 70%;
}


.author__media{
    max-width: 100%;
}
.page-transition {
   height: 100%;
}
.author__spine {
    position: absolute;
    right: 0px;
    top: 15px;
    width: 82px;
    padding: 14px 0;
    border-radius: 22px;
    bottom: auto;
    background: linear-gradient(180deg, rgba(10,14,13,.82), rgba(10,14,13,.58));
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 46px -22px rgba(0,0,0,.6),
0 0 0 1px rgba(0,0,0,.25) inset;
}
.author__photo.book-3d--glow.book-3d--entrance.book-3d--breathing {
    max-width: 80%;
    margin: 0 auto;
}
.author__wrap .rule-center {
   
    justify-items: left; 
   
}
/* keyframes у пікселях через CSS-змінну */
@keyframes rm-left  { from{transform:translate3d(0,0,0)} to{transform:translate3d(calc(-1 * var(--dist)),0,0)} }
@keyframes rm-right { from{transform:translate3d(calc(-1 * var(--dist)),0,0)} to{transform:translate3d(0,0,0)} }

.rm-row{ contain: paint; }
.rm-track{
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  /* duration/animation-name задаєш як і раніше у своїх класах */
}
@media (hover: hover) and (pointer: fine){
  .rm-row:hover .rm-track{ animation-play-state: paused; }
}

 
    #phone {
    font-size: 16px;
}
    label span{
        padding-left: 10px;
    }
    input[type="text"] {
    font-size: 16px;
}
.sf-nav a{
    font-size: 11px;
}
.rm-track{
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    will-change: transform;
    /* два набори елементів усередині (оригінал + клон) забезпечують безшовність */
    animation: rm-left 60s linear infinite;
  }
    .flex{
        flex-direction: column-reverse;
        height: 100%;
    }
    .card{
        display: none;
    }
   
   
}
     .btn-wrap{
        flex-wrap: wrap;
       flex-direction: column-reverse;
     }

    .header{
        z-index: 100;
    }
    .service-item{
        height: 100% !important;
    }
   
    .team-title {
        font-size: 16px;
    }
    .team-subtitle {
        font-size: 12px;
        
    }
   .move, .move-1{
    opacity: 1;
    transform: translateY(0px); 
    transform: translateX(0px); 
}
  .dekstop{
    display: block;
}
    .mobile {
        display: flex;
        align-items: center;
        justify-content: center;
    }

   .gold-button{
    margin-top:10px;
   }
   .main-home{
    height: 100vh;
   }
   .main-title{
    height: 100vh;
   }
   .container {
   
}
   .main-wrap{
    flex-direction: column;
  
   }
   .num {
    font-size: 14px;
}
.main-img {
    max-width: 100%; 
    flex: 50; 
}
.main-img-item {

width: 45%;
}
.video-wrap{
    max-width: 80%;
    margin: 0 auto;
 }
.width{
    order: 2;
}
.mbl{
    display: none;
}
.main-btn{
    width: 100%;
}
.main-title li p{
    font-size: 14px;
}
.main-title ul {
    display: flex;
    justify-content: space-around;
}
.service-icon {
   
    max-width: 100%;
}

.icon{
    font-size: 14px;
}
.bullet i{
    font-size: 12px !important;
    width: 10px;
}
.bullet-wrap{
    gap: 10px;
}
.service-title-top.block.move {
    font-size: 22px;
}
.video-slider img{
     max-width: 180px;
  border-radius: 16px;
  display: block;
 
}
 .reviews video {
 max-width: 180px;
  border-radius: 16px;
  display: block;
 
}
.deckstop{
    display: none;
}
.main-bottom {
    max-width: 90%;
    margin: 30px auto 40px auto; 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position:relative !important;
    bottom: 10px;
    left: 0 !important;
    transform: none;
    
    padding: 5px 10px;
    color: #fff;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.08);
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 18px rgba(222, 178, 101, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: box-shadow 0.3s ease;
}
.main-bottom span{
    font-size: 12px;
}
.main-bottom i{
    font-size: 12px;
}

.field__input {
    font-size: 16px;
    line-height: 1.25;
}
   .num-text{
    font-size: 12px;
   }

.why {
    padding: 28px 0 60px;
}
.services2 {
    padding: 0px;
}
.team__cta {
    display: flex;
    justify-content: center;
}
.reviews {
    padding: 0px 20px;
}
    .animated-headline .text {
        display: inline-block;
        font-size: 16px;
        line-height: 1.1;
    }
.main-title ul p {
text-align: center;
}
   .main-item {
    flex: 45%;
}
.icon-item {
    flex: 45%;
}
.gallary-item{
    max-width: 28%;
}
.footer{
   
       
          
            align-items: center;
            text-align: center;
     
    
}
.footer-phone{
    display: none;
}
.footer-wrap{
   flex-direction: column;
    align-items: center;
    margin: 10px;
}
.footer-wrap p {
    margin: 10px;
}
.footer-wrap a{
    padding: 5px 0;
}
.footer-social{
   margin: 30px 0 20px 0;
}
.phone-btn {
    width: 40%;
}
.revert .service-img{
    order: 2;
    margin-top: 20px;
}
.revert .service-text{
    order: 1;
}
.revert .service-title{
font-size: 24px !important;
}
.main-img{
   margin-top: 100px;
   }
.service-item{
    flex-direction: column;
    margin-top: 50px !important;
}
.list-ul {
    padding: 20px 0 0 0;
}

    .audio {
        width: 100% !important;
    }

.pay .service-title-top {
   
}
.list-item .service-title-top{
    padding-left: 0;
}
.service-img{
    order: 1;
    max-width: 90%;
}
.service-text{
    margin-top: 30px;
    text-align: left !important;
   margin-left: 0;
    text-align: center;
    max-width: 90%;
}
.main-item-img img{
    height: 100%;
    border-radius: 15px 15px 0 0;
}
.main-about-wrap{
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.main-item {
    max-width: 90%;
    border-radius: 15px;
    margin-top: 10px !important;
}
.gallary-item{
    max-width: 40%;
}
.title{
   font-size: 22px;
   margin-top: 100px !important;
}
.phone-btn{

    width: 80%;
    padding: 20px;
}

#contacts.service-text{
    flex-direction: column;
    align-items: center;
    text-align: center !important;
    font-size: 20px;
    margin: 30px 0 30px 0;
   
}
#contacts.service-title{
    font-size: 20px;
}
.rev-wrap{
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.rev-item{
    padding: 20px 20px 20px 20px;
    margin: 10px 10px 30px 10px;
    width: 90%;
}
.rev-icon-item span{
    font-size: 12px;
}
.num-wrap{
    flex-wrap: wrap;

}
.etap{
    width: 45%;
    margin-bottom: 20px;
}
.end-title{
    font-size: 20px
}
.end-form{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-wrap p {
    display: flex;
    font-size: 9px;
    color: #9c9c9c;
    text-align: left;
}
.form-input {
   margin-top: 15px;
    width: 276px;
}
.form-input:nth-child(2){
    margin-bottom: 15px;
}
.end-form button{
    margin-top: 15px;
    width: 276px;
}
.table-header{
    font-size: 14px;
}
.table-item{
    font-size: 11px;
}
.audio_field{
   width: 200px;
}

.footer-logo {
    display: flex;
    align-items: center;
   
    width: 100%;
    font-size: 14px;
    color: #9c9c9c;

}



@media (max-width: 650px) {
    .chaptersХ{
        padding: 0 20px;
    }
    .mb-none{
        display: none !important;
    }
    .header-wrap{
        padding: 14px 0px;
        gap: 0;
    }
    .fit {
    text-align: center;
    max-width: none !important;
}
    :root{
                    /* фон секції */
                 /* фон картки (теплий беж) */
         /* основний текст */
            /* зірочки */
    --radius: 22px;                /* радіус карток */
  
    --speed: 8s;                  /* швидкість руху (менше = швидше) */
                /* відступи між картками */
  }
    .order{
        order: 1;
    }
    
    .move, .move-1{
        opacity: 1;
        transform: translateY(0px); 
    }
   
    .team-title {
        font-size: 16px;
    }
    body{
       
    }
    .service-title-top::before{
        display: none !important;
    }
    .rev-list li {
        padding: 1px 20px;
    }
    .rev-list li span::before{
        left: 10px;
top: 7px;
    } 
    .service-title-top {
        width: 100%;
        }
    .service-title-top span{
    width: 100%;
    }
    .service-title-top{
        text-align: center !important;
        font-size: 22px;
    }
    .bot{
        padding: 20px;
    }
    .bot-title{
        font-size: 16px;
text-align: center;
padding: 40px 20px;
    }
    .width{
        max-width: 100%;
    }
    .list-container{
        flex-wrap: wrap;
    }
    .list-item{
        max-width: 100%;
        order: 2;
    }
    .left{
        transform: translateX(0px); 
    }
    .main-subtitle{
        margin-right: 0;
        padding: 0;
    }
   .main-subtitle  p {
    font-size: 14px;
    width: 100%;
}
    .list-item img{
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }
    .list-item .service-title-top{
        padding-top: 20px;
    }
    .list-item.move-1{
        order: 1;
    }
    .partners-raw{
        display: flex;
    }
   
   .main-title li{
    margin-right: 10px;
display: flex;
align-items: center;

flex: 33%;
text-align: left;
   }
   
   .slick-slider{
    margin: 10px 0 !important;
   }
   .sliders-column{
    display: none;
   }
   .mobile-none{
    display: block !important;
   }
        .main-title li p {
            font-size: 18px;
        }
        .view{
           
        }
        .audio_field {
            width: 100% !important;
            text-align: center;
        }
        .audio_field source{
            display: block;
            width: 100% !important;
        }
         .mb{
            font-size: 14px;
         }
         .none{
            display: none;
         }
         .cirkle li span::before {
display: none;
         }
         .footer-wrap a {
    font-size: 10px !important;
    color: #9c9c9c;
    padding: 5px;
}
         .team-img  img{
            border-radius: 10px;
            display: block;
         height: 350px;
        }
        .main-home{
           
        }
}