/* Style the pagination bullets */
.swiper-pagination-bullet {
    width: 16px; /* Adjust bullet width */
    height: 16px; /* Adjust bullet height */
    background-color: #fff; /* Template color (default blue if not set) */
    opacity: 1; /* Ensure the bullets are fully visible */
    margin: 0 8px; /* Add spacing between bullets */
    border: 1px #000 solid;
}

/* Style active bullet */
.swiper-pagination-bullet-active {
    background-color: var(--main-txt-color, #0056b3); /* Darker template color for active */
    transform: scale(1.3); /* Slightly enlarge active bullet */
    transition: transform 0.3s ease, background-color 0.3s ease;
    border: none;
}

/* Move the pagination down */
.swiper-pagination {
    position: relative; /* Change to relative if it's positioned absolutely */
    margin-top: 40px; /* Add space below the slider */
    text-align: center; /* Center-align pagination */
}