.fce-card-slider .fce-cs-sin-slide {
    /* width: 430px; */
    min-width: calc( ( 100% / 3 ) - ( 32px / 3 ) );
    margin-right: 16px;
    height: auto;
    /* aspect-ratio: 208 / 280; */
    min-height: 578px;
    max-height: calc( 100vh - 20px );
}

.fce-card-slider.slide-on-scroll .fce-cs-sin-slide{
    margin-right: 0;
}

.fce-card-slider.lib-carousel .fce-cs-sin-slide {
    min-width: auto;
    margin-right: 0;
}

.fce-card-slider .fce-cs-sin-s-link{
    background-color: var(--bagels-bright_color_a_500);
    width: 100%;
    height: 100%;
    display: block;
}

.fce-card-slider .fce-cs-ss-1 {
    padding: var(--spc-xl);
}

.fce-card-slider .fce-cs-ss-description{
    margin-top: var(--spc-md);
}

.fce-card-slider .fce-cs-ss-img{
    /* width: 270px; */
    max-width: 96%;
    bottom: 0;
    right: 0;
    opacity: 0;

    /* remove me */ 
    /* opacity: 1; */
}

.fce-card-slider.no-read-more .fce-cs-ss-img{
    max-width: 100%;
}

.fce-card-slider .owl-carousel .owl-stage-outer{
    overflow: visible;
}

.fce-card-slider .owl-carousel .owl-dots{
    margin-top: 15px;
}

.fce-card-slider .fce-cs-in-show-content{
    opacity: 0;
    pointer-events: none;
}



.fce-card-slider.trans-exp-cards .fce-cs-ss-plus{
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    font-size: 30px;
}

.fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active .fce-cs-ss-plus{
    bottom: -60px;
}

.fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active .fce-cs-in-show-content{
    opacity: 0;
    pointer-events: none;
}

.fce-card-slider .fce-cs-dots {
    margin-top: 15px;
}

.fce-card-slider .fce-cs-ss-title-section {
    margin-bottom: 245px;
}

.fce-card-slider .fce-cs-ss-bs-link :is(.bagels-pseudo-theme-button, .bagels-theme-button) :is(.bptb-1, .btb-1) {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media (min-width: 992px) {
    .fce-card-slider .fce-cs-sin-s-link:hover {
        background-color: var(--bagels-bright_color_a_800);
    }

    .fce-card-slider .fce-cs-sin-s-link:hover .fce-cs-ss-img{
        opacity: 1;
    }

    .fce-card-slider.slide-on-scroll .fce-cs-1 {
        display: flex;
        /* width: max-content; */
        gap: 16px;
    }

    .fce-card-slider.slide-on-scroll .fce-cs-sin-slide {
        /* flex-shrink: 0; */
    }

    .fce-card-slider.no-read-more .fce-cs-sin-s-link:hover .fce-cs-ss-bs-link .bptb-1 {
        opacity: 0;
        pointer-events: none;
    }

    .fce-card-slider.lib-carousel .fce-cs-sin-slide {
        display: grid;
    }
}

@media (min-width: 1921px) {
    :root{
        --blur-gap: 10px;
    }

    .fce-card-slider .fce-cs-1 .owl-stage-outer:before,
    .fce-card-slider .fce-cs-1 .owl-stage-outer:after {
        position: absolute;
        content: "";
        height: calc( 100% + 100px );
        top: 50%;
        transform: translateY(-50%);
        width: calc( ( 1920px - 1320px - var(--blur-gap) ) / 2 );
        z-index: 2;
        pointer-events: none;
        /* backdrop-filter: saturate(100%) blur(20px); */
    }

    .fce-card-slider .fce-cs-1 .owl-stage-outer:before {
        right: calc( 100% + var(--blur-gap) );
    }

    .fce-card-slider .fce-cs-1 .owl-stage-outer:after {
        left: calc( 100% + var(--blur-gap) );
    }
}

@media (max-width: 1439px) {
    .fce-card-slider .fce-cs-sin-slide{
        /* aspect-ratio: 208 / 220; */
    }

    .fce-card-slider .fce-cs-ss-img{
        max-width: 80%;
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        /* aspect-ratio: 208 / 293; */
    }

    .fce-card-slider .fce-cs-sin-slide{
        min-height: 572px;
    }
}

@media (max-width: 1279px) {
    .fce-card-slider.slide-on-scroll .fce-cs-sin-slide{
        min-width: calc( ( 100% / 2 ) - ( 16px / 2 ) );
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        /* aspect-ratio: 208 / 310; */
    }

    .fce-card-slider .fce-cs-sin-slide{
        min-height: 550px;
    }

    .fce-card-slider .fce-cs-ss-title-section {
        margin-bottom: 195px;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        /* aspect-ratio: 208 / 220; */
    }

    .fce-card-slider .fce-cs-sin-slide{
        min-height: 595px;
    }

    .fce-card-slider .fce-cs-ss-title-section {
        margin-bottom: 315px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        /* aspect-ratio: 4 / 5; */
    }

    .fce-card-slider .fce-cs-sin-slide{
        min-height: 587px;
    }

    .fce-card-slider .fce-cs-ss-title-section {
        margin-bottom: 257px;
    }
}

@media (max-width: 1199px) {
    .fce-card-slider .fce-cs-sin-slide .fce-cs-ss-img{
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .fce-card-slider .fce-cs-sin-s-link:active {
        /* background-color: var(--bagels-bright_color_a_400); */
    }

    .fce-card-slider .fce-cs-sin-slide.expanded .fce-cs-sin-s-link:active,
    .fce-card-slider .fce-cs-sin-slide.active .fce-cs-sin-s-link:active {
        background-color: var(--bagels-bright_color_a_800);
    }

    .fce-card-slider .fce-cs-sin-slide:active .fce-cs-ss-img{
        opacity: 1;
    }

    .fce-card-slider .fce-cs-ss-description{
        display: none;
    }
    
    .fce-card-slider .fce-cs-sin-slide .fce-cs-ss-img{
        opacity: 1;
    }

    .fce-card-slider .fce-cs-ss-1{
        flex-direction: column-reverse;
    }

    .fce-card-slider .fce-cs-ss-bottom-section{
        display: none;
    }

    .fce-card-slider .fce-cs-ss-1 {
        padding: var(--spc-lg);
    }
    

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide:active .fce-cs-ss-img{
        opacity: 0;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        min-width: 8.97vw;
        max-width: 8.97vw;
        /* aspect-ratio: 35/341; */
        aspect-ratio: unset;
        height: 63.4vh;
        margin-right: 7px;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide:last-child{
        margin-right: 0;
    }
    
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active{
        min-width: 64.35vw;
        max-width: 64.35vw;
        /* aspect-ratio: 251/341; */
    }

    .fce-card-slider.trans-exp-cards .fce-cs-1 {
        margin-left: calc( var( --bagels-pg-margin ) * -1 );
        margin-right: calc( var( --bagels-pg-margin ) * -1 );
        padding-left: var( --bagels-pg-margin );
        padding-right: var( --bagels-pg-margin );
        display: flex;
        /* overflow-x: auto; */
        overflow: hidden;
        /* Enables horizontal scrolling while hiding vertical overflow */
    }

    .fce-card-slider .fce-cs-ss-title-section{
        margin-bottom: 0;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-in-hid-content{
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-ss-img{
        max-width: none;
        width: 58vw;
        right: -50px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active .fce-cs-ss-img{
        width: 64.35vw;
        right: 0;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active .fce-cs-in-hid-content{
        opacity: 1;
        pointer-events: all;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-ss-title .bagels-heading .bh-1{
        font-size: var(--fs-2xl);
        line-height: var(--lh-2xl);
        white-space: nowrap;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-in-show-content{
        opacity: 1;
        pointer-events: all;
    }

    /* .fce-card-slider.trans-exp-cards .fce-cs-sin-slide .fce-cs-ss-img{
        max-width: 91%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } */

    .fce-card-slider.no-read-more .fce-cs-sin-s-link:active .fce-cs-ss-bs-link .bptb-1 {
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 499px) {
    .fce-card-slider.trans-exp-cards .fce-cs-1 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        height: 51.2vh;
        width: 35px;
        border-radius: 5px;
        min-height: auto;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active{
        min-width: 67vw;
        max-width: 67vw;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-ss-img{
        width: 210px;
        bottom: unset;
    }

    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active .fce-cs-ss-img{
        width: 67vw;
    }
    
    .fce-card-slider.trans-exp-cards .fce-cs-ss-title .bagels-heading .bh-1 {
        font-size: var(--fs-lg);
        line-height: var(--lh-lg);
    }

    .fce-card-slider.trans-exp-cards .fce-cs-ss-1 {
        padding: var(--spc-md);
    }

    .fce-card-slider.trans-exp-cards .fce-cs-ss-plus{
        font-size: 20px;
        bottom: 8px;
    }
    
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide.active .fce-cs-ss-plus{
        bottom: -30px;
    }
}

@media (min-width: 992px) and (max-height: 699px) {
    .fce-card-slider img.fce-cs-ss-img{
        display: none;
    }
    
    .fce-card-slider.trans-exp-cards .fce-cs-sin-slide{
        height: auto;
        aspect-ratio: auto;
        /* width: 330px; */
    }

    .fce-card-slider .fce-cs-ss-bottom-section {
        margin-top: 60px;
    }

    .fce-card-slider .fce-cs-sin-slide{
        min-height: auto;
    }

    .fce-card-slider.slide-on-scroll .fce-cs-sin-slide{
        height: auto !important;
    }
    
    .fce-card-slider .fce-cs-ss-title-section{
        margin-bottom: 0;
    }

    .fce-card-slider.no-read-more .fce-cs-ss-bs-link .bptb-1 {
        opacity: 1 !important;
        pointer-events: all !important;
    }
}