.elementor-45 .elementor-element.elementor-element-50e3eef{--display:flex;--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;--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-45 .elementor-element.elementor-element-d3f8514{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8812a6e */<!-- 🌼 ELHAM CONTACT SECTION — updated with working form -->
<section id="elham-contact">
  <style>
    :root{
      --purple1:#17135d;
      --purple2:#2a2273;
      --gold:#f3c94a;
      --ink:#0c0f2b;
      --muted:#e2e6ff;
      --white:#ffffff;
      --card:rgba(255,255,255,.08);
      --card-hover:rgba(255,255,255,.12);
      --border:rgba(255,255,255,.25);
      --rad:18px;
      --float-size:62px;
    }

    /* layout & theme */
    #elham-contact{
      background:linear-gradient(180deg,var(--purple1),var(--purple2));
      font-family:"Poppins",system-ui,Inter,sans-serif;
      color:var(--white);
      padding:clamp(80px,8vw,120px) 0 90px;
      position:relative; overflow:hidden;
    }
    #elham-contact .wrap{ width:min(1200px,94%); margin-inline:auto; position:relative; z-index:2;
      display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:flex-start; }

    .orb{ position:absolute; border-radius:50%; pointer-events:none; z-index:0;
      background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.85),rgba(243,201,74,.65)45%,rgba(243,201,74,.1)70%,transparent 72%);
      opacity:.14; animation:floaty 9s ease-in-out infinite; }
    .orb.o1{width:140px;height:140px;left:-40px;top:80px;}
    .orb.o2{width:200px;height:200px;right:-60px;bottom:100px;animation-delay:.8s;}
    @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

    .contact-info h2{ font-size:clamp(32px,4vw,46px); font-weight:900; margin-bottom:10px; color:var(--white); }
    .contact-info p.lead{ color:var(--muted); line-height:1.7; margin-bottom:30px; font-size:1.05rem; }

    .contact-block{ background:var(--card); border:1px solid var(--border); border-radius:var(--rad);
      padding:24px 28px; margin-bottom:18px; transition:.3s ease; }
    .contact-block:hover{ background:var(--card-hover); }
    .contact-block h4{ color:var(--gold); font-weight:700; margin-bottom:6px; display:flex; align-items:center; gap:10px; font-size:1.05rem; }
    .contact-block p{ margin:0; color:#f2f4ff; line-height:1.6; }
    .contact-block a{ color:var(--gold); text-decoration:none; }
    .contact-block a:hover{ text-decoration:underline; }

    .social-links{ display:flex; gap:16px; margin-top:24px; align-items:center; }
    .social-links a{ width:40px;height:40px; display:flex; align-items:center; justify-content:center; background:var(--gold); color:var(--ink); border-radius:50%; font-size:1.2rem; transition:.3s ease; }
    .social-links a:hover{ transform:translateY(-3px); filter:brightness(1.15); }

    /* FORM CARD */
    .contact-form{ background:var(--card); border:1px solid var(--border); border-radius:var(--rad); padding:34px 32px; box-shadow:0 14px 32px rgba(0,0,0,.25); }
    .contact-form h3{ margin-bottom:18px; color:var(--gold); font-weight:800; }
    .contact-form label{ display:block; font-size:.95rem; color:#f2f4ff; margin-bottom:6px; font-weight:500; }

    /* Inputs — base look */
    .contact-form input,
    .contact-form textarea,
    .contact-form select{
      width:100%;
      padding:12px 14px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.03);
      color:#fff;
      font-family:inherit;
      font-size:.95rem;
      margin-bottom:16px;
      resize:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      caret-color:var(--gold);
    }

    .contact-form input:focus,
    .contact-form textarea:focus,
    .contact-form select:focus{
      outline: 2px solid rgba(243,201,74,0.18);
      background:rgba(255,255,255,.04);
    }

    .contact-form button{
      background:var(--gold);
      color:var(--ink);
      font-weight:700;
      border:none;
      padding:12px 26px;
      border-radius:50px;
      cursor:pointer;
      transition:.3s ease;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .contact-form button:hover{ filter:brightness(1.08); transform:translateY(-1px); }

    .map-wrap{ margin-top:70px; width:min(1200px,94%); margin-inline:auto; border-radius:var(--rad); overflow:hidden; box-shadow:0 14px 38px rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.1); }
    iframe{ width:100%; height:420px; border:0; }

    /* Floating quick actions */
    .float-actions{ position:fixed; right:18px; bottom:18px; display:grid; gap:12px; z-index:9999; }
    .fab{ width:var(--float-size); height:var(--float-size); border-radius:999px; display:grid; place-items:center; box-shadow:0 12px 36px rgba(0,0,0,.32); cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; text-decoration:none; color:#fff; font-weight:700; }
    .fab.phone{ background:linear-gradient(180deg,#ffd77a,#f3c94a); color:var(--ink) }
    .fab.whatsapp{ background:linear-gradient(180deg,#25D366,#1eb954) }
    .fab:hover{ transform:translateY(-6px); box-shadow:0 18px 48px rgba(0,0,0,.38) }

    /* responsive */
    @media (max-width:860px){
      #elham-contact .wrap{ grid-template-columns:1fr; }
      .contact-form{ margin-top:12px; }
      .float-actions{ right:12px; bottom:12px }
      :root{ --float-size:56px }
    }

    /* INPUT TEXT COLOR FIXES */
    #elham-contact .contact-form input,
    #elham-contact .contact-form textarea,
    #elham-contact .contact-form select {
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
    }

    #elham-contact .contact-form input::placeholder,
    #elham-contact .contact-form textarea::placeholder {
      color: rgba(255,255,255,0.65) !important;
    }
  </style>

  <div class="orb o1"></div><div class="orb o2"></div>

  <div class="wrap">
    <div class="contact-info">
      <h2>Get in Touch</h2>
      <p class="lead">We’d love to hear from you! Whether you’re a parent exploring admissions, seeking program details, or planning a visit — reach out to our team today.</p>

      <div class="contact-block">
        <h4>📍 Location</h4>
        <p><a href="https://www.google.com/maps/place/Elham+kindergarten+school/@17.3692033,78.3829011,1025m/data=!3m2!1e3!4b1!4m6!3m5!1s0x3bcb97630d8b400b:0x60a9a0a1a563cd66!8m2!3d17.3692033!4d78.385476!16s%2Fg%2F11x1yks171?entry=ttu" target="_blank" rel="noopener noreferrer" style="color:var(--gold); text-decoration:none;">
          Elham School, Hydershakote,<br>Hyderabad, Telangana - 500091
        </a></p>
      </div>

      <div class="contact-block">
        <h4>📞 Phone</h4>
        <p><a href="tel:+919618004004" style="color:inherit; text-decoration:none;">+91 96180 04004</a> , <a href="tel:+919642004004" style="color:inherit; text-decoration:none;">+91 96420 04004</a></p>
      </div>

      <div class="contact-block">
        <h4><img src="/wp-content/uploads/2025/11/whatsapp.png" alt="WhatsApp" style="width:22px; height:22px; object-fit:contain;"> WhatsApp</h4>
        <p><a href="https://wa.me/919652726029" target="_blank" rel="noopener noreferrer" style="color:inherit;">+91 96527 26029</a></p>
      </div>

      <div class="contact-block">
        <h4>✉️ Email</h4>
        <p><a href="mailto:elhameducation@gmail.com" style="color:inherit; text-decoration:none;">elhameducation@gmail.com</a></p>
      </div>

      <div class="contact-block">
        <h4>🕒 Working Hours</h4>
        <p><b>School Timing:</b> 8:00 AM to 12:00 Noon (Mon – Fri)<br><b>Creche & Playschool:</b> 8:00 AM to 6:00 PM (Mon – Sat)<br><b>Sunday:</b> Closed</p>
      </div>
    </div>

    <div class="contact-form" aria-labelledby="contact-form-title">
      <h3 id="contact-form-title">Send us a Message</h3>

      <!-- UPDATED FORM -->
      <form id="elhamContactForm" action="<?php echo esc_url( admin_url('admin-post.php') ); ?>" method="post" novalidate>

        <input type="hidden" name="action" value="elham_enquiry">

        <?php wp_nonce_field('elham_enquiry_nonce', 'elham_enquiry_nonce_field'); ?>

        <input type="hidden" name="redirect_to" value="<?php echo esc_url( home_url('/thank-you') ); ?>">

        <label for="name">Parent Name</label>
        <input type="text" id="name" name="parent_name" placeholder="Enter your name" required>

        <label for="email">Email ID</label>
        <input type="email" id="email" name="email" placeholder="Enter your email" required>

        <label for="phone">Mobile Number</label>
        <input type="tel" id="phone" name="mobile" placeholder="10-digit number" inputmode="tel">

        <label for="message">Message</label>
        <textarea id="message" name="message" rows="4" placeholder="Write your message..."></textarea>

        <button type="submit">Submit Now</button>
      </form>

    </div>
  </div>

  <div class="map-wrap">
    <iframe src="https://www.google.com/maps?q=Elham+kindergarten+school&ll=17.3692033,78.385476&z=16&output=embed" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  </div>

  <!-- Floating quick actions -->
  <div class="float-actions" aria-hidden="false">
    <a class="fab phone" href="tel:+919618004004" title="Call +91 96180 04004">📞</a>
    <a class="fab whatsapp" href="https://wa.me/919652726029" target="_blank" rel="noopener noreferrer" title="WhatsApp +91 96527 26029">💬</a>
  </div>
</section>/* End custom CSS */