/**
 * Mobile-Only Hero Carousel Slider Stylesheet - SPCS Corporate Solutions
 */

.mobile-hero-swiper {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.mobile-hero-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.mobile-hero-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background-color: #f8fafc; /* Fallback light background */
}

/* Pagination Dots Styling */
.mobile-hero-pagination.swiper-pagination-bullets {
    bottom: 12px;
}

.mobile-hero-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #12355b; /* Navy */
    opacity: 0.3;
    transition: all 0.2s ease-in-out;
}

.mobile-hero-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1d4ed8; /* Royal Blue */
    width: 18px;
    border-radius: 4px;
}