#main-hero {
  /* height: 336px; */
}
#main-hero .container,
.main-swiper,
.main-hero {
  /* height: 100%; */
}
#main-hero .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
#main-hero{
  padding: 20px 0;
}
.main-hero img {
  display: block;
  max-width: 100%;
}