.owl-carousel {
    position: relative;
}

    .owl-carousel .owl-dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex !important;
        gap: 10px;
        z-index: 10;
    }

    .owl-carousel .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: white;
        opacity: 0.5;
        position: relative;
    }

        .owl-carousel .owl-dot.active {
            opacity: 1;
        }

            /* Optional: animated ring around active dot */
            .owl-carousel .owl-dot.active::before {
                content: '';
                position: absolute;
                top: -6px;
                left: -6px;
                width: 24px;
                height: 24px;
                border: 2px solid white;
                border-radius: 50%;
                animation: pulse 3s linear forwards;
            }

@keyframes pulse {
    0% {
        transform: scale(0.2);
        opacity: 0.2;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.slider-wrapper {
    transition: margin-top 0.3s ease;
}
/* Mobile Portrait */
@media screen and (max-width: 768px) and (orientation: portrait) {
    .slider-wrapper {
        margin-top: 100px;
    }
    .owl-carousel  {
        transform: scale(1.2);
    }

        .elementor-25 .elementor-element.elementor-element-e0d3012 {
            margin-top: 25px;
        }
}

/* Mobile Landscape */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .slider-wrapper {
        margin-top: 150px;
    }
    .owl-carousel  {
        transform: scale(1.4);
    }

    .elementor-25 .elementor-element.elementor-element-e0d3012 {
        margin-top: 50px;
    }
}