/*********************************************
 * Image with Content
**********************************************/
.vii-image-content {--ic-spacing-image-content:115px;}
.vii-image-content__col {width:50%;}
.vii-image-content__image {background-image:none;}

/* Video */
.vii-image-content__video video {
    width:100%; aspect-ratio:1; object-fit:contain; display:block;
    transform:scale(1.18);
}
.vii-image-content.is-video {--ic-spacing-image-content:var(--vii-gap-container);}
.vii-image-content.is-video .vii-image-content__content {max-width:495px;}

/* ellipse background */
.vii-image-content[class*="vii-bg"] {
    --vii-radius-ellipse:90%;
    clip-path:ellipse(var(--vii-radius-ellipse) 100% at 50% 100%);
}

@media only screen and (min-width:768px) {
    .image-left .vii-image-content__col.content {padding-left:var(--ic-spacing-image-content);}
    .image-right .vii-image-content__col.content {padding-right:var(--ic-spacing-image-content);}
    .image-right .vii-image-content__inner {flex-direction:row-reverse;}

    /* Style image bottom */
    .image-align-bottom .vii-image-content__col.content {width:45%;}
    .image-align-bottom .vii-image-content__col.content {margin-top:var(--ic-spacing-content-top);}
    .image-align-bottom .vii-image-content__col.image {
        width:55%;
        display:flex; align-items:flex-end;
    }
}

/* Style image center */
.image-align-center .vii-image-content__image {
    padding-top:67%; position:relative; min-height:250px;
    border-radius:10px; overflow:hidden;
}
.image-align-center .vii-image-content__image img {position:absolute; inset:0;}
.image-align-center .vii-image-content__col.content {--vii-spacing-heading:15px;}

/* Style image bottom */
.image-align-bottom {
    --vii-radius-ellipse:90%;
    --ic-spacing-image-content:50px;
    --ic-spacing-content-top:75px;
    width:var(--vii-100vw); margin-left:calc(-1 * var(--vii-gap-side));
    padding:var(--vii-spacing-default) var(--vii-gap-side) 0;
}
.image-align-bottom.image-right {
    --ic-spacing-content-top:35px;
    padding-top:0;
}
.image-align-bottom.image-left .vii-image-content__inner {margin-left:-55px; margin-right:-40px;}
.image-align-bottom .vii-image-content__col.content {padding-bottom:var(--vii-spacing-40);}

/* Style full height */
.image-align-full-height {
    overflow:hidden;
    width:var(--vii-100vw); margin-left:calc(-1 * var(--vii-gap-side));
    padding:0 var(--vii-gap-side);
}
.image-align-full-height[class*="vii-bg"] {--vii-radius-ellipse:150%;}
.image-align-full-height .vii-image-content__inner {
    min-height:570px;
    justify-content:flex-end; position:relative;
}
.image-align-full-height .vii-image-content__col.content {padding-top:var(--vii-spacing-60); padding-bottom:var(--vii-spacing-60);}
.image-align-full-height .vii-image-content__col.image {position:absolute; bottom:-35px;}
.image-align-full-height.image-left .vii-image-content__col.image {left:0;}
.image-align-full-height.image-right .vii-image-content__col.image {right:0;}

/* Style full image */
.image-align-full-image {
    --ic-spacing-image-content:35px;
    margin-left:-15px;
}
.image-align-full-image .vii-image-content__col.image {width:56%; padding-right:65px;}
.image-align-full-image .vii-image-content__col.content {
    --vii-spacing-heading:10px;
    width:44%;
}

/* Masking */
.vii-image-content.image-align-mask {
    --vii-radius-ellipse:104%;
    --ic-mask-pos:52vw 34%; --ic-mask-size:clamp(280px, 40vw, 530px);
    overflow:hidden; position:relative;
    width:var(--vii-100vw); margin-left:calc(-1 * var(--vii-gap-side));
    padding:0 var(--vii-gap-side);
}
.image-align-mask .vii-image-content__inner {display:block; padding:100px 0;}
.image-align-mask .vii-image-content__col.image {
    position:absolute; top:0; left:0; right:0; bottom:0; width:100%;
    mask-image:url(../images/soa-pin.svg);
    -webkit-mask-image:url(../images/soa-pin.svg);
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:var(--ic-mask-pos); mask-position:var(--ic-mask-pos);
    -webkit-mask-size:var(--ic-mask-size);
}
.image-align-mask .vii-image-content__image {height:100%; width:68%; margin-left:auto;}

/*********************************************
 * Image with Content Responsive
**********************************************/
@media only screen and (max-width:1439px) {
    .vii-image-content {--ic-spacing-image-content:80px;}

    /* Style full image */
    .image-align-full-image {--ic-spacing-image-content:var(--vii-gap-container);}
    .image-align-full-image .vii-image-content__col.image {padding-right:var(--vii-gap-container);}
}
@media only screen and (max-width:1180px) {
    .vii-image-content, .image-align-bottom {--ic-spacing-image-content:var(--vii-gap-container);}

    /* Style image bottom */
    .image-align-bottom[class*="vii-bg"] {--vii-radius-ellipse:105%;}
    .image-align-bottom, .image-align-bottom.image-right {padding-top:0;}
    .image-align-bottom.image-left .vii-image-content__inner {margin-left:calc(-1 * var(--vii-gap-container)); margin-right:0;}

    /* Style full height */
    .image-align-full-height .vii-image-content__inner {min-height:400px;}

    /* Style full image */
    .image-align-full-image {
        margin-left:0;
        --ic-spacing-image-content:20px;
    }

    /* Masking */
    .vii-image-content.image-align-mask {
        --vii-radius-ellipse:120%;
        --ic-mask-pos:52vw 39%;
    }
}
@media only screen and (max-width:767px) {
    .vii-image-content__inner {flex-direction:column-reverse;}
    .vii-image-content__col {width:100%;}
    .vii-image-content__col.content {margin-bottom:25px;}

    /* Videos */
    .vii-image-content__video {max-width:500px; margin:0 auto calc(-1 * var(--vii-spacing-40));}
    .vii-image-content__video video {transform:scale(1);}

    /* Style image center */
    .image-align-center .vii-image-content__image {padding-top:56.25%;}

    /* Style image bottom */
    .image-align-bottom[class*="vii-bg"] {--vii-radius-ellipse:150%; padding-top:var(--vii-spacing-default);}
    .image-align-bottom.image-left .vii-image-content__inner {margin-left:0; margin-right:0;}
    .image-align-bottom .vii-image-content__image {max-width:500px; margin-left:auto; margin-right:auto;}
    .image-align-bottom .vii-image-content__col.content {padding-bottom:0;}
    .image-align-bottom .vii-image-content__col.content br {display:none;}

    /* Style full height */
    .image-align-full-height .vii-image-content__inner {min-height:300px;}
    .image-align-full-height .vii-image-content__col.image {display:none;}
    .image-align-full-height .vii-image-content__col.content {margin-bottom:0;}

    /* Style full image */
    .image-align-full-image {margin-left:0;}
    .image-align-full-image .vii-image-content__col.content,
    .image-align-full-image .vii-image-content__col.image {width:100%;}
    .image-align-full-image .vii-image-content__col.image {padding-right:0;}
    .image-align-full-image .vii-image-content__image {max-width:450px; margin:auto;}

    /* Masking */
    .vii-image-content.image-align-mask {
        --vii-radius-ellipse:180%;
        --ic-mask-pos:center bottom;}
    .image-align-mask .vii-image-content__inner {padding:0 0 var(--vii-spacing-60);}
    .image-align-mask .vii-image-content__col.image {position:relative; height:200px; margin-bottom:var(--vii-spacing-35);}
    .image-align-mask .vii-image-content__col.content {margin-bottom:0;}
    .image-align-mask .vii-image-content__image {width:100%;}
}