.swiper {
    width: 100%;
    height: 40px; /* Adjust as needed */
    overflow: hidden;
}
.swiper-slide {
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: white;
    text-align: center;
}
.swiper-slide:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -5px; /* Adjust for spacing */
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* Dot size */
    height: 10px; /* Dot size */
    background: white; /* Dot color */
    border-radius: 50%; /* Make it circular */
}