.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,
.acc-slide-inner video {
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-slide-inner a {
display: block;
width: 100%;
height: 100%;
text-decoration: none; } .acc-slide:not(.swiper-slide-active) a {
pointer-events: none; } .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; } .acc-slide-inner {
position: relative;
}  .acc-slide-inner a.acc-zoom-btn {
position: absolute;
bottom: 25px;
right: 25px;
width: 50px !important; height: 50px !important; background-color: rgba(180, 180, 180, 0.4) !important; backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
transition: background-color 0.3s ease, opacity 0.3s ease;
opacity: 0; 
pointer-events: none; 
} .acc-slide.swiper-slide-active .acc-zoom-btn {
opacity: 1;
pointer-events: auto;
} .acc-slide-inner a.acc-zoom-btn:hover {
background-color: #1a1a1a !important; cursor: pointer;
} .acc-plus-icon {
position: relative;
width: 14px; height: 14px;
}
.acc-plus-icon::before,
.acc-plus-icon::after {
content: '';
position: absolute;
background-color: #ffffff; top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .acc-plus-icon::before {
width: 100%;
height: 2px; } .acc-plus-icon::after {
width: 2px; height: 100%;
} .acc-slide.swiper-slide-active .acc-zoom-btn {
opacity: 1;
pointer-events: auto;
}
.acc-zoom-btn:hover {
background-color: rgba(195, 185, 175, 0.95);
transform: scale(1.05);
} .acc-plus-icon {
position: relative;
width: 16px;
height: 16px;
}
.acc-plus-icon::before,
.acc-plus-icon::after {
content: '';
position: absolute;
background-color: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .acc-plus-icon::before {
width: 100%;
height: 2px;
} .acc-plus-icon::after {
width: 2px;
height: 100%;
} @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; 
}
}