/* Page Components - Card Slider v1 */

section.card-slider-v1 { overflow-x: clip; }
.card-slider-v1-swiper-container { margin-top: 2rem; }
.card-slider-v1-swiper { padding-bottom: 3rem; width: 100%; }
.card-slider-v1-swiper .swiper-slide { max-width: 34rem; opacity: 0.6; transition: var(--global-transition); box-sizing: border-box; margin-right: 40px; height: auto; }
.card-slider-v1-swiper .swiper-slide.swiper-slide-active { opacity: 1; }
.card-slider-v1-swiper .swiper-slide .card-container { padding: 0.833rem; box-sizing: border-box; background-color: var(--white); border: 1px solid var(--darker-gray); border-radius: 0.833rem; height: 100%; }
.card-slider-v1-swiper .swiper-slide .image-container { position: relative; padding-bottom: 46%; overflow: hidden; border-radius: 0.556rem; }
.card-slider-v1-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-v1-swiper .swiper-slide .heading-container { padding: 1.389rem; padding-top: 1.8rem; display: flex; justify-content: space-between; padding-bottom: 0; gap: 1rem; margin-bottom: 0.75rem; }
.card-slider-v1-swiper .swiper-slide .heading-container h3 { margin-bottom: 0; flex: 1 1 auto; }
.card-slider-v1-swiper .swiper-slide .navigation-container {
    --swiper-navigation-color: var(--secondary);
    --swiper-navigation-size: 0.8rem;

    position: relative; opacity: 0; transition: var(--global-transition); flex: 1 0 auto; width: 5.5rem;
}
.card-slider-v1-swiper .swiper-slide.swiper-slide-active .navigation-container { opacity: 1; }
.card-slider-v1-swiper .swiper-slide .navigation-container .swiper-button-prev { left: unset; right: 4rem; }
.card-slider-v1-swiper .swiper-slide .navigation-container .swiper-button-next:after,
.card-slider-v1-swiper .swiper-slide .navigation-container .swiper-button-prev:after { font-family: var(--icon-family); content: "\ea29"; }
.card-slider-v1-swiper .swiper-slide .navigation-container .swiper-button-prev:after { transform: rotate(180deg); }
.card-slider-v1-swiper .swiper-slide .content-container { padding: 1.389rem; padding-top: 0; }
.card-slider-v1-swiper .swiper-pagination {
    --swiper-pagination-color: var(--darker-gray);
    --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.278rem;

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


@media (max-width: 800px) {
    .card-slider-v1-swiper .swiper-slide .navigation-container { width: 5rem; }
    .card-slider-v1-swiper .swiper-slide .navigation-container .swiper-button-prev { right: 3.5rem; }
}
@media (max-width: 650px) {
    .card-slider-v1-swiper .swiper-slide .heading-container,
    .card-slider-v1-swiper .swiper-slide .content-container { padding-left: 0.5rem; }
}