.hc-slider { position: relative; overflow: hidden; max-width:100%; }
.hc-slider .hc-slides-wrapper { position: relative; }
.hc-slider .hc-slide {
position: absolute;
width: 100%;
top:0; left:0;
transition: opacity 0.6s ease-in-out;
opacity: 0;
}
.hc-slider .hc-slide img { width:100%; height:auto; display:block; border-radius:6px; }
.hc-slider .hc-prev,
.hc-slider .hc-next {
position: absolute; top:50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.5);
color:#fff; border:none;
padding:10px 15px; cursor:pointer; font-size:24px;
border-radius:4px; z-index:10;
}
.hc-slider .hc-prev { left:10px; }
.hc-slider .hc-next { right:10px; }
.hc-slider .hc-thumbs {
display:flex;
justify-content:center;
margin-top:10px;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
gap: 2%;
}
.hc-slider .hc-thumb { cursor:pointer; transition: opacity 0.3s; }
.hc-slider .hc-thumb img { display:block; width: 100%; height: auto; }