/* Для планшетов */
@media (min-width: 577px) and (max-width: 1024px) {
    /* Стили для экранов от 577px до 1024px (планшеты) */
    
:root {
  --main-container: calc(100% - 80px);
  --small-container: calc(100% - 80px);
  --radzel-margin: 70px;
  --radzel-dop: 50px;  
  
  --offset-content: 40px;
  --offset-small: 24px;
  --offset-mini: 10px;  
}    

html, body {
    font-size: 18px;
}

h2 {
    font-size: 28px;
}

h3 {
    line-height: 1.3;
}

p {
    line-height: 1.5;
     margin-bottom: 20px; 
}

.grid-container {
    grid-template-columns: 1fr;
    gap: 24px;
}

.grid-img-text {
    grid-template-columns: 60px auto; /* Три столбца по 360px */
    gap: 30px;
    margin-top: 0px;
}

.hidden-tablets {
    display: none;
}

.header-logo-description, .menu, .cta-div-form-fio, .cta-div-form-fio-dop {
    display: none;
}

.header-mobile-menu {
    display: block;
}

.header {
    margin-top: 6px;
    margin-bottom: 0px;
}

.header-logo-img {
    width: 40px;
    height: 40px;
}

.header-logo-name {
    padding-left: 14px;
    padding-right: 0px;
}

.menu {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 20px;
    width: 100%; /* Растягиваем меню на всю ширину */
}

.menu-item {
    padding-left: 14px;
    padding-right: 14px;
}

.grid-footer {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-container-half {
    grid-template-columns: 1fr 1fr;
    gap: 40px; /* Расстояние между колонками */
}

.grid-container-cta {
    grid-template-columns: 1fr 1fr; 
    gap: 40px;
}

.grid-container-item {
    grid-template-columns: 1fr; 
    gap: 0px; 
}

.grid-container-6 {
    grid-template-columns: repeat(3, 1fr);
}

/* Контейнер отзывов */
.reviews-img-text {
    grid-template-columns: 1fr 1fr;
    justify-content: start; 
    height: auto;
}

/* Блоки с картинками */
.reviews-img-item {
    padding: 8px 16px;
    height: auto;   
}

.reviews-text-item {
    height: auto;
}

.visible-tablets {
    display: block;    
}

.about-stats {
    margin-top: 70px;
    gap: 80px;
}

.stat-number {
    font-size: 80px;
}

.stat-number-middle {
    font-size: 70px;
}

.fact-container-width {
    display: grid;
    grid-template-columns: calc((min(100vw, 100%) - var(--main-container)) / 2) calc(var(--main-container)/3) calc((min(100vw, 100%) - var(--main-container)) / 2 + 2*var(--main-container)/3 + -60px);
    gap: 0px;
}

.fact-container-img {
    margin-left: 60px;
}

.cta-div-form {
    padding-left: 0px;
}

.cta-div-form-img {
    background-image: none; /* Убираем фон */
    height: auto; /* Делаем высоту адаптивной */
    background-size: cover; /* Можно использовать cover, если фон всё же нужен */
    background-position: center; /* Центрируем фон */
    overflow: hidden; /* Можно скрыть выходящее содержимое */
}

.button-main {
    font-size: 16px;
}

.btn {
    font-size: 16px;
    height: 50px;
    width: 180px;
}

.btn-link {
    font-size: 16px;
    height: 50px;
}

.icon-smm {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    justify-content: start;
    gap: 12px;
}

.footer {
    padding-top: 50px;
}

.footer-column {
    font-size: 12px;
    padding-right: 30px;
}

.p-big {
    font-size: 28px;
    line-height: 1.4;    
}

.p-middle {
    font-size: 22px;
}

.div-test-fact-text {
     min-height: 150px;
}


}