/* Custom Slider Styles */
.cbmg-slider {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* Swiper Wrapper */
.swiper-wrapper {
    display: flex;
	padding-bottom:50px;
}

/* Swiper Slide */
.swiper-slide {
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 850px; /* Set fixed width for desktop and tablet */
	opacity:0.6;
}

.swiper-slide-active {
	 
	 opacity:1;
}


/* Mobile Devices */
@media (max-width: 768px) {
    .swiper-slide {
        width: 100%; /* Full width for mobile */
    }
}

/* Pagination Bullets */
.swiper-pagination-bullet {
    background-color: var(--color-mid-gray); /* Default bullet color */
    width: 15px;
    height: 15px;
    opacity: 1;
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
    background-color: var(--color-primary-main); /* Active bullet color */
}

/* Arrows Positioned Next to Bullets */

.swiper-button-prev:before{
	content: "\25c0";
	color:var(--color-mid-gray);
}

.swiper-button-next:before {
	content: "\25b6";
	color:var(--color-mid-gray);
}

.swiper-button-prev:before:hover,
.swiper-button-next:before:hover {
	color:var(--color-primary-main);
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top:100%;
    transform: translateY(-50%);
    width: 20px; /* Adjust this to match bullet size */
    height: 20px;
    z-index: 10;
}

.swiper-button-prev {
    left: calc(50% - 80px); /* Position to the left of the bullets */
	z-index:100;
}

.swiper-button-next {
    right: calc(50% - 80px); /* Position to the right of the bullets */
	z-index:100;
}

/* Hide the default arrow icons */
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

/* Optional: Adjust pagination positioning */
.swiper-pagination {
    bottom: -40px; /* Position of the bullets */
    text-align: center;
}

/* Optional: Adjust the spacing between bullets */
.swiper-pagination-bullet {
    margin: 0 5px;
}