/* Page Components - Card Slider v2 */

section.card-slider-v2 { overflow-x: clip; background-position: center center; overflow: hidden; }
section.card-slider-v2:after { content: ""; position: absolute; width: 1200px; height: 90%; right: -18%; bottom: -16%; z-index: 2; background-image: url('../../assets/images/dna-blur-pattern-opt.png'); background-size: contain; pointer-events: none; background-repeat: no-repeat; }
section.card-slider-v2 h3 { margin-bottom: 2rem; }
section.card-slider-v2 .row { position: relative; z-index: 3; }
section.card-slider-v2 .countries-container { margin: 4rem 0; }
section.card-slider-v2 .countries-row { display: flex; flex-wrap: wrap; gap: 2rem 4rem; margin: 2rem 0; }
section.card-slider-v2 .countries-row .country img { margin-bottom: 1rem; }
section.card-slider-v2 .countries-row .country p { text-transform: uppercase; letter-spacing: 0.056rem; margin-bottom: 0; line-height: 1.5; }
.card-slider-v2-swiper { padding-bottom: 3rem; width: 100%; }
.card-slider-v2-swiper .swiper-slide { max-width: 34rem; opacity: 0.6; transition: var(--global-transition); box-sizing: border-box; margin-right: 40px; }
.card-slider-v2-swiper .swiper-slide.swiper-slide-active { opacity: 1; }
.card-slider-v2-swiper .swiper-slide .card-container { padding: 0.833rem; box-sizing: border-box; background-color: var(--accent-quaternary); border: 1px solid var(--darker-gray); border-radius: 0.833rem; }
.card-slider-v2-swiper .swiper-slide .image-container { position: relative; padding-bottom: 46%; overflow: hidden; border-radius: 0.556rem; }
.card-slider-v2-swiper .swiper-slide .image-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; object-position: center center; width: 100%; height: 100%; }
.card-slider-v2-swiper .swiper-slide .content-container { padding: 1.389rem;     display: flex; justify-content: space-between; }
.card-slider-v2-swiper .swiper-slide .content-container h4 { margin-bottom: 0; }
.card-slider-v2-swiper .swiper-slide .navigation-container {
    --swiper-navigation-color: var(--secondary);
    --swiper-navigation-size: 0.8rem;
    position: relative;
    opacity: 0;
    transition: var(--global-transition);
}
.card-slider-v2-swiper .swiper-slide.swiper-slide-active .navigation-container { opacity: 1; }
.card-slider-v2-swiper .swiper-slide .navigation-container .swiper-button-prev { left: unset; right: 4rem; }
.card-slider-v2-swiper .swiper-slide .navigation-container .swiper-button-next:after,
.card-slider-v2-swiper .swiper-slide .navigation-container .swiper-button-prev:after { font-family: var(--icon-family); content: "\ea29"; }
.card-slider-v2-swiper .swiper-slide .navigation-container .swiper-button-prev:after { transform: rotate(180deg); }
.card-slider-v2-swiper .swiper-pagination {
    --swiper-pagination-color: var(--white);
    --swiper-pagination-bottom: 0;
    --swiper-pagination-top: unset;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-width: 0.722rem;
    --swiper-pagination-bullet-height: 0.722rem;
    --swiper-pagination-bullet-horizontal-gap: 0.417rem;

    text-align: left;
}
.card-slider-v2-swiper .swiper-pagination .swiper-pagination-bullet { border: 1px solid var(--white); }
.card-slider-v2-swiper .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; }


@media (max-width: 1200px) {
    section.card-slider-v2:after { opacity: 0.5; right: -22%; width: 1000px; }
}
@media (max-width: 650px) {
    section.card-slider-v2:after { right: -50%; }
    section.card-slider-v2 .countries-row .country { max-width: 100px; }
    .card-slider-v2-swiper .swiper-slide .content-container { padding-left: 0.5rem; }
}
@media (max-width: 320px) {
    section.card-slider-v2 .countries-row .country { max-width: 100%; }
}