/* Hide modal content initially */
.modal-body-boarding {
    display: none;
}

/* Individual dot styles */
.slick-dots li {
    margin: 0 5px; /* Space between dots */
}

/* Default dot styles */
.slick-dots li button {
    font-size: 0; /* Hide text in buttons */
    width: 12px; /* Width of the dot */
    height: 12px; /* Height of the dot */
    border: none; /* Remove border */
    border-radius: 50%; /* Make it round */
    background: #ccc; /* Default background color */
    transition: background 0.3s ease; /* Smooth transition for hover effect */
}

/* Active dot styles */
.slick-dots li.slick-active button {
    background: #007bff; /* Active color */
}

/* Hover effect for dots */
.slick-dots li button:hover {
    background: #0056b3; /* Hover color */
}