/* Service Pages Mobile Scrolling Fix - Appended */
@media (max-width: 1024px) {
    body.dark {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        height: auto !important;
        min-height: 100vh !important;
        position: relative !important;
    }

    #smooth-wrapper {
        overflow-y: visible !important;
        overflow-x: hidden !important;
        height: auto !important;
        min-height: 100vh !important;
        position: relative !important;
    }

    #smooth-content {
        overflow-y: visible !important;
        overflow-x: hidden !important;
        height: auto !important;
        position: relative !important;
    }

    main {
        overflow-y: visible !important;
        overflow-x: hidden !important;
        height: auto !important;
        position: relative !important;
    }

    section,
    .development__area,
    .workflow__area-6,
    .service__detail,
    .faq__area,
    .cta__area {
        overflow: visible !important;
        position: relative !important;
    }

    .container,
    .row {
        overflow: visible !important;
        position: relative !important;
    }
}

@supports (-webkit-touch-callout: none) {
    @media (max-width: 1024px) {
        body.dark {
            -webkit-overflow-scrolling: touch;
            overflow-y: auto !important;
        }

        #smooth-wrapper,
        #smooth-content {
            -webkit-overflow-scrolling: touch;
            overflow-y: visible !important;
        }
    }
}