/* Start custom CSS for html, class: .elementor-element-d05ece8 *//* ================= HERO SECTION ================= */
.event-hero{
  position:relative;
  min-height:55vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

/* Background Image */
.event-hero .hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.05);
  filter:blur(1.5px);
}

/* Green Overlay */
.event-hero .hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(21,128,61,0.35); /* green-700/35 */
}

/* White Info Box */
.hero-box{
  position:relative;
  background:#fff;
  border-radius:14px;
  padding:24px;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
  transition:box-shadow .3s ease;
}
.hero-box:hover{
  box-shadow:0 20px 40px rgba(0,0,0,0.22);
}

/* Soft Border Ring */
.hero-box::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  border:2px solid rgba(22,163,74,.4);
  pointer-events:none;
  transition:border-color .3s ease;
}
.hero-box:hover::before{
  border-color:rgba(22,163,74,.7);
}

/* Subtle Gradient Wash */
.hero-box::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  background:linear-gradient(135deg,#ecfdf5,#ffffff,#d1fae5);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
}
.hero-box:hover::after{
  opacity:.7;
}

/* Text Styling */
.hero-box h1{
  position:relative;
  z-index:2;
  font-size:28px;
  font-weight:700;
  color:#166534;
  margin-bottom:8px;
}
.hero-box p{
  position:relative;
  z-index:2;
  font-size:15px;
  color:#666;
  margin-bottom:16px;
}
.hero-box a{
  position:relative;
  z-index:2;
}/* End custom CSS */