.isl-slider-section {
position: relative;
overflow: hidden;
padding: 0;
}
.isl-scroll-inner {
will-change: transform;
}
.isl-scroll-track {
display: flex;
align-items: center; width: max-content;
padding: 0 4vw;
}
.isl-item {
flex-shrink: 0;
opacity: 0;
transform: translateY(40px);
}
.isl-slide-figure {
margin: 0;
position: relative;
overflow: hidden;
}
.isl-slide-image {
display: block;
max-width: 100%;
height: auto;
}
.isl-dots {
display: none;
}
@media (max-width: 992px) {
.isl-scroll-track {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 0 8vw;
scrollbar-width: none;
}
.isl-scroll-track::-webkit-scrollbar {
display: none;
}
.isl-item {
scroll-snap-align: center;
max-width: 82vw;
}
.isl-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 4vw;
}
.isl-dot {
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(0, 0, 0, 0.25);
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.isl-dot.is-active {
background: rgba(0, 0, 0, 0.85);
transform: scale(1.25);
}
}