/* =========================================================
   OUR SOLUTIONS - independent entrance motion
   Does not modify the original .service-item transforms.
   ========================================================= */

.solution-motion-section {
    overflow: hidden;
}

.solution-slide-card {
    position: relative;
    overflow: visible !important;

    opacity: 0;

    will-change: transform, opacity;

    transition:
        transform 0.95s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.70s ease;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* English / LTR - cards enter from the right */
html:not([dir="rtl"]) .solution-slide-card.solution-motion-ready {
    transform: translate3d(170px, 0, 0);
}


/* Arabic / RTL - cards enter from the left */
html[dir="rtl"] .solution-slide-card.solution-motion-ready {
    transform: translate3d(-170px, 0, 0);
}


/* Visible state */
.solution-slide-card.solution-motion-ready.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


/* Preserve original card hover/design.
   Apply slight lift to wrapper only. */
.solution-slide-card.solution-motion-ready.is-visible:hover {
    transform: translate3d(0, -5px, 0);
}


/* Mobile */
@media (max-width: 767px) {

    html:not([dir="rtl"]) .solution-slide-card.solution-motion-ready {
        transform: translate3d(70px, 0, 0);
    }

    html[dir="rtl"] .solution-slide-card.solution-motion-ready {
        transform: translate3d(-70px, 0, 0);
    }

    .solution-slide-card.solution-motion-ready.is-visible {
        transform: translate3d(0, 0, 0);
    }

    .solution-slide-card.solution-motion-ready.is-visible:hover {
        transform: translate3d(0, 0, 0);
    }
}