section.custom-gallery {
  all: unset;
  display: block;
  margin: 0 0 0 0 !important;
  width: 100% !important;
  margin-bottom: 5.8vw !important;
  color: var(--color);
  width: 100%;
}
section.custom-gallery .fixed {
  position: static;
}
section.custom-gallery .container {
  width: 100%;
  position: relative;
}
section.custom-gallery .container .title {
  font-size: 3.3rem;
  color: var(--color);
}
section.custom-gallery .container .image-container {
  width: 100%;
}
section.custom-gallery .container .swiper {
  width: 100%;
  aspect-ratio: 825/540;
  aspect-ratio: 2432 / 1942;
}
section.custom-gallery .container .swiper .main-swiper {
  width: 100%;
  height: 100%;
}
section.custom-gallery .container .swiper .main-swiper .swiper-container {
  width: 100%;
  height: 100%;
}
section.custom-gallery .container .swiper .main-swiper .swiper-container .pic img {
  object-fit: cover;
}
section.custom-gallery .container[data-pagination="1"] .swiper-pagination {
  width: 50%;
  position: static;
}
section.custom-gallery .container[data-pagination="1"] .swiper-pagination .swiper-pagination-bullet {
  all: unset;
  display: inline-block;
  width: 6px !important;
  height: 6px !important;
  background-color: #fff !important;
  opacity: 0.5 !important;
  margin: 0 5px !important;
  border-radius: 5px !important;
}
section.custom-gallery .container[data-pagination="1"] .swiper-pagination .swiper-pagination-bullet::after {
  display: none;
}
section.custom-gallery .container[data-pagination="1"] .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}
section.custom-gallery .container[data-pagination="1"] .swiper-pagination .swiper-pagination-bullet-active::after {
  display: none;
}
section.custom-gallery .container.half .title {
  font-size: 2.4rem;
}
section.custom-gallery .container.half .swiper {
  display: flex;
}
section.custom-gallery .container.half .swiper .main-swiper {
  width: 50%;
}
section.custom-gallery .container.half .swiper .main-swiper .swiper-container {
  width: 100%;
  overflow: hidden;
}
section.custom-gallery .container.half .swiper .other-container {
  position: relative;
  width: 50%;
}
section.custom-gallery .container.half .swiper .other-container .swiper-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  overflow: hidden;
}
section.custom-gallery .container.half .swiper .other-container > img {
  width: 100%;
  height: 100%;
}
@media all and (max-width: 768px) {
  section.custom-gallery .container .head-title {
    margin: 7vw 0;
    margin-top: 14.4vw;
    font-size: 3rem;
  }
}