/* Основной блок */
.security-block {
    width: 100%;
}

/* Заголовок блока */
.security-block .security-block-title {
    font-size: 48px;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 100%;
    margin-bottom: 40px;
    font-family: 'SourceSerif4_36pt-Medium', serif;
}

/* Описание блока */
.security-block .security-block-description {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 137%;
    margin-bottom: 20px;
}

/* Контейнер свайпера */
.security-block .gallery-swiper-container .gallery-swiper {
    height: auto;
}

/* При больших экранах маска отключается */
@media (min-width: 967px) {
    .security-block .gallery-swiper-container .gallery-swiper {
        mask: none;
    }
}

/* Обёртка слайдов (flex-сетка) */
.security-block .gallery-swiper-container .gallery-swiper .swiper-wrapper {
    flex-wrap: wrap;
    counter-reset: num 0;
    gap: 30px;
    margin: 60px 0;
}

/* Каждый слайд */
.security-block .gallery-swiper-container .gallery-swiper .gallery-swiper-slide {
    position: relative;
    margin-right: 0 !important;
    max-width: calc(100% / 4 - 30px);
}

/* Нумерация (круг с цифрой) */
.security-block .gallery-swiper-container .gallery-swiper .gallery-swiper-slide::before {
    content: counter(num);
    counter-increment: num 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #00A769;
    background-size: contain;
    background-repeat: no-repeat;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
}

/* Содержимое слайда */
.security-block .gallery-swiper-container .gallery-swiper .security-block-slide {
    background: #F4EFEA;
    border-radius: 30px;
    padding: 35px 50px 35px 35px;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 137%;
}

/* Навигация (скрыта по умолчанию) */
.security-block .gallery-swiper-container .swiper-wrapper-nav {
    display: none;
}

@media (max-width: 1800px) {
    .security-block .gallery-swiper-container .gallery-swiper .security-block-slide {
        font-size: 28px;
    }
}
@media (max-width: 1600px) {
    .security-block .gallery-swiper-container .gallery-swiper .gallery-swiper-slide {
        max-width: calc(100% / 3 - 30px);
    }
}
/* Адаптация до 968px (планшеты и мобильные) */
@media (max-width: 968px) {
    .security-block .security-block-title {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .security-block .security-block-description {
        font-size: 18px;
    }

    .security-block .gallery-swiper-container .gallery-swiper .swiper-wrapper {
        flex-wrap: nowrap;
        margin: 0;
    }

    .security-block .gallery-swiper-container .gallery-swiper .gallery-swiper-slide {
        max-width: 100%;
    }

    /* Скрываем нумерацию на мобильных */
    .security-block .gallery-swiper-container .gallery-swiper .gallery-swiper-slide::before {
        display: none;
    }

    .security-block .gallery-swiper-container .gallery-swiper .security-block-slide {
        font-size: 18px;
        padding: 50px 70px 50px 20px;
        mask: none;
    }

    /* Показываем навигацию на мобильных */
    .security-block .gallery-swiper-container .swiper-wrapper-nav {
        display: block;
    }

    /* Пагинация */
    .security-block .gallery-pagination {
        position: static;
        color: black;
    }
	.security-block .gallery-swiper-container {
        margin-bottom: 20px;
    }
}