@charset 'UTF-8';

/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 0;
}

.slick-dots
{
position: absolute;
bottom: -36px;

display: flex !important;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
width: 100%;
padding: 0;
margin: 0 !important;

list-style: none;

text-align: center;
}
.slick-dots li
{
position: relative;
display: block;
width: 16px !important;
height: 16px;
border-radius: 8px;
margin: 0;
padding: 0;
cursor: pointer;
overflow: hidden;
}

.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 16px !important;
height: 16px;
padding: 0;
cursor: pointer;
background: #ffffff;
border: 2px solid #333333;
border-radius: 8px;
color: transparent;
outline: none;
}
.slick-dots li button:hover
{
}
.slick-dots li.slick-active button{
background: #f90691;
border: 2px solid #f90691;
border-radius: 8px;
}