cars.tatamotors.com Open in urlscan Pro
18.238.4.33  Public Scan

Submitted URL: http://delivery.tatamotorscars.com/CKEHAR?id=182465=ckwCAAxUVgIFRQFTVQUEBlEHAFEAA1VVBwFdDQIEDVQJBgZQDAdXVwkNUwADAAVUAlBOVQ8IU1YHBlt...
Effective URL: https://cars.tatamotors.com/support.html
Submission: On August 08 via manual from IN — Scanned from CA

Form analysis 22 forms found in the DOM

<form id="search-header-bar-form" class="search-bar-container" data-min-search="2" data-default-item="all" data-auto-default-item="all">
  <span type="submit" class="icon-Search search-icon" id="search-btn"></span>
  <input type="text" class="search-bar" placeholder="Search" data-link="https://cars.tatamotors.com/enterprise-search.html">
  <span type="submit" class="icon-Cross search-icon d-none"></span>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="salutation-list">
                    <li value="Mr." class="salutation-list-item" data-code="Mr.">
                      <span class="nameTitle" data-id="0">Mr.</span>
                    </li>
                    <li value="Miss." class="salutation-list-item" data-code="Miss.">
                      <span class="nameTitle" data-id="1">Miss.</span>
                    </li>
                    <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
                      <span class="nameTitle" data-id="2">Mrs.</span>
                    </li>
                    <li value="Dr." class="salutation-list-item" data-code="Dr.">
                      <span class="nameTitle" data-id="3">Dr.</span>
                    </li>
                    <li value="Prof." class="salutation-list-item" data-code="Prof.">
                      <span class="nameTitle" data-id="4">Prof.</span>
                    </li>
                    <li value="Ms." class="salutation-list-item" data-code="Ms.">
                      <span class="nameTitle" data-id="5">Ms.</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="country-list">
                    <li value="+91" class="country-list-item selected" data-code="+91">
                      <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                      <span class="countryCode">+91</span>
                      <span class="countryName">India</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactUsSales-form">
  <h5 class="form-title">Alternatively, fill in the from below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label d-none" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det" data-title="Title">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Title</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Title</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Title</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Title</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Title</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Title</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
      <span class="salutationErrMsg d-none" data-id="Select Valid Label">Select Valid Label</span>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" oninput="this.value=restrictAlphabets(this.value)" input-text="First Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" oninput="this.value=restrictAlphabets(this.value)" input-text="Last Name" required="" accept="^[a-zA-Z]+$" maxlength="50">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" minlength="10" maxlength="10" oninput="this.value=restrictCharacters(this.value)">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter Valid Number">Enter Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-otp d-none">
    <div class="form-input-wrapper" id="form-input-otpid">
      <input class="form-input otp-input" type="text" name="otp" id="otpId" placeholder="Enter the OTP code here" input-text="Enter the OTP code here" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="otpId" class="label">Enter the OTP code here</label>
      <div class="validateotp-errormsg d-none">
        <span class="invalidotp-msg" data-id="Enter valid OTP">Enter valid OTP</span>
      </div>
    </div>
    <div class="validations-otp" id="input-otps">
      <div class="validate-otp disabled" id="input-validateotp">
        <div class="validateOtp cta-link" data-id="Validate OTP"> Validate OTP</div>
        <span class="icon-Arrow-Right"></span>
      </div>
      <div class="resend-otp disabled" id="input-resendotp">
        <div class="resendOtp cta-link" data-id="Resend OTP">Resend OTP </div>
        <span class="icon-Arrow-Right"></span>
        <span class="icon-Tick left-tick d-none"></span>
        <div class="resentOtp cta-link d-none" data-id="Resent"> Resent </div>
      </div>
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper" id="form-input-email">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" pattern="[A-Za-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
    <div class="form-input-wrapper" id="form-input-pincode">
      <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" minlength="6" maxlength="6" oninput="this.value=restrictCharacters(this.value)">
      <label for="pincode" class="label">Pincode</label>
      <span class="pinErrMsg fieldErrMsg" data-id="Enter Valid Pincode">Enter Valid Pincode</span>
    </div>
  </div>
</form>

Name: tnc-checkbox-form

<form id="tnc-checkbox-form" class="tnc-checkbox-form" name="tnc-checkbox-form">
  <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
      data-displayid="PURPOSE_tmpvl_india_13" required="">
    <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
        class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
  </div>
  <div class="tnc-error-msg d-none"></div>
</form>

<form class="form-element" id="contactusservice" data-emailreceiver="customercare@tatamotors.com">
  <h5 class="form-title">Please fill in the form below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Select</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Select</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Select</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Select</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Select</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Select</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="salutation-list">
                    <li value="Mr." class="salutation-list-item" data-code="Mr.">
                      <span class="nameTitle" data-id="0">Mr.</span>
                    </li>
                    <li value="Miss." class="salutation-list-item" data-code="Miss.">
                      <span class="nameTitle" data-id="1">Miss.</span>
                    </li>
                    <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
                      <span class="nameTitle" data-id="2">Mrs.</span>
                    </li>
                    <li value="Dr." class="salutation-list-item" data-code="Dr.">
                      <span class="nameTitle" data-id="3">Dr.</span>
                    </li>
                    <li value="Prof." class="salutation-list-item" data-code="Prof.">
                      <span class="nameTitle" data-id="4">Prof.</span>
                    </li>
                    <li value="Ms." class="salutation-list-item" data-code="Ms.">
                      <span class="nameTitle" data-id="5">Ms.</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" maxlength="10">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter a Valid Number">Enter a Valid Number</span>
      </div>
      <div class="dropdown" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="country-list">
                    <li value="+91" class="country-list-item selected" data-code="+91">
                      <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                      <span class="countryCode">+91</span>
                      <span class="countryName">India</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emailErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
  </div>
  <div class="location-details">
    <div class="location-title">
      <h6>Location</h6>
    </div>
    <div class="state-data work-place-info-section">
      <input class="stateSelected-txt" type="text" name="stateSelected" value="">
      <div class="city-list-options">
        <div class="drop-down">
          <div class="state-label">
            <p>State</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="state-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list" data-simplebar="init">
                <div class="simplebar-wrapper" style="margin: 0px 0px 0px 0%;">
                  <div class="simplebar-height-auto-observer-wrapper">
                    <div class="simplebar-height-auto-observer"></div>
                  </div>
                  <div class="simplebar-mask">
                    <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                      <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                        <div class="simplebar-content" style="padding: 0px 0px 0px 0%;">
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AN" data-value="AN">AN</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AP" data-value="AP">AP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AR" data-value="AR">AR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AS" data-value="AS">AS</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="BR" data-value="BR">BR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="CG" data-value="CG">CG</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="CH" data-value="CH">CH</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="DD" data-value="DD">DD</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="DL" data-value="DL">DL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="GA" data-value="GA">GA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="GJ" data-value="GJ">GJ</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="HP" data-value="HP">HP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="HR" data-value="HR">HR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="JH" data-value="JH">JH</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="JK" data-value="JK">JK</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="KA" data-value="KA">KA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="KL" data-value="KL">KL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="LA" data-value="LA">LA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="LD" data-value="LD">LD</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MH" data-value="MH">MH</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="ML" data-value="ML">ML</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MN" data-value="MN">MN</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MP" data-value="MP">MP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MZ" data-value="MZ">MZ</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="NL" data-value="NL">NL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="OD" data-value="OD">OD</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="OR" data-value="OR">OR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="PB" data-value="PB">PB</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="PY" data-value="PY">PY</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="RJ" data-value="RJ">RJ</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="SK" data-value="SK">SK</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TL" data-value="TL">TL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TN" data-value="TN">TN</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TP" data-value="TP">TP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TR" data-value="TR">TR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TS" data-value="TS">TS</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="UA" data-value="UA">UA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="UK" data-value="UK">UK</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="UP" data-value="UP">UP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="WB" data-value="WB">WB</a>
                          </li>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
                </div>
                <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
                  <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
                </div>
                <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
                  <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
                </div>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="city-details">
      <div class="city-data work-place-info-section">
        <input class="citySelected-txt" type="text" name="citySelected" value="">
        <div class="city-list-options">
          <div class="drop-down" style="pointer-events: none;">
            <div class="city-label">
              <p>City</p>
            </div>
            <div class="selected">
              <a class="one" href="javascript:void(0)">
                                                <div class="city-data1"></div>
                                                <span>
                                                    <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                                </span>
                                            </a>
            </div>
            <div class="cities">
              <div class="list-dynamic">
                <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
                <li class="not-Found" style="display: none;"> Not found</li>
                <ul class="list" id="city-list">
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="dealer-data work-place-info-section">
      <input class="dealerSelected-txt" type="text" name="dealerSelected" value="">
      <div class="city-list-options">
        <div class="drop-down" style="pointer-events: none;">
          <div class="dealer-label">
            <p>Dealership (Optional)</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="dealer-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list">
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="details">
    <div class="details-title">
      <h6>Details</h6>
    </div>
    <div class="dropdown-section selected-data">
      <input class="issueSelected-txt" type="text" name="issue" value="">
      <div class="issue-type">
        <div class="dropdown-label"> Please select issue</div>
        <div name="" id="" class="issue-dropdown compare-dropdown dropdown-change" data-versionid="">
          <div class="select-label">Select</div>
          <div class="dropdown-option-parents">
            <div class="dropdown-custom-options">
              <span class="custom-option" data-name="Service Issue 1" data-value="Service Issue 1 Val">Service Issue 1</span>
              <span class="custom-option" data-name="Service Issue 2" data-value="Service Issue 2 Val">Service Issue 2</span>
              <span class="custom-option" data-name="Service Issue 3" data-value="Service Issue 3 Val">Service Issue 3</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="comment-section">
      <p>Comments (Optional)</p>
      <textarea class="form-textarea" name="comments" id="commentsId" placeholder="Is there anything you would like us to know?" input-text="Is there anything you would like us to know?"></textarea>
      <p class="service-text-valid-error" style="display: none;"> </p>
    </div>
  </div>
  <div class="form-submit">
    <button type="button" class="form-submit-btn" data-formtype="Service Support Form" data-gaevent="form_submit" data-formdata="Feedback Form/Service Form" disabled="disabled">Submit</button>
  </div>
</form>

<form class="form-element" id="feedbackproduct-form" data-emailreceiver="customercare@tatamotors.com">
  <h5 class="form-title">Please fill in the form below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Select</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Select</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Select</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Select</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Select</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Select</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="salutation-list">
                    <li value="Mr." class="salutation-list-item" data-code="Mr.">
                      <span class="nameTitle" data-id="0">Mr.</span>
                    </li>
                    <li value="Miss." class="salutation-list-item" data-code="Miss.">
                      <span class="nameTitle" data-id="1">Miss.</span>
                    </li>
                    <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
                      <span class="nameTitle" data-id="2">Mrs.</span>
                    </li>
                    <li value="Dr." class="salutation-list-item" data-code="Dr.">
                      <span class="nameTitle" data-id="3">Dr.</span>
                    </li>
                    <li value="Prof." class="salutation-list-item" data-code="Prof.">
                      <span class="nameTitle" data-id="4">Prof.</span>
                    </li>
                    <li value="Ms." class="salutation-list-item" data-code="Ms.">
                      <span class="nameTitle" data-id="5">Ms.</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label" style="display: none;">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <label for="lastNameId" class="label" style="display: none;">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" maxlength="10">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter a Valid Number">Enter a Valid Number</span>
      </div>
      <div class="dropdown" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="country-list">
                    <li value="+91" class="country-list-item selected" data-code="+91">
                      <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                      <span class="countryCode">+91</span>
                      <span class="countryName">India</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" maxlength="150">
      <label for="emailAddressId" class="label" style="display: none;">Email Address</label>
      <span class="emailErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
  </div>
  <div class="location-details">
    <div class="location-title">
      <h6>Location</h6>
    </div>
    <div class="state-data work-place-info-section">
      <div class="city-list-options">
        <div class="drop-down">
          <div class="state-label">
            <p>State</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="state-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Search">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list" data-simplebar="init">
                <div class="simplebar-wrapper" style="margin: 0px 0px 0px 0%;">
                  <div class="simplebar-height-auto-observer-wrapper">
                    <div class="simplebar-height-auto-observer"></div>
                  </div>
                  <div class="simplebar-mask">
                    <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                      <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                        <div class="simplebar-content" style="padding: 0px 0px 0px 0%;">
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AN" data-value="AN"> AN</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AP" data-value="AP"> AP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AR" data-value="AR"> AR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="AS" data-value="AS"> AS</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="BR" data-value="BR"> BR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="CG" data-value="CG"> CG</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="CH" data-value="CH"> CH</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="DD" data-value="DD"> DD</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="DL" data-value="DL"> DL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="GA" data-value="GA"> GA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="GJ" data-value="GJ"> GJ</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="HP" data-value="HP"> HP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="HR" data-value="HR"> HR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="JH" data-value="JH"> JH</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="JK" data-value="JK"> JK</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="KA" data-value="KA"> KA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="KL" data-value="KL"> KL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="LA" data-value="LA"> LA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="LD" data-value="LD"> LD</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MH" data-value="MH"> MH</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="ML" data-value="ML"> ML</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MN" data-value="MN"> MN</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MP" data-value="MP"> MP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="MZ" data-value="MZ"> MZ</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="NL" data-value="NL"> NL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="OD" data-value="OD"> OD</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="OR" data-value="OR"> OR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="PB" data-value="PB"> PB</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="PY" data-value="PY"> PY</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="RJ" data-value="RJ"> RJ</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="SK" data-value="SK"> SK</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TL" data-value="TL"> TL</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TN" data-value="TN"> TN</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TP" data-value="TP"> TP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TR" data-value="TR"> TR</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="TS" data-value="TS"> TS</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="UA" data-value="UA"> UA</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="UK" data-value="UK"> UK</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="UP" data-value="UP"> UP</a>
                          </li>
                          <li class="cities-available">
                            <a href="javascript:void(0)" data-name="WB" data-value="WB"> WB</a>
                          </li>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
                </div>
                <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
                  <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
                </div>
                <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
                  <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
                </div>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="city-details">
      <div class="city-data work-place-info-section">
        <input class="citySelected-txt" type="text" name="citySelected" value="">
        <div class="city-list-options">
          <div class="drop-down" style="pointer-events: none;">
            <div class="city-label">
              <p>City</p>
            </div>
            <div class="selected">
              <a class="one" href="javascript:void(0)">
                                                <div class="city-data1"></div>
                                                <span>
                                                    <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                                </span>
                                            </a>
            </div>
            <div class="cities">
              <div class="list-dynamic">
                <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Search">
                <li class="not-Found" style="display: none;"> Not found</li>
                <ul class="list" id="city-list">
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="details">
    <div class="details-title">
      <h6>Details</h6>
    </div>
    <div class="comment-section">
      <p>Comments (Optional)</p>
      <textarea class="form-textarea" name="comments" id="commentsId" placeholder="Is there anything you would like us to know?" input-text="Is there anything you would like us to know?"></textarea>
      <p class="comments-valid-error" style="display: none;"> </p>
    </div>
  </div>
  <div class="form-submit">
    <button type="button" class="form-submit-btn" data-formtype="Product  Feedback Form" data-gaevent="form_submit" data-formdata="Feedback Form" disabled="disabled">Submit</button>
  </div>
</form>

<form class="form-element" id="contactusservice" data-emailreceiver="customercare@tatamotors.com">
  <h5 class="form-title">Please fill in the form below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Select</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Select</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Select</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Select</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Select</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Select</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" maxlength="10">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter a Valid Number">Enter a Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emailErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
  </div>
  <div class="location-details">
    <div class="location-title">
      <h6>Location</h6>
    </div>
    <div class="state-data work-place-info-section">
      <input class="stateSelected-txt" type="text" name="stateSelected" value="">
      <div class="city-list-options">
        <div class="drop-down">
          <div class="state-label">
            <p>State</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="state-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list">
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AN" data-value="AN">AN</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AP" data-value="AP">AP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AR" data-value="AR">AR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AS" data-value="AS">AS</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="BR" data-value="BR">BR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="CG" data-value="CG">CG</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="CH" data-value="CH">CH</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="DD" data-value="DD">DD</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="DL" data-value="DL">DL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="GA" data-value="GA">GA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="GJ" data-value="GJ">GJ</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="HP" data-value="HP">HP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="HR" data-value="HR">HR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="JH" data-value="JH">JH</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="JK" data-value="JK">JK</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="KA" data-value="KA">KA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="KL" data-value="KL">KL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="LA" data-value="LA">LA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="LD" data-value="LD">LD</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MH" data-value="MH">MH</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="ML" data-value="ML">ML</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MN" data-value="MN">MN</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MP" data-value="MP">MP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MZ" data-value="MZ">MZ</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="NL" data-value="NL">NL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="OD" data-value="OD">OD</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="OR" data-value="OR">OR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="PB" data-value="PB">PB</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="PY" data-value="PY">PY</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="RJ" data-value="RJ">RJ</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="SK" data-value="SK">SK</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TL" data-value="TL">TL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TN" data-value="TN">TN</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TP" data-value="TP">TP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TR" data-value="TR">TR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TS" data-value="TS">TS</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="UA" data-value="UA">UA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="UK" data-value="UK">UK</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="UP" data-value="UP">UP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="WB" data-value="WB">WB</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="city-details">
      <div class="city-data work-place-info-section">
        <input class="citySelected-txt" type="text" name="citySelected" value="">
        <div class="city-list-options">
          <div class="drop-down" style="pointer-events: none;">
            <div class="city-label">
              <p>City</p>
            </div>
            <div class="selected">
              <a class="one" href="javascript:void(0)">
                                                <div class="city-data1"></div>
                                                <span>
                                                    <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                                </span>
                                            </a>
            </div>
            <div class="cities">
              <div class="list-dynamic">
                <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
                <li class="not-Found" style="display: none;"> Not found</li>
                <ul class="list" id="city-list">
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="dealer-data work-place-info-section">
      <input class="dealerSelected-txt" type="text" name="dealerSelected" value="">
      <div class="city-list-options">
        <div class="drop-down" style="pointer-events: none;">
          <div class="dealer-label">
            <p>Dealership (Optional)</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="dealer-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list">
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="details">
    <div class="details-title">
      <h6>Details</h6>
    </div>
    <div class="dropdown-section selected-data">
      <input class="issueSelected-txt" type="text" name="issue" value="">
      <div class="issue-type">
        <div class="dropdown-label"> Please select issue</div>
        <div name="" id="" class="issue-dropdown compare-dropdown dropdown-change" data-versionid="">
          <div class="select-label">Select</div>
          <div class="dropdown-option-parents">
            <div class="dropdown-custom-options">
              <span class="custom-option" data-name="Service Issue 1" data-value="Service Issue 1 Val">Service Issue 1</span>
              <span class="custom-option" data-name="Service Issue 2" data-value="Service Issue 2 Val">Service Issue 2</span>
              <span class="custom-option" data-name="Service Issue 3" data-value="Service Issue 3 Val">Service Issue 3</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="comment-section">
      <p>Comments (Optional)</p>
      <textarea class="form-textarea" name="comments" id="commentsId" placeholder="Is there anything you would like us to know?" input-text="Is there anything you would like us to know?"></textarea>
      <p class="service-text-valid-error" style="display: none;"> </p>
    </div>
  </div>
  <div class="form-submit">
    <button type="button" class="form-submit-btn" data-formtype="Sales Feedback Form" data-gaevent="form_submit" data-formdata="Feedback Form/Service Form" disabled="disabled">Submit</button>
  </div>
</form>

<form class="form-element" id="contactusservice" data-emailreceiver="customercare@tatamotors.com">
  <h5 class="form-title">Please fill in the form below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Select</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Select</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Select</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Select</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Select</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Select</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" maxlength="10">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter a Valid Number">Enter a Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emailErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
  </div>
  <div class="location-details">
    <div class="location-title">
      <h6>Location</h6>
    </div>
    <div class="state-data work-place-info-section">
      <input class="stateSelected-txt" type="text" name="stateSelected" value="">
      <div class="city-list-options">
        <div class="drop-down">
          <div class="state-label">
            <p>State</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="state-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list">
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AN" data-value="AN">AN</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AP" data-value="AP">AP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AR" data-value="AR">AR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="AS" data-value="AS">AS</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="BR" data-value="BR">BR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="CG" data-value="CG">CG</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="CH" data-value="CH">CH</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="DD" data-value="DD">DD</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="DL" data-value="DL">DL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="GA" data-value="GA">GA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="GJ" data-value="GJ">GJ</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="HP" data-value="HP">HP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="HR" data-value="HR">HR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="JH" data-value="JH">JH</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="JK" data-value="JK">JK</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="KA" data-value="KA">KA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="KL" data-value="KL">KL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="LA" data-value="LA">LA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="LD" data-value="LD">LD</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MH" data-value="MH">MH</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="ML" data-value="ML">ML</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MN" data-value="MN">MN</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MP" data-value="MP">MP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="MZ" data-value="MZ">MZ</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="NL" data-value="NL">NL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="OD" data-value="OD">OD</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="OR" data-value="OR">OR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="PB" data-value="PB">PB</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="PY" data-value="PY">PY</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="RJ" data-value="RJ">RJ</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="SK" data-value="SK">SK</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TL" data-value="TL">TL</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TN" data-value="TN">TN</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TP" data-value="TP">TP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TR" data-value="TR">TR</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="TS" data-value="TS">TS</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="UA" data-value="UA">UA</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="UK" data-value="UK">UK</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="UP" data-value="UP">UP</a>
                </li>
                <li class="cities-available">
                  <a href="javascript:void(0)" data-name="WB" data-value="WB">WB</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="city-details">
      <div class="city-data work-place-info-section">
        <input class="citySelected-txt" type="text" name="citySelected" value="">
        <div class="city-list-options">
          <div class="drop-down" style="pointer-events: none;">
            <div class="city-label">
              <p>City</p>
            </div>
            <div class="selected">
              <a class="one" href="javascript:void(0)">
                                                <div class="city-data1"></div>
                                                <span>
                                                    <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                                </span>
                                            </a>
            </div>
            <div class="cities">
              <div class="list-dynamic">
                <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
                <li class="not-Found" style="display: none;"> Not found</li>
                <ul class="list" id="city-list">
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="dealer-data work-place-info-section">
      <input class="dealerSelected-txt" type="text" name="dealerSelected" value="">
      <div class="city-list-options">
        <div class="drop-down" style="pointer-events: none;">
          <div class="dealer-label">
            <p>Dealership (Optional)</p>
          </div>
          <div class="selected">
            <a class="one" href="javascript:void(0)">
                                            <div class="dealer-data1"></div>
                                            <span>
                                                <h6 class="selected-data">Select</h6><i class="icon-Chevron-Down"></i>
                                            </span>
                                        </a>
          </div>
          <div class="cities">
            <div class="list-dynamic">
              <input type="text" class="search_box" aria-label="Search_box" id="loc-search" placeholder="Please Select">
              <li class="not-Found" style="display: none;"> Not found</li>
              <ul class="list" id="city-list">
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="details">
    <div class="details-title">
      <h6>Details</h6>
    </div>
    <div class="dropdown-section selected-data">
      <input class="issueSelected-txt" type="text" name="issue" value="">
      <div class="issue-type">
        <div class="dropdown-label"> Please select issue</div>
        <div name="" id="" class="issue-dropdown compare-dropdown dropdown-change" data-versionid="">
          <div class="select-label">Select</div>
          <div class="dropdown-option-parents">
            <div class="dropdown-custom-options">
              <span class="custom-option" data-name="Service Issue 1" data-value="Service Issue 1 Val">Service Issue 1</span>
              <span class="custom-option" data-name="Service Issue 2" data-value="Service Issue 2 Val">Service Issue 2</span>
              <span class="custom-option" data-name="Service Issue 3" data-value="Service Issue 3 Val">Service Issue 3</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="comment-section">
      <p>Comments (Optional)</p>
      <textarea class="form-textarea" name="comments" id="commentsId" placeholder="Is there anything you would like us to know?" input-text="Is there anything you would like us to know?"></textarea>
      <p class="service-text-valid-error" style="display: none;"> </p>
    </div>
  </div>
  <div class="form-submit">
    <button type="button" class="form-submit-btn" data-formtype="Service  Feedback Form" data-gaevent="form_submit" data-formdata="Feedback Form/Service Form" disabled="disabled">Submit</button>
  </div>
</form>

<form class="form-element" id="contactus-others" data-emailreceiver="customercare@tatamotors.com">
  <h5 class="form-title">Please fill in the form below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Select</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Select</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Select</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Select</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Select</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Select</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="salutation-list">
                    <li value="Mr." class="salutation-list-item" data-code="Mr.">
                      <span class="nameTitle" data-id="0">Mr.</span>
                    </li>
                    <li value="Miss." class="salutation-list-item" data-code="Miss.">
                      <span class="nameTitle" data-id="1">Miss.</span>
                    </li>
                    <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
                      <span class="nameTitle" data-id="2">Mrs.</span>
                    </li>
                    <li value="Dr." class="salutation-list-item" data-code="Dr.">
                      <span class="nameTitle" data-id="3">Dr.</span>
                    </li>
                    <li value="Prof." class="salutation-list-item" data-code="Prof.">
                      <span class="nameTitle" data-id="4">Prof.</span>
                    </li>
                    <li value="Ms." class="salutation-list-item" data-code="Ms.">
                      <span class="nameTitle" data-id="5">Ms.</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile" input-text="Mobile" required="" maxlength="10">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter a Valid Number">Enter a Valid Number</span>
      </div>
      <div class="dropdown" data-simplebar="init" style="display: none;">
        <div class="simplebar-wrapper" style="margin: -8px -16px;">
          <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
          </div>
          <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
              <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                <div class="simplebar-content" style="padding: 8px 16px;">
                  <ul class="country-list">
                    <li value="+91" class="country-list-item selected" data-code="+91">
                      <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                      <span class="countryCode">+91</span>
                      <span class="countryName">India</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
          <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
        </div>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emailErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
  </div>
  <div class="details">
    <div class="details-title">
      <h6>Details</h6>
    </div>
    <div class="comment-section">
      <p>Comments</p>
      <textarea class="form-textarea" name="comments" id="commentsId" placeholder="Is there anything you would like us to know?" input-text="Is there anything you would like us to know?"></textarea>
      <p class="text-valid-error" style="display: none;"> </p>
    </div>
  </div>
  <div class="form-submit">
    <button type="button" class="form-submit-btn" data-formtype="Other  Feedback Form" data-gaevent="form_submit" data-formdata="Feedback Form/Support Form" disabled="disabled">Submit</button>
  </div>
</form>

<form class="form-element" id="contactus-others" data-emailreceiver="customercare@tatamotors.com">
  <h5 class="form-title">Please fill in the form below</h5>
  <div class="contact-details-personal">
    <div class="form-input-wrapper" id="form-input-salutation">
      <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
      <div class="salutation-input-field">
        <div class="sal-det">
          <ul class="salutation-list">
            <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
              <span class="nameTitle" data-id="0">Select</span>
            </li>
            <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
              <span class="nameTitle" data-id="1">Select</span>
            </li>
            <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
              <span class="nameTitle" data-id="2">Select</span>
            </li>
            <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
              <span class="nameTitle" data-id="3">Select</span>
            </li>
            <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
              <span class="nameTitle" data-id="4">Select</span>
            </li>
            <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
              <span class="nameTitle" data-id="5">Select</span>
            </li>
          </ul>
          <div class="salutation-arrows">
            <i class="icon-Chevron-Down arow-down-sal"></i>
          </div>
        </div>
      </div>
      <div class="dropdown-salutation" style="display: none;">
        <ul class="salutation-list">
          <li value="Mr." class="salutation-list-item" data-code="Mr.">
            <span class="nameTitle" data-id="0">Mr.</span>
          </li>
          <li value="Miss." class="salutation-list-item" data-code="Miss.">
            <span class="nameTitle" data-id="1">Miss.</span>
          </li>
          <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
            <span class="nameTitle" data-id="2">Mrs.</span>
          </li>
          <li value="Dr." class="salutation-list-item" data-code="Dr.">
            <span class="nameTitle" data-id="3">Dr.</span>
          </li>
          <li value="Prof." class="salutation-list-item" data-code="Prof.">
            <span class="nameTitle" data-id="4">Prof.</span>
          </li>
          <li value="Ms." class="salutation-list-item" data-code="Ms.">
            <span class="nameTitle" data-id="5">Ms.</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="form-input-wrapper" id="form-input-firstname">
      <label for="firstNameId" class="label">First Name</label>
      <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
      <span class="firstNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
    </div>
  </div>
  <div class="contact-details-mobile">
    <div class="form-input-wrapper" id="form-input-lastname">
      <label for="lastNameId" class="label">Last Name</label>
      <span class="lastNameErrMsg fieldErrMsg" data-id="Enter a Valid Name">Enter a Valid Name</span>
      <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
    </div>
    <div class="form-input-wrapper" id="form-input-mobile">
      <label for="mobileNumId" class="mobile-label label">Mobile</label>
      <!-- Country and Mobile Number -->
      <div class="mobile-input-field">
        <div class="mobile-input-stlye">
          <div class="mob-det">
            <ul class="country-list">
              <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                <span class="country-code">+91</span>
              </li>
            </ul>
            <div class="isd-arrows">
              <i class="icon-Chevron-Down arow-down"></i>
            </div>
          </div>
          <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile" input-text="Mobile" required="" maxlength="10">
        </div>
        <span class="mobErrMsg fieldErrMsg" data-id="Enter a Valid Number">Enter a Valid Number</span>
      </div>
      <div class="dropdown" style="display: none;">
        <ul class="country-list">
          <li value="+91" class="country-list-item selected" data-code="+91">
            <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
            <span class="countryCode">+91</span>
            <span class="countryName">India</span>
          </li>
        </ul>
      </div>
      <!-- Ends Here -->
    </div>
  </div>
  <div class="contact-details-social">
    <div class="form-input-wrapper">
      <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email Address" input-text="Email Address" required="" maxlength="150">
      <label for="emailAddressId" class="label">Email Address</label>
      <span class="emailErrMsg fieldErrMsg" data-id="Enter Valid Email Address">Enter Valid Email Address</span>
    </div>
  </div>
  <div class="details">
    <div class="details-title">
      <h6>Details</h6>
    </div>
    <div class="comment-section">
      <p>Comments</p>
      <textarea class="form-textarea" name="comments" id="commentsId" placeholder="Is there anything you would like us to know?" input-text="Is there anything you would like us to know?"></textarea>
      <p class="text-valid-error" style="display: none;"> </p>
    </div>
  </div>
  <div class="form-submit">
    <button type="button" class="form-submit-btn" data-formtype="Other Support Form" data-gaevent="form_submit" data-formdata="Feedback Form/Support Form" disabled="disabled">Submit</button>
  </div>
</form>

<form class="form-element" id="callback-form">
  <h5 class="form-title">Submit an Enquiry</h5>
  <div class="form-scroll-container">
    <div class="contact-details-personal">
      <div class="form-input-wrapper" id="form-input-salutation">
        <label for="salutation-input-field" class="salutation-label label" style="bottom: 36px;">Title</label>
        <div class="salutation-input-field">
          <div class="sal-det">
            <ul class="salutation-list">
              <li value="Mr." class="salutations codeMr. d-flex" data-code="Mr." style="display: none;">
                <span class="nameTitle" data-id="0">Select</span>
              </li>
              <li value="Miss." class="salutations codeMiss. d-none" data-code="Miss." style="display: none;">
                <span class="nameTitle" data-id="1">Select</span>
              </li>
              <li value="Mrs." class="salutations codeMrs. d-none" data-code="Mrs." style="display: none;">
                <span class="nameTitle" data-id="2">Select</span>
              </li>
              <li value="Dr." class="salutations codeDr. d-none" data-code="Dr." style="display: none;">
                <span class="nameTitle" data-id="3">Select</span>
              </li>
              <li value="Prof." class="salutations codeProf. d-none" data-code="Prof." style="display: none;">
                <span class="nameTitle" data-id="4">Select</span>
              </li>
              <li value="Ms." class="salutations codeMs. d-none" data-code="Ms." style="display: none;">
                <span class="nameTitle" data-id="5">Select</span>
              </li>
            </ul>
            <div class="salutation-arrows">
              <i class="icon-Chevron-Down arow-down-sal"></i>
            </div>
          </div>
        </div>
        <div class="dropdown-salutation" data-simplebar="init" style="display: none;">
          <div class="simplebar-wrapper" style="margin: -8px -16px;">
            <div class="simplebar-height-auto-observer-wrapper">
              <div class="simplebar-height-auto-observer"></div>
            </div>
            <div class="simplebar-mask">
              <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                  <div class="simplebar-content" style="padding: 8px 16px;">
                    <ul class="salutation-list">
                      <li value="Mr." class="salutation-list-item" data-code="Mr.">
                        <span class="nameTitle" data-id="0">Mr.</span>
                      </li>
                      <li value="Miss." class="salutation-list-item" data-code="Miss.">
                        <span class="nameTitle" data-id="1">Miss.</span>
                      </li>
                      <li value="Mrs." class="salutation-list-item" data-code="Mrs.">
                        <span class="nameTitle" data-id="2">Mrs.</span>
                      </li>
                      <li value="Dr." class="salutation-list-item" data-code="Dr.">
                        <span class="nameTitle" data-id="3">Dr.</span>
                      </li>
                      <li value="Prof." class="salutation-list-item" data-code="Prof.">
                        <span class="nameTitle" data-id="4">Prof.</span>
                      </li>
                      <li value="Ms." class="salutation-list-item" data-code="Ms.">
                        <span class="nameTitle" data-id="5">Ms.</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
          </div>
          <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
            <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
          </div>
          <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
            <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
          </div>
        </div>
      </div>
      <div class="form-input-wrapper" id="form-input-firstname">
        <label for="firstNameId" class="label" style="display: none;">First Name</label>
        <input class="form-input " type="text" name="firstName" id="firstNameId" alpha="/^[a-zA-Z]+$/" placeholder="First Name" input-text="First Name" required="" maxlength="50">
        <span class="firstNameErrMsg fieldErrMsg" data-id="Enter valid name">Enter valid name</span>
      </div>
    </div>
    <div class="contact-details-mobile">
      <div class="form-input-wrapper" id="form-input-lastname">
        <label for="lastNameId" class="label" style="display: none;">Last Name</label>
        <span class="lastNameErrMsg fieldErrMsg" data-id="Enter valid name">Enter valid name</span>
        <input class="form-input" type="text" name="lastName" id="lastNameId" placeholder="Last Name" input-text="Last Name" required="" maxlength="50">
      </div>
      <div class="form-input-wrapper" id="form-input-mobile">
        <label for="mobileNumId" class="mobile-label label">Mobile Number</label>
        <!-- Country and Mobile Number -->
        <div class="mobile-input-field">
          <div class="mobile-input-stlye">
            <div class="mob-det">
              <ul class="country-list">
                <li value="+91" class="countries code+91 d-flex" data-code="+91" style="display: none;">
                  <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                  <span class="country-code">+91</span>
                </li>
              </ul>
              <div class="isd-arrows">
                <i class="icon-Chevron-Down arow-down"></i>
              </div>
            </div>
            <input class="form-input" type="text" name="mobileNum" id="mobileNumId" placeholder="Mobile Number" input-text="Mobile Number" required="" maxlength="10">
          </div>
          <span class="mobErrMsg fieldErrMsg" data-id="Enter valid mobile number">Enter valid mobile number</span>
        </div>
        <div class="dropdown" data-simplebar="init" style="display: none;">
          <div class="simplebar-wrapper" style="margin: -8px -16px;">
            <div class="simplebar-height-auto-observer-wrapper">
              <div class="simplebar-height-auto-observer"></div>
            </div>
            <div class="simplebar-mask">
              <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                  <div class="simplebar-content" style="padding: 8px 16px;">
                    <ul class="country-list">
                      <li value="+91" class="country-list-item selected" data-code="+91">
                        <img src="/content/dam/tml/pv/general/figma/flag-icons/Inida-flagIcon.png" class="flag-icon" id="+91" width="30" alt="flag-icon">
                        <span class="countryCode">+91</span>
                        <span class="countryName">India</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div>
          </div>
          <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
            <div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div>
          </div>
          <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
            <div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div>
          </div>
        </div>
        <!-- Ends Here -->
      </div>
    </div>
    <div class="contact-details-social">
      <div class="form-input-wrapper">
        <input class="form-input" type="text" name="emailAddress" id="emailAddressId" placeholder="Email" input-text="Email" required="" maxlength="150">
        <label for="emailAddressId" class="label" style="display: none;">Email</label>
        <span class="emailErrMsg fieldErrMsg" data-id="Enter valid email address">Enter valid email address</span>
      </div>
      <div class="form-input-wrapper" id="form-input-pincode">
        <input class="form-input" type="text" name="pincode" id="pincodeId" placeholder="Pincode" input-text="Pincode" required="" maxlength="6">
        <label for="pincode" class="label" style="display: none;">Pincode</label>
        <span class="pincodeErrMsg fieldErrMsg" data-id="Enter valid pincode">Enter valid pincode</span>
      </div>
    </div>
    <div class="dropdown-section dropdown-load-padding model-ppl-section">
      <div class="model-make-section car-section right-make-dropdown">
        <div class="car-model-info">
          <div class="make-label dropdown-label model_dropdown_label d-none"> Model interested in </div>
          <div name="" id="" class="model-dropdown compare-dropdown modelList-dropdown dropdown-change">
            <div class="select-label" style="color: rgb(122, 128, 132);">Model</div>
            <div class="dropdown-option-parents">
              <div class="dropdown-custom-options"><span class="custom-option" data-name="TATA ALTROZ" data-value="1-1NR5UKP5"> Altroz </span>
                <span class="custom-option" data-name="TIGOR" data-value="1-PE5P731"> Tigor </span>
                <span class="custom-option" data-name="TATA TIAGO" data-value="1-FFSXOSX"> Tiago </span>
                <span class="custom-option" data-name="TATA PUNCH" data-value="5-20YZDK9P"> Punch </span>
                <span class="custom-option" data-name="NEXON" data-value="1-TGW7UPH"> Nexon </span>
                <span class="custom-option" data-name="TATA SAFARI" data-value="5-20YZDK9N"> Safari </span>
                <span class="custom-option" data-name="TATA HARRIER" data-value="5-20YZDK9O"> Harrier </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="car-section ppl-car-section">
        <div class="car-model-info">
          <div class="dropdown-label d-none"> ICE/EV</div>
          <div name="" id="" class="prodcut-dropdown compare-dropdown dropdown-change" data-versionid="" style="pointer-events: none;">
            <div class="select-label" style="color: rgb(122, 128, 132);">PPL</div>
            <div class="dropdown-option-parents">
              <div class="dropdown-custom-options">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="form-container">
      <div class="terms-Condition">
        <!-- Terms and conditions Component starts here -->
        <div class="tnc-comp       ">
          <div class="tnc-check-container" data-title="LMS">
            <div class="tnc-check" data-target="_blank" data-color="#7A8084">
              <div class="tnc-label" data-desc="I agree to the Terms and Conditions " data-displayid="PURPOSE_tmpvl_india_13"><input class="tnc-check-input" type="checkbox" value="default" id="flexCheckDefault-0" name="tncCheckbox"
                  data-displayid="PURPOSE_tmpvl_india_13" required="">
                <label class="tnc-check-label" for="flexCheckDefault-0" style="display: block;"> I agree to the Terms and Conditions <span
                    class="tncLinkPadding"><a href="https://cars.tatamotors.com/terms-conditions.html" target="_blank">Terms and Conditions</a></span></label>
              </div>
              <div class="tnc-error-msg d-none"></div>
            </div>
          </div>
        </div>
        <!-- Terms and conditions Component ends here -->
      </div>
      <div class="form-submit">
        <button type="button" class="form-submit-btn" data-formtype="Enquiry form" data-formdata="Request a Call Back/Enquiry form" data-gaevent="form_submit" disabled="disabled">Submit</button>
      </div>
    </div>
  </div>
</form>

Text Content

Go Back




Quick Link
Schedule a Test Drive
Brand Stories
Digital Showroom
Dealers near me

Sign In
Sign Out
 * Our Models
 * Digital Showroom
   
 * Test Drive
   
 * Accessories
   
 * Service
   
    * SERVICE PRODUCTS
   
    * BOOK A SERVICE
   
    * SERVICE CONNECT APP
   
    * OWNER'S MANUAL
   
    * BLUETOOTH™ COMPATIBILITY
   
    * GENERAL TIPS
   
    * FUEL SAVING TIPS
   
    * BEST VALUE SERVICE
   
    * VALUE ADDED SERVICES
   
    * RECALL INFORMATION
   
    * ANDROID AUTO USER GUIDE
   
    * INFORMATION ON WARRANTY
   
    * CONTACT US

 * Exchange Car
   
 * Rewards
   
 * Account
   
 * Dealer Locator
   
 * Sitemap
   
 * About Us
   
    * OUR STORY
   
    * NEWS AND EVENTS

OUR MODELS

Drive NEW FOREVER. A whole new range of cars from Tata Motors.

CURVV

Learn More

CURVV.EV

Learn More

ALTROZ

Learn More

TIAGO

Learn More

TIAGO.EV

Learn More

TIGOR

Learn More

TIGOR.EV

Learn More

PUNCH

Learn More

PUNCH.EV

Learn More

NEXON

Learn More

NEXON.EV

Learn More

HARRIER

Learn More

SAFARI

Learn More

Your browser does not support JavaScript. Some components may not be visible.


SUPPORT

HOW CAN WE HELP YOU?











MOST VIEWED FAQS

 1. Service
 2. Finance
 3. Loyalty
 4. Accessories
 5. Trade-In
 6. Book & Buy Online
 7. Test Drive

Service Finance Loyalty Accessories Trade-In Book & Buy Online Test Drive

What is a scheduled service?



Scheduled Service is a preventive maintenance tool for ensuring smooth and
trouble free running of the vehicle in which consumable items like Engine oil,
Oil Filter, Fuel Filter, Air filter etc are replaced as per replacement schedule
recommended by Tata Motors.

Will my vehicle's schedule service be covered under my AMC?



Will my vehicle’s schedule service be covered under this AMC? – Scheduled
Services are covered under Gold, Silver and Protect Plus type of AMCs.

How many scheduled services will be covered under my AMC?



Coverage of schedule services under Gold, Silver and Protect Plus type of AMCs
are based on the AMC combination selected in terms of Period and Kms.

 

For Example if Customer having Zest, Bolt, Tiago, Tigor , Nexon or Harrier
models in which Engine oil replacement schedule is at 1 yr / 15000 Kms
(whichever is earlier) is buying 2 year / 30000 Kms AMC then he is entitled for
2 oil change schedule services. 

 

Similarly if Customer is having  Hexa, Sumo Gold or Safari Storm  models in
which Engine oil repalcement schedule is at 1yr / 20000Kms (which ever is
earlier) is buying 2 year/ 40000 Kms AMC  then he is entitled for 2 oil change
schedule services.

Will any wear and tear parts be covered under this AMC?



Wear and Tear Parts replacement like Clutch Plate, Brake Pads, Brake Disc, Brake
Liners, Wiper Blades etc is covered only under Gold, P2P and Protect Plus plans.

Will consumables be covered under this AMC?



Consumables are covered under Gold, Silver and Protect Plus type of AMCs.

How many Financier options do I get for e-financing?



You will benefit from a variety of Financiers to choose from, as we have
partnered with select banks to give you a hassle free e-financing experience,
and we are continuously adding more options for your convenience.

Can I compare the interest rates and other car loan features of the Financiers?



You will be able to see the finance offers with pertinent details like interest
rate, EMI, repayment period etc. after submitting the required information on
the e-financing section of the portal. This will also enable you to easily
understand and compare features and rates.

What documents do we need to submit or be ready with?



Please refer to the question ‘What are the documents required to apply?’ in the
General FAQs section for a detailed explanation.

Do I need to go to the Bank to complete the loan process?



Although we have digitised all possible financing process steps, you may be
required to visit the bank in order to complete any regulatory requirement of
the Financier. 

Can I work out an EMI as per my monthly budget?



Definitely. We have provided an option to modify the loan amount and tenure
before applying for a loan. This will help in working out a suitable EMI
(equated monthly instalment) as per your requirement. Kindly note that the
modifications are at the discretion of the Financier.

 

Till what stage will my loan be processed?



With our Finance partners' support, we will help process your approval as well
as disbursement to the Dealer.

How do I know how much funding I am eligible for?



Once you have submitted the basic essential information, the Financiers will
share indicative offers with you. After you have provided the exact details of
this information, the actual loan amount will be shown as per the vehicle model
selected.

Can I apply for a vehicle loan with a Finance partner with whom I do not have
any existing relationship?



Certainly, as our Finance partners consider loan applications for existing as
well potential customers, subject to fulfilment of the required documentation.

If I have a query regarding e-financing and need to reach out, whom should I
connect with?



Kindly reach out to the helpline number given below in case of any assistance
regarding e-financing.

What is E-Finance, and how does it work with Tata Motors?



Tata Motors E-Financing is a convenient and secure platform that allows you to
apply for vehicle financing online. It simplifies the financing process, making
it easier to get the car of your dreams.

Can I apply for E-Finance through the Tata Motors website?



Yes, Tata Motors provides an easy-to-use online platform on its website to apply
for E-Finance. You can access the E-Finance section, fill out the application
form, and submit it for evaluation.

What are the benefits of choosing E-Finance for my Tata Motors vehicle purchase?



E-Finance offers several advantages, including faster loan processing, instant
approvals, flexible repayment options, and the ability to complete the entire
financing process from the comfort of your home.

Is E-Finance available for all Tata Motors vehicles?



Yes, E-Finance is available for all Tata Motors passenger cars and UV’s.
However, the availability may vary depending on the specific model and your
location.

What documents are required to apply for E-Finance?



The documents needed for E-Finance may vary based on your country's regulations
and the financing program you choose. Generally, you will need proof of
identity, address, income, and vehicle-related documents. Refer to the E-Finance
section on our website for a comprehensive list of required documents.

Can I get a loan for the entire vehicle cost through E-Finance?



Yes, Tata Motors E-Finance offers loan options that cover a significant portion
of the vehicle cost. However, the loan amount and eligibility criteria may
depend on various factors such as your credit history, income, and the specific
financing plan you select.

Are there any special financing offers or promotions available online?



Yes, we often offer special financing offers and promotions through our Online
Financing platform. Keep an eye on the website for the latest offers to make the
most of your vehicle purchase.

Is there an option to explore my pre-approved vehicle loans?



Yes, during the e-finance application process, we facilitate checking any
pre-eligible vehicle loan options of the customer. Options will be available
only with partners on-boarded for e-financing.

How long does it take to get approval for E-Finance?



With our streamlined E-Finance process, you can receive quick approvals in a
matter of hours or days. However, the exact time may vary based on the accuracy
of the information provided and the volume of applications being processed.

Are there any additional charges for choosing E-Finance over traditional
financing methods?



Tata Motors aims to keep the E-Finance process transparent and
customer-friendly. Any additional charges or fees applicable to E-Finance will
be clearly communicated to you during the application process.

Can I track the status of my E-Finance application online?



Yes, Tata Motors provides a tracking feature on our website, allowing you to
monitor the status of your E-Finance application in real-time. You can also
reach out to our customer support team for assistance.

What should I do if I face issues with my E-Finance application or have further
questions?



If you encounter any issues or have additional questions regarding E-Finance, we
encourage you to reach out to our dedicated customer support team. They are
available to assist you throughout the application and financing process.

How do I register?



You can register by accepting the Terms and Conditions. 

Are there any charges for enrolling into the Loyalty Program?



No. Registration into the Loyalty program is free. Some activities under the
Loyalty Program may be chargeable.

Whom do I contact for queries regarding my NeuCoins?



Please contact the Tata Motors dealership for queries pertaining to NeuCoins and
their accrual or redemption.

What is Tata Neu?



Tata Neu is a platform where users can fulfil their need for groceries, food
delivery, wellness, electronics, flights, hotel bookings and more. Tata Neu
provides the benefit of all services housed under one roof. Additionally,
members can earn NeuCoins and exciting rewards on their shopping on the Tata Neu
app and website. Members can use their NeuCoins to get discounts across all
brands on Tata Neu.

For more information visit: https://www.tatadigital.com

What are NeuCoins? 



NeuCoins are the universal reward currency of Tata Neu and associated partner
brands. Members can earn NeuCoins and use them while shopping, booking hotels &
flights, ordering food, and so much more on Tata Neu and our partner brands.
Terms & conditions apply.

How can I get NeuCoins at Tata Motors?



You can earn NeuCoins through eligible transactions. Visit this page to learn
more about what constitutes as an eligible transaction Know More

By when will my NeuCoins be credited to me, after my purchase?



The NeuCoins for eligible transactions will be credited to your account within
2-5 days depending on the nature of the transaction.

How can I use my NeuCoins?



Users can use NeuCoins for online shopping on Tata Neu or partner brands. If the
user is shopping in-store, he/she can inform the cashier that they would like to
pay with their NeuCoins. NeuCoins can only be used on eligible transactions as
defined by the individual brands. Please note that NeuCoins with an upcoming
expiry date will be utilised first to ensure that users get the most out of
their rewards.

What is the value of 1 NeuCoin?



Each NeuCoin is worth ₹1 and can be used seamlessly across eligible partner
brands.

How long does it take for NeuCoins to be deducted after I use my NeuCoins for a
transaction?



If the transaction is successful, then the NeuCoins are deducted immediately.

My transaction failed, but NeuCoins have been deducted. What do I do?



Do not worry. If the transaction has failed, then the corresponding NeuCoins
will be refunded to your NeuPass account within 24 hours.

When will my NeuCoins expire?  



NeuCoins expire 365 days after the last transaction involving an eligible earn
or use of NeuCoins (even if it’s just one NeuCoin earned or used). During
special promotions, users may also earn additional NeuCoins. The expiry of these
NeuCoins will be mentioned at the time of issuance.

Is there a way I can get back my expired NeuCoins?



No, as of now, there is no way to reverse expired NeuCoins into your account.

How do I check my NeuCoins balance on Tata Neu? 



It’s simple and easy. Just visit the Rewards section to view your NeuCoins
balance  Click Here.

What type of accessories does Tata Motors offer?



Tata Motors offers a wide range of accessories to enhance the style, comfort,
and functionality of your vehicle. These include interior accessories, exterior
enhancements, infotainment systems, utility items, and safety features.

How can I purchase accessories for my Tata vehicle?



You can purchase Tata Motors accessories through authorized Tata dealerships.
Visit your nearest dealership or check the Tata Motors website to explore the
available options and make a purchase.

Are Tata Motors accessories genuine and reliable?



Yes, all accessories offered by Tata Motors are genuine and designed to meet the
highest quality and safety standards. They are specifically tailored for Tata
vehicles, ensuring reliability and seamless integration with your car.

Do Tata Motors accessories come with a warranty?



Yes, Tata Motors provides a warranty on most of its accessories. The warranty
period may vary depending on the type of accessory. Please consult with the
authorized dealership for specific warranty details.

Can I install accessories myself, or do I need professional help?



While some accessories may be simple to install, it is always recommended to get
them installed by trained professionals at Tata authorized service centers. This
ensures proper fitting and prevents any damage to the vehicle during the
installation process.

Can I add accessories to my existing Tata vehicle, or are they only available
for new purchases?



Tata Motors accessories are available for both new purchases and existing Tata
vehicles. You can personalize your existing vehicle with the desired accessories
to suit your preferences and requirements.

How can I find the right accessories for my Tata model?



Tata Motors' official website and authorized dealerships provide a comprehensive
list of accessories available for each Tata model. You can explore the catalogue
and consult with the dealership staff to find the accessories that best suit
your needs. We have a configurator on our website for you to imagine it better.

Are there any discounts or promotions available on Tata Motors accessories?



Tata Motors occasionally offers discounts and promotions on accessories. Keep an
eye on the official website or inquire at your nearest dealership to stay
updated on any ongoing offers.

Can I return or exchange accessories if they are not suitable for my vehicle?



Yes, you can return or exchange accessories within a specified period, subject
to the dealership's return and exchange policy. Ensure that the accessories are
in unused condition and retained with the original packaging and receipt.

What is the Tata Motors Assured Exchange Program offered by Tata Motors?



The Tata Motors Assured Exchange Program by Tata Motors allows customers to
exchange their or family members (First blood relationships) existing car of any
make/brand for all new Tata car. It provides a hassle-free and convenient way to
upgrade your car, providing fair value of existing car and ease of car transfer
as a single window for trading existing car for a new car.

Can I exchange/upgrade my existing car for any Tata Motors vehicle?



Yes, The Tata Motors Assured Exchange Program is applicable for exchanging any
existing car for any new Tata Motors car through our dealerships. You can choose
from our wide range of cars to find the one that suits your preferences and
needs.

How do I know the value of my used car for the exchange?



To determine the value of your used car, you need to book your evaluation
online. Simply input the required details about your existing car, such as make,
model, year of manufacture, and condition to book evaluation of your car and our
dealer will contact for a schedule to do the evaluation.

Is there a specific criteria for the condition of the used car to be eligible
for exchange?



There is no specific criteria for condition of used car to be eligible to be
exchange except that the existing car would get a good value if the car is
maintained with regular services from OEM workshops and has good overall upkeep
without any major damages to the body. Our authorized evaluators will inspect
your vehicle during the exchange process to assess its condition accurately.

Can I exchange a car from any brand, or is it limited to Tata vehicles only?



The Tata Motors Assured Exchange Program is not limited to Tata vehicles. You
can exchange your existing car which can be of any make, any brand, any age for
a new Tata Motors vehicle under this program.

Can I get additional benefits or offers while exchanging my car?



Yes, Tata Motors often offers additional benefits and special offers for
customers participating in the The Tata Motors Assured Exchange Program.  These
benefits may include additional exchange offers from time to time on select few
models. Check our website or visit an authorized dealership for current offers.

What documents do I need to provide for the car exchange process?



You will need to provide essential documents, including the original vehicle
registration certificate, insurance papers, valid identification proof, and any
other relevant documents required by local regulations. You can get in touch
with our authorised dealerships for car evaluation and they would guide you with
all the necessary documentation required.

Can I exchange multiple used cars for a single new Tata Motors vehicle?



You can sell your multiple existing cars, however exchange would be applicable
only for a one to one exchange for a new Tata Motors Car. Our authorized
evaluators will assess the value of each of your existing car. You can adjust
the highest value of any new car against the price of the new vehicle, however
for remaining cars only cashback can be taken from dealerships.

Can I exchange my used commercial vehicle for a new Tata passenger car?



The Tata Motors Assured Exchange Program is primarily designed for exchanging
passenger Cars.  However, please contact our authorized dealerships for any
specific queries related to commercial Car exchanges.

Can I avail finance options for the new Tata vehicle even when exchanging my
used car?



Yes, you can avail of finance options for the new Tata vehicle even when
participating in The Tata Motors Assured Exchange Program. Our dealership staff
will assist you in selecting the best financing solution that suits your needs.

When Can I get the price of my evaluated Car?



There dealership team under The Tata Motors Assured Exchange Program makes best
effort to give the most fair value of the car after assessing the price in the
market. As this requires time, the team would make the best efforts to give the
price within a day of the car evaluation. The price of the evaluated car would
be reflected under your account.

Is there any scope of getting better price if a valid quote from other preowned
car companies is provided?



Our dealerships have been trained to acknowledge the quote from other preowned
car companies if provided and provide the best  possible price after due
verifications.

What is the Book & Buy Online feature on Tata Motors' website?



The Book & Buy Online feature allows you to book your desired Tata Motors
vehicle conveniently through our website and complete the purchase process
online.

How do I book a Tata Motors vehicle online?



To book a Tata Motors vehicle online, simply visit our website and select the
model you wish to purchase. Click on the "Book Now" button, and you will be
guided through the steps to configure your vehicle, select accessories, choose
financing options, and make the payment.

Is the online booking process secure?



Yes, we take the security and privacy of your information seriously. Our website
uses encryption and other security measures to protect your data during the
online booking process.

Can I customize my vehicle while booking online?



Absolutely! The online booking platform allows you to personalize your vehicle
with various available options, including exterior colors, interior trims,
accessories, and more.

Do I need to visit a dealership to finalize the purchase after booking online?



In most cases, you can complete the entire purchase process online, including
selecting accessories, financing, and payment. However, for some regions, you
may need to visit the nearest dealership to complete any necessary documentation
or formalities.

Can I schedule a test drive through the Book & Buy Online feature?



Yes, you can schedule a test drive for your chosen Tata Motors vehicle through
the online booking platform. After selecting your preferred model, you'll have
the option to schedule a test drive at a convenient dealership location. 

Can I make changes to my online booking after submission?



Yes, you can make changes to your online booking details, such as vehicle
configuration and accessories, before finalizing the purchase. If you encounter
any issues, feel free to contact our customer support team for assistance.

What payment methods are accepted for online bookings?



We accept various secure payment methods for online bookings, including credit
cards, debit cards, net banking, and other online payment options. Specific
payment options may vary depending on your region.

Is there a cancellation policy for online bookings?



Yes, we have a cancellation policy for online bookings. If you wish to cancel
your booking, please refer to our cancellation policy on the website or contact
our customer support team for assistance.

Can I avail of any special offers or discounts through online bookings?



Yes, we often have exclusive offers and discounts available for online bookings.
Make sure to check the website or contact our authorized dealerships to stay
updated on the latest promotions.

How can I schedule a test drive for a Tata Motors vehicle?



You can easily schedule a test drive by visiting the Tata Motors website or
contacting your nearest authorized Tata Motors dealership. Look for the "Test
Drive" section on the website to set up an appointment at your convenience.

 Is there any cost associated with taking a test drive?



No, test drives are entirely free of charge. It's an opportunity for you to
experience our vehicles and make an informed decision before purchase.

What documents do I need to bring for the test drive?



You will need a valid driver's license to take the test drive. Additionally,
some dealerships may require a proof of identity and address for security
purposes.

Can I test drive multiple Tata Motors vehicles during the same visit?



No, you cannot test drive multiple Tata Motors vehicles during the same visit.
We encourage you to explore different models to find the one that best suits
your needs.

Can I bring someone along with me for the test drive?



Absolutely! We recommend bringing along family members or friends whose opinions
you value. They can provide valuable feedback and help you make a better
decision.

How long does a test drive typically last?



A test drive usually lasts between 30 to 45 minutes, depending on the model and
dealership policies. If you need more time or want to discuss specific features,
feel free to request an extended test drive.

In Test drive from home option, I live 60 Kms away from the dealership where I
am booking my test drive. Can I do that? 



No. You can only book a dealership which is in 25 kms radius from your location
for Test drive from home option. However, you can contact dealership customer
care team for more clarity on it. 

Can I test drive an electric vehicle (EV) from Tata Motors?



Yes, you can request a test drive of Tata Motors' electric vehicles. We offer a
range of electric cars designed to provide a clean and eco-friendly driving
experience.

Is there an age restriction for test driving a Tata Motors vehicle?



To take a test drive, you must be of legal driving age in your country and hold
a valid driver's license.

Can I purchase a vehicle immediately after the test drive?



Yes, if you are ready to make a purchase after the test drive, our dealership
staff will be happy to assist you with the buying process. They can guide you
through financing options, special offers, and any other relevant information.

CONTACT US

If you can’t find the answer you’re looking for above then get in touch with our
support team directly either online or by phone. Simply select a topic below

Sales

Service

Feedback

Other

SELECT

SALES

SERVICE

FEEDBACK

OTHER

Comprehensive Support: FAQs & Contact Details | Tata Motors








Contactus Sales

WHICH MODEL ARE YOU INTERESTED IN?

TIAGO

ALTROZ

TIGOR

PUNCH

HARRIER

SAFARI

NEXON

WHICH MODEL ARE YOU INTERESTED IN?

TIAGO

ALTROZ

TIGOR

PUNCH

HARRIER

SAFARI

NEXON

Comprehensive Support: FAQs & Contact Details | Tata Motors








SCHEDULE A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Schedule Now

BUILD YOUR OWN

Configure your Tiago as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More

SCHEDULE A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Schedule Now

BUILD YOUR OWN

Configure your Tiago as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More
Schedule Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure your Tiago as per your needs.

Learn More

Visit the brand page and explore all the amazing features.

Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.




Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India




Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Altroz as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More

BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Altroz as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More
Book Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure your Altroz as per your needs.

Learn More

Visit the brand page and explore all the amazing features.

Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India

Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








SCHEDULE A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Schedule Now

BUILD YOUR OWN

Configure your Tigor as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More

SCHEDULE A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Schedule Now

BUILD YOUR OWN

Configure your Tigor as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More
Schedule Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure your Tigor as per your needs.

Learn More

Visit the brand page and explore all the amazing features.

Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India

Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Punch as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.


Learn More

BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Punch as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.


Learn More
Book Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure your Punch as per your needs.

Learn More

Visit the brand page and explore all the amazing features.


Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India

Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure a Harrier car as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More

BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure a Harrier car as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More
Book Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure a Harrier car as per your needs.

Learn More

Visit the brand page and explore all the amazing features.

Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India

Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Safari as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More

BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Safari as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More
Book Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure your Safari as per your needs.

Learn More

Visit the brand page and explore all the amazing features.

Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India

Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Nexon as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More

BOOK A TEST DRIVE

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Book Now

BUILD YOUR OWN

Configure your Nexon as per your needs.

Build Now

LEARN MORE

Visit the brand page and explore all the amazing features.

Learn More
Book Now

We know you will love our cars, which is why you can book a test drive online at
the nearest dealership.

Build Now

Configure your Nexon as per your needs.

Learn More

Visit the brand page and explore all the amazing features.

Comprehensive Support: FAQs & Contact Details | Tata Motors








ALTERNATIVELY, FILL IN THE FROM BELOW

Title
 * Title
 * Title
 * Title
 * Title
 * Title
 * Title


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

Select Valid Label
First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter Valid Number
 * +91 India

Enter the OTP code here
Enter valid OTP
Validate OTP
Resend OTP
Resent
Email Address Enter Valid Email Address
Pincode Enter Valid Pincode
I agree to the Terms and Conditions Terms and Conditions

Subscribe with whatsapp
Submit
Please Validate Otp

We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








Service Form

PLEASE FILL IN THE FORM BELOW

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.




First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter a Valid Number
 * +91 India




Email Address Enter Valid Email Address

LOCATION

State

SELECT

Not found
AN AP AR AS BR CG CH DD DL GA GJ HP HR JH JK KA KL LA LD MH ML MN MP MZ NL OD OR
PB PY RJ SK TL TN TP TR TS UA UK UP WB




City

SELECT

Not found

Dealership (Optional)

SELECT

Not found

DETAILS

Please select issue
Select
Service Issue 1 Service Issue 2 Service Issue 3

Comments (Optional)



Submit
We will be in touch
Thanks for providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








Contactus Feedback

PLEASE SELECT THE AREA YOU HAVE A FEEDBACK FOR

PRODUCT

SALES

SERVICE

OTHER

PLEASE SELECT THE AREA YOU HAVE A FEEDBACK FOR

Product Sales Service Other
Comprehensive Support: FAQs & Contact Details | Tata Motors








PLEASE FILL IN THE FORM BELOW

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.




First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter a Valid Number
 * +91 India




Email Address Enter Valid Email Address

LOCATION

State

SELECT

Not found
AN AP AR AS BR CG CH DD DL GA GJ HP HR JH JK KA KL LA LD MH ML MN MP MZ NL OD OR
PB PY RJ SK TL TN TP TR TS UA UK UP WB




City

SELECT

Not found

DETAILS

Comments (Optional)



Submit
We will be in touch
Thanks for providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








Service Form

PLEASE FILL IN THE FORM BELOW

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter a Valid Number
 * +91 India

Email Address Enter Valid Email Address

LOCATION

State

SELECT

Not found
 * AN
 * AP
 * AR
 * AS
 * BR
 * CG
 * CH
 * DD
 * DL
 * GA
 * GJ
 * HP
 * HR
 * JH
 * JK
 * KA
 * KL
 * LA
 * LD
 * MH
 * ML
 * MN
 * MP
 * MZ
 * NL
 * OD
 * OR
 * PB
 * PY
 * RJ
 * SK
 * TL
 * TN
 * TP
 * TR
 * TS
 * UA
 * UK
 * UP
 * WB

City

SELECT

Not found

Dealership (Optional)

SELECT

Not found

DETAILS

Please select issue
Select
Service Issue 1 Service Issue 2 Service Issue 3

Comments (Optional)



Submit
We will be in touch
Thanks for providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








Service Form

PLEASE FILL IN THE FORM BELOW

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile Number
 * +91


Enter a Valid Number
 * +91 India

Email Address Enter Valid Email Address

LOCATION

State

SELECT

Not found
 * AN
 * AP
 * AR
 * AS
 * BR
 * CG
 * CH
 * DD
 * DL
 * GA
 * GJ
 * HP
 * HR
 * JH
 * JK
 * KA
 * KL
 * LA
 * LD
 * MH
 * ML
 * MN
 * MP
 * MZ
 * NL
 * OD
 * OR
 * PB
 * PY
 * RJ
 * SK
 * TL
 * TN
 * TP
 * TR
 * TS
 * UA
 * UK
 * UP
 * WB

City

SELECT

Not found

Dealership (Optional)

SELECT

Not found

DETAILS

Please select issue
Select
Service Issue 1 Service Issue 2 Service Issue 3

Comments (Optional)



Submit
We will be in touch
Thanks for providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








Contact Us Others Form

PLEASE FILL IN THE FORM BELOW

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.




First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile
 * +91


Enter a Valid Number
 * +91 India




Email Address Enter Valid Email Address

DETAILS

Comments



Submit
We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.
Comprehensive Support: FAQs & Contact Details | Tata Motors








Contact Us Others Form

PLEASE FILL IN THE FORM BELOW

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.

First Name Enter a Valid Name
Last Name Enter a Valid Name
Mobile
 * +91


Enter a Valid Number
 * +91 India

Email Address Enter Valid Email Address

DETAILS

Comments



Submit
We will be in touch
Thanks For providing your details.
Our team will be in touch as soon as possible.

STILL NEED MORE HELP? GET IN TOUCH

Comprehensive Support: FAQs & Contact Details | Tata Motors








REQUEST A CALL BACK

Interested in our cars? Please share your contact details and our support team
will get in touch with you.

Call Now

SUBMIT AN ENQUIRY

Title
 * Select
 * Select
 * Select
 * Select
 * Select
 * Select


 * Mr.
 * Miss.
 * Mrs.
 * Dr.
 * Prof.
 * Ms.




First Name Enter valid name
Last Name Enter valid name
Mobile Number
 * +91


Enter valid mobile number
 * +91 India




Email Enter valid email address
Pincode Enter valid pincode
Model interested in
Model
Altroz Tigor Tiago Punch Nexon Safari Harrier
ICE/EV
PPL

I agree to the Terms and Conditions Terms and Conditions

Submit

We’ll be in touch

Thank you for providing your details. 

Our team will be in touch as soon as possible.




STILL NEED MORE HELP? GET IN TOUCH

PHONE

Our service experts are ready to take your call everyday from 9AM - 9PM.

Call
1800 209 8282

1800 209 8282

EMAIL

You will receive a confirmation email immediatly confirming your request has
been logged. We will get back to you in 3 - 5 days.

customercare@tatamotors.com
 * TATA

Quick Links

 * Contact Us
 * Privacy Policy
 * Terms & Condition
 * TATA.ev

Social

 * Facebook
 * Twitter
 * Instagram
 * Youtube

Copyright © 2024 TATA Motors. All Rights Reserved


Hi! I'm here to make buying products easy for you.

I am your Virtual Advisor. How can I help you?

✕