@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

body{
    margin: 0;
    padding: 0;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #ffffff; /* Белый фон */
    color: #000000; /* Чёрный текст */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
    font-family: 'Poppins', sans-serif; /* Красивый шрифт */
}

header .logo {
    flex: 1;
    text-align: center; /* Логотип ближе к центру */
}

header .logo img {
    width: 50%;/* Увеличенный размер логотипа */
    /* Скругление углов */
}

nav {
    flex: 2;
    display: flex;
    justify-content: center;
    gap: 20px; /* Уменьшенное расстояние между ссылками */
}

nav a {
    color: #000000; /* Чёрный текст */
    text-decoration: none;
    font-size: 1.1em; /* Уменьшенный размер текста */
    padding: 8px 12px; /* Уменьшенные отступы */
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
}

nav a:hover {
    background: #f0f0f0; /* Светло-серый фон при наведении */
    color: #007b00; /* Зелёный текст при наведении */
}

.btn {
    display: flex;
    align-items: center;
    gap: 8px; /* Уменьшенное расстояние между текстом и кругом */
    background: #ffffff; /* Белый фон */
    color: #007b00; /* Зелёный текст */
    border: 2px solid #007b00; /* Зелёная рамка */
    padding: 8px 18px; /* Уменьшенные отступы */
    border-radius: 25px; /* Закруглённая кнопка */
    cursor: pointer;
    font-size: 1.1em; /* Уменьшенный размер текста кнопки */
    font-weight: bold;
    transition: transform 0.3s, background 0.3s, color 0.3s;
}

.btn:hover {
    background: #007b00; /* Зелёный фон при наведении */
    color: #ffffff; /* Белый текст при наведении */
    transform: scale(1.05); /* Лёгкое увеличение при наведении */
}

.recording-circle {
    width: 10px;
    height: 10px;
    background: #ff0000; /* Красный цвет круга */
    border-radius: 50%; /* Круглая форма */
    animation: pulse 1s infinite; /* Анимация пульсации */
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.main {
    display: flex;
    justify-content: space-between; /* Текст слева, изображение справа */
    align-items: center; /* Центрирование по вертикали */
    height: 75vh; /* Уменьшенная высота секции */
    background: linear-gradient(90deg, rgba(0, 123, 0, 0.8), rgba(0, 0, 0, 0.8)); /* Градиентный фон */
    color: #ffffff; /* Белый текст */
    font-family: 'Poppins', sans-serif; /* Красивый шрифт */
    padding: 40px;
}

.main .text {
    max-width: 50%; /* Ограничение ширины текста */
    text-align: left; /* Текст выравнивается по левому краю */
    animation: fadeIn 1.5s ease-in-out; /* Анимация появления текста */
}

.main h1 {
    font-size: 3em; /* Большой размер заголовка */
    font-weight: 700; /* Жирный текст */
    margin-bottom: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Тень текста */
}

.main p {
    font-size: 1.8em; /* Увеличенный размер текста */
    margin-bottom: 30px;
    line-height: 1.5; /* Увеличенный межстрочный интервал */
}

.main .buttons {
    display: flex;
    gap: 20px; /* Расстояние между кнопками */
}

.main .btn {
    background: #007b00; /* Зелёный фон кнопки */
    color: #ffffff; /* Белый текст */
    border: none;
    padding: 15px 30px;
    border-radius: 25px; /* Закруглённые края */
    cursor: pointer;
  /* Увеличенный размер текста кнопки */
    font-weight: bold;
    transition: background 0.3s, transform 0.3s;
}

.main .btn:hover {
    background: #005600; /* Более насыщенный зелёный при наведении */
    transform: scale(1.05); /* Лёгкое увеличение при наведении */
}



.main .transparent-btn {
    background: transparent; /* Прозрачный фон */
    color: #ffffff; /* Белый текст */
    border: 2px solid #ffffff; /* Белая рамка */
    padding: 15px 30px;
    border-radius: 25px; /* Закруглённые края */
    cursor: pointer;
    
    font-weight: bold;
    transition: background 0.3s, color 0.3s, transform 0.3s;
}

.main .transparent-btn:hover {
    background: #ffffff; /* Белый фон при наведении */
    color: #007b00; /* Зелёный текст при наведении */
    transform: scale(1.05); /* Лёгкое увеличение при наведении */
}

.main .image {
    
    animation: slideIn 1.5s ease-in-out; /* Анимация появления изображения */
}

.main .image img {
    width: 100% !important;
   
    max-width: 400px;
    border-radius: 0; /* Убраны скруглённые углы */
    box-shadow: none; /* Убрана тень изображения */
    content: url('imag/camer.PNG'); /* Указанный URL */
}



/* Анимация появления текста */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Анимация появления изображения */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.burger-menu {
    display: none; /* Скрыто для компьютеров */
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    
}

.burger-menu span {
    width: 25px;
    height: 3px;
    background: #ffffff; /* Белые полоски */
    border-radius: 2px;
}

.dop {
    display: flex;
    margin-top: 40px;
   

    
    justify-content: center;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    animation: fadeIn 1.5s ease-in-out; /* Анимация появления */
}

.block{
    display: flex;
    gap: 28px;
}



.content{
    width:  45%;
    
 
}



.dop img{
    width: 80px;
   
}
.h1_main{
    font-size: 34px;
     font-family: 'Poppins', sans-serif;
     text-align: center;
     margin-top: 80px;
}

.box {
    display: flex;
    flex-direction: column;
    width: 257px;
    text-align: center;
    border: 3px solid #007b00;
    background-color: #f0fff0;
    box-shadow: 0 4px 15px rgba(0, 123, 0, 0.3);
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 60px;
    align-items: center;
    height: 700px; /* Фиксированная высота для всех блоков */
    justify-content: space-between; /* Равномерное распределение содержимого */
}


@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.content1{
    width: 30%;
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
}

.advantages {
    margin-top: 10px;
    display: grid; /* Используем сетку для расположения блоков */
    grid-template-columns: repeat(2, 1fr); /* Два столбца */
    gap: 25px; /* Увеличенное расстояние между блоками */
    padding: 25px; /* Увеличенные отступы внутри контейнера */
    animation: fadeIn 1.5s ease-in-out; /* Анимация появления */
}

html {
    scroll-behavior: smooth;
}

.advantage {
      font-family: 'Poppins', sans-serif;
    display: flex; /* Элементы внутри блока */
    justify-content: space-between; /* Текст слева, картинка справа */
    align-items: center; /* Центрирование по вертикали */
    background: linear-gradient(135deg, #ffffff, #fbfbfb); /* Градиентный фон для блока */
    border-radius: 12px; /* Скруглённые углы блока */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
    padding: 20px; /* Увеличенные отступы внутри блока */
    gap: 15px; /* Увеличенное расстояние между текстом и картинкой */
    transition: transform 0.3s, box-shadow 0.3s; /* Эффекты при наведении */
}

.advantage:hover {
    transform: scale(1.05); /* Лёгкое увеличение при наведении */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); /* Более насыщенная тень при наведении */
}

.advantage .text {
    max-width: 65%; /* Ограничение ширины текста */
    font-size: 1.1em; /* Увеличенный размер текста */
}

.advantage h3 {
    font-size: 1.6em; /* Увеличенный размер заголовка */
    font-weight: 600; /* Полужирный текст */
    margin-bottom: 10px; /* Увеличенный отступ снизу */
    color: #007b00; /* Зелёный цвет заголовка */
}

.advantage p {
    font-size: 1em; /* Увеличенный размер описания */
    color: #666; /* Серый текст */
    line-height: 1.5; /* Увеличенный межстрочный интервал */
}

.dop, .advantages {
    opacity: 0; /* Скрываем элементы до начала анимации */
    transform: translateY(20px); /* Начальная позиция для анимации */
    transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out; /* Плавная анимация */
}

.dop.visible, .advantages.visible {
    opacity: 1; /* Показываем элемент */
    transform: translateY(0); /* Возвращаем в исходное положение */
}

.advantage img {
    width: 70px; /* Увеличенный размер иконки */
    height: 70px; /* Увеличенный размер иконки */
   transition: transform 0.3s; /* Эффект при наведении */
}

.advantage img:hover {
    transform: scale(1.1); /* Лёгкое увеличение иконки при наведении */
}

.h1_big{
    text-align: center;
    font-size: 37px;
    margin-top: 80px;
    font-family: 'Poppins', sans-serif;
}

.advantages {
    margin-top: 10px;
    animation: fadeIn 2.5s ease-in-out; /* Анимация появления */
}

.but {
    display: block; /* Делаем кнопку блочным элементом */
    margin: 20px auto; /* Центрируем кнопку внутри секции */
    padding: 15px 30px; /* Увеличенные отступы */
    background: linear-gradient(135deg, #007b00, #005600); /* Градиентный фон */
    color: #ffffff; /* Белый текст */
    font-size: 1.2em; /* Увеличенный размер текста */
    font-weight: bold; /* Жирный текст */
    text-align: center; /* Выравнивание текста */
    border: none; /* Убираем рамку */
    border-radius: 25px; /* Скругленные углы */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Тень для кнопки */
    cursor: pointer; /* Указатель мыши */
    transition: transform 0.3s, box-shadow 0.3s; /* Эффекты при наведении */
    
}

.but:hover {
    transform: scale(1.05); /* Легкое увеличение при наведении */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Более насыщенная тень при наведении */
}

.but:active {
    transform: scale(0.95); /* Легкое уменьшение при нажатии */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); /* Уменьшенная тень при нажатии */
}


.h1_b{
    text-align: center;
   margin-top: 120px;
   padding-top: 50px;
     font-family: 'Poppins', sans-serif;
     font-size: 42px;
    line-height: 1.23;
}

.app{
    background-color: #fbfbfb;
}

.notmain{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: #6f6f6f;
}


.t500 {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Распределяем колонки */
     /* Расстояние между колонками */
   
     padding-top: 0px; /* Отступы внутри контейнера */
}

.right{
    text-align: right;
    margin-left: 120px;
}

.left{
    text-align: left    ;
    margin-right: 120px;
}

.column {
    display: flex;
    flex-direction: column; /* Элементы внутри колонки располагаются друг под другом */
    gap: 20px; /* Расстояние между элементами */
    width: 45%; /* Ширина каждой колонки */
    margin-bottom: 120px;
   
}

.content2 {
    display: flex;
    font-family: 'Poppins', sans-serif;
    gap: 50px;
    align-items: center; /* Центрирование содержимого */
     /* Выравнивание текста */
}

.img1{
    padding-left: 0px;
}

.content2 img {
    width: 80px; /* Уменьшенный размер изображения */
    height: auto; /* Автоматическая высота */
    margin-bottom: 10px; /* Отступ снизу */
}

.t-cell {
    width: 100%; /* Центральный элемент занимает всю ширину */
    display: flex;
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    margin: 20px 0; /* Отступ сверху и снизу */
}

.t-cell img {
    width: 450px; /* Увеличенный размер изображения */
    height: auto; /* Автоматическая высота */
    border-radius: 25px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 7);     
}

.h1_car{
    text-align: center;
    font-size: 34px;
    font-family: 'Poppins', sans-serif;
    padding-top: 10px;
    margin-top: 60px;
    
}

.p_car{
    text-align: center;
     font-family: 'Poppins', sans-serif;
     font-size: 26px;
    color: #434343;
}

.t900{
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-bottom: 50px;
    align-items: stretch; /* Выравнивание элементов по высоте */
    height: 400px; /* Фиксированная высота контейнера */
}

.t900 img{
    width: 50%;
    height: 100%; /* Изображение занимает всю высоту контейнера */
    border-radius: 5%;
    object-fit: cover; /* Сохранение пропорций изображения */
}

.block1 {
    height: 141px;
    width: 197px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    cursor: pointer; /* Указатель мыши при наведении */
    border: 2px solid transparent; /* Начальная рамка */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Начальная тень */
    transition: border 0.3s, box-shadow 0.3s; /* Плавное изменение рамки и тени */
}

.block1.active {
    border: 3px solid  #007b00; /* Рамка для активного блока */
    box-shadow: 0 4px 10px  #007b00; /* Тень того же цвета, что и рамка */
}
.text2{
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.box{
    display: flex;
    flex-direction: column;
    width: 257px;
    text-align: center;
      border: 3px solid #007b00;
    background-color: #f0fff0;
    box-shadow: 0 4px 15px rgba(0, 123, 0, 0.3);
      border-radius: 20px; /* Скруглённые углы */
   font-family: 'Poppins', sans-serif;
    margin-bottom: 60px;
   align-items: center;
}





.h1_dec{
    text-align: center;
    font-size: 42px;
    font-family: 'Poppins', sans-serif;
    
    padding-top: 20px;
}

.p_dec{
    text-align: center;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    color: #444444;
}

.ohran{
    width: 250px;
    padding-top: 5px;
}

.decis{
    display: flex;
    justify-content: center;
    gap: 66px;
}

.rech{
    width: 240px;
    padding-top: 5px;
}

.video{
    width: 245px;
}

.app_cam{
    width: 250px;
    padding-top: 5px;
}

.box img {
   min-height: 199px;
    max-height: 200px;
    min-width: 228px;
    max-width: 230px;
    border-radius: 20px;
    height: 200px; /* Фиксированная высота изображений */
    object-fit: cover; /* Сохранение пропорций изображения */
    margin-bottom: 15px; /* Отступ снизу изображения */
}
.smal {
    position: relative;
    padding: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #434343;
    margin-bottom: 20px;
    min-height: 60px; /* Минимальная высота для каждого блока smal */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Линия сверху и снизу для первого блока */
.smal.first::before,
.smal.first::after {
    content: ""; /* Линия */
    display: block; /* Линия как блок */
    width: 70%; /* Линия занимает 70% ширины блока */
    height: 1.5px; /* Толщина линии */
    background-color: #000000; /* Черный цвет линии */
    position: absolute; /* Абсолютное позиционирование */
    left: 50%; /* Центрирование линии */
    transform: translateX(-50%); /* Смещение линии для центрирования */
    border-radius: 16px;
}

.smal.first::before {
    top: 0; /* Линия сверху */
}

.smal.first::after {
    bottom: 0; /* Линия снизу */
}

/* Линия только снизу для второго блока */
.smal.second::after {
    content: ""; /* Линия */
    display: block; /* Линия как блок */
    width: 70%; /* Линия занимает 70% ширины блока */
    height: 2px; /* Толщина линии */
    background-color: #000000; /* Черный цвет линии */
    position: absolute; /* Абсолютное позиционирование */
    bottom: 0; /* Линия снизу */
    left: 50%; /* Центрирование линии */
    transform: translateX(-50%); /* Смещение линии для центрирования */
    border-radius: 16px;
}

/* Линия только снизу для третьего блока */
.smal.third::after {
    content: ""; /* Линия */
    display: block; /* Линия как блок */
    width: 70%; /* Линия занимает 70% ширины блока */
    height: 2px; /* Толщина линии */
    background-color: #000000; /* Черный цвет линии */
    position: absolute; /* Абсолютное позиционирование */
    bottom: 0; /* Линия снизу */
    left: 50%; /* Центрирование линии */
    transform: translateX(-50%); /* Смещение линии для центрирования */
    border-radius: 16px;
}

.ataman{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 40px;
}
.color1{
    background-color: #ffffff;
}
/* Общие стили для всех блоков */
.woker1, .woker2, .woker3, .woker4, .woker5, .woker6, .woker7, .woker8, .woker9 {
    position: relative; /* Для позиционирования псевдоэлемента */
    background-size: cover; /* Фон занимает всю область */
    background-position: center; /* Центрирование изображения */
    background-repeat: no-repeat; /* Изображение не повторяется */
    width: 500px; /* Ширина блока соответствует ширине изображения */
    height: 300px; /* Высота блока */
    border-radius: 20px; /* Скругленные углы */
    margin-bottom: 20px; /* Отступ между блоками */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Легкая тень */
    overflow: hidden; /* Скрытие содержимого за границами */
    transition: transform 0.3s, box-shadow 0.3s; /* Плавная анимация */
}

.woker1:hover, .woker2:hover, .woker3:hover, .woker4:hover, .woker5:hover, .woker6:hover, .woker7:hover, .woker8:hover, .woker9:hover {
    transform: scale(1.05); /* Легкое увеличение блока */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Более насыщенная черная тень */
}

.buts {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background-color: #007b00;
    border: 2px solid #00a800;
    border-radius: 25px;
    box-shadow: 0 4px 10px rgba(0, 123, 0, 0.3);
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
    margin-top: auto; /* Кнопка всегда в нижней части блока */
    margin-bottom: 20px; /* Отступ от нижнего края */
}


.buts:hover {
    background-color: #00a800; /* Более яркий зеленый фон при наведении */
    box-shadow: 0 6px 15px rgba(0, 168, 0, 0.5); /* Более насыщенная тень при наведении */
    transform: scale(1.05); /* Легкое увеличение при наведении */
}


.h1_works{
    text-align: center;
    font-size: 45px;
    font-family: 'Poppins', sans-serif;
    padding-top: 70px;
}

.p_work{
    text-align: center;
    font-size: 21px;
    font-family: 'Poppins', sans-serif;
    color: rgb(87, 87, 87);
}

.inst_logo {
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(188, 24, 136, 0.3);
    text-align: center;
    margin-top: 15px;
}

.gis_logo {
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(45deg, #00a862 0%, #008f4f 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 168, 0, 0.3);
    text-align: center;
    margin-top: 15px;
    margin-left: 10px;
}

.gis_logo:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 168, 0, 0.4);
    background: linear-gradient(45deg, #008f4f 0%, #00a862 100%);
}
.gis_logo:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(0, 168, 0, 0.3);
}

.gis_logo::before {
    content: "🗺️";
    margin-right: 8px;
}

.inst_logo:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(188, 24, 136, 0.4);
    background: linear-gradient(45deg, #bc1888 0%, #cc2366 25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
}
.inst_logo:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(188, 24, 136, 0.3);
}

/* Добавляем иконку Instagram */
.inst_logo::before {
    content: "📷"; /* Можно заменить на SVG иконку */
    margin-right: 8px;
} 

.woker1 {
    background-image: url('imaag/1.jpg'); /* Установите изображение для woker1 */
}

.woker2 {
    background-image: url('main_working.jpg'); /* Установите изображение для woker2 */
}

.woker3 {
    background-image: url('imaag/4.jpg'); /* Установите изображение для woker3 */
}

.woker4 {
    background-image: url('imaag/6.jpg'); /* Установите изображение для woker4 */
}

.woker5 {
    background-image: url('camera_ust.jpg'); /* Установите изображение для woker5 */
}

.woker6 {
    background-image: url('imaag/3.jpg'); /* Установите изображение для woker6 */
}

.woker7 {
    background-image: url('imaag/9.jpg'); /* Установите изображение для woker7 */
}

.woker8 {
    background-image: url('imaag/8.jpg'); /* Установите изображение для woker8 */
}

.woker9 {
    background-image: url('tiandy.jpg'); /* Установите изображение для woker9 */
}

/* Общие стили для всех блоков */
.woker1, .woker2, .woker3, .woker4, .woker5, .woker6, .woker7, .woker8, .woker9 {
    position: relative; /* Для позиционирования псевдоэлемента */
    background-size: cover; /* Фон занимает всю область */
    background-position: center; /* Центрирование изображения */
    background-repeat: no-repeat; /* Изображение не повторяется */
    width: 500px; /* Ширина блока соответствует ширине изображения */
    height: 300px; /* Высота блока */
    border-radius: 20px; /* Скругленные углы */
    margin-bottom: 20px; /* Отступ между блоками */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Легкая тень */
    overflow: hidden; /* Скрытие содержимого за границами */
    
}



/* Текст внутри блоков */
.woker1 h1, .woker2 h1, .woker3 h1, .woker4 h1, .woker5 h1, .woker6 h1, .woker7 h1, .woker8 h1, .woker9 h1,
.woker1 p, .woker2 p, .woker3 p, .woker4 p, .woker5 p, .woker6 p, .woker7 p, .woker8 p, .woker9 p {
    position: relative; /* Текст поверх затемнения */
    z-index: 2; /* Текст выше затемнения */
    color: #ffffff; /* Белый цвет текста */
    text-align: center; /* Центрирование текста */
    font-family: 'Poppins', sans-serif; /* Красивый шрифт */
    padding: 10px; /* Отступы внутри текста */
}

/* Затемнение фона */
.woker::after, .woker1::after, .woker2::after, .woker4::after, .woker5::after, .woker6::after, .woker7::after, .woker8::after, .woker9::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Полупрозрачный черный фон */
    z-index: 1; /* Псевдоэлемент поверх фона */
}

/* Текст внутри блоков */
.woker h1, .woker1 h1, .woker2 h1, .woker4 h1, .woker5 h1, .woker6 h1, .woker7 h1, .woker8 h1, .woker9 h1,
.woker p, .woker1 p, .woker2 p, .woker4 p, .woker5 p, .woker6 p, .woker7 p, .woker8 p, .woker9 p {
    position: relative; /* Текст поверх затемнения */
    z-index: 2; /* Текст выше затемнения */
    color: #ffffff; /* Белый цвет текста */
    text-align: center; /* Центрирование текста */
    font-family: 'Poppins', sans-serif; /* Красивый шрифт */
    padding: 0px; /* Отступы внутри текста */
    font-size: 18px;
}



.h1_ot{
    text-align: center;
    font-size: 46px;
    font-family: 'Poppins', sans-serif;
    margin-top: 50px;
    padding-top: 0px;
}

.p_ot{
    text-align: center;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    color: #444444;
    padding-bottom: 40px;
}







.carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 1200px; /* Ограничение ширины карусели для компьютера */
    margin: 0 auto; /* Центрирование карусели */
}

.carousel-images {
    display: flex;
    gap: 20px; /* Расстояние между картинками */
    overflow: hidden; /* Скрытие лишних изображений */
    width: 600px; /* Ширина области с картинками для компьютера */
    height: 300px; /* Высота области с картинками для компьютера */
    position: relative;
}

.carousel-images img {
    width: 100%; /* Картинки занимают всю ширину контейнера */
    height: auto; /* Автоматическая высота */
    border-radius: 15px; /* Скругленные углы */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Легкая тень */
    transition: transform 0.5s ease-in-out; /* Плавная анимация */
}

.arrow {
    background-color: #007b00; /* Зеленый фон стрелки */
    color: #ffffff; /* Белый цвет текста */
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Легкая тень */
    transition: background-color 0.3s, transform 0.3s;
}

.left-arrow {
    position: absolute;
    left: 100px; /* Расположение слева */
}

.right-arrow {
    position: absolute;
    left: 1010px; /* Расположение справа */
}

.right-arrow {
    position: absolute;
    right: -50px; /* Расположение справа */
}

.otzyv{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.otzyv .gis {
    background-color: #00a862; /* Зеленый цвет, характерный для 2ГИС */
    color: #ffffff; /* Белый цвет текста */
    border: none; /* Убираем рамку */
    border-radius: 5px; /* Легкое скругление углов */
    padding: 10px 20px; /* Отступы внутри кнопки */
    font-family: 'Poppins', sans-serif; /* Красивый шрифт */
    font-size: 16px; /* Размер текста */
    font-weight: 600; /* Жирный текст */
    cursor: pointer; /* Указатель мыши при наведении */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Легкая тень */
    transition: background-color 0.3s, transform 0.3s; /* Плавная анимация */
    width: 90%;
    height: 60px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.otzyv .gis:hover {
    background-color: #008f4f; /* Более насыщенный зеленый при наведении */
    transform: scale(1.05); /* Легкое увеличение при наведении */
}

.calculator {
    padding: 40px;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    max-width: 600px;
    margin: 0 auto;
    
    box-shadow: 0 6px 15px rgba(0, 123, 0, 0.3);
}

.calc-fd{
    background-color: white;
    padding-top: 50px;
    padding-bottom: 50px;
}

.calc-title {
    text-align: center;
    font-size: 32px;
    color: #007b00;
    margin-bottom: 30px; /* Увеличенный отступ */
}

.calc-subtitle {
    text-align: center;
    font-size: 20px;
    color: #444444;
    margin-bottom: 40px; /* Увеличенный отступ */
}

.calc-form .form-group {
    margin-bottom: 30px; /* Увеличенное расстояние между группами */
}

.calc-form label {
    display: block;
    font-size: 18px;
    color: #007b00;
    margin-bottom: 10px; /* Увеличенный отступ */
}

.calc-form input[type="number"],
.calc-form select,
.calc-form input[type="tel"] {
    width: 100%;
    padding: 15px;
    border: 2px solid #007b00;
    border-radius: 10px;
    font-size: 18px;
    box-shadow: 0 4px 10px rgba(0, 123, 0, 0.3);
    transition: border-color 0.3s, box-shadow 0.3s;
}

.calc-form input[type="number"]:focus,
.calc-form select:focus,
.calc-form input[type="tel"]:focus {
    border-color: #005600;
    box-shadow: 0 6px 15px rgba(0, 123, 0, 0.4);
    
}

.calc-button {
    display: block;
    width: 35%; /* Уменьшенная ширина кнопки */
    padding: 15px; /* Уменьшенные отступы */
    background-color: #007b00;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 20px; /* Уменьшенный размер текста */
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 123, 0, 0.3); /* Легкая тень */
    transition: background-color 0.3s, transform 0.3s;
    margin: 20px auto; /* Центрирование кнопки и уменьшенный отступ сверху */
}
.calc-button:hover {
    background-color: #005600;
    transform: scale(1.05);
}
   
.form-group {
    width: 100%; /* Устанавливаем одинаковую ширину для всех групп */
    display: flex;
    flex-direction: column; /* Элементы располагаются вертикально */
    align-items: center; /* Центрируем элементы */
    margin-bottom: 30px; /* Расстояние между группами */
}

.form-group label {
    font-size: 18px; /* Увеличенный размер текста */
    color: #007b00; /* Зеленый цвет текста */
    margin-bottom: 10px; /* Пространство между текстом и полем ввода */
    font-weight: bold; /* Жирный текст для заголовков */
}
.form-group input[type="number"],
.form-group select,
.form-group input[type="tel"] {
    width: 90%; /* Уменьшенная ширина для всех полей */
    padding: 10px; /* Уменьшенные внутренние отступы */
    border: 2px solid #007b00; /* Зеленая рамка */
    border-radius: 10px; /* Скругленные углы */
    font-size: 16px; /* Размер текста */
    box-shadow: 0 4px 10px rgba(0, 123, 0, 0.3); /* Легкая тень */
    transition: border-color 0.3s, box-shadow 0.3s; /* Плавная анимация */
}

.form-group input[type="number"]:focus,
.form-group select:focus,
.form-group input[type="tel"]:focus {
    border-color: #005600; /* Более насыщенный зеленый при фокусе */
    box-shadow: 0 6px 15px rgba(0, 123, 0, 0.4); /* Более насыщенная тень при фокусе */
    width: ;
   
}

.location {
    display: flex;
 
    padding: 40px;
    background-color: #f9f9f9; /* Светлый фон */
    gap: 20px; /* Расстояние между картой и текстом */
}

/* Стили для секции Аудит пожарной безопасности */
.fire-audit {
    background: linear-gradient(180deg, #f7fff7 0%, #ffffff 100%);
    padding: 50px 20px;
    color: #0b3d00;
}
.fire-audit .container {
    max-width: 1100px;
    margin: 0 auto;
}
.fire-audit .h1_dec {
    color: #007b00;
    margin-bottom: 20px;
    font-size: 29px;
}
.fire-audit .p_dec {
    color: #3a3a3a;
    max-width: 950px;
    text-align: left;
    font-size: 19px;
}
.audit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
.audit-card {
    background: #ffffff;
    border: 2px solid rgba(0,123,0,0.08);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.audit-card h3 {
    color: #005600;
    margin-top: 0;
}
.audit-card p {
    color: #444;
    line-height: 1.5;
    font-size: 15px;
}
.audit-cta {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto;
}
.audit-cta p {
    margin: 0;
    font-weight: 600;
}
.audit-cta .btn {
    padding: 12px 28px;
    border-radius: 30px;
    background: linear-gradient(90deg,#007b00,#005600);
    color: #fff;
    text-decoration: none;
}

@media (max-width: 992px) {
    .audit-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .audit-grid { grid-template-columns: 1fr; }
    .audit-cta { flex-direction: column; gap: 12px; align-items: stretch; }
    .audit-cta .btn { width: 100%; text-align: center; }
}

/* Общие стили для отдельных секций аудита */
.fire-section {
    background: #ffffff;
    padding: 36px 20px;
    border-top: 1px solid rgba(0,0,0,0.06);
}
.fire-section .container {
    max-width: 1100px;
    margin: 0 auto;
}
.fire-section h2 {
    color: #003d00;
    font-size: 24px;
    margin-bottom: 12px;
}
.fire-section p, .fire-section ul {
    color: #444;
    font-family: 'Poppins', sans-serif; /* Красивый шрифт */

    font-size: 16px;
    line-height: 1.6;
}
.fire-section ul { padding-left: 20px; margin-top: 8px; }
.fire-section li { margin-bottom: 6px; }

@media (max-width: 768px) {
    .fire-section { padding: 24px 16px; }
    .fire-section h2 { font-size: 20px; }
}

/* New design elements for audit */
.audit-panel { display: flex; gap: 24px; align-items: flex-start; padding: 28px 0; }
.audit-panel-left { flex: 1; }
.audit-panel-right { width: 320px; }
.contact-card { background: linear-gradient(180deg,#ffffff,#f7fff7); border: 1px solid rgba(0,123,0,0.08); padding: 18px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.06); margin-top: 56px;}
.contact-badge { display: inline-block; background: #007b00; color: #fff; padding: 6px 10px; border-radius: 20px; font-weight: 700; margin-bottom: 8px; }
.contact-card h3 { margin: 8px 0 6px; color: #004900; }
.contact-card .small { font-size: 14px; color: #4b4b4b; margin-bottom: 12px; }
.contact-info { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.contact-phone, .contact-email { color: #005600; text-decoration: none; font-weight: 600; }
.trust { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; font-size: 14px; color: #333; }
.audit-highlights { list-style: none; padding: 0; margin-top: 14px; color: #2b2b2b; }
.audit-highlights li { margin-bottom: 8px; padding-left: 25px; position: relative; font-size: 20px; font-family: 'Poppins', sans-serif;}
.audit-highlights li::before { content: "✔"; position: absolute; left: 0; color: #007b00; }

.section-header { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.icon-circle { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg,#ffefef,#fff1e0); display:flex; align-items:center; justify-content:center; font-size:24px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.section-header h2 { margin: 0; font-size: 22px; color: #003d00;     font-family: 'Poppins', sans-serif; /* Красивый шрифт */
 }
.lead { font-size: 17px; color: #333; }

/* Icon color variants */
.icon-doc { background: linear-gradient(135deg,#f0f8ff,#e6f4ff); color:#0b3d66; }
.icon-psd { background: linear-gradient(135deg,#fff7ed,#fff0dc); color:#b35c00; }
.icon-install { background: linear-gradient(135deg,#f0fff4,#e6fff0); color:#0b6b2e; }
.icon-protect { background: linear-gradient(135deg,#fff6f6,#fff0f0); color:#b33b3b; }
.icon-equipment { background: linear-gradient(135deg,#fffaf0,#fff4e6); color:#b36b00; }
.icon-recharge { background: linear-gradient(135deg,#f6fff9,#ecfff2); color:#0a7f51; }
.icon-evac { background: linear-gradient(135deg,#fffaf6,#fff4ed); color:#b34d00; }
.icon-training { background: linear-gradient(135deg,#f6f7ff,#eef1ff); color:#2b3fb3; }
.icon-measure { background: linear-gradient(135deg,#f9fff6,#f0fff0); color:#2b8f63; }
.icon-testing { background: linear-gradient(135deg,#fff7f3,#fff0e8); color:#9a5b2b; }

.icon-circle { transition: transform 0.28s cubic-bezier(.2,.9,.3,1), box-shadow 0.28s; }
.section-header:hover .icon-circle { transform: translateY(-4px) scale(1.06); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }

/* Section accent line */
.fire-section { position: relative; padding-left: 28px; }
.fire-section::before { content: ""; position: absolute; left: 8px; top: 20px; bottom: 20px; width: 4px; background: linear-gradient(180deg,#ffb199,#ff6b4d); border-radius: 4px; opacity: 0.12; }

/* Card hover for contact */
.contact-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.12); }
.contact-card { transition: transform 0.28s ease, box-shadow 0.28s ease; }

/* CTA button stronger */
.contact-card .btn { display: inline-block; padding: 10px 20px; border-radius: 28px; background: linear-gradient(90deg,#007b00,#007b00); border: none; color:#fff; font-weight:700; }
.contact-card .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(255,107,77,0.18); }

/* Fade-in animation helper (used by JS) */
.fade-up { opacity: 1 !important; transform: translateY(0) !important; }
.fire-section, .audit-panel { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; }

/* PSD list grid on wide screens */
.psd-list { columns: 2; -webkit-columns: 2; column-gap: 30px; }

@media (max-width: 992px) {
    .audit-panel { flex-direction: column; }
    .audit-panel-right { width: 100%; }
    .icon-circle { width: 48px; height: 48px; font-size: 20px; }
    .psd-list { columns: 1; }
}

/* subtle appear animation */
.fade-up { animation: fadeIn 0.8s ease forwards; opacity: 0; }

.map {
    flex: 1; /* Карта занимает половину ширины */
    border-radius: 10px; /* Скругленные углы */
    overflow: hidden; /* Скрытие лишнего */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

.info {
    flex: 1; /* Текст занимает половину ширины */
    font-family: 'Poppins', sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Легкая тень */
    background-color: #ffffff; /* Белый фон */
    border-radius: 10px; /* Скругленные углы */
}

.info h1 {
    font-size: 28px;
    color: #007b00; /* Зеленый цвет */
    margin-bottom: 20px;
}

.info p {
    font-size: 18px;
    margin-bottom: 10px;
}

.footer {
    background-color: #007b00; /* Зеленый фон */
    color: #ffffff; /* Белый текст */
    padding: 40px 20px; /* Отступы */
    font-family: 'Poppins', sans-serif;
}

.footer-content {
    display: flex;
    justify-content: space-between; /* Равномерное распределение блоков */
    align-items: flex-start; /* Выравнивание по верхнему краю */
    gap: 20px; /* Расстояние между блоками */
    flex-wrap: wrap; /* Адаптивность для мобильных устройств */
}

.footer-logo {
    flex: 1;
    text-align: center;
}

.footer-logo img {
    width: 170px; /* Размер логотипа */
    margin-bottom: 10px; /* Отступ снизу */
    border-radius: 20px;
}

.footer-links {
    flex: 1;
    text-align: center;
}

.footer-links h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.footer-links ul {
    list-style: none; /* Убираем маркеры списка */
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #ffffff; /* Белый текст */
    text-decoration: none; /* Убираем подчеркивание */
    font-size: 16px;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: #f0f0f0; /* Светло-серый текст при наведении */
}

.footer-contact {
    flex: 1;
    text-align: center;
}

.footer-contact h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.footer-contact p {
    font-size: 16px;
    margin-bottom: 10px;
}

.footer-bottom {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    border-top: 1px solid #ffffff; /* Линия сверху */
    padding-top: 10px;
}

@media (max-width: 768px) {
    nav {
        display: none; /* Скрываем навигацию */
    }

    .color{
        padding-top:0px;
        padding-bottom: 60px;
        margin-top: 200px;
    }

    .h1_ot{
        font-size: 29px;
    }

    .p_ot{
        font-size: 19px;
    }

    .burger-menu {
        
        display: flex; /* Показываем бургер-меню */
    }

    header {
        flex-direction: column; /* Вертикальная компоновка для мобильных */
        align-items: center;
        height: 70px;
    }

    .main {
        flex-direction: column; /* Вертикальная компоновка */
        height: auto; /* Автоматическая высота */
        padding: 20px; /* Уменьшенные отступы */
    }

    .main .text {
        max-width: 100%; /* Текст занимает всю ширину */
         /* Текст выравнивается по центру */
        margin-bottom: 20px; /* Отступ снизу */
    }

    .main h1 {
        font-size: 2.1em; /* Уменьшенный размер заголовка */
    }

    .inst_logo {
        padding: 10px 20px;
        font-size: 13px;
        margin-top: 10px;
    }

    .dop img{
        width: 85px;
        height: 85px;
       margin-left: 20px;

    }
    
    .content p{
        font-weight: 550;
        font-size: 14px;
        text-align: left;
    }

    .main p {
        font-size: 1.0em; /* Уменьшенный размер текста */
        line-height: 1.4; /* Уменьшенный межстрочный интервал */
    }

    .main .buttons {
        flex-direction: column; /* Кнопки в столбик */
        gap: 10px; /* Уменьшенное расстояние между кнопками */
    }

    .main .image {
        max-width: 100%; /* Изображение занимает всю ширину */
        margin-top: 20px; /* Отступ сверху */
    }

    .main .image img {
            width: 80%; /* Ещё меньше ширина картинки на мобильных */
            max-width: 250px; /* Ограничение максимальной ширины */
            margin: 0 auto;
        }

        header .logo img {
            width: 100%; /* Логотип чуть меньше на мобильных */
            min-width: 80px;
            max-width: 150px;
        }

      

   .dop {
        flex-direction: column; /* Вертикальная компоновка для телефона */
        justify-content: center; /* Центрирование для телефона */
        gap: 20px; /* Расстояние между элементами */
       
    }

    .advantages {
        grid-template-columns: 1fr; /* Один столбец для мобильных */
        gap: 20px; /* Уменьшенное расстояние между блоками */
        padding: 15px; /* Уменьшенные отступы */
    }

    .right{
        margin-left: 0px;
        text-align: left;
    }

    .left{
        margin-right: 0px;
      
    }

    .h1_b{
        font-size: 28px;
    }

    .notmain{
        font-size: 31px;
        font-weight: 700;
        text-align: center;
    }

    .left{
        text-align: left    ;
    }

    .advantage {
        padding: 15px; /* Уменьшенные отступы внутри блока */
        gap: 10px; /* Уменьшенное расстояние между текстом и картинкой */
    }

    .advantage img {
        width: 60px; /* Уменьшенный размер иконки */
        height: 60px; /* Уменьшенный размер иконки */
    }

    .advantage h3 {
        font-size: 1.4em; /* Уменьшенный размер заголовка */
    }

    .advantage p {
        font-size: 0.9em; /* Уменьшенный размер описания */
    }

    .t500 {
        flex-direction: column; /* Вертикальная компоновка для мобильных устройств */
        align-items: center; /* Центрирование элементов */
        gap: 20px; /* Расстояние между элементами */
        padding: 10px; /* Уменьшенные отступы */
    }

    .column {
        width: 100%; /* Колонки занимают всю ширину */
        margin-bottom:  0px;
        gap: 15px; /* Уменьшенное расстояние между элементами */
    }

    .content2 {
      /* Вертикальная компоновка внутри каждого элемента */
        align-items: center; /* Центрирование содержимого */
         /* Текст выравнивается по центру */
       font-family: 'Poppins', sans-serif;
         gap: 30px; /* Уменьшенное расстояние между текстом и изображением */
    }

    .content2 img {
        width: 60px; /* Уменьшенный размер изображения */
        height: auto; /* Автоматическая высота */
    }

    .t-cell {
        width: 100%; /* Центральный элемент занимает всю ширину */
        margin: 20px 0; /* Отступ сверху и снизу */
    }

    .t-cell img {
        width: 80%; /* Уменьшенный размер изображения */
        height: auto; /* Автоматическая высота */
    }
    
    .t900{
        flex-direction: column;
        gap: 5px;
        align-items: center;
        
    }

    .t900 img{
        width: 80%;
        margin-top: 130px;
    }
    
    .block1{
        width: 300px;
        
    }

    .decis{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 450px;
       
    }

    .ataman {
        display: flex;
        flex-direction: column; /* Вертикальная компоновка */
        align-items: center; /* Центрирование блоков */
        gap: 20px; /* Расстояние между блоками */
        padding-top: 20px; /* Уменьшенные отступы сверху */
    }

    .woker1, .woker2, .woker3, .woker4, .woker5, .woker6, .woker7, .woker8, .woker9 {
        width: 90%; /* Уменьшенная ширина блока */
        height: 200px; /* Уменьшенная высота блока */
        border-radius: 15px; /* Скругленные углы */
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); /* Легкая тень */
        transition: transform 0.3s, box-shadow 0.3s; /* Плавная анимация */
    }

    .woker1:hover, .woker2:hover, .woker3:hover, .woker4:hover, .woker5:hover, .woker6:hover, .woker7:hover, .woker8:hover, .woker9:hover {
        transform: scale(1.03); /* Легкое увеличение блока */
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); /* Более насыщенная тень при наведении */
    }

    .carousel {
        height: auto; /* Автоматическая высота для мобильных устройств */
        padding: 0px; /* Уменьшенные отступы */
    }

    .carousel-images {
        width: 65%; /* Картинки занимают всю ширину экрана */
        height: auto; /* Автоматическая высота */
    }

    .arrow {
        width: 40px;
        height: 40px;
    }

    .left-arrow {
        left: 10px;
    }

    .right-arrow {
        left: 320px;
    }

    .gis{
        width: 65%;
    }

    .calculator{
         max-width:235px;
    }

    .location {
        flex-direction: column; /* Вертикальная компоновка */
        gap: 20px; /* Расстояние между картой и текстом */
        padding: 20px; /* Уменьшенные отступы */
    }

    .map {
        width: 100%; /* Карта занимает всю ширину */
        height: 300px; /* Уменьшенная высота карты */
    }

    .info {
        width: 92%; /* Текст занимает всю ширину */
        padding: 15px; /* Уменьшенные отступы */
    }

    .info h1 {
        font-weight: 800;
        font-size: 30px; /* Уменьшенный размер заголовка */
        text-align: center; /* Центрирование текста */
    }

    .info p {
        font-weight: 600;
        font-size: 16px; /* Уменьшенный размер текста */
        text-align: center; /* Центрирование текста */
    }

    .footer-content {
        flex-direction: column; /* Вертикальная компоновка для мобильных */
        align-items: center; /* Центрирование блоков */
    }

    .footer-logo img {
        width: 120px; /* Уменьшенный размер логотипа */
    }

    .footer-links a {
        font-size: 14px; /* Уменьшенный размер текста */
    }

    .footer-contact p {
        font-size: 14px; /* Уменьшенный размер текста */
    }

    .calc-button {
        width: 70%;
        text-align: center;
    }

    .calc-title {
    text-align: center;
    font-size: 28px;
    color: #007b00;
    margin-bottom: 30px; /* Увеличенный отступ */
}

    .calc-subtitle {
        text-align: center;
        font-size: 20px;
        color: #444444;
        margin-bottom: 40px; /* Увеличенный отступ */
        display: none;
    }

    .otzyv .gis {

        height: 60px;
  


    }

    .dop{
        justify-content: center;
        align-items: center;
        
        text-align: center;
    }

    .h1_b{
        font-size: 24px;
        padding-bottom: 30px;
    }

    .notmain{
        font-size: 20px;
    }

    .content2{
        font-size: 14px;
        gap: 10px;
    }


    .h1_big{
        font-size: 21px;
        font-weight: 600;
        text-align: center;
    }

    .h1_car{
        font-size: 22px;
        padding-bottom: 32px;
    }

    .p_car{
        font-size: 19px;
        
    }

    .h1_dec{
        font-size: 24px;
    }

    .p_dec{
        font-size: 15px;
       
  
    }

    .h1_works{
        font-size: 30px;
    }

    .p_work{
        font-size: 19px;
       
    }

  

}