.elementor-2166 .elementor-element.elementor-element-7231eeef{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================
   MOBILE HERO FIX — NUCLEAR HIDE SLIDESHOW
   Kill the floating thumbnail on tablet + phone.
   Also tighten hero bottom padding.
============================================ */

@media (max-width: 1024px) {
  .hero-slideshow,
  section.hero .hero-slideshow,
  div.hero-slideshow,
  .hero-slideshow * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  .hero,
  section.hero {
    min-height: auto !important;
    padding-bottom: 48px !important;
  }
}

@media (max-width: 768px) {
  .hero-slideshow,
  section.hero .hero-slideshow,
  div.hero-slideshow,
  .hero-slideshow * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  .hero,
  section.hero {
    min-height: auto !important;
    padding: 100px 0 32px !important;
  }
  .hero .hero-ctas,
  section.hero .hero-ctas {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 480px) {
  .hero,
  section.hero {
    min-height: auto !important;
    padding: 90px 0 24px !important;
  }
  .hero .hero-ctas,
  section.hero .hero-ctas {
    margin-bottom: 0 !important;
  }
}/* End custom CSS */