/* Увеличение размера шрифта чекбоксов с 10 до 12 пикселей, и увеличение межстрочного расстояния в тексте о согласии и политике */

    @media (max-width: 640px){
    .t-text_xs {
      font-size: 12px !important;
      line-height: 1.4 !important;
      }
    }
    

/* Выравнивание чекбокса и текста по верху вместо центра */ 

    .t-checkbox__control.t-checkbox__control_flex {
        align-items: flex-start !important;
    }


/* Увеличение изображения при наведении в рамках своих границ */
.img-zoom {
    overflow: hidden;
}
.img-zoom .tn-atom__img,
.img-zoom .t-bgimg {
    transition: all 300ms ease-in-out !important;
}
.img-zoom:hover .tn-atom__img,
.img-zoom:hover .t-bgimg {
    transform: scale(103%);
}

/* Присвоила карточкам с шагами класс step и добавила изменение цвета текста по ховеру */
    .step:hover {
        color: #64713E;
        transition: all 0.5s ease-in-out;
    }

/* Делаю ширину аккордеона по сетке, используемой для зеро-блока. Без кода он растягивается на всю страницу с отступами по 20 пикселей  */

.t-container {
    @media screen and (min-width: 761px) and (max-width: 960px) {
            max-width: 780px !important;  
    }
    @media screen and (min-width: 641px) and (max-width: 760px) {
            max-width: 660px !important;  
    }

    @media screen and (min-width: 481px)and (max-width: 640px) {
            max-width: 500px !important; 
    }
    
    @media screen and (min-width: 411px)and (max-width: 480px) {
            max-width: 430px !important; 
    }
    
    @media screen and (min-width: 391px)and (max-width: 410px) {
            max-width: 410px !important; 
    }
    
    @media screen and (min-width: 376px)and (max-width: 390px) {
            max-width: 395px !important; 
    }
          
    @media screen and (min-width: 361px) and (max-width: 375px) {
            max-width: 380px !important;  
    }
}