img {
    user-select: none; /* Запретить выделение */
    pointer-events: none; /* Запретить взаимодействие с изображением */
}

.disable-select {
    -webkit-user-select: none; /* Для браузеров на Webkit (например, Safari) */
    -moz-user-select: none; /* Для Firefox */
    -ms-user-select: none; /* Для Internet Explorer/Edge */
    user-select: none; /* Стандартный стандарт */
}

.footer-top {
    background-color: #f0f0f0; /* Светло-серый цвет фона */
    padding: 20px 0; /* Отступы сверху и снизу */
}

.footer-logo {
    display: flex;
    align-items: center; /* Выравнивание по центру по вертикали */
}

.footer-logo p {
    margin-right: 10px; /* Отступ между текстом и логотипом */
    font-weight: bold; /* Полужирный текст */
}

.footer-text {
    text-align: center; /* Центрирование текста */
    margin: 10px 0; /* Отступы сверху и снизу текста */
}

.footer-social {
    text-align: center; /* Центрирование контейнера соцсетей */
    margin-top: 20px; /* Отступ сверху от текста */
}

.footer-social p {
    font-weight: bold; /* Полужирный текст для заголовка */
    margin-bottom: 10px; /* Отступ снизу заголовка */
}

.footer-social ul {
    list-style: none; /* Убираем маркеры у списка */
    padding: 0; /* Убираем внутренние отступы */
    display: flex; /* Используем флекс для выстраивания в линию */
    justify-content: center; /* Центрирование иконок */
}

.footer-social li {
    margin: 0 10px; /* Отступы между иконками */
}

.footer-social img {
    width: 24px; /* Ширина иконок */
    height: 24px; /* Высота иконок */
    transition: transform 0.3s; /* Плавный переход для эффекта наведения */
}

.footer-social img:hover {
    transform: scale(1.1); /* Увеличение иконки при наведении */
}

.card {
    width: 300px; /* Задайте желаемую ширину */
    height: 530px; /* Задайте желаемую высоту */
    overflow: hidden; /* Скрыть переполнение */
}

body {
    background: white;
}

/* Основные стили для слайдера */
.carousel-item {
    position: relative; /* Установите позиционирование для вложенного дива */
}

.slider-image-wrapper {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px; /* Скругление верхних углов */
    border-top-right-radius: 15px; /* Скругление верхних углов */
    height: 300px; /* Установите желаемую высоту */
    background-color: #f8f8f8; /* Цвет фона для области слайда */
    margin-bottom: 10px; /* Отступ снизу */
}

/* Тень под изображением */
.slider-shadow {
    position: absolute;
    bottom: -10px; /* Отступ от низа обертки */
    left: 0;
    right: 0;
    height: 5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Легкая тень */
    transition: opacity 0.5s ease-in-out; /* Плавное изменение */
}

/* Изображение */
.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Обеспечивает обрезку изображений по высоте */
    position: absolute; /* Позволяет изображению занимать всю область */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Центрирует изображение */
}

/* Затемняющие эффекты */
.carousel-item.active {
    opacity: 1;
    transition: opacity 0.5s ease-in-out; /* Плавный переход при переключении слайдов */
}

.carousel-item-next,
.carousel-item-prev {
    opacity: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    position: relative;
    opacity: 1;
    transform: translateX(0); /* Сбросить трансформацию */
    transition: transform 0.5s ease, opacity 0.5s ease; /* Плавное исчезновение и появление */
}

/* Задать направление слайдов */
.carousel-item-next {
    transform: translateX(100%); /* Сдвинуть следующее изображение вправо */
}

.carousel-item-prev {
    transform: translateX(-100%); /* Сдвинуть предыдущее изображение влево */
}

/* При активации, переместить элементы в центр */
.carousel-item-next.carousel-item-right {
    transform: translateX(0);
}

.carousel-item-prev.carousel-item-left {
    transform: translateX(0);
}

/* NEWS PAGE ITEM TAXONOMY */

.nencontainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start; /* Выравнивание по верхнему краю */
}

.block {
    background-color: #F8F9FA; /* Цвет фона блока */
    padding: 15px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Смягченная тень */
    flex: 1; /* Занять равное пространство */
}

.buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Размещение кнопок ближе к левому краю */
    margin-bottom: 15px; /* Отступ между кнопками и списком партнёров */
}

.location-button {
    background-color: #E1EDFD; /* Цвет кнопки */
    color: black;
    border: none;
    border-radius: 20px; /* Сильно скругленные края */
    padding: 10px 20px; /* Отступы для кнопки */
    font-size: 1.8em; /* Увеличенный размер шрифта */
    margin: 5px 0; /* Отступы между кнопками */
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание у текста кнопки */
    transition: background-color 0.3s;
}

.location-button:hover {
    background-color: #D1E1F1; /* Изменение цвета при наведении */
    text-decoration: none; /* Текст не выделяется */
}

.partner-list {
    margin-top: 10px; /* Отступ сверху для заголовка партнёров */
}

.left-block {
    /* Стили для левого блока */
}

.left-block a {
    font-size: 0.8em; /* Менький размер шрифта */
    padding: 2px 0; /* Уменьшенные отступы для плотного размещения */
}

.left-block ul {
    list-style-type: none; /* Убираем маркеры списка */
    padding: 0; /* Убираем отступы */
    margin: 0; /* Убираем лишние отступы */
}

.left-block li {
    margin-bottom: 4px; /* Уменьшенные отступы между элементами списка */
}

/* Адаптивные стили */
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Меняем направление на вертикальное на маленьких экранах */
    }
}

.rounded-gif {
    border-radius: 0 0 40px 40px; /* Закругление нижних углов */
    position: relative;
    overflow: hidden; /* Скрыть излишки */
}

.rounded-gif img {
    width: 100%;
    height: auto;
    display: block; /* Убирает пробелы под изображением */
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px; /* Высота градиента */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    pointer-events: none; /* Позволяет кликам проходить через градиент */
}