/* Slider container styles */
   .gallery-slider {
    padding: 0 60px !important; /* Horizontal padding */
    position: relative;
    overflow: hidden; /* Hide overflowing content */
}

/* Swiper wrapper styling */
.gallery-slider .swiper-wrapper {
    padding: 30px 0; /* Vertical padding for spacing slides */
    align-items: center; /* Center slides vertically */
}

/* Individual slide styles */
.swiper-slide {
    width: 300px !important; /* Fixed slide width */
    transition: transform 0.3s; /* Smooth scaling transition */
    transform: scale(0.9); /* Slightly scaled down by default */
}

/* Highlight the active slide */
.swiper-slide-active {
    transform: scale(1);  /* Full scale for active slide */
}

/* Navigation arrows (next/prev buttons) */
.swiper-button-next,
.swiper-button-prev {
    color: #6D6875 !important; /* Arrow color */
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    padding: 20px; /* Space around the arrow */
    border-radius: 50%; /* Circular shape */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Soft shadow */
    transition: all 0.3s; /* Smooth hover effect */
}

/* Hover effect for navigation arrows */
.swiper-button-next:hover, 
.swiper-button-prev:hover {
    background: white; /* Full white background on hover */
    transform: scale(1.1);/* Slightly enlarge button */
}