.ccl-widget.callout-tiles-3-across {
    margin-bottom: 38px;
}

.ccl-widget.callout-tiles-3-across .slides {
    gap: var(--space-5);
}

.ccl-widget.callout-tiles-3-across .slide .img-cont::after {
    background: rgba(0,0,0,0.4);
}

.ccl-widget.callout-tiles-3-across .slide .content-section {
    flex-direction: column;
    gap: 9px;
}

.callout-tiles-3-across .slide .content-section .slide-title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: var(--font-weight-black);
    filter: drop-shadow(2px 4px 10px rgba(0,0,0,0.7));
    line-height: 1.2;
    letter-spacing: .1em;
}

.callout-tiles-3-across .slide .content-section .yellow-underline {
    width: 67px;
    height: 7px;
    position: relative;
}

.callout-tiles-3-across .slide .content-section .yellow-underline:before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url('/includes/public/assets/shared/wave-line-yellow.svg');
   background-size: auto;
   background-repeat: no-repeat;
}

@media(min-width: 64em) {
    .ccl-widget.callout-tiles-3-across {
        margin-bottom: 60px;
    }

    .ccl-widget.callout-tiles-3-across .slides {
        max-width: 1200px;
        gap: 35px;
        padding: 0 17px;
    }
    .callout-tiles-3-across .slide .content-section .slide-title {
        font-size: 30px;
    }

    .callout-tiles-3-across .slide .content-section .yellow-underline {
        width: 84px;
        height: 9px;
    }

    .ccl-widget.callout-tiles-3-across .slide .content-section {
        gap: 10px;
    }
}