.cards-3-across {
    --color-text: var(--white);
	--color-bg: var(--blue-007);
}

.cards-3-across:not(.cards-4-across) .slide > .inner {
    background: var(--color-bg);
}

.cards-3-across .slide .img-cont {
    margin-bottom: 0;
}

.cards-3-across .slide .content-section {
    padding: 30px;
}

.cards-3-across .slide .slide-title,
.cards-3-across .slide .slide-title a {
    font-size: var(--text-lg);
    color: var(--color-text);
    line-height: 1.2;
}

.cards-3-across .slide p {
    color: var(--color-text);
    font-size: 15px;
}


.cards-3-across .slide .slide-title a .fas {
    font-size: 21px;
    color: var(--blue-007);
    margin-left: 5px;
    line-height: 1;
    display: inline-flex;
}

@media screen and (min-width: 40em) {
    .cards-3-across .slide .content-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
}

@media screen and (min-width: 64em) {
    .cards-3-across .slides {
        gap: 28px;
        padding: 0px 24px;
    }
  
    .cards-3-across .slide .content-section > .inner {
        gap: 14px;
    }
    .cards-3-across .slide .slide-title,
    .cards-3-across .slide .slide-title a {
        font-size: var(--text-2xl);
    }

    .cards-3-across .slide .slide-title a .fas {
        font-size: 21px;
        color: var(--blue-007);
        margin-left: 5px;
        line-height: 1;
        display: inline-flex;
    }
    .cards-3-across .slide p {
        font-size: var(--text-lg);
        line-height: 1.6;
    }
}