.callout-tiles-v2-3-across .widget-title {
    font-size: 2.75rem;
}

.callout-tiles-v2-3-across .widget-subtitle {
    font-size: 1.0625rem;
}

.callout-tiles-v2-3-across .widget-desc {
    font-size: 0.875rem;
}

.callout-tiles-v2-3-across.ccl-v2-widget .widget-inner {
    gap: 38px;
}

.callout-tiles-v2-3-across .slide::after {
    content: '';
    pointer-events: none;
    display: block;
    background-image: url(/includes/public/assets/shared/green-angles/green-angle-one.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 105%;
    width: 110%;
    position: absolute;
    top: -14px;
    left: -5%;
}

.callout-tiles-v2-3-across .slide:nth-child(2)::after {
    transform: rotate(180deg);
    top: 4px;
    left: -4%;
    width: 108%;
}

.callout-tiles-v2-3-across .overlap-image .content-section .slide-title {
    font-size: 1.5rem;
}

.callout-tiles-v2-3-across .slide-top .credits {
    bottom: 7%;
    right: 6%;
}

@media screen and (min-width: 375px) {
    .callout-tiles-v2-3-across .widget-title {
        font-size: 3rem;
        line-height: 1.1;
    }
}

@media screen and (min-width: 40em) {
    .callout-tiles-v2-3-across .slide::after {
        width: 106%;
    }

    .callout-tiles-v2-3-across .slide:nth-child(1)::after {
        left: -5%;
    }

    .callout-tiles-v2-3-across .slide:nth-child(2)::after {
        left: -2%;
    }

    .callout-tiles-v2-3-across .slide:nth-child(3)::after {
        left: -3%;
    }

    .callout-tiles-v2-3-across .slide-top .credits {
        bottom: 2%;
        right: 4%;
    }

}

@media screen and (min-width: 760px) {
    .callout-tiles-v2-3-across .slide-top .credits {
        bottom: 6%;
        right: 6%;
    }
}

@media screen and (min-width: 64em) {
    .callout-tiles-v2-3-across .widget-inner {
        gap: 20px;
    }

    .ccl-v2-widget:is( .callout-tiles-v2-3-across ) .widget-subtitle {
        font-size: 1.25rem;
    }

    .callout-tiles-v2-3-across .widget-title {
        font-size: 65px
    }

    .callout-tiles-v2-3-across .slides {
        gap: 40px;
    }

    .callout-tiles-v2-3-across .slide::after {
        height: 105%;
        width: 110%;
    }

    .callout-tiles-v2-3-across .slide:nth-child(2)::after {
        transform: rotate(180deg);
        top: 4px;
        left: -4%;
        width: 108%;
    }
}


