.services-section {
        padding: 40px 20px;
        background: blue;
    }

    .horizontal-scroll {
        display: flex;
        gap: 20px;
        overflow-x: auto; /* Enables horizontal scrolling */
        padding-bottom: 15px; /* Adds space for the scrollbar */
        scrollbar-width: thin; /* For Firefox */
    }

    /* Styling for the cards */
    .card {

        background: red;
        padding: 25px;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        text-align: center;
        transition: transform 0.3s;
    }

    .card:hover {
        transform: translateY(-5px);
    }
    
    .featured_img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    /* Hide scrollbar for cleaner look (Optional) */
    .horizontal-scroll::-webkit-scrollbar {
        height: 6px;
    }
    .horizontal-scroll::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
    }
.horizontal-scroll {
    scroll-snap-type: x mandatory;
}

.card {
    scroll-snap-align: start;
}