/* =========================================
   SERVICES CAROUSEL - DESKTOP
========================================= */

@media (min-width: 1025px) {

    .services-carousel {
        position: relative !important;
        width: 100% !important;
        overflow: visible !important;
    }


    .services-track {
        position: sticky !important;
        position: -webkit-sticky !important;

        top: 0 !important;

        width: 100% !important;
        height: 100vh !important;

        min-height: 100vh !important;

        overflow: hidden !important;

        isolation: isolate;
    }


    .services-carousel .service-panel {

        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 100vh !important;

        min-height: 100vh !important;
        max-height: none !important;

        margin: 0 !important;

        will-change: transform;

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


    .services-carousel .service-01 {
        z-index: 1;
        transform: translate3d(0, 0, 0);
    }


    .services-carousel .service-02 {
        z-index: 2;
        transform: translate3d(100%, 0, 0);
    }


    .services-carousel .service-03 {
        z-index: 3;
        transform: translate3d(100%, 0, 0);
    }

}

/* =========================================
   TABLET + MOBILE
========================================= */

@media (max-width: 1024px) {


    .services-carousel {

        height: auto !important;

    }


    .services-track {

        position: relative !important;

        top: auto !important;

        height: auto !important;

        overflow: visible !important;

    }


    .services-carousel .service-panel {

        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        margin: 0 !important;

        transform: none !important;

    }

}