.banner_image {
  position: relative;
  height: 100%;
}

.banner_image img {
  object-fit: contain;
  height: auto;
  width: 100%;
}

.banner_video {
  object-fit: cover;
  height: 100% !important;
  width: auto;
}

.banner_video video {
  object-fit: contain;
  height: 100%;
  width: 100% !important;
}

.banner_gif {
  position: absolute;
  bottom: calc(20%);
  right: 50%;
  transform: translateX(50%);
  width: 72vw;
}

.banner_gif img {
  height: 200px;
  width: auto;
  z-index: 9999;
}

.image_container img {
  /* object-fit: cover;
  height: calc(100dvh - 210px); */
  object-fit: contain;
  height: auto;
  width: 100%;
}

.banner_section {
  position: relative;
}

/* Override globals: konten tetap terlihat saat transisi */
.noBlinkSlide :global(.slick-slide[aria-hidden="true"] a),
.noBlinkSlide :global(.slick-slide[aria-hidden="true"] button),
.noBlinkSlide :global(.slick-slide[aria-hidden="true"] input) {
  visibility: visible !important;
  pointer-events: none;
}

.noBlinkSlide :global(.slick-slide[aria-hidden="false"] a),
.noBlinkSlide :global(.slick-slide[aria-hidden="false"] button),
.noBlinkSlide :global(.slick-slide[aria-hidden="false"] input) {
  visibility: visible !important;
  pointer-events: auto;
}

.noBlinkSlide :global(.slick-slide) {
  opacity: 1 !important;
}

.noBlinkSlide :global(.slick-list) {
  overflow: hidden;
}

.ssrCover {
  width: 100%;
  transition: opacity 0.2s ease;
}

.ssrCoverOverlay {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.ssrCoverHidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.image_container {
  position: relative;
}

.cloud_video {
  width: auto;
  height: 98% !important;
}