/*********************************************
 * CTA Section
**********************************************/
.vii-cta-section-wrapper {min-height:414px;}

/* bg image */
.vii-cta-section__background::before {
    content:"";
    position:absolute;inset:0;z-index:1;
    background-color:#2d2218;
    mix-blend-mode:multiply;
}

/* content */
.vii-cta-section__image {max-width:532px;aspect-ratio:532 / 352;}
.vii-cta-section__right {
    max-width:calc(568px + 2 * var(--vii-gap-container));
    padding:var(--vii-gap-container);
}
.vii-cta-section.no-image .vii-button-group {justify-content:center;}


/*********************************************
 * CTA Section Responsive
**********************************************/
@media only screen and (min-width:1700px) {
    .vii-cta-section-wrapper {min-height:25vw;}
    .vii-cta-section__image {max-width:30vw;}
    .vii-cta-section__right {max-width:39vw;}
}
@media only screen and (max-width:1180px) {
    .vii-cta-section__image {max-width:400px;}
    .vii-cta-section__right {width:100%;}
}
@media only screen and (max-width:1024px) {
    .vii-cta-section__image {max-width:340px;}
    .vii-cta-section__right {max-width:calc(568px + 2 * var(--vii-gap-container));}
}
@media only screen and (max-width:1023px) {
    .vii-cta-section-wrapper {min-height:auto;}
    .vii-cta-section__content-wrapper {flex-direction:column-reverse;}
    .vii-cta-section__left {height:unset;width:100%;display:block;}
    .vii-cta-section__right {
        text-align:center;
        padding:calc(2 * var(--vii-gap-container)) var(--vii-gap-container);
    }
    .vii-cta-section .vii-button-group {justify-content:center;}
}
@media only screen and (max-width:768px) {
    .vii-cta-section__image {max-width:290px;}
}
@media only screen and (max-width:480px) {
    .vii-cta-section .vii-button-group [class*="btn_"] {
        min-height:54px;
        padding:5px 12px;
    }
}