.elementor-12 .elementor-element.elementor-element-4ebb2ee{--display:flex;}.elementor-12 .elementor-element.elementor-element-02b44c6{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a7deb1e *//* -------------------------------------------------
   Services carousel (home page)
   ------------------------------------------------- */
#services-carousel {
    position: relative;
    overflow: hidden;
    padding: 80px 5%;
    background: var(--color-bg-darker);
}

/* Track that will slide left/right */
#services-carousel .carousel-track {
    display: flex;
    gap: 2rem;
    transition: transform var(--transition-smooth);
}

/* Individual slide – reuse the glass‑card style */
#services-carousel .carousel-slide {
    flex: 0 0 260px;               /* width of each card */
    max-width: 260px;
    list-style: none;
}

/* Navigation arrows */
#services-carousel .carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: var(--color-bg-glass);
    border: var(--border-glass);
    color: var(--color-accent-water);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    user-select: none;
}
#services-carousel .carousel-nav:hover {
    background: var(--color-accent-water);
    color: var(--color-bg-dark);
}
#services-carousel .carousel-prev { left: 1rem; }
#services-carousel .carousel-next { right: 1rem; }

/* Responsive – show more cards on larger screens */
@media screen and (min-width: 1024px) {
    #services-carousel .carousel-slide { flex: 0 0 300px; }
}
@media screen and (max-width: 600px) {
    #services-carousel .carousel-slide { flex: 0 0 200px; }
}/* End custom CSS */