*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

.mySwiper {
    
    --swiper-navigation-color: #25be17;
     --swiper-pagination-color:#25be17;
    

}
.swiper {
  text-align: center;
  margin-top: 50px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.swiper-slide img {
  width: 60%;
  height: 60%;
  object-fit: cover;
}
.swiper-pagination-bullet {
    
    padding: 0 10px;
    height: 5px;
    border-radius: 0;
}

@media (max-width: 480px) {

  .swiper {
    margin-top: 50px;
    margin-bottom: 50px;
    height: 100%;
  }
  .swiper-slide img {
    width: 95%;
    height: 160%;
    object-fit: cover;
  }
  .mySwiper {
     
    --swiper-navigation-color: #25be17;
    --swiper-navigation-size: 20pt;

    --swiper-pagination-color:#25be17;
    --swiper-pagination-size:20pt;
   
  
    
  }
  
}