.cta-strip-left{padding: 30px 30px 30px 0;min-height: 120px;}
.cta-strip-left:after{content: '';width: 50vw;position: absolute;top: 0;right: 0;bottom: 0;background: var(--kal-blue);}
.cta-strip-left h2{font-size: 40px; line-height: 1; letter-spacing: -0.01em;color: var(--kal-white);margin-bottom: 0;}
.cta-strip-right{padding: 30px 0 30px 35px;}
.cta-strip-right h3{font-size: 25px;letter-spacing: -0.01em;color: var(--kal-black);margin-bottom: 0;}

.cta-strip-container.bg-white::before{content: '';width: calc(100vw + 30px); height: 1px;position: absolute;top: 0;left: -30px;background: var(--kal-grey);}
.cta-strip-container.bg-white::after{content: '';width: calc(100vw + 30px); height: 1px;position: absolute;bottom: 0;left: -30px;background: var(--kal-grey);}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .cta-strip-left{padding: 35px 30px 30px 4px;}
    .cta-strip-right{padding: 30px 0 30px 45px;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .cta-strip-left{padding: 25px 0;}
    .cta-strip-left h2{font-size: 35px;}
    .cta-strip-right{padding: 30px 0 25px 24px;}
    .cta-strip-right h3{font-size: 22px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .cta-strip-left{ min-height: auto;padding: 26px 30% 20px 45px;}
    .cta-strip-left h2{font-size: 30px;line-height: 0.9;}
    .cta-strip-left:after{left: -15px;width: 35.5vw;}
    .cta-strip-right{padding: 20px 0;}
    .cta-strip-right h3{font-size: 20px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    .cta-strip-container{background-color: var(--kal-blue)!important;padding: 22px 0 30px;}
    .cta-strip-left{padding: 0;margin-bottom: 5px;}
    .cta-strip-left h2{line-height: 1.2;}
    .cta-strip-left:after{display: none;}
    .cta-strip-right{padding: 0;gap: 12px;}
    .cta-strip-right h3{color: var(--kal-white);margin-bottom: 12px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}