/*********************************************
 * The Huynchi Way
**********************************************/
.vii-the-huynchi-way {position:relative; padding:var(--vii-spacing-64) 0;}
.vii-the-huynchi-way:before {
    content:""; position:absolute; top:0; bottom:0;
    left:calc(-1 * var(--vii-gap-side));
    right:calc(-1 * var(--vii-gap-side));
    background-color:var(--vii-color-dark-orange);
}
.vii-the-huynchi-way > div {position:relative; z-index:2;}

/* heading */
.vii-the-huynchi-way__heading {padding-top:var(--vii-spacing-35);}
.vii-the-huynchi-way__heading-title,
.vii-the-huynchi-way__heading-description {width:50%;}
.vii-the-huynchi-way__heading-description-inner {max-width:580px;}

/* items */
.vii-the-huynchi-way__items {padding:var(--vii-spacing-64) 0;}
.vii-the-huynchi-way__item {
    width:25%;
    --vii-spacing-heading:var(--vii-spacing-10);
}
.vii-the-huynchi-way__item-inner {max-width:350px; margin:0 auto;}
.vii-the-huynchi-way__item-content-inner {position:relative; z-index:3; padding:30px;}

/* flip box container */
.vc_desktop .vii-the-huynchi-way__item:hover .vii-the-huynchi-way__item-flip,
.vc_mobile .vii-the-huynchi-way__item.active .vii-the-huynchi-way__item-flip {
    transform:rotateY(180deg);
}
.vc_desktop .vii-the-huynchi-way__item:hover,
.vc_mobile .vii-the-huynchi-way__item.active {z-index:2;}

.vii-the-huynchi-way__item-flip {
    padding-top:100%;
    transition:transform .8s;
    transform-style:preserve-3d;
}

/* front and back side */
.vii-the-huynchi-way__item-content {
    -webkit-backface-visibility:hidden; /* Safari */
    backface-visibility:hidden;
}
.vii-the-huynchi-way__item-content.back {transform:rotateY(180deg); z-index:1;}
.vii-the-huynchi-way__item-content.front {z-index:2;}

/* circle */
.vii-the-huynchi-way__item-content:before, .vii-the-huynchi-way__item-content:after {
    border-radius:50%;
    transform:scale(1.08);
}
.vii-the-huynchi-way__item-content:before {
    background:#d44d34; z-index:1;
    box-shadow:-18px 18px 36px rgba(180, 65, 44, 0.2), 18px -18px 36px rgba(180, 65, 44, 0.2),
    -18px -18px 36px rgba(244, 89, 60, 0.9), 18px 18px 45px rgba(180, 65, 44, 0.9),
    inset 1px 1px 2px rgba(244, 89, 60, 0.3), inset -1px -1px 2px rgba(180, 65, 44, 0.5);
}
.vii-the-huynchi-way__item-content:after {
    z-index:2;
    background:linear-gradient(331.6deg, rgba(220, 79, 52, 0) 23.74%, #ff6f53 95.28%);
    box-shadow:inset 0 0 0 2px #ffffff1a;
}

/*********************************************
 * The Huynchi Way Responsive
**********************************************/
@media only screen and (min-width:1800px) {
    .vii-the-huynchi-way {min-height:80vh; display:flex; flex-direction:column; justify-content:center;}
}
@media only screen and (max-width:1180px) {
    .vii-the-huynchi-way__items {max-width:700px; margin:0 auto;}
    .vii-the-huynchi-way__item {width:50%;}
}
@media only screen and (max-width:1023px) {
    .vii-the-huynchi-way__items {max-width:600px;}
}
@media only screen and (max-width:767px) {
    .vii-the-huynchi-way__heading-title,
    .vii-the-huynchi-way__heading-description {width:100%;}
    .vii-the-huynchi-way__items {padding-top:0;}
    .vii-the-huynchi-way__item {width:90%;}

    /* mobile image */
    .has-mobile-image .vii-the-huynchi-way__items {padding-top:50px;}
    .vii-the-huynchi-way__mobile-image.hidden {display:block;}
    .vii-the-huynchi-way__mobile-image {
        position:absolute; top:0; right:0;
        width:110px;
    }
}