/*********************************************
 * CTA Section
**********************************************/
.vii-cta-section {background:var(--vii-color-light-gray);}
.vii-cta-section__content {
    --vii-spacing-heading:8px;
    padding:var(--vii-spacing-64) 20px;
}
.vii-cta-section__content:before {
    content:""; position:absolute; z-index:1; bottom:0; right:0;
    background-image:var(--vii-pattern-white); background-repeat:no-repeat;
    max-width:638px; width:100%; min-width:470px; aspect-ratio:631/209; opacity:0.4;
}
.vii-cta-section__content-inner {max-width:553px;}
.vii-cta-section__image-bg:before {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 41.96%, rgba(0, 0, 0, 0.4) 70.98%);}

/*********************************************
 * CTA Section Responsive
**********************************************/
@media only screen and (min-width:769px) {
    .vii-cta-section {min-height:540px; padding-top:var(--vii-spacing-80); padding-bottom:var(--vii-spacing-80); padding-right:var(--vii-gap-side);}
    .vii-cta-section__content {width:55.2%; max-width:758px; min-height:381px; padding-left:var(--vii-spacing-48); border-radius:8px;}
}

@media only screen and (min-width:1921px) {
    .vii-cta-section {min-height:700px;}
}

@media only screen and (max-width:768px) {
    .vii-cta-section__image-bg {position:static; width:100%; aspect-ratio:16/9;}
    .vii-cta-section__content {width:100%;}
    .vii-cta-section__content:before {width:70%;}
    .vii-cta-section__content br {display:none;}

}