.card-block > *,
.card-block__text > *{
    margin: 0;
}

.card-block{
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 20px;
    justify-items: flex-start;
}

.card-block a{
    height: fit-content;
    text-align: left;
}

.card-block a:not(.btn){
    margin: auto;
}

.card-block .btn.btn-primary-inverse::after, 
.btn.btn-primary-inverse__white::after{
    position: unset;
    display: inline-block;
    transform: unset;
    -webkit-transform: unset;
    margin-left: 5px;
}

.card-block__text{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.card-grid .splide__slide {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}

.splide:has(.card-grid){
    padding-top: 30px;
}

.card-grid .splide__slide,
.splide--desktop .splide__slide{
    padding-bottom: 30px;
}

.gray-bg .card-block{
    background-color: #ffffff;
    padding: 15px;
}

.card-block.card-block--transparent{
    background-color: transparent;
}

.section-title > p{
    text-align: left;
}

@media screen and (max-width: 991px) {
    .card-grid .splide__slide,
    .splide .section-title, 
    .splide--desktop .splide__slide{
        padding-inline: 30px;
    }
    .splide__track:has(.card-grid){
        padding-bottom: 50px;
    }
    
}

@media screen and (min-width: 992px) {
    .splide.is-initialized .card-grid.splide__list{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 30px;
    }
    .splide:has(.card-grid){
        /* padding-top: 100px; */
        padding-top: auto;
    }
    .card-grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, auto);
    }
    .card-grid .splide__slide{
        padding-bottom: 100px;
    }
}

@media screen and (min-width: 1200px) {
    .splide.is-initialized .narrower .card-grid.splide__list{
        column-gap: 30px;
    }
}
@media screen and (min-width: 1600px) {
    .splide.is-initialized .card-grid.splide__list{
        column-gap: 100px;
    }
}
/* CARD GRID 4 COLUMNS */
.light-blue-bg{
    background-color: #d7e3ed;
}

.light-gray{
    background-color: #f0f0f0;
}

.light-blue-bg .card-grid .card-block{
    background-color: #ffffff;
    padding: 20px;
}

@media screen and (min-width: 992px) {
    .splide.is-initialized .card-grid--4.splide__list {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 10px;
    }
}

/* CARD GRID 7 COLUMNS */
@media screen and (min-width: 992px) {
    .splide.is-initialized .card-grid--7.splide__list {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 10px;
    }
}

@media screen and (min-width: 1600px) {
    .splide.is-initialized .card-grid--7.splide__list {
        grid-template-columns: repeat(7, 1fr);
    }
}

/* DESKTOP SLIDER */
.splide--desktop.has-padding {
    padding-block: 50px;
}
.splide--desktop .card-block{
    padding: 25px;
}
@media screen and (max-width: 991px) {
    .splide--desktop .card-block{
        background-color: #ffffff;
    }
}
@media screen and (min-width: 992px) {
    .splide--desktop.light-blue-bg .splide__slide:has(.card-block){
        background-color: #ffffff;
    }
    .splide--desktop.has-padding {
        padding-block: 100px;
    }
}

/* CARD GRID TWO ROWS */
.splide.is-initialized .card-grid.two-rows .card-block{
    padding: 20px;
    background-color: white;
}
.card-grid.two-rows .card-block__image{
    width: 100%;
    margin: auto;
}
@media screen and (min-width: 992px) {
    .splide.is-initialized .card-grid.two-rows.splide__list{
        grid-template-columns: repeat(4, 1fr);
        column-gap: 2px;
    }

    .splide.is-initialized .card-grid.two-rows.splide__list.G2{
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2px;
    }



}

