/*********************************************
 * CTA Section
**********************************************/
.bb-cta-section {
    min-height:clamp(448px, 36.8vw, 530px);
    padding:var(--bb-spacing-85) var(--bb-gap-side);
}

/* content */
.bb-cta-section__content .heading_1 {line-height:1;}

/* image */
@media only screen and (min-width:481px) {
    .bb-cta-section__image-bg:before {
        background:linear-gradient(0deg, #06132d 0%, rgba(6, 19, 45, 0) 100%);
        opacity:0.5; z-index:1; pointer-events:none;
    }
}
.bb-cta-section__image-bg img.image-mobile {display:none;}


/*********************************************
 * CTA Section in footer
**********************************************/
.site-footer .bb-cta-section {
    --bb-size-h2:var(--bb-size-45);
    background:rgba(0, 0, 0, 0); margin-top:calc(-1 * var(--bb-spacing-85));
}
.site-footer .bb-cta-section:before {
    content:""; z-index:2;
    width:var(--bb-container); max-width:calc(var(--bb-100vw) - 2 * var(--bb-gap-container)); height:2px; background:var(--bb-color-primary);
    position:absolute; bottom:0; left:50%; transform:translateX(-50%);
}
.site-footer .bb-cta-section .bb-cta-section__content {max-width:635px; margin-left:auto; margin-right:auto;}
.site-footer .bb-cta-section h2, .site-footer .bb-cta-section .heading_2 {line-height:1;}
@media only screen and (min-width:1560px) {
    .site-footer .bb-cta-section:before {width:1640px;}
}


/*********************************************
 * CTA Section Responsive
**********************************************/
@media only screen and (max-width:480px) {
    .bb-cta-section {overflow:hidden;}
    .bb-cta-section__content:before {
        content:""; z-index:0;
        position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
        width:calc(100% + 2 * var(--bb-gap-container)); height:120%; background:var(--bb-color-dark-blue);
        filter:blur(45px); opacity:.7; pointer-events:none;
    }
    .bb-cta-section__content > * {position:relative; z-index:1;}

    /* Show mobile image */
    .bb-cta-section.has-background-image-mobile .bb-cta-section__image-bg img {display:none;}
    .bb-cta-section.has-background-image-mobile .bb-cta-section__image-bg img.image-mobile {display:block;}
}