/* Custom styling form carousel */

.swiper {
    /*clip-path: inset( -100vw -100vw -100vw 0 );*/ /* Clips the left side of the overflow */
}


/*.swiper-slide {*/
    /* This guarantees that all the cards are the same height*/
    /*height: auto !important;
}

    .swiper-slide > div.card {*/
        /* Guarantees that the cards takes up entire space -- same height on all cards*/
        /*max-height: 45vh;
        height: 100%;
    }*/

.swiper-slide {
    height: auto !important;
}

    .swiper-slide div.card {
        height: 100%;
    }

.swiper-pagination-bullet {
    border-radius: unset !important;
    width: 2rem !important;
    height: .15em !important;
}
@media screen and (max-width: 576px) {
    .swiper {
        clip-path: unset;
    }
}

@media screen and (min-width: 997px) {
    /* If the slide is not show all, hide them (used in swipers that only show current and next)  */
    .swiper-slide:not(.show-all) {
        /* hide all slide */
        visibility:hidden;
        opacity: 0;
        transition: opacity .2s ease-in;
    }

    .swiper-slide-next:not(.show-all),
    .swiper-slide-active:not(.show-all) {
        /* only the current slide and the next slide should be shown */
        visibility: visible;
        opacity: 1;
    }
}

/*@media screen and (min-width: 576px) and (max-width: 997px) {*/
    /* If the slide is not show all, hide them (used in swipers that only show current and next)  */
    /*.swiper-slide:not(.show-all) {*/
        /* hide all slide */
        /*visibility: unset;
        opacity: unset;
        transition: unset;
    }

    .swiper-slide-next:not(.show-all),
    .swiper-slide-active:not(.show-all) {*/
        /* only the current slide and the next slide should be shown */
        /*visibility: visible;
        opacity: 1;
    }
}*/



.swiper-button-prev,
.swiper-button-next {
    color: white !important;
    text-shadow: 0px 0px 1.5em black;
    transition: all .3s ease;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    background: white !important;
}


/*@media (min-width: 992px) {
    .swiper-card {
        max-width: 42rem;*/ /* This is the same size as the left pane */
    /*}
}*/