.elementor-4379 .elementor-element.elementor-element-369ab3c6{--display:flex;}/* Start custom CSS *//* HERO wrapper for an OCS iframe embed */
.ocs-hero {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;

  /* Desktop hero sizing */
  min-height: 1100px;                 /* fallback baseline */
  height: calc(100vh - 120px);       /* subtract header area (adjust if needed) */
}

/* Fill the hero area */
.ocs-hero iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;

  /* Helps prevent iframe overflow quirks in some themes */
  max-width: 100%;
}

/* Mobile / tablet tuning */
@media (max-width: 768px) {
  .ocs-hero {
    /* Better mobile sizing: clamp prevents “too tall” or “too short” */
    height: calc(100vh - 90px);
    min-height: 560px;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .ocs-hero {
    height: calc(100vh - 80px);
    min-height: 520px;
  }
}

/* Modern mobile browsers: use dynamic viewport height when supported
   (prevents iOS Safari address bar causing jumpy iframes) */
@supports (height: 100dvh) {
  .ocs-hero {
    height: calc(100dvh - 120px);
  }

  @media (max-width: 768px) {
    .ocs-hero {
      height: calc(100dvh - 90px);
    }
  }

  @media (max-width: 480px) {
    .ocs-hero {
      height: calc(100dvh - 80px);
    }
  }
}/* End custom CSS */