/* ════════════════════════════════════════════
   HEADER / BRANDING — Mobile
════════════════════════════════════════════ */
@media (max-width: 768px) {
  .theme-branding-info {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
  }
  .theme-site-name {
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
    margin: 0;
  }
  .theme-site-caption {
    font-size: 11px;
    line-height: 1.2;
    text-align: left;
    margin: 2px 0 0;
  }
  [data-zs-logo] {
    height: 36px !important;
    width: auto !important;
  }
  .theme-site-title-caption-space {
    margin-block: 0 !important;
  }
  .theme-site-title-caption-space .theme-site-name {
    text-align: center;
  }
}


/* ════════════════════════════════════════════
   HERO BANNER — Global resets (all screen sizes)
════════════════════════════════════════════ */
.zphero .zpcontainer,
.zphero .zprow {
  padding: 0 !important;
  margin: 0 !important;
}
.zphero-slider-container,
.zphero-slider-container.zshero-banner-style-06 {
  margin: 0 !important;
  padding: 0 !important;
}
.zphero-slide,
.zcs_hero_banner {
  margin: 0 !important;
  padding: 0 !important;
}
[data-element-id="elm_wh8WACMSShC-6PkJwWa6Lg"].zprow {
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}


/* ════════════════════════════════════════════
   HERO BANNER — Desktop heights (fully responsive)
════════════════════════════════════════════ */
.zpcontent-container.hero-container,
ul.zphero-slides,
.zphero.zpapply-height {
  min-height: 55.68vw !important;
  height: 55.68vw !important;
}
.zpslider-img {
  width: 100% !important;
  min-height: 55.68vw !important;
  height: 55.68vw !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}


/* ════════════════════════════════════════════
   HERO BANNER — Mobile (single clean block)
════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Reset ALL desktop heights */
  .zpcontent-container.hero-container,
  ul.zphero-slides,
  .zphero.zpapply-height,
  .zphero.zpapply-height .zpcontainer,
  .zphero.zpapply-height .zprow {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Container resets */
  .zphero .zpcontainer {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .zphero-slider-container {
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Active slide — drives the height */
  .zphero-slide.curslide,
  .zphero-slide.slideInRight,
  .zphero-slide.slideInLeft {
    position: relative !important;
    height: 125vw !important;
  }

  /* Outgoing slide — pull out of flow so it can't add ghost space */
  .zphero-slide.slideOutLeft,
  .zphero-slide.slideOutRight {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 125vw !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  /* Slide image */
  .zpslider-img {
    min-height: 0 !important;
    width: 100% !important;
    height: 125vw !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    display: block !important;
  }
}


/* ════════════════════════════════════════════
   HERO BANNER — Tablet (768px to 1024px)
════════════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 1024px) {

  .zpcontent-container.hero-container,
  ul.zphero-slides,
  .zphero.zpapply-height {
    min-height: 55.68vw !important;
    height: 55.68vw !important;
  }

  .zpslider-img {
    width: 100% !important;
    min-height: 55.68vw !important;
    height: 55.68vw !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* Active slide drives height */
  .zphero-slide.curslide,
  .zphero-slide.slideInRight,
  .zphero-slide.slideInLeft {
    position: relative !important;
    height: 55.68vw !important;
  }

  /* Outgoing slide — remove from flow */
  .zphero-slide.slideOutLeft,
  .zphero-slide.slideOutRight {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 55.68vw !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}
/* for tabs background in mobile-tablet*/

  @media (max-width: 991px) {
    .zcs_mobile_responsive [data-element-type="column"] [data-element-type="box"].zpelem-box,
    .zcs_mobile_responsive [data-element-type="column"] [data-element-type="box"].zpelement,
    .zcs_mobile_responsive [data-element-type="column"] [data-element-type="box"] {
      background-color: #EA7704 !important;
      background-image: unset !important;
    }
  }
@media (min-width:1000px) {
.zprow1 {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
.zpelem-col {
width: 15% !important;
}
}
}
@media(max-width:991px) {
.zprow1 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  .zpelem-col {
    width: 25% !important;
  }
}
}