/* Wrapper */
.valuation-hero{
  position: relative;
  isolation: isolate;
  min-height: 250px;
  padding: 25px ;
  padding-bottom:25px;
  display: grid;
  place-items: center;
  color: #fff;
  overflow: hidden;
  background: #111; /* fallback while video loads */
}

.para{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 10px;
    color: #ffffff;
}
}
/* (Old) ::after curve not needed anymore */
/* .valuation-hero::after{ display:none; } */

/* Background video layer */
.vh-bg{ position:absolute; inset:0; z-index:0; }
.vh-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover; object-position: center;
}
.vh-scrim{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35));
}

/* Content */
.vh-inner{ position: relative; z-index: 1; text-align:center; padding-bottom: 60px; }
.vh-title{
  font-family: "Amiko", Sans-serif;
  margin: 0;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.1;
  font-size: 60px;
    font-weight: bold;
    letter-spacing: -2px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
    color: #ffffff;
}


/* Bottom SVG shape (your code) */
.vh-shape{
  position:absolute; left:0; right:0; bottom:-1px;
  height:72px; z-index:2; line-height:0; pointer-events:none;
}
.vh-shape svg{
  display:block;
  width:100%;
  height:100%;
  transform: scaleY(-1);        /* 🔁 flips the shape vertically */
  transform-origin: center;
}

.vh-shape .elementor-shape-fill{ fill:#ffffff; } /* page bg color */

/* Smaller devices */
@media (max-width: 520px){
  .valuation-hero{ min-height: 250px; }
  .vh-shape{ height:58px; }
  .vh-title{ letter-spacing: .08em; }

  .vh-title{
  font-family: "Amiko", Sans-serif;
  margin: 0;    font-size: 14px;
    font-weight: 600;
    letter-spacing: 10px;
    color: #ffffff;
}
  font-weight: Bold;
  font-size: clamp(30px, 5.2vw, 52px);
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.1;
  text-shadow: 0 6px 22px rgba(0,0,0,.45);
}
}

/* Accessibility: pause motion if user prefers reduced motion */
@media (prefers-reduced-motion: reduce){
  .vh-video{ display:none; }
  .vh-bg{ background:#222; } /* static fallback */
}