/* swiper content overflow */
    .swiper-overflow-container {
        overflow-x: hidden; /* prevent horizontal scroll */
    }

    .swiper-overflow-container .container {
        overflow: visible; /* if your container has overflow by default */
    }

    .swiper-overflow-container .swiper {
        overflow: visible; /* remove swiper container overflow */
    }
    /* PREV NEXT BTN */
    /* --> Font awesome prev next button
    .swiper-button-next.theme::after, .swiper-rtl .swiper-button-prev.theme::after {
        content: "\f061";
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
    }
    
    .swiper-button-prev.theme::after, .swiper-rtl .swiper-button-prev.theme::after {
        content: "\f060";
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
    }
    
    .swiper-button-next.theme::after, .swiper-button-prev.theme::after {
      font-size: 24px;
    }
    
    .swiper-button-next.theme, .swiper-button-prev.theme {
      color: #f00;
    }
    /*

    /* --> SVG prev next button */

    .swiper-button-next.theme::after, .swiper-rtl .swiper-button-prev.theme::after {
        content: url(arrow-next.svg) !important;
    }
    
    .swiper-button-prev.theme::after, .swiper-rtl .swiper-button-prev.theme::after {
        content: url(arrow-prev.svg) !important;
    }