/******************************************
 * Feature Highlights
******************************************/
/* item */
.vii-feature-highlights__item {
    --item-scroll:1;
    --scale-min:0.8;
    padding-left:var(--vii-gap-side); padding-right:var(--vii-gap-side);
}
.vii-feature-highlights__inner {opacity:var(--item-scroll); transform:scale(calc((1 - var(--scale-min)) * var(--item-scroll) + var(--scale-min)))}
.vii-feature-highlights__image {aspect-ratio:1;}
.vii-feature-highlights__item-content p:has(img), .vii-feature-highlights__icon {
    width:96px; aspect-ratio:1; font-size:48px; color:var(--vii-color-dark);
}
.vii-feature-highlights__icon i {line-height:1}
.vii-feature-highlights__item-content p:has(img) {
    display:flex; align-items:center; justify-content:center;
    background:#fff; padding:24px; border-radius:50%; overflow:hidden;
}
.vii-feature-highlights__item-content p:has(img) img {margin-bottom:0 !important;}
.vii-feature-highlights__icon + .vii-feature-highlights__item-content {padding-top:var(--vii-spacing-32);}

@media only screen and (min-width:769px) {
    /* column size */
    .vii-feature-highlights__col.image {width:49%;}
    .vii-feature-highlights__col.content {width:51%;}

    /* image position */
    .image-position-right .vii-feature-highlights__inner {flex-direction:row-reverse;}
    .image-position-right .vii-feature-highlights__col.content {padding-right:var(--vii-gap-container)}
    .image-position-left .vii-feature-highlights__col.content {padding-left:var(--vii-gap-container)}
    .vii-feature-highlights.has-animation .image-position-left .vii-feature-highlights__col-inner {
        max-width:546px; margin-left:auto;
    }

    /* Layout simple */
    .vii-feature-highlights.layout-simple .vii-feature-highlights__col.image {width:55.36%;}
    .vii-feature-highlights.layout-simple .vii-feature-highlights__col.content {width:44.64%;}
}

/* layout 1 item */
.vii-feature-highlights:not(:has(.vii-feature-highlights__item:nth-child(2))) .vii-feature-highlights__item {padding-top:var(--vii-spacing-72)}

/* item has animation */
.vii-feature-highlights.has-animation .vii-feature-highlights__item-content {max-width:508px;}

/* Layout simple */
.vii-feature-highlights.layout-simple {display:flex; flex-direction:column; gap:var(--vii-spacing-48)}
.vii-feature-highlights.layout-simple .vii-feature-highlights__item {padding-top:0; padding-bottom:0;}
.vii-feature-highlights.layout-simple .vii-feature-highlights__item:not(:first-child) .vii-feature-highlights__inner {
    padding-top:var(--vii-spacing-48); border-top:1px solid var(--vii-color-light-gray-7);
}
.vii-feature-highlights.layout-simple .vii-feature-highlights__image {aspect-ratio:774/458}
.vii-feature-highlights.layout-simple .vii-feature-highlights__item-content {--vii-spacing-paragraph:var(--vii-spacing-24);}

/******************************************
 * Feature Highlights - Responsive
******************************************/
@media only screen and (max-width:1180px) {
    .vii-feature-highlights__icon {width:72px; font-size:36px;}
    .vii-feature-highlights__icon + .vii-feature-highlights__item-content {padding-top:24px;}
}
@media only screen and (max-width:768px) {
    .vii-feature-highlights__inner {flex-direction:column;}
    .vii-feature-highlights__col {width:100%;}
    .vii-feature-highlights__col.image {margin-bottom:28px;}

    .vii-feature-highlights.has-animation .vii-feature-highlights__col {max-width:520px; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:480px) {
    .vii-feature-highlights__icon {width:60px; font-size:30px;}
}