.acc-container {
position: relative;
width: 100%;
overflow: hidden; 
padding-bottom: 50px; 
}
.acc-swiper {
overflow: visible !important; 
} .acc-slide {
width: 60%; 
padding: 0 5px !important; 
opacity: 0.3; transition: opacity 0.6s ease; box-sizing: border-box; } .acc-slide.swiper-slide-active {
opacity: 1; 
z-index: 2; }
.acc-slide-inner img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.acc-slide.swiper-slide-active {
opacity: 1;
transform: scale(1);
z-index: 2;
}
.acc-slide-inner img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
} .acc-slide.swiper-slide-active {
opacity: 1;
transform: scale(1);
z-index: 2;
}
.acc-slide-inner img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
} .acc-nav-prev,
.acc-nav-next {
width: 50px !important;
height: 50px !important;
background-color: rgba(180, 180, 180, 0.4);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
color: #fff !important;
margin-top: -25px !important; 
transition: background-color 0.3s ease; }
.acc-nav-prev { left: 2% !important; }
.acc-nav-next { right: 2% !important; }
.acc-nav-prev::after,
.acc-nav-next::after {
font-size: 14px !important;
font-weight: 900 !important; -webkit-text-stroke: 2px currentColor; } .acc-nav-prev:hover,
.acc-nav-next:hover {
background-color: rgba(180, 180, 180, 0.85); cursor: pointer;
} .acc-pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.acc-container .swiper-pagination-bullet {
width: 45px; 
height: 4px; border-radius: 50px; background-color: #000;
opacity: 0.2;
margin: 0 !important;
transition: opacity 0.3s ease, width 0.3s ease; 
}
.acc-container .swiper-pagination-bullet-active {
opacity: 1;
width: 90px; } @media (min-width: 1440px) {
.acc-slide {
width: 65%; padding: 0 2px; 
}
}
@media (max-width: 1024px) {
.acc-slide {
width: 75%; 
padding: 0 1px; 
}
}
@media (max-width: 768px) {
.acc-slide {
width: 85%; 
padding: 0 1px; 
}
}