.cards-slider{
    padding: 150px 0;
}

.cards-slider__container{
    display: flex;
    flex-direction: column;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.cards-slider__heading-wrapper{
    display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}
.cards-slider__heading{
    display: flex;
    justify-content: center;
    margin: 0;
    line-height: 1;
}

.cards-slider__tiles{
    display: flex;
    padding: 0;
    position: static;
	width: 100%;
    --slidePadding: 0.5em;
}
.cards-slider__tiles.slick-initialized{
    display:block;
}
.cards-slider .slick-list {
    overflow:visible;
    padding:0px var(--slidePadding) !important;
}
.cards-slider__tiles.slick-initialized .slick-slide {
    margin: var(--slidePadding);
    height:auto;
}

.cards-slider__tile{
    display: flex!important;
    flex-shrink:0;
    border: 1px solid #000000;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.cards__tile{
    border: 1px solid #000000;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.cards-slider__tile:not(:has(.cards-slider__tile__link)){
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.cards-slider__tile__link{
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    width: 100%;
}

.cards-slider__tile__link,
.cards-slider__tile__link:hover{
    text-decoration: none;
}



.cards-slider__tile--white{
    background-color: #FFFFFF;
}
.cards-slider__tile--black{
    background-color: #000000;
}

.cards-slider__tile__toggle{
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all .2s ease-in-out;
    z-index: 2;
    appearance: none;
    background: none;
}
.cards-slider__tile:has(.cards-slider__tile__overlay.active) .cards-slider__tile__toggle{
    transform: rotate(-135deg);
}

.cards-slider__tile__image{
    display:flex;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    flex-grow: 1;
/*     cursor:pointer; */
}

.cards-slider__tile__image::before{
    content:'';
    padding-bottom:calc(100% / var(--aspect-ratio));
    float:left;
}

.cards-slider__tile__heading{
    display: flex;
	flex-direction: column;
	justify-content: center;
    padding-block: 10px 12px;
    padding-inline:30px;
    min-height:4.3em;
}

.cards-slider__tile__heading h4{
    text-wrap:balance;
    margin:0;
}
.cards-slider__tile__heading p {
    margin:0;
}

.cards-slider__tile__heading:hover{
    text-decoration: none;
    cursor: pointer;
}

.cards-slider__tile__overlay{
    /* position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    /* width: 101%; */
    /* height: 101%; */
    width:100%;
    border-radius: 30px;
    min-height:100%;
    padding-block:20px 25px;
    padding-inline:30px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    text-decoration: none !important;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: opacity .3s ease-in-out, visibility 0s linear 0.3s; 
    overflow: auto;
    visibility:hidden;
}
.cards-slider__tile.touch-active .cards-slider__tile__overlay{
    background: rgba(0, 0, 0, .8);
}
.cards-slider__tile__overlay.active{
    opacity: 1;
    visibility:visible;
    transition: opacity .3s ease-in-out, visibility 0s linear 0s; 
}
.cards-slider__tile__overlay * {
    cursor:initial;
}

.cards-slider__tile__overlay p{
    text-wrap: balance;
}
.cards-slider__tile__overlay p:last-child{
    margin-bottom:0;
}
.cards-slider__tile.touch-active .cards-slider__tile__overlay span{
    opacity: 1;
}

.cards-slider__tile__overlay .tfl-btn--secondary{
    --button-secondary-border-size: 0.75px;
    --button-secondary-border-color: #FFFFFF;
}


.cards-slider .ctas__container{
    margin: 0;
    margin-top:auto;
}

/* @media only screen and (min-width: 1367px){  
    .cards-slider__tiles--x4 .cards-slider__tile__overlay{
        padding: 32px 28px;
    }
} */

/* @media only screen and (max-width: 1366px){  
    .cards-slider__tile__heading {
        padding: 27px 34px;
    }
    
    .cards-slider__tiles--x4{
        grid-template-columns: repeat(2, minmax(0, 50%));
    }
    .cards-slider__tile__overlay {
        padding-inline:45px 65px;
        padding-block:40px;
    }
}

@media only screen and (max-width: 1200px){  
    .cards-slider__container{
        display: flex;
        flex-direction: column;
    }
    
    .cards-slider__tiles {
        grid-template-columns: repeat(2, minmax(0, 50%));
    }
    
    .cards-slider__tile__heading h4 {
        grid-template-columns: 40px minmax(0, 240px);
    }
    
    .cards-slider__heading-wrapper,
    .cards-slider__tiles,
    .cards-slider__text{   
        grid-column-start: 1;
        grid-column-end: 17;
    }
}

@media only screen and (max-width: 768px){  
    .cards-slider__tile__heading__wrapper{
        justify-content: flex-start;
    }
} */

/*@media only screen and (max-width: 700px){  
/*    .cards-slider__tiles {
/*        grid-template-columns: repeat(1, minmax(0, 100%));
/*    }
/*    
/*    .cards-slider__tile__image {
/*        /* min-height: 250px; */
/*    }
/*    
/*    .cards-slider__tile__heading h4 {
/*        grid-template-columns: 40px auto;
/*    }
/*}*/