.container-swiper{
    width: 100%;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper {
    width: 85%;
    height: fit-content;
}
.swiper-slide img {
    width: 100%;
    border: solid black 3px;
    border-radius: 7px;
    margin: 30px 0px 0px;
    
}
.swiper .swiper-button-prev
{   
    margin-left: 20px;
    color: #fff;
    
}
.swiper .swiper-button-next
{   
    margin-right: 20px;
}
.swiper .swiper-button-next::after, 
.swiper .swiper-button-prev::after {
    font-size: 30px; /* Bigger icon size */
    color: #000000;  /* Change icon color to tomato red */
}


.swiper .swiper-pagination-bullet-active{
    background-color: #000000;
    /* margin-bottom: 100px; */
}


@media screen and (max-width: 700px) {
    .swiper {
        width: 100%;
        /* height: fit-content; */
    }
    .swiper-button-next::after, 
    .swiper-button-prev::after {
        font-size: 5px; /* Bigger icon size */
        /* font-weight: 900; */
        color: #000000;  /* Change icon color to tomato red */
    }
    .swiper .swiper-button-prev
    {   
        margin-left: 0px;

        
    }
    .swiper .swiper-button-next
    {   
        margin-right: 0px;
    }

   
}