.elementor-28879 .elementor-element.elementor-element-58c23b0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0d4573a */<style>
.pl-hero-slider,
.pl-hero-slider * {
  box-sizing: border-box;
}

.pl-hero-slider {
  position: relative;
  width: 100%;
  min-height: 660px;
  background: #0a0a0a;
  overflow: hidden;
}

.pl-hero-track {
  position: relative;
  min-height: 660px;
}

.pl-hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms ease;
}

.pl-hero-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.pl-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  filter: saturate(0.95) contrast(1.05);
}

.pl-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.8) 42%, rgba(10,10,10,0.36) 100%),
    linear-gradient(0deg, rgba(10,10,10,0.64), rgba(255,212,0,0.16));
}

.pl-hero-overlay-right {
  background:
    linear-gradient(270deg, rgba(10,10,10,0.98) 0%, rgba(10,10,10,0.94) 42%, rgba(10,10,10,0.62) 72%, rgba(10,10,10,0.28) 100%),
    linear-gradient(0deg, rgba(10,10,10,0.72), rgba(255,212,0,0.12));
}

.pl-hero-content {
  position: relative;
  z-index: 2;
  width: min(100%, 1180px);
  min-height: 660px;
  margin: 0 auto;
  padding: 90px 28px 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pl-hero-align-right .pl-hero-content {
  align-items: flex-end;
  text-align: right;
}

.pl-hero-align-right .pl-hero-buttons {
  justify-content: flex-end;
}

.pl-hero-kicker {
  margin: 0 0 14px;
  color: #ffd400;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.pl-hero-content h1,
.pl-hero-content h2 {
  max-width: 650px;
  margin: 0 0 18px;
  color: #ffffff;
  font-family: "Arial Black", Impact, sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: clamp(42px, 5.8vw, 78px);
  line-height: 0.9;
  letter-spacing: -0.05em;
}

.pl-hero-content p:not(.pl-hero-kicker) {
  max-width: 520px;
  margin: 0;
  color: #eeeeee;
  font-size: 16px;
  line-height: 1.6;
}

.pl-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.pl-hero-btn {
  display: inline-block;
  min-width: 150px;
  padding: 14px 22px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
}

.pl-hero-btn-yellow {
  background: #ffd400;
  color: #0a0a0a !important;
  border: 2px solid #ffd400;
}

.pl-hero-btn-outline {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
}

.pl-hero-nav {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 42px;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  width: min(100% - 28px, 720px);
  justify-content: center;
}

.pl-hero-nav button {
  appearance: none;
  border: 2px solid rgba(255,255,255,0.5);
  background: rgba(10,10,10,0.72);
  color: #ffffff;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.pl-hero-nav button.is-active {
  background: #ffd400;
  border-color: #ffd400;
  color: #0a0a0a;
}

@media (max-width: 700px) {
  .pl-hero-slider,
  .pl-hero-track {
    min-height: 650px;
  }

  .pl-hero-content {
    min-height: 650px;
    padding: 62px 18px 215px;
    justify-content: flex-start;
  }

  .pl-hero-align-right .pl-hero-content {
    align-items: flex-start;
    text-align: left;
  }

  .pl-hero-align-right .pl-hero-buttons {
    justify-content: flex-start;
  }

  .pl-hero-overlay-right {
    background:
      linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.8) 42%, rgba(10,10,10,0.36) 100%),
      linear-gradient(0deg, rgba(10,10,10,0.64), rgba(255,212,0,0.16));
  }

  .pl-hero-content h1,
  .pl-hero-content h2 {
    font-size: clamp(34px, 11vw, 52px);
    line-height: 0.94;
    max-width: 100%;
  }

  .pl-hero-content p:not(.pl-hero-kicker) {
    font-size: 14.5px;
  }

  .pl-hero-buttons {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 10px;
    margin-top: 24px;
  }

  .pl-hero-btn {
    width: 100%;
    min-width: 0;
    padding: 13px 18px;
  }

  .pl-hero-nav {
    bottom: 22px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
  }

  .pl-hero-nav button {
    padding: 9px 4px;
    font-size: 9px;
  }
}
</style>

<script>
(function () {
  function initPremierHeroSlider() {
    const sliders = document.querySelectorAll('.pl-hero-slider');

    sliders.forEach(function (slider) {
      if (slider.dataset.sliderReady === 'true') return;
      slider.dataset.sliderReady = 'true';

      const slides = Array.from(slider.querySelectorAll('.pl-hero-slide'));
      const buttons = Array.from(slider.querySelectorAll('.pl-hero-nav button'));

      if (!slides.length || !buttons.length) return;

      let current = 0;
      let timer = null;

      function showSlide(index) {
        if (!slides[index] || !buttons[index]) return;

        slides.forEach(function (slide) {
          slide.classList.remove('is-active');
        });

        buttons.forEach(function (button) {
          button.classList.remove('is-active');
        });

        slides[index].classList.add('is-active');
        buttons[index].classList.add('is-active');
        current = index;
      }

      function nextSlide() {
        const next = (current + 1) % slides.length;
        showSlide(next);
      }

      function startSlider() {
        stopSlider();
        timer = window.setInterval(nextSlide, 6000);
      }

      function stopSlider() {
        if (timer) {
          window.clearInterval(timer);
          timer = null;
        }
      }

      buttons.forEach(function (button) {
        button.addEventListener('click', function (event) {
          event.preventDefault();
          const index = Number(button.getAttribute('data-target'));
          showSlide(index);
          startSlider();
        });
      });

      slider.addEventListener('mouseenter', stopSlider);
      slider.addEventListener('mouseleave', startSlider);

      showSlide(0);
      startSlider();
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPremierHeroSlider);
  } else {
    initPremierHeroSlider();
  }

  window.addEventListener('load', initPremierHeroSlider);

  if (window.elementorFrontend && window.jQuery) {
    window.jQuery(window).on('elementor/frontend/init', function () {
      window.elementorFrontend.hooks.addAction('frontend/element_ready/html.default', initPremierHeroSlider);
      window.elementorFrontend.hooks.addAction('frontend/element_ready/global', initPremierHeroSlider);
    });
  }
})();
</script>/* End custom CSS */