.elementor-16204 .elementor-element.elementor-element-d8c1687{--display:flex;--min-height:60vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16204 .elementor-element.elementor-element-d8c1687:not(.elementor-motion-effects-element-type-background), .elementor-16204 .elementor-element.elementor-element-d8c1687 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.uwicu.tt/wp-content/uploads/2025/09/Family-Indemnity-Plan.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}/* Start custom CSS for html, class: .elementor-element-1aac05d *//* Core hero container */
.hero-scoop {
  position: relative;
  overflow: hidden;
  height:60vh;
}

/* The overlay SVG sits at the bottom and scales fluidly */
.hero-scoop .scoop-shape,
.hero-scoop .scoop-overlay .scoop-shape { /* allow either wrapper or direct */
  position: absolute;
  left: 0;
  bottom: -70px;
  width: 100%;
  /* height controls how tall the white scoop is; adjust with clamp() */
  height: clamp(60px, 12vw, 160px);
  color: #fff; /* white scoop (inherits as currentColor) */
  pointer-events: none; /* clicks pass through */
}

/* Optional: let you place content inside the scoop area */
.hero-scoop .scoop-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(clamp(60px, 12vw, 160px) * 0.35); /* lifts content slightly into the scoop */
  z-index: 3;
  text-align: center;
}

/* If the hero uses dark text above the image, ensure contrast */
.hero-scoop .elementor-heading-title,
.hero-scoop .elementor-widget-text-editor {
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}

/* Responsive fine-tuning */
@media (max-width: 767px) {
  .hero-scoop .scoop-shape {
    height: clamp(40px, 16vw, 100px);
  }
  .hero-scoop .scoop-content {
    bottom: calc(clamp(40px, 16vw, 100px) * 0.30);
    padding-inline: 16px;
  }
}/* End custom CSS */