/* Start:/bitrix/templates/profpolimer/css/index.css?174475719317295*/
.advantages {
    width: 100%;
    padding: 20px; /* Отступы со всех сторон */
    background-color: #313131;
    display: flex;
    justify-content: space-around; /* Равномерное распределение блоков */
    box-sizing: border-box; /* Учитывать отступы в ширине */
}

.advantage-item {
    background-color: #ffffff; /* Цвет фона для каждого блока */
	background: rgba(10, 34, 75, 1);
    padding: 20px;
    text-align: center;
    width: 30%; /* Ширина каждого блока */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Тень для каждого блока */
    box-sizing: border-box; /* Учитывать отступы в ширине */
	margin-left:100px;
	margin-right:100px;
}

.advantage-logo {
    width: 50px; /* Ширина логотипа */
    height: 50px; /* Высота логотипа */
    margin-bottom: 10px; /* Отступ снизу */
}

.advantage-title {
    margin-bottom: 10px;
	font-size: 19px;
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
    color: rgba(255,255,255,1);
}

.advantage-description {
    font-size: 19px;
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
    color: rgba(255,255,255,1);
}

.container {
align-items: center; /* Горизонтальное центрирование */
justify-content: center; /* Вертикальное центрирование */
width: 100%;
background: rgba(255, 255, 255, 1);
flex: 1; /* Контейнер занимает оставшееся пространство */
flex-direction: column;
position: relative; /* Изменяем на relative для упрощения позиционирования */
top: 0; /* Сбрасываем top */
left: 0; /* Сбрасываем left */
z-index: 5; /* Убедитесь, что z-index ниже, чем у header */
display: flex;
overflow: hidden;
}

.header-image {
width: 100%;
height: 409px;
background: url("/bitrix/templates/profpolimer/css/../images/logistics/titleBackground.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative; /* Изменено на relative */
z-index: 1;
top: 1px;
left: 0;
margin: 0; /* Убираем внешние отступы */
}

.header-title {
width: 100%;
color: rgba(255, 255, 255, 1);
position: absolute;
top: 147px;
text-shadow: 27.93px 38.61px 43px rgba(0, 0, 0, 0.25);
font-family: Montserrat;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
font-size: 120px;
text-align: center; /* Центрирование текста внутри элемента */
}

.main-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #313131; /* Цвет фона для основного контейнера */
    padding: 20px;
}

.content-block {
    width: calc(50% - 200px); /* Учитываем отступы по 100px с каждой стороны */
    margin: 0 100px 20px 100px; /* Отступы: сверху и снизу 20px, слева и справа 100px */
    box-sizing: border-box;
}

.image-container {
    position: relative;
    border: 2px solid #ccc; /* Рамка вокруг изображения */
    padding: 10px; /* Отступ между рамкой и изображением */
    box-sizing: border-box;
}

.image {
    width: 100%;
    display: block;
	height: 600px; /* Устанавливаем высоту изображения */
    object-fit: cover; /* Сохраняем пропорции изображения, заполняя контейнер */
}

.overlay {
    position: absolute;
    top: 50%; /* Центрирование по вертикали */
    left: 50%; /* Центрирование по горизонтали */
    transform: translate(-50%, -50%); /* Смещение для точного центрирования */
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    color: #fff;
    text-align: center;
    padding: 10px;
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 50px;
    width: 80%; /* Ширина полосы */
}

.button-container {
    text-align: center;
    margin-top: 10px;
}

.button-link {
    display: block; /* Изменяем на block для полной ширины */
    width: 100%; /* Ширина кнопки равна ширине контейнера */
    padding: 10px 20px;
    background-color: #ffffff;
    color: #313131;
    text-decoration: none;
    border-radius: 0 20px 0 20px; /* Закругление с двух противоположных сторон */
    transition: background-color 0.3s;
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
}

.button-link:hover {
    background-color: #0056b3;
}

.reviews-section {
    display: flex;
    flex-direction: column; /* Расположение блоков друг под другом */
    width: 100%;
    background-color: #313131;
    opacity: 1;
    overflow: hidden;
    padding: 10px 0; /* Отступы сверху и снизу */
}

.reviews-section-title {
    background-color: #06214E;
    color: white; /* Белый текст */
    padding: 10px; /* Отступы */
    text-align: center; /* Центрирование текста */
    width: 100%;
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-size: 75px;
}

.reviews-section-description {
    color: white; /* Белый текст */
    padding: 10px;
    text-align: center;
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 30px;
	margin-left: 100px; /* Отступ слева */
	margin-right: 100px; /* Отступ справа */
}

.reviews-section-field-background {
    background-color: #06214E;
    padding: 10px;
    margin: 10px 0; /* Отступы сверху и снизу */
}

.reviews-section-field {
    background-color: white; /* Белый фон */
    padding: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    box-sizing: border-box; /* Учитывать отступы в ширине */
	margin-left: 100px; /* Отступ слева */
	margin-right: 100px; /* Отступ справа */
}
.reviews-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Расстояние между отзывами */
}

.review-item {
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Легкая тень для объема */
}

.review-title {
	font-family: Montserrat;
	font-weight: 600;
    font-size: 24px;
    font-weight: bold;
    color: #06214E;
    margin-bottom: 10px;
    text-align: center;
}

.review-description {
	font-family: Montserrat;
	font-weight: 600;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
}
.reviews-section-button-background {
    text-align: center; /* Центрирование кнопки */
    margin-top: 10px;
}

.reviews-section-button {
    display: inline-block;
    background-color: white; /* Белый фон */
    color: black; /* Черный текст */
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    padding: 10px 20px; /* Отступы */
    cursor: pointer; /* Указатель при наведении */
    text-decoration: none; /* Убрать подчеркивание */
	font-family: Montserrat;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 71px;
}

.news-section {
display: flex;
width: 100%;
height: 598px;
background: rgba(255,255,255,1);
opacity: 1;
overflow: hidden;
padding: 10px 0; /* Отступы сверху и снизу */
}

.news-section-left {
flex: 1;
display: flex;
flex-direction: column;
padding: 20px;
margin-left: 100px; /* Отступ слева */
}

.news-section-right {
flex: 1;
display: flex;
align-items: stretch;
margin-right: 100px; /* Отступ справа */
}

.news-title {
color: rgba(49,49,49,1);
font-family: Montserrat;
font-weight: 800;
font-size: 46px;
opacity: 1;
text-align: left;
margin-bottom: 20px;
}

.news-description {
color: rgba(49,49,49,1);
font-family: Montserrat;
font-weight: 600;
font-size: 30px;
opacity: 1;
text-align: left;
margin-bottom: 20px; /* Отрицательный отступ для перекрытия */
margin-right: -300px; /* Отрицательный отступ для перекрытия */
}

.news-banner {
width: 100%;
background: url("/bitrix/templates/profpolimer/css/../images/index/News.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
overflow: hidden;
}

.banner-background {
width: 100%;
background: rgba(49,49,49,1);
padding: 15px 22px;
margin: 10px 0;
opacity: 1;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none; /* Убирает подчеркивание ссылки */
}

.banner-text {
color: rgba(255,255,255,1);
font-family: Montserrat;
font-weight: 600;
font-size: 71px;
opacity: 1;
text-align: center;
}

.consultant-section {
display: flex;
width: 100%;
background: #CEC5BC;
opacity: 1;
overflow: hidden;
padding: 10px 0; /* Отступы сверху и снизу */
}

.consultant-section-image {
    width: calc(100% - 200px); /* Учитываем отступы */
    height: 856px; /* Задаем фиксированную высоту */
    background: url("/bitrix/templates/profpolimer/css/../images/index/Consultant.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    margin: 100px; /* Отступы со всех сторон */
    overflow: hidden;
}

.consultant-section-title {
	color: rgba(255,255,255,1);
	font-family: Montserrat;
	font-weight: 800;
	font-size: 61px;
    margin: 30px 0; /* Отступы сверху и снизу */
	margin-left: 50px; /* Отступ слева */
}

.consultant-section-description {
	color: rgba(255,255,255,1);
	font-family: Montserrat;
	font-weight: 600;
	font-size: 30px;
    margin: 30px 0; /* Отступы сверху и снизу */
	margin-left: 50px; /* Отступ слева */
}

.input-container {
	color: rgba(255,255,255,1);
	display: flex;
	flex-direction: column;
}

.gradient-input {
	color: rgba(255,255,255,1);
	height: 85px;
	padding: 10px;
	margin: 10px 0px;
	border: none;
	border-radius: 5px;
	background: linear-gradient(to right, #D9D9D9, #06214E);
	color: #000;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 30px;
	margin-left: 50px; /* Отступ слева */
	margin-right: 600px; /* Отступ слева */
}
.gradient-input::placeholder {
	color: rgba(255,255,255,1);
	font-family: Montserrat;
	font-weight: 600;
	font-size: 30px;
}

.submit-button {
    background-color: #fff; /* Белый фон */
    color: #000; /* Цвет текста */
    padding: 10px 20px; /* Отступы */
    border-radius: 5px; /* Закругленные углы */
    font-family: Montserrat;
    font-weight: 600;
    font-size: 30px;
    border: none; /* Убираем рамку */
    cursor: pointer; /* Курсор в виде руки */
    margin-top: 20px; /* Отступ сверху */
    margin-left: 50px; /* Отступ слева */
    margin-right: 600px; /* Отступ справа */
    height: 85px; /* Высота кнопки, чтобы соответствовать полям ввода */
    /*background: linear-gradient(to right, #D9D9D9, #06214E); /* Градиентный фон */
}

/* Общие стили для мобильных устройств */
@media (max-width: 768px) {
    .advantages {
        flex-direction: column;
        align-items: center;
        padding: 10px;
    }

    .advantage-item {
        width: 90%;
        margin: 10px 0;
    }

    .main-container {
        flex-direction: column;
        padding: 10px;
    }

    .content-block {
        width: 90%;
        margin: 10px 0;
    }

    .image {
        height: auto; /* Убираем фиксированную высоту */
    }

    .overlay {
        font-size: 24px;
        width: 90%;
    }

    .header-image {
        height: 200px; /* Уменьшаем высоту для мобильных устройств */
        background-size: cover; /* Убедитесь, что изображение масштабируется */
    }

    .header-title {
        font-size: 48px;
        top: 100px;
    }

    .button-link {
        font-size: 18px;
        padding: 8px 16px;
    }

consultant-section-image {
        margin: 50px;
        height: auto; /* Автоматическая высота для адаптации */
    }

    .consultant-section-title,
    .consultant-section-description {
        font-size: 48px; /* Уменьшаем размер шрифта */
        margin-left: 20px;
    }

    .gradient-input,
    .submit-button {
        font-size: 24px; /* Уменьшаем размер шрифта */
        margin-left: 20px;
        margin-right: 20px; /* Уменьшаем отступы справа */
    }

.news-section {
        flex-direction: column; /* Переключаемся на вертикальное расположение */
        height: auto; /* Автоматическая высота для адаптации */
    }

    .news-section-left,
    .news-section-right {
        margin-left: 20px;
        margin-right: 20px;
    }

    .news-title {
        font-size: 36px; /* Уменьшаем размер шрифта */
    }

    .news-description {
        font-size: 24px; /* Уменьшаем размер шрифта */
        margin-right: 0; /* Убираем отрицательный отступ */
    }

    .banner-text {
        font-size: 50px; /* Уменьшаем размер шрифта */
    }

.reviews-section-title {
        font-size: 60px; /* Уменьшаем размер шрифта */
    }

    .reviews-section-description {
        font-size: 24px; /* Уменьшаем размер шрифта */
        margin-left: 50px;
        margin-right: 50px;
    }

    .reviews-section-field {
        margin-left: 50px;
        margin-right: 50px;
    }

    .reviews-section-button {
        font-size: 50px; /* Уменьшаем размер шрифта */
    }

}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {

    .header-image {
        height: 200px; /* Уменьшаем высоту для мобильных устройств */
        background-size: cover; /* Убедитесь, что изображение масштабируется */
    }
    .header-title {
        font-size: 36px;
        top: 80px;
    }

    .overlay {
        font-size: 20px;
    }

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

.consultant-section {
        flex-direction: column; /* Переключаемся на вертикальное расположение */
        align-items: center;
    }

    .consultant-section-image {
        margin: 20px;
        width: 100%; /* Занимаем всю ширину */
        height: auto;
    }

    .consultant-section-title,
    .consultant-section-description {
        font-size: 36px; /* Ещё больше уменьшаем размер шрифта */
        margin-left: 10px;
    }

    .gradient-input,
    .submit-button {
        font-size: 18px; /* Ещё больше уменьшаем размер шрифта */
        margin-left: 10px;
        margin-right: 10px; /* Ещё больше уменьшаем отступы справа */
    }

.news-section-left,
    .news-section-right {
        margin-left: 10px;
        margin-right: 10px;
    }

    .news-title {
        font-size: 28px; /* Ещё больше уменьшаем размер шрифта */
    }

    .news-description {
        font-size: 18px; /* Ещё больше уменьшаем размер шрифта */
    }

    .banner-text {
        font-size: 36px; /* Ещё больше уменьшаем размер шрифта */
    }

 .reviews-section-title {
        font-size: 48px; /* Ещё больше уменьшаем размер шрифта */
    }

    .reviews-section-description {
        font-size: 20px; /* Ещё больше уменьшаем размер шрифта */
        margin-left: 20px;
        margin-right: 20px;
    }

    .reviews-section-field {
        margin-left: 20px;
        margin-right: 20px;
    }

    .review-title {
        font-size: 20px; /* Уменьшаем размер шрифта */
    }

    .review-description {
        font-size: 14px; /* Уменьшаем размер шрифта */
    }

    .reviews-section-button {
        font-size: 36px; /* Ещё больше уменьшаем размер шрифта */
    }

}
/* End */
/* /bitrix/templates/profpolimer/css/index.css?174475719317295 */