.neofuns-carousel{
max-width:1200px;
margin:auto;
}


.carousel-wrapper{
position:relative;
overflow:hidden;
border-radius:20px;
}


.carousel-track{
display:flex;
transition:transform .6s ease;
}


.carousel-item{
min-width:100%;
position:relative;
}


.carousel-item img{
width:100%;
height:auto;
display:block;
object-fit:cover;
}


.carousel-caption{
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.55);
color:#fff;
text-align:center;
padding:14px;
font-size:20px;
}


/* arrows */

.carousel-prev,
.carousel-next{

position:absolute;
top:50%;
transform:translateY(-50%);

width:55px;
height:55px;

border-radius:50%;
border:none;

background:#fff;
color:#222;

font-size:30px;

cursor:pointer;

box-shadow:0 3px 10px rgba(0,0,0,.25);

z-index:5;

}


.carousel-prev{
left:20px;
}


.carousel-next{
right:20px;
}



/* dots */

.carousel-dots{

position:absolute;

bottom:20px;

left:50%;

transform:translateX(-50%);

display:flex;

gap:10px;

}


.carousel-dot{

width:10px;
height:10px;

background:#ddd;

border-radius:50%;

cursor:pointer;

}


.carousel-dot.active{

background:#004297;

}



/* mobile */

@media(max-width:768px){

.carousel-caption{

font-size:14px;
padding:10px;

}


.carousel-prev,
.carousel-next{

width:40px;
height:40px;

font-size:22px;

}


.carousel-prev{
left:10px;
}

.carousel-next{
right:10px;
}

}