.section--gallery {
    position: relative;
    padding-bottom: clamp(3.75rem, 1.5196rem + 9.1503vw, 12.5rem);
}


.swiper-pagination.swiper-pagination-gallery {
    width: calc(110% + clamp(1.5rem, -0.0294rem + 6.2745vw, 7.5rem) - 40px);
    margin-right: 40px;
}

.slider-gallery {
    position: relative;
    width: calc(110% + clamp(1.5rem, -0.0294rem + 6.2745vw, 7.5rem) - 40px);
    margin-right: 40px;
    overflow: hidden;
}
.slider-gallery:before,
.slider-gallery:after {
    content: '';
    width: 20%;
    pointer-events: none;
    z-index: 4;
    top: 0;
    bottom: 0;
    position: absolute;
}
.slider-gallery:before {
    left: -10px;
    background: linear-gradient(to right, rgba(0,2,41,0.7) 0%, rgba(0,2,41,0) 100%);
}
.slider-gallery:after {
    right: -10px;
    background: linear-gradient(to right, rgba(0,2,41,0) 0%, rgba(0,2,41,1) 100%);
}
.slider-gallery .swiper-slide {
    width: 70%;
    position: relative;
    overflow: hidden;
    direction: rtl;
}
.slider-gallery .swiper-slide:before {
    content: '';
    padding-top: 68%;
    display: block;
}
.slider-gallery .swiper-slide img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;

}

.swiper-pagination.swiper-pagination-gallery {
    position: static;
    bottom: auto;
    left: 0;
    right: 0;
    margin-top: 20px;
    text-align: center;
    justify-content: center;
}
.swiper-pagination.swiper-pagination-gallery .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    margin: 0 clamp(0.25rem, 0.1863rem + 0.2614vw, 0.5rem);
    width: 0.5rem;
    height: 0.5rem;
}
.swiper-pagination.swiper-pagination-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #2AFFE2;
}

@media (max-width: 1199px) {
    .section--gallery .container {
        padding: 0;
    }
    .section--gallery .col-xl-4 {
        padding-left: 40px;
        margin-left: clamp(1.5rem, -0.0294rem + 6.2745vw, 7.5rem);
        margin-right: clamp(1.5rem, -0.0294rem + 6.2745vw, 7.5rem);
    }
    .section--gallery h2,
    .section--gallery .h2  {
        margin-left: clamp(1.5rem, -0.0294rem + 6.2745vw, 7.5rem);
        margin-right: clamp(1.5rem, -0.0294rem + 6.2745vw, 7.5rem);
    }
    .slider-gallery {
        width: 100%;
        margin-right: 0;
        overflow: visible;
    }
    .slider-gallery .swiper {
        overflow: visible;
    }

    .swiper-pagination.swiper-pagination-gallery.swiper-pagination-horizontal {
        width: 100%;
        margin-right: 0;
    }

}