.five-col-img-button-content {
    margin-top: 11px;
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: 200;

}
.five-col-img-carousel-pagination{
    position: static;
    margin-top: 30px;
}
.five-col-img-carousel-pagination .swiper-pagination-bullet{
    border-color: var(--e-global-color-primary)!important;
}
.five-col-img-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--e-global-color-primary)!important;
}
.five-col-img-carousel-wrapper{
    position: relative;
    padding: 0 50px;
}

.five-col-img-carousel-prev,
.five-col-img-carousel-next{
    background-image: url('../../assets/images/icons/icon-arrow-left.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.five-col-img-carousel-next{
    transform: rotate(180deg);
}
.five-col-img-carousel-wrapper .swiper-button-prev::after,
.five-col-img-carousel-wrapper .swiper-button-next::after{
    display: none;
}
.five-col-img-carousel-wrapper .swiper-button-next,
.five-col-img-carousel-wrapper .swiper-button-prev {
    top: 30%;
    width: calc(var(--swiper-navigation-size)/ 44 * 20);
}

@media screen and (max-width: 1199px){
    .gx-4{
        --bs-gutter-x: 1rem;
    }
}
@media screen and (max-width: 991px){
    .row-cols-md-5 > *{
        width: 33.33%;
    }
    .gy-3{
        --bs-gutter-y: 2rem;
    }
}
@media screen and (max-width: 767px){
    .row-cols-md-5 > *{
        width: 50%;
    }
}
@media screen and (max-width: 575px){
    .row-cols-md-5 > *{
        width: 100%;
    }
}