.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    background-color:  black !important;
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    top: 50%;
    left: 10;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    /* Change to your desired color */
    border-width: 0 2px 2px 0;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%) rotate(135deg);
}

.swiper-button-next::after {
    left: 45%;
}

.swiper-button-next::after {
    transform: translate(-50%, -50%) rotate(315deg);
}

.swiper-pagination {
    width: 100%;
    margin: auto;
    /* border: 2px solid black;
    border-radius: 1.11111111vw; */
}

.swiper-pagination-bullet {
    margin-right: 5px;
    background: black;
}