<div class="container-fluid p-0">
  <div class="hero-section-contact d-flex align-items-center">
    <div class="container content">
      <p class="banner-subtitle text-white mb-2">Contact us</p>
      <h2 class="heading-banner-application text-white mb-2">
        Let’s get going
      </h2>
      <p class="para-banner-application text-white mb-2">
        The first call will be 15 minutes and will aim to ensure Script
        Story can help you and learn more about your needs so we can
        prepare for the technical call to follow. We look forward to
        connecting with you!
      </p>
      <div class="d-flex align-items-center gap-2 mb-2">
        <svg
          width="18"
          height="18"
          viewBox="0 0 18 18"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g clip-path="url(#clip0_1055_1630)">
            <path
              d="M17.2502 8.24937C17.0513 8.24937 16.8605 8.17035 16.7199 8.0297C16.5792 7.88905 16.5002 7.69828 16.5002 7.49937C16.4986 5.90856 15.866 4.38335 14.7411 3.25848C13.6162 2.13361 12.091 1.50096 10.5002 1.49937C10.3013 1.49937 10.1105 1.42035 9.96989 1.2797C9.82924 1.13904 9.75022 0.948279 9.75022 0.749367C9.75022 0.550454 9.82924 0.359689 9.96989 0.219037C10.1105 0.0783843 10.3013 -0.000633376 10.5002 -0.000633376C12.4887 0.00155032 14.3951 0.792428 15.8011 2.19848C17.2072 3.60453 17.998 5.51091 18.0002 7.49937C18.0002 7.69828 17.9212 7.88905 17.7806 8.0297C17.6399 8.17035 17.4491 8.24937 17.2502 8.24937ZM15.0002 7.49937C15.0002 6.30589 14.5261 5.1613 13.6822 4.31739C12.8383 3.47347 11.6937 2.99937 10.5002 2.99937C10.3013 2.99937 10.1105 3.07838 9.96989 3.21904C9.82924 3.35969 9.75022 3.55045 9.75022 3.74937C9.75022 3.94828 9.82924 4.13904 9.96989 4.2797C10.1105 4.42035 10.3013 4.49937 10.5002 4.49937C11.2959 4.49937 12.0589 4.81544 12.6215 5.37805C13.1842 5.94066 13.5002 6.70372 13.5002 7.49937C13.5002 7.69828 13.5792 7.88905 13.7199 8.0297C13.8605 8.17035 14.0513 8.24937 14.2502 8.24937C14.4491 8.24937 14.6399 8.17035 14.7806 8.0297C14.9212 7.88905 15.0002 7.69828 15.0002 7.49937ZM16.6375 16.6224L17.32 15.8356C17.7544 15.3998 17.9983 14.8096 17.9983 14.1942C17.9983 13.5789 17.7544 12.9887 17.32 12.5529C17.2967 12.5296 15.4922 11.1414 15.4922 11.1414C15.0591 10.7291 14.4839 10.4996 13.8859 10.5004C13.288 10.5012 12.7134 10.7324 12.2815 11.1459L10.852 12.3504C9.6851 11.8674 8.62514 11.1588 7.73293 10.265C6.84074 9.37126 6.13388 8.31007 5.65297 7.14237L6.85297 5.71737C7.26676 5.2855 7.49819 4.71077 7.49917 4.11267C7.50015 3.51456 7.27059 2.93909 6.85822 2.50587C6.85822 2.50587 5.46847 0.703617 5.44522 0.680367C5.01731 0.249678 4.43713 0.00463314 3.83004 -0.00182229C3.22295 -0.00827771 2.63769 0.224374 2.20072 0.645867L1.33822 1.39587C-3.75728 7.30737 7.21522 18.1951 13.3217 17.9994C13.9384 18.0029 14.5495 17.8829 15.119 17.6464C15.6884 17.4099 16.2048 17.0617 16.6375 16.6224Z"
              fill="#FF7300"
            />
          </g>
          <defs>
            <clipPath id="clip0_1055_1630">
              <rect width="18" height="18" fill="white" />
            </clipPath>
          </defs>
        </svg>
        <h3 class="icon-text text-white mb-0">
          Need help? Give us a call
        </h3>
      </div>
      <div class="d-flex align-items-center gap-2">
        <svg
          width="18"
          height="18"
          viewBox="0 0 18 18"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g clip-path="url(#clip0_1055_1634)">
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M12.8764 5.12359L6.93639 9.24773L0.723373 7.17645C0.289693 7.03159 -0.00247938 6.6247 1.58588e-05 6.16758C0.00254393 5.71046 0.298066 5.30607 0.733419 5.16627L16.618 0.0508648C16.9956 -0.0705155 17.41 0.0290971 17.6905 0.309582C17.9709 0.590066 18.0706 1.00447 17.9492 1.38208L12.8338 17.2666C12.694 17.702 12.2896 17.9975 11.8324 18C11.3753 18.0025 10.9684 17.7103 10.8236 17.2767L8.74225 11.0335L12.8764 5.12359Z"
              fill="#FF7300"
            />
          </g>
          <defs>
            <clipPath id="clip0_1055_1634">
              <rect width="18" height="18" fill="white" />
            </clipPath>
          </defs>
        </svg>

        <h3 class="icon-text text-white mb-0">Shoot us an email.</h3>
      </div>
    </div>
  </div>
</div>


<div class="container">
  <div class="section-space">
    <div class="row">
      <div class="col-md-12 col-lg-6 col-xl-6 contact-us-margin">
       <img src="../assets/images/gitlll.jpeg" class="img-fluid img-contact"/>
      </div>
      <div class="col-md-12 col-lg-6 col-xl-6 contact-us-margin">
      <div class="contact-form">
    <h3 class="form-heading">We're Here to Help</h3>
    <p class="form-subheading">Our team will reach out to you within 24 hours of submission.</p>

    <form method="post" id="contactform">
       
        <div class="mb-3">
            <label for="fullName" class="form-label">Full Name</label>
            <input type="text" name="fullname" class="form-control" id="fullName" placeholder="Ex: Jane Doe" required value=""/>
        </div>

     
        <div class="row">
<div class="col-md-6 mb-3">
  <label for="email" class="form-label">Email</label>
  <input type="email" class="form-control" id="email" placeholder="name@example.com" required name="email"/>
</div>
<div class="col-md-6 mb-3">
  <label for="phone" class="form-label">Phone</label>
  <input type="tel" class="form-control" id="phone" placeholder="123-456-7890" required name="phone"/>
</div>
</div>

  
        <div class="mb-3">
            <label for="services" class="form-label">Services</label>
            <select class="form-select" id="service" name="service">
                <option selected>Select</option>
                <option value="Data & AI/ML Services">Data & AI/ML Services</option>
                <option value="Cloud Enablement Services">Cloud Enablement Services</option>
                <option value="Planning & Forecasting">Planning & Forecasting</option>
                <option value="Custom Software Development">Custom Software Development</option>
            </select>
        </div>

      
        <div class="mb-3">
            <label for="formFile" class="form-label">Upload File</label>
            <input class="form-control" type="file" id="formFile" name="attachment" accept="image/*"/>
        </div>

      
        <div class="mb-3">
            <label for="message" class="form-label">Message</label>
            <textarea name="message" class="form-control" id="message" rows="3" placeholder="I would like to ask you..."></textarea>
        </div>

     
        <button type="submit" class="btn btn-submit contact-submit btn-block">Submit</button>
    </form>
    
    <div id="messageContainer"></div>
</div>
      </div>
    </div>
  </div>
</div>
