/* BOF Service Cards Swiping */
.services-cards-wrapper {
    /* On mobile, use flex + horizontal scroll */
    /* On desktop, the .md:grid classes handle the columns */
    overflow-x: auto;
    /* etc. */
}
/* Services Section Styles for mobile */
@media (max-width: 767px) {
    .services-scroll-container {
        position: relative;
        /*margin: 0 -1rem;*/
        margin: 0;
        padding: 0;
    }

    .services-cards-wrapper {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        padding: 0 1rem;
        margin: 0;
        /* Allow normal grid flow on desktop, no horizontal scrolling needed */
        overflow-x: visible;
    }

    .services-cards-wrapper::-webkit-scrollbar {
        display: none;
    }

    .services-card {
        flex: 0 0 85%;
        margin-right: 1rem;
        background: white;
        border-radius: 0.75rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    }

    .services-card-see-all {
        box-shadow: none !important;
        border: none !important;
    }
}
/* EOF Service Cards Swiping */