#carousel {
   max-width: 100vw;
   margin: auto;
}

#carousel img {
  height: 400px;
}

.carousel {
  /* margin-top: -50px; */
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #d44 !important;
}

.swiper {
  /* background: rgb(255, 255, 255); */
  background: rgba(255,255,255,0.0);
  padding-top: 30px !important;
  z-index: 100 !important;
}

.swiper-controls {
  /* background: blue; */
  position: relative;
}

.swiper-lazy-preloader {
  display: none;
}

.swiper-pagination {
  /* background: rgb(219, 123, 123); */
  width: 100%;
  height: 45px !important;
  margin: auto;
  
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -50px !important;
}

.swiper-pagination-bullet-active {
  background: #e13838 !important;
}

.swiper-control-buttons {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -10px;
}

.slider-arrow ion-icon { 
  /* font-size: 30px; */
  color: #222224;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 32px;
  /* font-weight: bold; */
  /* color:#d44; */
  color: rgba(0,0,0,0.5);
}

.swiper-button-prev {
  width: 100px;
  height: 100px;
  z-index: 100 !important;
}

.swiper-button-next {
  width: 50px;
  height: 50px;
  z-index: 100 !important;
}

.swiper-slide {
  width: 600px !important;
  height: 400px;
  background: #e5e5e5;
  border-radius: 25px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.swiper-slide img {
  min-height: 100%; 
  min-width: 100%; 
  border-radius: 25px;
  object-fit: cover;
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  background: rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width:400px) {
  
  .swiper {
    padding-top: 0px !important;
  }
  
  .swiper-slide { 
    max-width: 88%;
    /* padding: 20px 40px;
    margin: 20px; */
    height: 250px;
  }
  
  .swiper-pagination {
    bottom: -65px !important;
  }
  
  .swiper-control-buttons {
      left: 10px;
      right: 10px;
      bottom: -40px;
  }
  
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 28px !important;
  }
  
}