/* “Why choose us” cards: enlarge the entire readable unit—icon, heading and
   list—while preserving Bootstrap's grid dimensions and neighbouring copy. */
html body .why-we .row > .left,
html body .why-we .row > .center,
html body .why-we .row > .right {
    position: relative;
    z-index: 1;
    cursor: zoom-in;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transform: translateZ(0) scale(1) !important;
    transform-origin: 50% 50%;
    box-shadow: 0 0 0 rgba(25, 43, 39, 0);
    transition: transform 1.2s cubic-bezier(.22, 1, .36, 1), box-shadow 1.2s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform, box-shadow;
}

html body .why-we .row > .left:hover,
html body .why-we .row > .center:hover,
html body .why-we .row > .right:hover,
html body .why-we .row > .left.vo-why-card-active,
html body .why-we .row > .center.vo-why-card-active,
html body .why-we .row > .right.vo-why-card-active {
    z-index: 5;
    transform: translateZ(0) scale(1.045) !important;
    box-shadow: 0 14px 28px rgba(25, 43, 39, .16);
}

@media (max-width: 767px) {
    html body .why-we .row > .left:hover,
    html body .why-we .row > .center:hover,
    html body .why-we .row > .right:hover,
    html body .why-we .row > .left.vo-why-card-active,
    html body .why-we .row > .center.vo-why-card-active,
    html body .why-we .row > .right.vo-why-card-active {
        transform: translateZ(0) scale(1.025) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .why-we .row > .left,
    html body .why-we .row > .center,
    html body .why-we .row > .right {
        transition: transform .15s linear, box-shadow .15s linear !important;
    }
}