.elementor-14679 .elementor-element.elementor-element-284125e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-1321b4c *//* Hero content ko left/right se properly space dene ke liye */
.hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  padding: 120px 0 76px;
  overflow: visible;   /* overflow:hidden hata diya — yehi clipping ki wajah tha */
  box-sizing: border-box;
}

.hero .wrap {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.hero h1,
.hero-sub,
.hero-meta {
  max-width: 100%;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .hero-inner { padding: 110px 0 64px; }
  .hero .wrap { padding-left: 24px; padding-right: 24px; }
}

/* Mobile */
@media (max-width: 640px) {
  .hero-inner {
    padding: 96px 0 40px;
    overflow: visible;
  }
  .hero .wrap {
    padding-left: 18px;
    padding-right: 18px;
  }
  .hero h1 {
    font-size: clamp(28px, 8vw, 40px);
    max-width: 100%;
  }
  .hero-sub {
    font-size: 15px;
    margin: 16px 0 28px;
    max-width: 100%;
  }
}/* End custom CSS */