.elementor-2465 .elementor-element.elementor-element-b98da83{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-5ce8eae .swiper-slide-bg{background-image:url(https://hazelproduction.us/wp-content/uploads/2025/10/A_premium_cinematic_cover.es_and_attracts_attention-copy.jpg);background-size:cover;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-5ce8eae .elementor-background-overlay{background-color:#00000040;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-5ce8eae .swiper-slide-contents{margin-right:auto;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-2e94a94 .swiper-slide-bg{background-image:url(https://hazelproduction.us/wp-content/uploads/2025/10/ertetetete-3-copy.jpg);background-size:cover;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-2e94a94 .elementor-background-overlay{background-color:#00000040;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-2e94a94 .swiper-slide-contents{margin-right:auto;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-883d60b .swiper-slide-bg{background-image:url(https://hazelproduction.us/wp-content/uploads/2025/10/Cover-Studio-.jpg);background-size:cover;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-883d60b .elementor-background-overlay{background-color:#00000040;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .elementor-repeater-item-883d60b .swiper-slide-contents{margin-right:auto;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .swiper-slide-contents{max-width:66%;}.elementor-2465 .elementor-element.elementor-element-bdbb3d5 .swiper-slide-inner{text-align:center;}.elementor-2465 .elementor-element.elementor-element-61d656f{--display:flex;}.elementor-2465 .elementor-element.elementor-element-749bda1.xpro-widget-bg-overlay:before{transition:background 0.3s;}body.elementor-page-2465:not(.elementor-motion-effects-element-type-background), body.elementor-page-2465 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-33c742d );}/* Start custom CSS for container, class: .elementor-element-b98da83 *//* Ensure the slider always fills viewport */
#hp-sections .swiper,
#hp-sections .swiper-wrapper,
#hp-sections .swiper-slide {
  min-height: 100vh;
}

/* ===== Desktop & widescreen (≥1201px): labeled bullets visible ===== */
@media (min-width: 1201px) {
  #hp-sections .swiper-pagination-bullet {
    width: auto !important;
    height: auto !important;
    background: none !important;
    padding: 130px 20px;
    font-size: 2.3rem;
    color: #FCFCFC;
    font-family: "Boldonse", system-ui;
    font-weight: 900;
    font-style: normal;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    white-space: nowrap;
  }
  #hp-sections .swiper-pagination-bullet:hover { transform: translateY(-2px); }
  #hp-sections .swiper-pagination-bullet.is-active span { color: #FFDD00; }

  /* keep pagination bottom centered */
  #hp-sections .swiper .swiper-pagination {
    left: 0; right: 0; bottom: 0;
    width: 100%;
    text-align: center;
  }
}

/* ===== Tablet & phone (≤1200px): hide pagination, use popup label ===== */
@media (max-width: 1200px) {
  #hp-sections .swiper .swiper-pagination { display: none !important; }
}

/* Popup label — shown by JS only on tablet/phone */
#hp-sections .hp-mobile-label{
  position: fixed;
  left: 50%;
  bottom: 16px; /* move to top by: top:16px; bottom:auto; */
  transform: translateX(-50%);
  z-index: 99999;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  color: #FCFCFC;
  font-family: "Boldonse", system-ui;
  font-weight: 900;
  font-size: clamp(14px, 4vw, 20px);
  line-height: 1.15;
  white-space: nowrap;
  pointer-events: auto;
  opacity: 0; /* animated in via classes below */
  transition: opacity .22s ease, transform .22s ease;
}
#hp-sections .hp-mobile-label.is-visible{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
#hp-sections .hp-mobile-label.is-hidden{
  opacity: 0;
  transform: translateX(-50%) translateY(6px);
}/* End custom CSS */