/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2025 | 14:01:42 */
/* Hero container */
.hero-overlap {
  position: relative;
  isolation: isolate;
}

/* The overlapping image */
.hero-overlap .overlap-img {
  position: absolute;
  left: 50%;
  top: -70px;                  /* adjust overlap height */
  transform: translateX(-50%);
  z-index: 5;
  width: clamp(260px, 38vw, 720px); /* responsive size */
  pointer-events: none;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.15));
}

/* Add padding for the section under the hero so content doesn't collide */
.section-after-hero {
  padding-top: 120px;          /* roughly |top| + extra */
}

/* Optional: tighter spacing on mobiles */
@media (max-width: 768px) {
  .hero-overlap .overlap-img { top: -50px; }
  .section-after-hero { padding-top: 90px; }
}