/* Start:/local/templates/gazprom/components/bitrix/news.list/departments/style.css?17787488527299*/
/* Стили для контейнера с департаментами */
.departments-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Стили для отдельного департамента */
.department-item {
    width: calc(100% / 7 - 20px);
    /* 7 - количество колонок, 20px - отступы между колонками */
    margin: 10px;
    /* Отступы между колонками */
    text-align: center;
}

/* Стили для кнопки департамента */
.department-button {
    color: #002C55;
    text-align: center;
    font-family: HeliosCondC;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    width: 100%;
    height: 160px;
    padding: 10px;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
}

.department-button:hover,
.department-button:focus {
    background-color: #fff;
    border: 1.5px solid #E8E8E8;
    /* Возвращаем рамку при ховере */
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);
    /* Возвращаем тень при ховере */
}

/* Стили для активного состояния кнопки */
.department-button.active {
    border: 1.5px solid #E8E8E8;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);
}

/* Стили для иконки департамента */
.department-icon {
    max-width: 60%;
    height: auto;
}

/* Стили для заголовка, текста и слайдера */
.department-title {
    margin-bottom: 10px;
    color: #002C55;
    font-family: HeliosCondC;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.department-text,
.content .department-text p {
    font-family: Helioscondc;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    color: #002c55;
}

/* Стили для слайдера */
.department-slider {
    margin: 40px 0; /* Отступы сверху и снизу */
}

.department-slider .slick-slide {
    margin: 0 10px; /* Отступы между слайдами */
}

.department-slider .slick-slide img {
    height: 130px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px; /* Закругленные углы */
}

.department-slider .slick-slide.slick-center img{
    height: 160px; /* Увеличенная высота центрального слайда */
}

/* Стили для стрелочек слайдера */
.department-slider .slick-prev:before,
.department-slider .slick-next:before {
    content: "";
}

/* Стили для стрелочек слайдера */
.department-slider .slick-prev,
.department-slider .slick-next {
    width: 30px; /* Размер иконки стрелочек */
    height: 30px; /* Размер иконки стрелочек */
    position: absolute; /* Позиционируем относительно родителя */
    top: 40%; /* Выравниваем по вертикали */
    transform: translateY(-50%); /* Выравниваем по вертикали */
    background: none; /* Убираем стандартный фон */
    border: none; /* Убираем границу */
    padding: 0; /* Убираем внутренние отступы */
    cursor: pointer; /* Изменяем курсор при наведении */
}

.department-slider .slick-prev {
    left: -30px; /* Положение стрелки "влево" */
    background-image: url('/local/templates/gazprom/custom_img/svg/arrow_back_left.svg'); /* Путь к SVG файлу */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    background-size: contain; /* Масштабируем SVG под размер элемента */
}

.department-slider .slick-next {
    right: -30px; /* Положение стрелки "вправо" */
    background-image: url('/local/templates/gazprom/custom_img/svg/arrow_back_right.svg'); /* Путь к SVG файлу */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    background-size: contain; /* Масштабируем SVG под размер элемента */
}

.department-slider .slick-prev:hover {
    background-image: url('/local/templates/gazprom/custom_img/svg/arrow_back_left.svg'); /* Путь к SVG файлу */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    background-size: contain; /* Масштабируем SVG под размер элемента */
    width: 35px; /* Размер иконки стрелочек */
    height: 35px; /* Размер иконки стрелочек */
}

.department-slider .slick-prev:focus {
    background-image: url('/local/templates/gazprom/custom_img/svg/arrow_back_left.svg'); /* Путь к SVG файлу */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    background-size: contain; /* Масштабируем SVG под размер элемента */
    width: 30px; /* Размер иконки стрелочек */
    height: 30px; /* Размер иконки стрелочек */
}

.department-slider .slick-next:hover {
    background-image: url('/local/templates/gazprom/custom_img/svg/arrow_back_right.svg'); /* Путь к SVG файлу */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    background-size: contain; /* Масштабируем SVG под размер элемента */
    width: 35px; /* Размер иконки стрелочек */
    height: 35px; /* Размер иконки стрелочек */
}

.department-slider .slick-next:focus {
    background-image: url('/local/templates/gazprom/custom_img/svg/arrow_back_right.svg'); /* Путь к SVG файлу */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    background-size: contain; /* Масштабируем SVG под размер элемента */
    width: 30px; /* Размер иконки стрелочек */
    height: 30px; /* Размер иконки стрелочек */
}


/* Стили для блока с информацией о департаменте */
#department-info-container {
    margin-bottom: 60px;
    width: 100%;
    padding: 10px;
}

@media (max-width: 1024px) {
    .department-name  {
        font-size: 70%;
    }
}

/* Медиа-запросы для адаптации под мобильные устройства */
@media (max-width: 768px) {
    .department-item {
        width: calc(50% - 20px);
        /* 1 колонка, 20px - отступы между колонками */
    }
	.department-icon {
		max-width: 30%;
	}
	.department-name  {
        font-size: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .department-item {
        width: 100%;
        /* 1 колонка без отступов */
    }
}
/* End */
/* /local/templates/gazprom/components/bitrix/news.list/departments/style.css?17787488527299 */