/*********************************************
 * About Banner
**********************************************/
body.has-sticky-banner { /* padding-top:0; */}
.vii-sticky-banner-child {position:relative;}
.vii-banner__rips-image {margin-top:-200px;}

.vii-blog-banner {
    --bottom-height:15vh;
    padding-bottom:var(--bottom-height);
    padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);
}

.vii-blog-banner__content {max-width:740px; margin:0 auto;}
.vii-blog-banner__content p:first-child {--vii-spacing-heading:5px;}
.vii-blog-banner__image {
    /* position:absolute; */ /* bottom:50px; */ /* left:0; */ width:100%;
    aspect-ratio:1196/429; height:40vh; max-height:460px; margin:0 auto;
}
.vii-blog-banner__image > div {height:100%;}

.vii-blog-banner__mobile-image {max-width:260px; margin-bottom:30px;}
.vii-blog-banner__mobile-image img {width:100% !important;}

/*********************************************
 * About Banner Responsive
**********************************************/
@media only screen and (max-width:1023px) {
    .vii-blog-banner {--bottom-height:120px;}
}
@media only screen and (max-width:767px) {
    .vii-blog-banner__content > * {text-align:left !important;}
    .vii-blog-banner__image {display:none;}
    .vii-blog-banner__mobile-image.hidden {display:block;}
}