* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px; /* Добавлено для отступов */
}

body {
    font-family: Raleway, sans-serif;
    line-height: 1.6; /* Повышение межстрочного интервала для удобочитаемости */
}

.title {
    font-size: 34px;
    font-weight: 900;
    color: white;
}

.text {
    font-size: 20px;
    font-weight: 400;
    color: white;
}

.btn {
    color: white;
    background: black;
    border-radius: 40px;
    padding: 10px 25px;
}

.btn:hover {
    background-color: blue;
    transition: all 0.3s ease;
}

/* header */
.header {
    display: block;
    position: fixed;
    top: 0;
    padding-top: 6px;
    height: 100px;
    width: 100vw;
    background-color: blue;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_wrap {
    display: flex;
    align-items: center;
}

.header_logo img {
    height: 30px;
    width: 150px;
}

.header_list {
    display: flex;
}

.header_list li {
    margin-right: 20px;
    font-size: 24px;
}

.header_link {
    color: black;
    font-weight: 400;
    transition: all 0.3s ease;
}

.header_link:hover {
    font-size: 25px;
    transition: all 0.3s ease;
}

/* main */
.main {
    height: 700px;
    background: url('../img/1/main_bg.jpg') no-repeat center center/ cover;
}

.main_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.main_block {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main_title {
    font-size: 34px;
    font-weight: 900;
    color: white;
    margin: 25px 0;
}

.main_text {
    width: 640px;
    margin-bottom: 60px;
    font-size: 20px;
    font-weight: 400;
    color: white;
}

.main_btn {
    width: 130px;
}

/* best */
.best {
    padding: 100px 0;
    background: url(../img/1/gradic2.png) no-repeat center center/ cover;
}

.best_title {
    color: white;
}

.best_head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
}

.best_link {
    color: black;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    padding-bottom: 7px;
}

.best_link:hover {
    color: red;
    border-bottom: 2px solid red;
    transition: all 0.5s ease;
}

.best_row {
    display: flex;
    margin: 0 -25px;
}

.best_column {
    padding: 0 25px;
}

.best_card {
    transition: transform 0.5s ease;
}

.best_card:hover {
    transform: scale(1.1);
    transition: transform 0.5s ease;
}

/* poster */
.poster {
    padding: 100px 0;
    background: url('../img/1/main_bg4.png') no-repeat center center/ cover;
}

.poster_wrap {
    display: flex;
    justify-content: space-between;
}

.poster_block {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.poster_img {
    max-width: 700px;
}

.poster_title {
    margin-bottom: 30px;
}

.poster_text {
    width: 640px;
    margin-bottom: 60px;
}

.poster_btn {
    width: 130px;
}

/* Галерея для сертификатов */
.gallery {
    display: none; /* Скрытие галереи по умолчанию */
    position: fixed; /* Фиксированное положение */
    z-index: 1000; /* На переднем плане */
    top: 0; /* Верх */
    left: -10px; /* Левый край */
    width: 100%; /* Ширина на 100% */
    height: 100%; /* Высота на 100% */
    background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный фон */
    justify-content: center; /* Центрирование содержимого */
    align-items: center; /* Центрирование содержимого */
    overflow: hidden; /* Скрытие переполнения */
}

.gallery img {
    max-width: 90%; /* Максимальная ширина изображения на экране */
    max-height: 80%; /* Максимальная высота изображения */
    margin: 20px; /* Отступ */
}

/* Стиль для кнопки закрытия */
.close-gallery {
    position: absolute; /* Абсолютное позиционирование */
    top: 20px; /* Отступ от верха */
    right: 20px; /* Отступ от правого края */
    color: white; /* Цвет текста */
    font-size: 30px; /* Размер шрифта */
    cursor: pointer; /* Курсор - указатель */
    z-index: 1001; /* На переднем плане */
}

/* секция прайс */
.price {
    padding: 70px 0;
    background: url('../img/1/main_bg4.png') no-repeat center center/ cover;
}

.price_wrap {
    display: flex;
    flex-direction: column; /* Изменено на column для адаптации */
    justify-content: center;
    align-items: center; /* Центрирование контента */
}

.price_title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 34px;  /* Размер шрифта заголовка */
    color: white;
}

.price_img {
    display: flex;
    justify-content: center; /* Центрируем изображение */
}

.price_img img {
    width: 90%; /* Увеличенная ширина для мобильных устройств */
    max-width: 600px; /* Ограничение максимальной ширины */
    margin: 0 auto; /* Центрируем */
}

/* proparka */
.proparka_main-title {
    font-size: 34px;
    font-weight: 900;
    color: black;
    text-align: center;
}

.proparka_wrap {
    display: flex;
    justify-content: space-between;
}

.proparka_infos {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.proparka_info {
    margin: 20px;
    text-align: center;
}

.proparka_title {
    font-size: 24px;
    font-weight: 600;
    color: black;
    text-align: center;
}

.cicle {
    padding: 0 60px;
}

.avto {
    text-align: center;
}

.proparka_row {
    display: flex;
    margin: 0 -35px;
}

.proparka_column {
    padding: 0 35px;
}

.proparka_pic {
    padding: 25px 0;
}

.proparka_pic img {
    height: 461px;
    width: 649px;
}

.proparka_work {
    padding: 25px 0;
}

.proparka_work-title {
    text-align: left;
    font-size: 40px;
}

.proparka_work-text {
    font-size: 22px;
    text-align: left;
    padding: 10px;
    border: black solid 2px;
}

.proparka_work-text:hover {
    border: red solid 2px;
    background-color: red;
}

/* block */
.block_title {
    font-size: 30px;
    font-weight: 900;
    color: black;
    text-align: center;
}

.block_wrap {
    display: flex;
    justify-content: space-between;
}

.block_info {
    padding: 50px 0;
}

.row {
    display: flex;
    margin: 0px -25px;
    padding: 30px 0;
    justify-content: space-evenly;
    align-content: center;
    flex-wrap: wrap;
}

.cicle {
    padding: 0 60px;
}

.avto {
    text-align: center;
}

.avto-5 {
    padding: auto;
}

/* info */
.info {
    padding: 100px 0;
    background: url('../img/1/main_bg4.png') no-repeat center center/ cover;
}

.info_warp {
    display: flex;
    justify-content: space-between;
}

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

.info_title {
    text-align: center;
    max-width: 700px;
    margin-bottom: 30px;
}

.info_text {
    text-align: center;
    max-width: 655px;
    margin-bottom: 30px;
}

/* form */
.form {
    background: url('../img/1/gradic2.png') no-repeat center center/ cover;
    padding: 100px 0;
}

.form_wrap {
    display: flex;
    justify-content: center;
}

.form_title {
    margin-bottom: 30px;
    text-align: center;
}

.form_text {
    max-width: 500px;
    margin-bottom: 50px;
    text-align: center;
}

.form_main {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.form_data {
    display: flex;
    margin-bottom: 30px;
    margin-left: 40px;
}

.form_block {
    color: white;
}

.form_subtitle {
    margin-bottom: 30px;
    color: white;
}

.form_subtitle img {
    align-self: center;
}

/* footer */
.footer {
    padding: 50px 0;
}

.footer_wrap {
    display: flex;
    justify-content: space-between;
}

.footer_politic {
    color: black;
    border-bottom: 2px solid black;
}

/* Адаптивные стили */
@media (max-width: 991px) {
    .header_list {
        display: none; /* Hide for mobile */
    }
    
   .header_qr-code {
       Display: none;
   }
   
  .info_block {
      Max-height: 50%;
      Max-width: 30%;
  }   
 .iframe {
     Max-height: 50%;
      Max-width: 30%;
 }
.best {
    display: none;
}
.sertificate_title {
    text-align: center;
}

}

@media (max-width: 768px) {
    .header_wrap, .best_head, .footer_wrap {
        flex-direction: column; /* Стекание элементов */
        align-items: center; /* Центрируем элементы */
    }
    
    .main_wrap, .proparka_wrap {
        flex-direction: column; /* Вертикальная компоновка */
        align-items: center; /* Центрирование содержимого */
    }

    /* Адаптация текстов */
    .title, .main_title, .best_title, .proparka_main-title {
        font-size: 28px; /* Уменьшение заголовков */
    text-align: center;
    } 

    .text, .main_text, .best_text {
        font-size: 18px; /* Уменьшение текста */
        width: auto; /* Автоширина для текста */
    }

    .btn {
        width: 80%; /* Полная ширина кнопок */
        padding: 15px; /* Увеличение отступов */
        text-align: center; /* Центрирование текста на кнопках */
    }

    .proparka_info {
        margin: 10px 0; /* Отступ между блоками информации */
        text-align: center; /* Центрирование текстов */
    }

    .proparka_infos {
        flex-direction: column; 
        align-items: center; /* Центрирование блоков */
    }

    .cicle img {
        width: 50%; /* Увеличение изображений для мобильных */
    }

    .proparka_work-text,
    .proparka_text {
        font-size: 16px; /* Уменьшение этого текста */
        margin: 10px; /* Увеличение отстоя */
    }

    .proparka_pic {
        display: none;
    }
    
   .proparka_column {
       padding: 0 15px;
       margin: 5px 0;
   }

    /* Сертификаты */
    .sertificate_img {
        display: flex;
        flex-wrap: wrap; /* Элементы оборачиваются */
        justify-content: center; /* Центрирование изображений */
    }

    .sertificate_img img {
        width: 80%; /* Увеличенная ширина изображений на мобильных */
        max-width: none; /* Удаляем максимальную ширину для мобильных */
        margin: 5px; /* Уменьшение отступов между изображениями */
    }
    
}

@media (max-width: 480px) {
    .sertificate_title,
    .price_title {
        font-size: 24px; /* Еще большее уменьшение заголовков */
    }

    .sertificate_img img {
        height: auto; /* Высота становится автоматической на маленьких экранах */
        max-width: 100%; /* Maximальная ширина - 100% для мобильных устройств */
    }
    
    .price_img img {
        max-width: 100%; /* Максимальная ширина - 100% для мобильных устройств */
    }
    .proparka_main-title {
        font-size: 24px; /* Еще большее уменьшение для маленьких экранов */
    }

    .proparka_infos {
        flex-direction: column; /* Вертикальное расположение информации */
        align-items: center; /* Центрирование */
    }
}
    /* Дополнительные стили для других секций, если необходимо */
    /* Сертификаты */
.sertificate_img {
    display: flex;
    flex-wrap: wrap; /* Элементы оборачиваются */
    justify-content: center; /* Центрирование изображений */
}

.sertificate_img img {
    height: auto; /* Автоматическая высота для изображений */
    max-width: 100%; /* Максимальная ширина изображений относительно родительского блока */
    width: 120px; /* Установим фиксированную ширину для ПК версии */
    margin: 10px; /* Отступ между изображениями */
}