body{
    background-image: url("/-/media/hcomponent-hc-meeting-gallery/component/corporate/minisite/hc2023/v3/img/banner-bg-pc-1.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #E1ECF7;
    overflow: auto;
  }
  .containerOver{
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    margin-top: 60px;
  }
  @media (max-width: 1400px) {
    .containerOver{
      margin-top: 85px;
    }
  }
  @media (max-width: 992px) {
    body{
      background-image: url("/-/media/hcomponent-hc-meeting-gallery/component/corporate/minisite/hc2023/v3/img/banner-bg-mb-1.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #e1ecf7;
    }
    .containerOver{
      margin-top: 0;
    }
  }
  .containerOver h2{
    text-align: center;
  }
  .gallery-container {
    height: auto;
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
    width: 100%;
    /* padding-top: 5vh; */
  }
  @media (max-width: 992px) {
    .gallery-container {
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
    }
  }
  @media (max-width: 1550px) and (min-width: 992px) {
    .gallery-container {
      width: 90%;
    }
  }

.gallery-content-item{
    width: 100%;
}
.gallery-content-item img{
    width: calc(100% - 20px);
    object-fit: cover;
    border: 5px solid #fff;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 10px;
}
@media (max-width: 992px) {
  .gallery-content-item img{
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 1366px) {
    .gallerySwiper .swiper-pagination{
        text-align: left;
    }
}
.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, -70px) !important;
}
.swiper-button-next img {
    width: 40px;
    height: 40px;
}
.swiper-button-prev img {
    width: 40px;
    height: 40px;
}
.noShow {
    display: none;
}
@media (max-width: 1366px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: block;
    }
    .swiper-button-prev {
        right: 80px;
        bottom: -10px;
        left: auto !important;
        top: auto;
    }
    .swiper-button-next{
        right: 25px !important;
        bottom: -10px;
        left: auto;
        top: auto;
    }
}
@media (max-width: 767px) {
    .swiper-button-prev {
        right: 65px;
    }

    .swiper-button-prev img {
        width: 30px;
        height: 30px;
    }

    .swiper-button-next img {
        width: 30px;
        height: 30px;
    }
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
}

@media (min-width: 992px) and (max-height: 1024px){
  .banner-bottom-logo{
    position: inherit;
  }
}
.banner-arrow{
    display: none!important;
}