/*********************************************
 * Image with Content > General
**********************************************/
.vii-images-content {
    --mask-dream-cloud:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NzEiIGhlaWdodD0iNjEzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNzcxIDYxMyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTc2MC4xODIgMTQ4LjM2M2MyOC4xMjggODAuODY3LTcuMjUyIDE0MS41NDQtMzEuNTI5IDE2Ny40ODQtMi41NDYgMi43Mi0zLjEzMSA2Ljc2Mi0xLjI5MSAxMC4wMDEgMjUuODg3IDQ1LjU3NSA2MC42NjMgMTMwLjE5Mi0zLjE4IDIwNi41MTUtNTQuNjkgNjUuMzgyLTE0NS4xMTkgNTAuOTI4LTE4Ni4zNDQgMzYuMTQ5LTMuMzg2LTEuMjEzLTcuMTgxLS4xMTItOS41MDUgMi42MzMtNjcuODQ1IDgwLjEyNi0xOTkuMjIyIDI1Ljg3OS0yMzkuNzUxLTIwLjMxMS0yLjY1OS0zLjAzMS03LjA0My0zLjk4Mi0xMC43OTMtMi40OTktMjMuNjI2IDkuMzM4LTc3LjMzMyAxNS42NDktMTQ3LjYwNy0yMy40NzItNzQuNDUzLTQxLjQ0OC04NC41OS0xMTkuMzUtODAuMTM5LTE1Ni41MTIuMzM3LTIuODA2LS43NTctNS42NDctMi44NzMtNy41MTktOTAuNjUzLTgwLjE3My0zMC42ODYtMTgyLjc0MiAxNC41My0xOTguODExIDUuMzItMS44OTEgOS4zNzEtNy45MTggOC40NDctMTMuNDg5LTQuNjMtMjcuODkzIDQuNTM0LTc4LjY4NCA2OS41MzUtMTI0LjY2OSA3MS4zNDktNTAuNDc1IDE0OC4wMzktOS44MjEgMTgyLjMyNiAyMC42NjggMy4wMyAyLjY5NCA3LjU5NCAyLjg3MiAxMC44MzguNDM5IDkzLjg0Ni03MC4zODUgMTg1LjM2OC0yMC4xOTIgMjIzLjM2OSAxNy4zNDggMi4xNjMgMi4xMzYgNS4yOTIgMi45NzcgOC4yMTYgMi4xNDYgNjUuNDQ0LTE4LjU5IDE2MC42MTEtMTcuMTMgMTk1Ljc1MSA4My44OTkiLz48L3N2Zz4=);
    --mask-cuddle-bubble:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3ODgiIGhlaWdodD0iNjI3IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNzg4IDYyNyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTcuNDM1IDE5MC41OTRDMzcuMTUgNzYuNDU2IDE0OC42NTIgNzguMzY2IDIxMC41MjEgOTUuODA4YzYuOTA1IDEuOTQ3IDE0LjM2NS0uNDg2IDE4Ljc2Ny02LjE1QzI5NyAyLjUyMSAzOTAuNzU4IDE1LjM4NyA0MzcuODIyIDM2LjI4NmM1LjUxIDIuNDQ2IDExLjkxOCAyLjA3MyAxNi45ODMtMS4xOTcgNzIuNzc3LTQ2Ljk5NCAxNzAuNjItNTcuMTY3IDIyNy4zNDkgMzUuMTggMzguMTMyIDYyLjA3NiAzMS43MDkgMTE4LjA5NyAxOS4yMTggMTQ5Ljk4Ni0zLjgwMyA5LjcwOC4xODQgMjEuNzg3IDkuMzA3IDI2LjgzMyAzOC45OTkgMjEuNTcyIDg5LjU4MyA3MS44OTMgNzQuNjM2IDE1NS41MDMtMTYuNDg4IDkyLjIzLTEyNy4zMTkgMTIxLjc3NS0xOTAuMDcgMTI2LjA2MS02LjY0OC40NTQtMTIuNDI1IDQuNzI0LTE1LjA2MyAxMC44NDItNDEuODA1IDk2Ljk0Ni0xNTYuMTc5IDc4Ljg2My0yMjIuNjI4IDUyLjIwMy04Ljk3MS0zLjU5OS0yMC4yMzUuNzMxLTI3LjUwNyA3LjA5OC0yMy45NjUgMjAuOTgzLTgyLjk5OCA0MS4zNjctMTU1Ljg4NiAxNy4zNTgtMTAyLjg0MS0zMy44NzYtMTEyLjU2OC0xNTMuNi04Ny4xODYtMjIyLjc2OSAzLjYxNi05Ljg1NS0xLjQ3Mi0yMS40OTMtMTEuMDE2LTI1Ljg2Ni00Mi41MS0xOS40OC05NS43NjQtNzIuMjk0LTY4LjUyNC0xNzYuOTI1Ii8+PC9zdmc+);
    --mask-clover:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3ODgiIGhlaWdodD0iNjA5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNzg4IDYwOSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTI0NS4xODUgMzcuNTEzYy04Ny41MzQtNTcuNTgtMjM2LjM2OS0xMi43MDYtMjM4LjAzNCAwIDAgMC0yMC4wMzUgNTMxLjkyIDYuOTY2IDU1OS40MiAyNyAyNy41MDEgMTIyLjg0Mi0yNC40OTIgMjM4LjAzNC0xOS40OTkgMTQyLjcwNiA2LjE4NSAyNzQuOTY3IDUwLjk5OSAzODkuOTY3IDE5LjQ5OSAxMTUtMzEuNDk5IDE0OS41MzMtMjIzLjUgODcuODM2LTI4My4yMTIgMzMuNzMxLTE3LjcwNiA5NC4xNS0xMTEuMjU0IDI4LjY5Ny0yMTQuMjg4LTUyLjA5Mi04Mi0xNjguNDY0LTY0LjYyNy0yMjUuNzIzLTMzLjc5OS03NC40NTgtODQuOTg3LTIwMi43NzctNzkuNy0yODcuNzQzLTI4LjEyIi8+PC9zdmc+);
    --mask-wave:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NzEiIGhlaWdodD0iNjIwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNjcxIDYyMCI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNzE3LjUxLTE5LjU5YzkyLjgxNy02OC44MzIgMTU1LjY5Ny0xNy45NjQgMTgxLjM2NCAwIDc4LjU0OSA1NC45NzQgODQuMzA2IDE5Ny4wMTYgNy41ODMgMzg2LjY0QzgzOS44NDggNTMxLjY3NiA3NjcuODIzIDU2NCA2NzUuMTE4IDU2NGMtNjguNjI0IDAtOTAuNDItODkuMDIyLTE0OC4xMTEtNDguNzM1cy05MS43MTIgNTAuMDItMTQzLjQ4NSAzMy44ODFjLTUxLjc3NC0xNi4xMzgtODIuODQxLTY3LjY3LTE0NC40MTUtMTguOTM1LTEwMC44NDcgNzkuODE4LTI3OC40ODYtOS40NjgtMTc4LjYyLTMyMS42NDlDMTUxLjk1LTc3LjM0NyAzMDguOTQ4LTExMC43MjYgMzY2LjEzOC00My41NThjMTkuMjc2IDIyLjY0IDU0LjU0OCA2Mi4xOTQgOTUuMTI4IDIzLjk2NyA0Ny4zOTYtNDQuNjQ2IDEyNy40NTYtNzEuMyAxODYuMzgtNi4zODMgMzcuMTYgNDAuOTQgNTguODMzIDE0LjU2MyA2OS44NjQgNi4zODMiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iNjcxIiBoZWlnaHQ9IjYyMCIgZmlsbD0iI2ZmZiIgcng9IjEyIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    --mask-chatty-blossom:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NTgiIGhlaWdodD0iNjQzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNTU4IDY0MyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTQ0Mi40MjcgNjAyLjIyYy43MjItMjEuNTc0IDI0LjAzNS00NyA0NS42NzItNDYuMjc2czQyLjU4IDI4LjIyNyA0MS44NTkgNDkuODAxYy0uNzIyIDIxLjU3NC0yOC4wMjUgMzcuNTczLTQ5LjY2MSAzNi44NDktMjEuNjM3LS43MjMtMzguNTkyLTE4LjgtMzcuODctNDAuMzc0TTEwNC4xMDggMjMuOTdDMjIwLjQxOS00Ny4wMzUgNDQwLjUxNiA0OS41MSA1MjMuMjY3IDE4NS4wNjRjODIuNzQ5IDEzNS41NTMgMy44MDggMzI5LjQ0Mi0xMTIuNTAyIDQwMC40NDUtMTE2LjMxMSA3MS4wMDMtMjc3LjY4MiAxOC42NzYtMzYwLjQzMi0xMTYuODc4LTgyLjc1LTEzNS41NTMtNjIuNTM1LTM3My42NiA1My43NzUtNDQ0LjY2MyIvPjwvc3ZnPg==);

    --width-content-default:478px;
    --width-content-small:430px;
    --width-col-image:calc(var(--vii-gap-side) + 6 * var(--vii-grid-w) + 5 * var(--vii-gap-vc-column));
    --width-col-content:calc(100% - var(--width-col-image));
}

@media only screen and (min-width:769px) {
    /* Image position */
    .image-position-left .vii-images-content__col.content {
        padding-left:calc(var(--vii-grid-w) + 2 * var(--vii-gap-vc-column));
        padding-right:var(--vii-gap-side);
    }
    .image-position-right .vii-images-content__col.content {
        padding-right:var(--vii-gap-container);
        padding-left:var(--vii-gap-side);
    }
    .image-position-right.content-container-small .vii-images-content__col.content {
        padding-left:calc(var(--vii-gap-side) + var(--vii-grid-w) + var(--vii-gap-vc-column));
    }
    .image-position-right .vii-images-content__inner {flex-direction:row-reverse;}

    /* Column */
    .vii-images-content__col.image-group {width:var(--width-col-image);}
    .vii-images-content__col.content {width:var(--width-col-content);}

    /* content */
    .vii-images-content__content {max-width:var(--width-content-default);}
    .content-container-small .vii-images-content__content {max-width:var(--width-content-small);}
}

/* Responsive */
@media only screen and (max-width:768px) {
    .vii-images-content.vii-full-width .vii-images-content__col.content {
        padding-left:var(--vii-gap-side); padding-right:var(--vii-gap-side);
    }
    .vii-images-content__col.image-group,
    .vii-images-content__col.content {width:100%;}

    .vii-images-content__col.image-group {margin-bottom:24px;}
    .vii-images-content__col.content {text-align:center;}

    /* center block with max-width */
    .vii-images-content__image,
    .vii-images-content__content {margin-left:auto; margin-right:auto; max-width:580px;}

    /* image position on mobile */
    .vii-images-content.img-position-mobile-bottom .vii-images-content__col.image-group {order:1; margin-bottom:0;}
    .vii-images-content.img-position-mobile-bottom .vii-images-content__col.content {margin-bottom:24px;}
}


/*********************************************
 * Image with Content > Mask Dream Cloud
**********************************************/
.vii-images-content.mask-dream-cloud {
    --width-content-default:504px;
    --width-content-small:448px;
}
.vii-images-content.mask-dream-cloud .vii-images-content__image {aspect-ratio:704/613;}
.vii-images-content.mask-dream-cloud .vii-images-content__image-bg {
    --mask-url:var(--mask-dream-cloud);
    --mask-ratio:771/613;
    --mask-w:calc(100% * 771 / 704);
}

/* Large screen */
@media only screen and (min-width:1700px) {
    .vii-images-content.mask-dream-cloud {
        --width-content-default:625px;
        --width-content-small:530px;
    }
}


/*********************************************
 * Image with Content > Mask Cuddle Bubble
**********************************************/
.vii-images-content.mask-cuddle-bubble {
    --width-content-default:529px;
    --width-content-small:429px;
}
.vii-images-content.mask-cuddle-bubble .vii-images-content__image {aspect-ratio:704/627;}
.vii-images-content.mask-cuddle-bubble .vii-images-content__image-bg {
    --mask-url:var(--mask-cuddle-bubble);
    --mask-ratio:788/627;
    --mask-w:calc(100% * 788 / 704);
}
.vii-images-content.mask-cuddle-bubble.image-position-left .vii-images-content__image-bg {transform:scaleX(-1);}
.vii-images-content.mask-cuddle-bubble.image-position-left .vii-images-content__image-bg img {transform:scaleX(-1);}

/* Large screen */
@media only screen and (min-width:1700px) {
    .vii-images-content.mask-cuddle-bubble {
        --width-content-default:665px;
        --width-content-small:510px;
    }
}


/*********************************************
 * Image with Content > Mask Clover
**********************************************/
.vii-images-content.mask-clover {
    --width-content-default:480px;
    --width-content-small:420px;
}
section[data-vii-nav-title] .vii-images-content.mask-clover.image-position-left {
    --width-content-default:515px;
}
.vii-images-content.mask-clover .vii-images-content__image {aspect-ratio:704/609;}
.vii-images-content.mask-clover .vii-images-content__image-bg {
    --mask-url:var(--mask-clover);
    --mask-ratio:788/609;
    --mask-w:calc(100% * 788 / 704);
}

/* Large screen */
@media only screen and (min-width:1700px) {
    .vii-images-content.mask-clover {
        --width-content-default:600px;
        --width-content-small:510px;
    }
}


/*********************************************
 * Image with Content > Mask Special (Include Dream Cloud, Cuddle Bubble, Clover)
**********************************************/
.vii-images-content.special-mask .vii-images-content__image {position:relative;}
.vii-images-content.special-mask .vii-images-content__image-bg {position:absolute; top:0; bottom:0;}
.vii-images-content.special-mask.image-position-left .vii-images-content__image-bg {right:0}
.vii-images-content.special-mask.image-position-right .vii-images-content__image-bg {left:0;}
.vii-images-content.special-mask.image-position-right:not(.mask-cuddle-bubble) .vii-images-content__image-bg {transform:scaleX(-1);}
.vii-images-content.special-mask.image-position-right:not(.mask-cuddle-bubble) .vii-images-content__image-bg img {transform:scaleX(-1);}

/* Large screen */
@media only screen and (min-width:1700px) {
    .vii-images-content.special-mask .vii-images-content__image {aspect-ratio:unset;}
    .vii-images-content.special-mask .vii-images-content__image-bg {
        --mask-w:100%;
        position:relative;
    }
    .vii-images-content.special-mask.image-position-left .vii-images-content__image {padding-left:var(--vii-gap-container);}
    .vii-images-content.special-mask.image-position-right .vii-images-content__image {padding-right:var(--vii-gap-container);}
}

/* Responsive */
@media only screen and (max-width:1024px) and (min-width:769px) {
    .vii-images-content.special-mask .image-position-left .vii-images-content__col.content {
        padding-left:calc(var(--vii-grid-w) / 2 + var(--vii-gap-vc-column));
    }
    .vii-images-content.special-mask.image-position-right.content-container-small .vii-images-content__col.content {
        padding-left:var(--vii-gap-side);
    }
}
@media only screen and (max-width:768px) and (min-width:481px) {
    .vii-images-content.special-mask .vii-images-content__image-bg {--mask-w:100%;}
}
@media only screen and (max-width:768px) {
    .vii-images-content.special-mask .vii-images-content__image {aspect-ratio:unset;}
    .vii-images-content.special-mask .vii-images-content__image-bg {position:relative;}
}
@media only screen and (max-width:480px) {
    .vii-images-content.special-mask.image-position-left .vii-images-content__col.image-group {padding-right:var(--vii-gap-side)}
    .vii-images-content.special-mask.image-position-right .vii-images-content__col.image-group {padding-left:var(--vii-gap-side)}
    .vii-images-content.special-mask.image-position-left .vii-images-content__image-bg {
        transform:translateX(calc(-100% + var(--vii-container) + var(--vii-gap-side)));
    }
}


/*********************************************
 * Image with Content > Mask Chatty Blossom
**********************************************/
.vii-images-content.mask-chatty-blossom {
    --width-content-default:560px;
    --width-content-small:485px;
}
.vii-images-content.mask-chatty-blossom .vii-images-content__image {max-width:558px; position:relative;}
.vii-images-content.mask-chatty-blossom .vii-images-content__image:before {
    font-family:var(--vii-font-icomoon), fantasy; content:"\e90d";
    line-height:1; font-size:91px; color:var(--vii-color-primary);
    position:absolute; top:1.2%; right:21.326%; z-index:2;
}
.vii-images-content.mask-chatty-blossom .vii-images-content__image-bg {
    --mask-url:var(--mask-chatty-blossom);
    --mask-ratio:558/643;
}
.vii-images-content.mask-chatty-blossom.image-position-right .vii-images-content__image {margin-left:auto}
.vii-images-content.mask-chatty-blossom.image-position-right .vii-images-content__image:before {
    right:auto; left:21.326%;
}
.vii-images-content.mask-chatty-blossom.image-position-right .vii-images-content__image-bg,
.vii-images-content.mask-chatty-blossom.image-position-right .vii-images-content__image-bg img {transform:scaleX(-1);}

/* desktop */
@media only screen and (min-width:769px) {
    .vii-images-content.mask-chatty-blossom.image-position-left .vii-images-content__col.content {
        padding-right:0;
        padding-left:calc(var(--vii-grid-w) + 1.5 * var(--vii-gap-vc-column));
    }
    .vii-images-content.mask-chatty-blossom.image-position-right.content-container-small .vii-images-content__col.content {
        padding-left:calc(var(--vii-grid-w) + var(--vii-gap-vc-column));
    }
}

/* 4K screen */
@media only screen and (min-width:1700px) {
    .vii-images-content.mask-chatty-blossom .vii-images-content__image {max-width:calc(0.8 * var(--width-col-image));}
    .vii-images-content.mask-chatty-blossom .vii-images-content__image:before {
        font-size:calc(0.13 * var(--width-col-image));
    }
    .vii-images-content.mask-chatty-blossom.image-position-left .vii-images-content__col.content {padding-left:var(--vii-gap-vc-column);}
    .vii-images-content.mask-chatty-blossom.image-position-right .vii-images-content__col.content {padding-left:0;}
    .vii-images-content.mask-chatty-blossom.image-position-right.content-container-small .vii-images-content__col.content {
        padding-left:var(--vii-grid-w); padding-right:0;
    }
}

/* responsive */
@media only screen and (max-width:1024px) and (min-width:769px) {
    .vii-images-content.mask-chatty-blossom.image-position-right .vii-images-content__col.content {padding-left:0 !important;}
}
@media only screen and (max-width:480px) {
    .vii-images-content.mask-chatty-blossom .vii-images-content__image:before {
        font-size:calc(0.13 * var(--vii-container)); top:3.7%;
    }
}


/*********************************************
 * Image with Content > Has colored block
**********************************************/
.vii-images-content.has-colored-block {
    --width-col-image:51.14%;

    overflow:hidden;
}
.vii-images-content.has-colored-block .vii-images-content__image-bg {
    --mask-url:var(--mask-wave);
    --mask-ratio:671/620;
}
.vii-images-content.has-colored-block.image-position-left .vii-images-content__image-bg,
.vii-images-content.has-colored-block.image-position-left .vii-images-content__image-bg img {transform:scaleX(-1);}

/* desktop */
@media only screen and (min-width:769px) {
    .vii-images-content.has-colored-block .vii-images-content__inner {align-items:unset;}
    .vii-images-content.has-colored-block .vii-images-content__col.content {
        display:flex; align-items:center;
        padding-top:32px; padding-bottom:32px;
    }
}
@media only screen and (min-width:1181px) {
    .vii-images-content.has-colored-block.image-position-left .vii-images-content__col.content {
        padding-left:66px; padding-right:calc(var(--vii-grid-w) + var(--vii-gap-vc-column));
    }
    .vii-images-content.has-colored-block.image-position-right .vii-images-content__col.content {
        padding-right:66px; padding-left:calc(var(--vii-grid-w) + var(--vii-gap-vc-column));
    }
}

/* responsive */
@media only screen and (max-width:768px) {
    .vii-images-content.has-colored-block .vii-images-content__image {max-width:100%;}
    .vii-images-content.has-colored-block .vii-images-content__col.image-group {margin-bottom:0;}
    .vii-images-content.has-colored-block .vii-images-content__col.content {
        padding:0 var(--vii-gap-side) 32px;
        margin-top:-3vw;
    }
}


/*********************************************
 * Image with Content > Double images
**********************************************/
.vii-images-content.layout-double {
    --width-content-default:395px;
    --width-col-image:clamp(300px, 67%, calc(100% - 360px));
}
.vii-images-content.layout-double .vii-images-content__col.content {padding:0;}
.vii-images-content.layout-double .vii-images-content__image {overflow:visible;}

/* large screen */
@media only screen and (min-width:769px) {
    .vii-images-content.layout-double.image-position-left .vii-images-content__content {margin-left:auto;}
    .vii-images-content.layout-double.image-position-left .vii-photo-collage.has-2-items {transform:scaleX(-1);}
    .vii-images-content.layout-double.image-position-left .vii-photo-collage.has-2-items .vii-photo-collage__item:first-child {
        transform:rotate(4.24deg) scaleX(-1);
    }
    .vii-images-content.layout-double.image-position-left .vii-photo-collage.has-2-items .vii-photo-collage__item:nth-child(2) {
        transform:rotate(-7.45deg) scaleX(-1);
    }
}

/* responsive */
@media only screen and (max-width:1180px) {
    .vii-images-content.layout-double {
        --width-col-image:calc(100% - 395px);
    }
}
@media only screen and (max-width:768px) {
    .vii-images-content.layout-double.img-position-mobile-bottom .vii-images-content__col.content {margin-bottom:0;}
}