www.creditcard.cardses.in Open in urlscan Pro
103.152.79.223  Public Scan

URL: https://www.creditcard.cardses.in/
Submission: On October 29 via automatic, source certstream-suspicious — Scanned from DE

Form analysis 1 forms found in the DOM

Name: basicformPOST

<form name="basicform" id="basicform" method="post" action="" autocomplete="off" validate="" class="ng-invalid ng-touched ng-dirty" novalidate="novalidate">
  <div id="sf1" class="frm">
    <mat-vertical-stepper _ngcontent-sgt-c6="" aria-orientation="vertical" class="mat-stepper-vertical ng-tns-c12-1" linear="" role="tablist">
      <mat-step-header class="mat-vertical-stepper-header mat-step-header" role="tab" tabindex="0" id="cdk-step-label-0-0" aria-posinset="1" aria-setsize="3" aria-controls="cdk-step-content-0-0" aria-selected="true">
        <div class="mat-step-header-ripple mat-ripple" mat-ripple=""></div>
        <div class="mat-step-label mat-step-label-active mat-step-label-selected"> 1.Personal Details </div>
      </mat-step-header>
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div class="mat-vertical-stepper-content ng-trigger ng-trigger-stepTransition" role="tabpanel" tabindex="0" id="cdk-step-content-0-0" aria-labelledby="cdk-step-label-0-0" aria-expanded="true" style="visibility: visible;">
          <div class="mat-vertical-content">
            <app-about-yourself _ngcontent-sgt-c6="" class="ng-star-inserted" style="">
              <div class="about-yourself">
                <div>
                  <div class="row">
                    <div class="col-7" style="display: block; padding: 0;">
                      <div class="row mobpad-null"></div>
                      <div class="row mobpad-null">
                        <div class="col-12" style="padding-left: 0 !important;">
                          <div class="row mobile-pad">
                            <div class="col-6 first-name">
                              <mat-form-field
                                class="mat-form-field ng-tns-c9-4 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder mat-form-field-should-float ng-dirty ng-valid ng-touched">
                                <div class="mat-form-field-wrapper">
                                  <div class="mat-form-field-flex">
                                    <div class="mat-form-field-infix">
                                      <label class="firstNameTooltip-hide lable-font control-label" for="firstname"> Enter name as per your pancard. </label>
                                      <input class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-dirty ng-valid ng-touched" formcontrolname="fcnFirstName" matinput="" maxlength="12" id="mat-input-0"
                                        placeholder="First Name" aria-describedby="mat-hint-1" aria-invalid="false" aria-required="false" name="firstname" autocomplete="off" value=" ">
                                      <span class="mat-form-field-label-wrapper">
                                        <label class="mat-form-field-label ng-tns-c9-4 ng-star-inserted" id="mat-form-field-label-3" for="mat-input-0" aria-owns="mat-input-0"> First Name </label>
                                      </span>
                                    </div>
                                  </div>
                                  <div class="mat-form-field-underline ng-tns-c9-4 ng-star-inserted">
                                    <span class="mat-form-field-ripple"></span>
                                  </div>
                                  <div class="mat-form-field-subscript-wrapper">
                                    <div class="mat-form-field-hint-wrapper ng-tns-c9-4 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                                      <mat-hint class="mat-hint" id="mat-hint-1">Name should be same as per PAN</mat-hint>
                                      <div class="mat-form-field-hint-spacer"></div>
                                    </div>
                                  </div>
                                </div>
                              </mat-form-field>
                            </div>
                            <div class="col-6 last-name">
                              <mat-form-field
                                class="mat-form-field ng-tns-c9-6 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder mat-form-field-should-float ng-dirty ng-valid ng-touched">
                                <div class="mat-form-field-wrapper">
                                  <div class="mat-form-field-flex">
                                    <div class="mat-form-field-infix">
                                      <input class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-dirty ng-valid ng-touched" id="mat-input-2" placeholder="Last Name" aria-describedby="mat-hint-17"
                                        name="lastnames" autocomplete="off" value=" ">
                                      <span class="mat-form-field-label-wrapper">
                                        <label class="mat-form-field-label ng-tns-c9-6 ng-star-inserted control-label" id="mat-form-field-label-7" for="mat-input-2" aria-owns="mat-input-2"> Last Name </label>
                                      </span>
                                    </div>
                                  </div>
                                  <div class="mat-form-field-underline ng-tns-c9-6 ng-star-inserted">
                                    <span class="mat-form-field-ripple"></span>
                                  </div>
                                  <div class="mat-form-field-subscript-wrapper">
                                    <div class="mat-form-field-hint-wrapper ng-tns-c9-6 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                                      <mat-hint class="mat-hint ng-star-inserted" id="mat-hint-17" style="" for="uname"> Last Name should be same as per PAN </mat-hint>
                                      <div class="mat-form-field-hint-spacer"></div>
                                    </div>
                                  </div>
                                </div>
                              </mat-form-field>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-5 selected-card">
                      <a href="tel:9903761420">
                                                                                    <img style="z-index: 1; position: relative; width: 230px; /*height: 147px;*/" src="img/hdfccreditcard.png" alt="https://cardses.in/hdfccreditcard">
                                                                                </a>
                      <div class="card-label">
                        <ul class="holder">
                          <li class="holder-name"></li>
                          <li class="holder-name" style="padding: 0px 10px;"></li>
                          <li class="holder-name"></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="horizontal-line"></div>
                  <div class="row">
                    <div class="col-5">
                      <div class="icon home"></div>
                      <mat-form-field
                        class="mat-form-field ng-tns-c9-23 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-star-inserted ng-touched mat-form-field-should-float ng-dirty ng-valid"
                        style="">
                        <div class="mat-form-field-wrapper">
                          <div class="mat-form-field-flex">
                            <div class="mat-form-field-infix">
                              <label class="placeholder-hide lable-font">Start typing</label>
                              <input autocomplete="no" class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-touched ng-dirty ng-valid" formcontrolname="fcnCity" matinput="" minlength="2" role="combobox"
                                aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" id="mat-input-15" placeholder="Residential City" aria-describedby="mat-hint-19" aria-invalid="false" aria-required="false" name="residental"
                                value=" ">
                              <mat-autocomplete class="mat-autocomplete" showpanel="filterCity &amp;&amp; filterCity.length">
                              </mat-autocomplete>
                              <span class="mat-form-field-label-wrapper">
                                <label class="mat-form-field-label ng-tns-c9-23 ng-star-inserted" id="mat-form-field-label-37" for="mat-input-15" aria-owns="mat-input-15"> Residential City </label>
                              </span>
                            </div>
                          </div>
                          <div class="mat-form-field-underline ng-tns-c9-23 ng-star-inserted">
                            <span class="mat-form-field-ripple"></span>
                          </div>
                          <div class="mat-form-field-subscript-wrapper">
                            <div class="mat-form-field-hint-wrapper ng-tns-c9-23 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                              <mat-hint class="mat-hint" id="mat-hint-19"></mat-hint>
                              <div class="mat-form-field-hint-spacer"></div>
                            </div>
                          </div>
                        </div>
                      </mat-form-field>
                    </div>
                    <div class="col-2"></div>
                    <div class="col-5">
                      <div class="icon email"></div>
                      <mat-form-field
                        class="mat-form-field ng-tns-c9-7 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-touched mat-form-field-should-float ng-dirty ng-valid">
                        <div class="mat-form-field-wrapper">
                          <div class="mat-form-field-flex">
                            <div class="mat-form-field-infix">
                              <input class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-touched ng-dirty ng-valid" type="email" formcontrolname="fcnEmail" matinput="" id="mat-input-3"
                                placeholder="Email Address" aria-describedby="mat-hint-3" aria-invalid="false" aria-required="false" name="email" autocomplete="off" value=" ">
                              <span class="mat-form-field-label-wrapper">
                                <label class="mat-form-field-label ng-tns-c9-7 ng-star-inserted" id="mat-form-field-label-9" for="mat-input-3" aria-owns="mat-input-3"> Email Address </label>
                              </span>
                            </div>
                          </div>
                          <div class="mat-form-field-underline ng-tns-c9-7 ng-star-inserted">
                            <span class="mat-form-field-ripple"></span>
                          </div>
                          <div class="mat-form-field-subscript-wrapper">
                            <div class="mat-form-field-hint-wrapper ng-tns-c9-7 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                              <mat-hint class="mat-hint" id="mat-hint-3"></mat-hint>
                              <div class="mat-form-field-hint-spacer"></div>
                            </div>
                          </div>
                        </div>
                      </mat-form-field>
                    </div>
                  </div>
                  <div class="row ng-star-inserted">
                    <div class="col-5 mobpad refer-and-earn-referralcode">
                      <div class="referral-code-icon">
                        <span>
                          <svg height="32" viewBox="0 0 28 32" width="28" xmlns="http://www.w3.org/2000/svg">
                            <g fill="none" fill-rule="nonzero">
                              <path d="M25.251 30.996l-9.082-6.878h6.365l3.8 5.87c.458.706-.412 1.516-1.083 1.008z" fill="#424A60"></path>
                              <path d="M3.875 24.793h19.752a3.814 3.814 0 0 0 3.813-3.813V3.862A3.814 3.814 0 0 0 23.627.05H3.875A3.814 3.814 0 0 0 .062 3.862V20.98a3.813 3.813 0 0 0 3.813 3.813z" fill="#F2F2FD"></path>
                              <path d="M5.027 19.35v-8.707c0-.6.486-1.086 1.085-1.086h2.43c.706 0 1.284.578 1.284 1.285v8.309c0 .706-.578 1.285-1.285 1.285H6.112c-.6 0-1.085-.487-1.085-1.087z" fill="#004c8f"></path>
                              <path
                                d="M22.475 12.453v4.702A3.686 3.686 0 0 1 18.8 20.83h-7.243c-.952 0-1.73-.778-1.73-1.73v-7.968c0-.952.778-1.73 1.73-1.73h1.577a.51.51 0 0 0 .394-.187l3.713-4.482c.637-.774 1.77-.96 2.592-.385.92.642 1.082 1.93.383 2.779l-1.191 1.445a.51.51 0 0 0 .398.83 3.052 3.052 0 0 1 3.052 3.051z"
                                fill="#D5D5EA"></path>
                              <path d="M7.42 24.793H3.876A3.814 3.814 0 0 1 .062 20.98V3.863A3.814 3.814 0 0 1 3.875.049h3.546a3.814 3.814 0 0 0-3.814 3.814V20.98a3.814 3.814 0 0 0 3.814 3.813z" fill="#424A60"></path>
                              <path d="M22.313 18.235A3.69 3.69 0 0 1 18.8 20.83h-7.243a1.736 1.736 0 0 1-1.73-1.73v-7.968c0-.952.778-1.731 1.73-1.731h1.485v5.841a2.993 2.993 0 0 0 2.993 2.993h6.278z" fill="#D5D5EA"></path>
                            </g>
                          </svg>
                        </span>
                      </div>
                      <mat-form-field
                        class="mat-form-field ng-tns-c9-7 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-touched mat-form-field-should-float ng-dirty ng-valid">
                        <div class="mat-form-field-wrapper">
                          <div class="mat-form-field-flex">
                            <div class="mat-form-field-infix">
                              <input class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-touched ng-dirty ng-valid" formcontrolname="fcnPanCard" matinput="" id="mat-input-3" placeholder="Pancard Address"
                                aria-describedby="mat-hint-3" aria-invalid="false" aria-required="false" name="pancards" autocomplete="off" value=" ">
                              <span class="mat-form-field-label-wrapper">
                                <label class="mat-form-field-label ng-tns-c9-7 ng-star-inserted" id="mat-form-field-label-9" for="mat-input-3" aria-owns="mat-input-3" name="pancards"> Pancard Number </label>
                              </span>
                            </div>
                          </div>
                          <div class="mat-form-field-underline ng-tns-c9-7 ng-star-inserted">
                            <span class="mat-form-field-ripple"></span>
                          </div>
                          <div class="mat-form-field-subscript-wrapper">
                            <div class="mat-form-field-hint-wrapper ng-tns-c9-7 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                              <mat-hint class="mat-hint" id="mat-hint-3"></mat-hint>
                              <div class="mat-form-field-hint-spacer"></div>
                            </div>
                          </div>
                        </div>
                      </mat-form-field>
                    </div>
                  </div>
                  <div class="row">
                    <div class="mobile-label"> Please verify your mobile number </div>
                  </div>
                  <div class="row">
                    <div class="col-5 mobpad">
                      <div class="icon mobile"></div>
                      <mat-form-field
                        class="mat-form-field ng-tns-c9-8 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-touched mat-form-field-should-float ng-dirty ng-valid">
                        <div class="mat-form-field-wrapper">
                          <div class="mat-form-field-flex">
                            <div class="mat-form-field-infix">
                              <input class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-touched ng-dirty ng-valid" formcontrolname="fcnMobile" inputmode="numeric" matinput="" maxlength="10" minlength="3"
                                id="mat-input-4" placeholder="Mobile Number" aria-describedby="mat-hint-4" aria-invalid="false" aria-required="false" name="mobile" autocomplete="off" value=" ">
                              <span class="mat-form-field-label-wrapper">
                                <label class="mat-form-field-label ng-tns-c9-8 ng-star-inserted control-label" id="mat-form-field-label-11" for="mat-input-4" aria-owns="mat-input-4"> Mobile Number </label>
                              </span>
                            </div>
                          </div>
                          <div class="mat-form-field-underline ng-tns-c9-8 ng-star-inserted">
                            <span class="mat-form-field-ripple"></span>
                          </div>
                          <div class="mat-form-field-subscript-wrapper">
                            <div class="mat-form-field-hint-wrapper ng-tns-c9-8 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                              <mat-hint class="mat-hint" id="mat-hint-4"> This number will be treated as your registered mobile number </mat-hint>
                              <div class="mat-form-field-hint-spacer"></div>
                            </div>
                          </div>
                        </div>
                      </mat-form-field>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-5 mob-pad-consent checkbox-style"></div>
                  </div>
                  <div class="row ng-star-inserted" style="">
                    <div class="col-12">
                      <button color="primary" mat-raised-button="" class="open1 mat-raised-button mat-primary " type="submit" name="next">
                        <span class="mat-button-wrapper"> Next </span>
                        <div class="mat-button-ripple mat-ripple" matripple=""></div>
                        <div class="mat-button-focus-overlay"></div>
                      </button>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-12 error-qde" style="padding-top: 0 !important;"></div>
                  </div>
                </div>
              </div>
            </app-about-yourself>
          </div>
        </div>
      </div>
    </mat-vertical-stepper>
  </div>
  <!--  <div id="sf2" class="frm"  style="display: none;" >
                                            <mat-vertical-stepper _ngcontent-sgt-c6="" aria-orientation="vertical" class="mat-stepper-vertical ng-tns-c12-1" linear="" role="tablist">
                                                <div class="mat-step ng-tns-c12-1 ng-star-inserted"   >
                                                    <mat-step-header
                                                        class="mat-vertical-stepper-header mat-step-header"
                                                        role="tab"
                                                        tabindex="-1"
                                                        id="cdk-step-label-0-1"
                                                        aria-posinset="2"
                                                        aria-setsize="3"
                                                        aria-controls="cdk-step-content-0-1"
                                                        aria-selected="false"
                                                    >
                                                        <div class="mat-step-header-ripple mat-ripple" mat-ripple=""></div>
                                                        <div class="mat-step-icon-state-number mat-step-icon">
                                                            <div class="mat-step-icon-content">
                                                                <span class="ng-star-inserted">2</span>
                                                            </div>
                                                        </div>
                                                        <div class="mat-step-label">
                                                            2.Professional Details
                                                        </div>
                                                    </mat-step-header>
                                                    <div class="mat-vertical-content-container mat-stepper-vertical-line"></div>

                                                    <div class="mat-vertical-content-container mat-stepper-vertical-line">
                                                        <div
                                                            class="mat-vertical-stepper-content ng-trigger ng-trigger-stepTransition"
                                                            role="tabpanel"
                                                            id="cdk-step-content-0-1"
                                                            aria-labelledby="cdk-step-label-0-1"
                                                            aria-expanded="true"
                                                            style="visibility: visible;"
                                                            tabindex="0"
                                                        >
                                                            <div class="mat-vertical-content">
                                                                <app-professional _ngcontent-mfp-c6="" _nghost-mfp-c14="" class="ng-star-inserted" style="">
                                                                    <div class="professional-details">
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-5 occupation-label">
                                                                                <mat-form-field
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="mat-form-field ng-tns-c9-9 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-pristine ng-invalid mat-form-field-invalid ng-touched"
                                                                                >
                                                                                    <div class="mat-form-field-wrapper">
                                                                                        <div class="mat-form-field-flex">
                                                                                            <div class="mat-form-field-infix">
                                                                                                <label _ngcontent-mfp-c14="" class="placeholder-hide lable-font">Select Source of Income</label>
                                                                                                <mat-select
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-select ng-tns-c10-10 mat-select-empty ng-pristine ng-invalid ng-star-inserted mat-select-invalid ng-touched"
                                                                                                    disableoptioncentering=""
                                                                                                    formcontrolname="fcnOccupationType"
                                                                                                    panelclass="dropdown-panel-top"
                                                                                                    role="listbox"
                                                                                                    id="mat-select-1"
                                                                                                    tabindex="0"
                                                                                                    aria-label="Occupation"
                                                                                                    aria-required="false"
                                                                                                    aria-disabled="false"
                                                                                                    aria-invalid="true"
                                                                                                    aria-multiselectable="false"
                                                                                                    aria-describedby="mat-error-4"
                                                                                                >
                                                                                                    <div class="mat-select-trigger" aria-hidden="true" cdk-overlay-origin="">
                                                                                                        <div class="mat-select-value">
                                                                                                            <span class="mat-select-placeholder ng-tns-c10-10 ng-star-inserted">Occupation</span>
                                                                                                        </div>
                                                                                                        <div class="mat-select-arrow-wrapper"><div class="mat-select-arrow"></div></div>
                                                                                                    </div>
                                                                                                </mat-select>
                                                                                                <span class="mat-form-field-label-wrapper">
                                                                                                    <label
                                                                                                        class="mat-form-field-label ng-tns-c9-9 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                        id="mat-form-field-label-13"
                                                                                                        for="mat-select-1"
                                                                                                        aria-owns="mat-select-1"
                                                                                                    >
                                                                                                        Occupation
                                                                                                    </label>
                                                                                                </span>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="mat-form-field-underline ng-tns-c9-9 ng-star-inserted"><span class="mat-form-field-ripple"></span></div>
                                                                                        <div class="mat-form-field-subscript-wrapper">
                                                                                            <div
                                                                                                class="ng-tns-c9-9 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                                style="opacity: 1; transform: translateY(0%);"
                                                                                            >
                                                                                                <mat-error _ngcontent-mfp-c14="" class="mat-error ng-star-inserted" role="alert" id="mat-error-4" style="">
                                                                                                    <div _ngcontent-mfp-c14="" class="ng-star-inserted">Field is mandatory.</div>
                                                                                                </mat-error>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </mat-form-field>
                                                                            </div>
                                                                            <div _ngcontent-mfp-c14="" class="col-2"></div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="horizontal-line row"></div>
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-5 tooltip-width">
                                                                                <div _ngcontent-mfp-c14="" class="icon company"></div>
                                                                                <mat-form-field
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="mat-form-field ng-tns-c9-11 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                                >
                                                                                    <div class="mat-form-field-wrapper">
                                                                                        <div class="mat-form-field-flex">
                                                                                            <div class="mat-form-field-infix">
                                                                                                <label _ngcontent-mfp-c14="" class="placeholder-hide lable-font">Start typing</label>
                                                                                                <input
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                    formcontrolname="fcnCompanyName"
                                                                                                    matinput=""
                                                                                                    maxlength="30"
                                                                                                    autocomplete="off"
                                                                                                    role="combobox"
                                                                                                    aria-autocomplete="list"
                                                                                                    aria-expanded="false"
                                                                                                    aria-haspopup="true"
                                                                                                    id="mat-input-5"
                                                                                                    placeholder="Company Name"
                                                                                                    aria-describedby="mat-hint-6"
                                                                                                    aria-invalid="false"
                                                                                                    aria-required="false"
                                                                                                />
                                                                                                <mat-autocomplete
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-autocomplete"
                                                                                                    showpanel="filterCompany &amp;&amp; filterCompany.length"
                                                                                                >
                                                                                                </mat-autocomplete>
                                                                                                <span class="mat-form-field-label-wrapper">
                                                                                                    <label
                                                                                                        class="mat-form-field-label ng-tns-c9-11 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                        id="mat-form-field-label-15"
                                                                                                        for="mat-input-5"
                                                                                                        aria-owns="mat-input-5"
                                                                                                    >
                                                                                                        Company Name
                                                                                                    </label>
                                                                                                </span>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="mat-form-field-underline ng-tns-c9-11 ng-star-inserted"><span class="mat-form-field-ripple"></span></div>
                                                                                        <div class="mat-form-field-subscript-wrapper">
                                                                                            <div
                                                                                                class="mat-form-field-hint-wrapper ng-tns-c9-11 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                                style="opacity: 1; transform: translateY(0%);"
                                                                                            >
                                                                                                <mat-hint _ngcontent-mfp-c14="" class="hint-size mat-hint" id="mat-hint-6">
                                                                                                    Select from our sourceable list of companies or simply type the name in this field
                                                                                                </mat-hint>
                                                                                                <div class="mat-form-field-hint-spacer"></div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </mat-form-field>

                                                                                <div
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="tooltip ng-star-inserted"
                                                                                    aria-describedby="cdk-describedby-message-0"
                                                                                    cdk-describedby-host=""
                                                                                    style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                                ></div>
                                                                            </div>
                                                                            <div _ngcontent-mfp-c14="" class="col-2"></div>
                                                                            <div _ngcontent-mfp-c14="" class="col-5 company-name">
                                                                                <div _ngcontent-mfp-c14="" class="icon designation"></div>
                                                                                <mat-form-field
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="mat-form-field ng-tns-c9-12 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                                >
                                                                                    <div class="mat-form-field-wrapper">
                                                                                        <div class="mat-form-field-flex">
                                                                                            <div class="mat-form-field-infix">
                                                                                                <input
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                    formcontrolname="fcnDesignation"
                                                                                                    matinput=""
                                                                                                    maxlength="40"
                                                                                                    autocomplete="off"
                                                                                                    role="combobox"
                                                                                                    aria-autocomplete="list"
                                                                                                    aria-expanded="false"
                                                                                                    aria-haspopup="true"
                                                                                                    id="mat-input-6"
                                                                                                    placeholder="Designation"
                                                                                                    aria-describedby="mat-hint-7"
                                                                                                    aria-invalid="false"
                                                                                                    aria-required="false"
                                                                                                />
                                                                                                <mat-autocomplete
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-autocomplete"
                                                                                                    showpanel="filterDesignation &amp;&amp; filterDesignation.length"
                                                                                                >
                                                                                                </mat-autocomplete>
                                                                                                <span class="mat-form-field-label-wrapper">
                                                                                                    <label
                                                                                                        class="mat-form-field-label ng-tns-c9-12 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                        id="mat-form-field-label-17"
                                                                                                        for="mat-input-6"
                                                                                                        aria-owns="mat-input-6"
                                                                                                    >
                                                                                                        Designation
                                                                                                    </label>
                                                                                                </span>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="mat-form-field-underline ng-tns-c9-12 ng-star-inserted"><span class="mat-form-field-ripple"></span></div>
                                                                                        <div class="mat-form-field-subscript-wrapper">
                                                                                            <div
                                                                                                class="mat-form-field-hint-wrapper ng-tns-c9-12 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                                style="opacity: 1; transform: translateY(0%);"
                                                                                            >
                                                                                                <mat-hint _ngcontent-mfp-c14="" class="mat-hint" id="mat-hint-7"></mat-hint>
                                                                                                <div class="mat-form-field-hint-spacer"></div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </mat-form-field>
                                                                            </div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-5 income-bottom">
                                                                                <label _ngcontent-mfp-c14="" class="income-lable ng-star-inserted">Annual Income:</label>

                                                                                <div _ngcontent-mfp-c14="" class="income-box-align">
                                                                                    <span _ngcontent-mfp-c14="" class="rupee-icon"></span>
                                                                                    <input
                                                                                        _ngcontent-mfp-c14=""
                                                                                        class="income-input ng-untouched ng-pristine ng-invalid"
                                                                                        formcontrolname="fcnIncome"
                                                                                        inputmode="numeric"
                                                                                        placeholder=""
                                                                                        type="text"
                                                                                    />

                                                                                    <div
                                                                                        _ngcontent-mfp-c14=""
                                                                                        style="
                                                                                            display: inline-block;
                                                                                            height: 22px;
                                                                                            margin-top: 0px;
                                                                                            margin-bottom: -3px;
                                                                                            touch-action: none;
                                                                                            user-select: none;
                                                                                            -webkit-user-drag: none;
                                                                                            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                                                                                        "
                                                                                        class="tooltip ng-star-inserted"
                                                                                        aria-describedby="cdk-describedby-message-1"
                                                                                        cdk-describedby-host=""
                                                                                    ></div>

                                                                                    <mat-hint _ngcontent-mfp-c14="" class="mat-hint" id="mat-hint-8"></mat-hint>
                                                                                    <div _ngcontent-mfp-c14="" class="error-align"></div>
                                                                                </div>
                                                                            </div>
                                                                            <div _ngcontent-mfp-c14="" class="col-2"></div>
                                                                            <div _ngcontent-mfp-c14="" class="col-5"></div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="income-slider">
                                                                            <mat-slider
                                                                                _ngcontent-mfp-c14=""
                                                                                class="mat-slider mat-accent mat-slider-horizontal mat-slider-min-value"
                                                                                role="slider"
                                                                                tabindex="0"
                                                                                aria-disabled="false"
                                                                                aria-valuemax="2700000"
                                                                                aria-valuemin="300000"
                                                                                aria-valuenow="300000"
                                                                                aria-orientation="horizontal"
                                                                                style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                            >
                                                                                <div class="mat-slider-wrapper">
                                                                                    <div class="mat-slider-track-wrapper">
                                                                                        <div class="mat-slider-track-background" style="transform: translateX(7px) scale3d(1, 1, 1);"></div>
                                                                                        <div class="mat-slider-track-fill" style="transform: translateX(-7px) scale3d(0, 1, 1);"></div>
                                                                                    </div>
                                                                                    <div class="mat-slider-ticks-container" style="transform: translateX(0%);">
                                                                                        <div
                                                                                            class="mat-slider-ticks"
                                                                                            style="background-size: 0% 2px; transform: translateZ(0px) translateX(0%); padding-left: 7px;"
                                                                                        ></div>
                                                                                    </div>
                                                                                    <div class="mat-slider-thumb-container" style="transform: translateX(-100%);">
                                                                                        <div class="mat-slider-focus-ring"></div>
                                                                                        <div class="mat-slider-thumb"></div>
                                                                                        <div class="mat-slider-thumb-label"><span class="mat-slider-thumb-label-text">300000</span></div>
                                                                                    </div>
                                                                                </div>
                                                                            </mat-slider>
                                                                            <div _ngcontent-mfp-c14="" class="income-range col-10">
                                                                                <ul _ngcontent-mfp-c14="">
                                                                                    <li _ngcontent-mfp-c14="">
                                                                                        Upto<br _ngcontent-mfp-c14="" />
                                                                                        3L
                                                                                    </li>
                                                                                    <li _ngcontent-mfp-c14="">6</li>
                                                                                    <li _ngcontent-mfp-c14="">9</li>
                                                                                    <li _ngcontent-mfp-c14="">12</li>
                                                                                    <li _ngcontent-mfp-c14="">15</li>
                                                                                    <li _ngcontent-mfp-c14="">18</li>
                                                                                    <li _ngcontent-mfp-c14="">21</li>
                                                                                    <li _ngcontent-mfp-c14="" class="last-element">
                                                                                        <div _ngcontent-mfp-c14="">24</div>
                                                                                        <div _ngcontent-mfp-c14="" class="last-element-right">
                                                                                            27L<br _ngcontent-mfp-c14="" />
                                                                                            and Above
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-5 mob-bottom-pad">
                                                                                <div _ngcontent-mfp-c14="" class="icon office-pin"></div>
                                                                                <mat-form-field
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="mat-form-field ng-tns-c9-13 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                                >
                                                                                    <div class="mat-form-field-wrapper">
                                                                                        <div class="mat-form-field-flex">
                                                                                            <div class="mat-form-field-infix">
                                                                                                <input
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                    formcontrolname="fcnOfcPin"
                                                                                                    inputmode="numeric"
                                                                                                    matinput=""
                                                                                                    maxlength="6"
                                                                                                    minlength="6"
                                                                                                    pattern="^[1-9]+[0-9]*$"
                                                                                                    autocomplete="off"
                                                                                                    role="combobox"
                                                                                                    aria-autocomplete="list"
                                                                                                    aria-expanded="false"
                                                                                                    aria-haspopup="true"
                                                                                                    id="mat-input-7"
                                                                                                    placeholder="Office PIN Code"
                                                                                                    aria-describedby="mat-hint-9"
                                                                                                    aria-invalid="false"
                                                                                                    aria-required="false"
                                                                                                />
                                                                                                <mat-autocomplete
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-autocomplete"
                                                                                                    showpanel="filterPin &amp;&amp; filterPin.length"
                                                                                                >
                                                                                                </mat-autocomplete>
                                                                                                <span class="mat-form-field-label-wrapper">
                                                                                                    <label
                                                                                                        class="mat-form-field-label ng-tns-c9-13 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                        id="mat-form-field-label-19"
                                                                                                        for="mat-input-7"
                                                                                                        aria-owns="mat-input-7"
                                                                                                    >
                                                                                                        Office PIN Code
                                                                                                    </label>
                                                                                                </span>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="mat-form-field-underline ng-tns-c9-13 ng-star-inserted"><span class="mat-form-field-ripple"></span></div>
                                                                                        <div class="mat-form-field-subscript-wrapper">
                                                                                            <div
                                                                                                class="mat-form-field-hint-wrapper ng-tns-c9-13 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                                style="opacity: 1; transform: translateY(0%);"
                                                                                            >
                                                                                                <mat-hint _ngcontent-mfp-c14="" class="city mat-hint" id="mat-hint-9"> </mat-hint>
                                                                                                <div class="mat-form-field-hint-spacer"></div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </mat-form-field>
                                                                            </div>
                                                                            <div _ngcontent-mfp-c14="" class="col-2"></div>
                                                                            <div _ngcontent-mfp-c14="" class="col-5">
                                                                                <div _ngcontent-mfp-c14="" class="icon pan-number"></div>
                                                                                <mat-form-field
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="mat-form-field ng-tns-c9-14 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                                >
                                                                                    <div class="mat-form-field-wrapper">
                                                                                        <div class="mat-form-field-flex">
                                                                                            <div class="mat-form-field-infix">
                                                                                                <input
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="upper-case mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                    formcontrolname="fcnPan"
                                                                                                    matinput=""
                                                                                                    maxlength="10"
                                                                                                    minlength="10"
                                                                                                    id="mat-input-8"
                                                                                                    placeholder="PAN Number"
                                                                                                    aria-describedby="mat-hint-10"
                                                                                                    aria-invalid="false"
                                                                                                    aria-required="false"
                                                                                                />
                                                                                                <span class="mat-form-field-label-wrapper">
                                                                                                    <label
                                                                                                        class="mat-form-field-label ng-tns-c9-14 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                        id="mat-form-field-label-21"
                                                                                                        for="mat-input-8"
                                                                                                        aria-owns="mat-input-8"
                                                                                                    >
                                                                                                        PAN Number
                                                                                                    </label>
                                                                                                </span>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="mat-form-field-underline ng-tns-c9-14 ng-star-inserted"><span class="mat-form-field-ripple"></span></div>
                                                                                        <div class="mat-form-field-subscript-wrapper">
                                                                                            <div
                                                                                                class="mat-form-field-hint-wrapper ng-tns-c9-14 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                                style="opacity: 1; transform: translateY(0%);"
                                                                                            >
                                                                                                <mat-hint _ngcontent-mfp-c14="" class="mat-hint" id="mat-hint-10"></mat-hint>
                                                                                                <div class="mat-form-field-hint-spacer"></div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </mat-form-field>
                                                                            </div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-5">
                                                                                <div _ngcontent-mfp-c14="" class="icon birth"></div>
                                                                                <mat-form-field
                                                                                    _ngcontent-mfp-c14=""
                                                                                    class="mat-form-field ng-tns-c9-15 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                                >
                                                                                    <div class="mat-form-field-wrapper">
                                                                                        <div class="mat-form-field-flex">
                                                                                            <div class="mat-form-field-infix">
                                                                                                <input
                                                                                                    _ngcontent-mfp-c14=""
                                                                                                    class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                    formcontrolname="fcnDOB"
                                                                                                    matinput=""
                                                                                                    readonly="true"
                                                                                                    aria-haspopup="true"
                                                                                                    min="1900-01-01"
                                                                                                    max="1996-12-31"
                                                                                                    id="mat-input-9"
                                                                                                    placeholder="Date of Birth"
                                                                                                    aria-describedby="mat-hint-11"
                                                                                                    aria-invalid="false"
                                                                                                    aria-required="false"
                                                                                                />
                                                                                                <mat-datepicker _ngcontent-mfp-c14="" disabled="false"></mat-datepicker>
                                                                                                <span class="mat-form-field-label-wrapper">
                                                                                                    <label
                                                                                                        class="mat-form-field-label ng-tns-c9-15 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                        id="mat-form-field-label-23"
                                                                                                        for="mat-input-9"
                                                                                                        aria-owns="mat-input-9"
                                                                                                    >
                                                                                                        Date of Birth
                                                                                                    </label>
                                                                                                </span>
                                                                                            </div>

                                                                                            <div class="mat-form-field-suffix ng-tns-c9-15 ng-star-inserted">
                                                                                                <mat-datepicker-toggle _ngcontent-mfp-c14="" class="mat-datepicker-toggle" matsuffix="" tabindex="-1">
                                                                                                    <button
                                                                                                        aria-haspopup="true"
                                                                                                        mat-icon-button=""
                                                                                                        type="button"
                                                                                                        class="mat-icon-button"
                                                                                                        aria-label="Open calendar"
                                                                                                        tabindex="0"
                                                                                                    >
                                                                                                        <span class="mat-button-wrapper">
                                                                                                            <mat-icon
                                                                                                                _ngcontent-mfp-c14=""
                                                                                                                class="mat-icon notranslate material-icons mat-icon-no-color"
                                                                                                                matdatepickertoggleicon=""
                                                                                                                role="img"
                                                                                                                aria-hidden="true"
                                                                                                            >
                                                                                                                <svg
                                                                                                                    _ngcontent-mfp-c14=""
                                                                                                                    class="calendar-icon"
                                                                                                                    height="18"
                                                                                                                    style="margin-top: -20px !important; margin-left: -5px; z-index: 100;"
                                                                                                                    viewBox="0 0 22 22"
                                                                                                                    width="18"
                                                                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                                                                >
                                                                                                                    <g _ngcontent-mfp-c14="" fill="none" fill-rule="evenodd" stroke-width="1.188">
                                                                                                                        <path
                                                                                                                            _ngcontent-mfp-c14=""
                                                                                                                            d="M6.25 1.5v3.455M15.75 1.5v3.455"
                                                                                                                            stroke-linecap="round"
                                                                                                                        ></path>
                                                                                                                        <path
                                                                                                                            _ngcontent-mfp-c14=""
                                                                                                                            d="M2.618 3.227h16.764c.617 0 1.118.517 1.118 1.158v14.959c0 .638-.5 1.156-1.118 1.156H2.618C2 20.5 1.5 19.982 1.5 19.344V4.384c0-.64.5-1.157 1.118-1.157zM20.5 7.286H1.84"
                                                                                                                        ></path>
                                                                                                                    </g>
                                                                                                                </svg>
                                                                                                            </mat-icon>
                                                                                                        </span>
                                                                                                        <div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div>
                                                                                                        <div class="mat-button-focus-overlay"></div>
                                                                                                    </button>
                                                                                                </mat-datepicker-toggle>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="mat-form-field-underline ng-tns-c9-15 ng-star-inserted"><span class="mat-form-field-ripple"></span></div>
                                                                                        <div class="mat-form-field-subscript-wrapper">
                                                                                            <div
                                                                                                class="mat-form-field-hint-wrapper ng-tns-c9-15 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                                style="opacity: 1; transform: translateY(0%);"
                                                                                            >
                                                                                                <mat-hint _ngcontent-mfp-c14="" class="mat-hint" id="mat-hint-11"></mat-hint>
                                                                                                <div class="mat-form-field-hint-spacer"></div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </mat-form-field>
                                                                            </div>
                                                                            <div _ngcontent-mfp-c14="" class="col-2"></div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-5">
                                                                                <button _ngcontent-mfp-c14="" color="primary" mat-raised-button="" class="mat-raised-button mat-primary back2" disabled="">
                                                                                    <span class="mat-button-wrapper"> back </span>
                                                                                    <div class="mat-button-ripple mat-ripple" matripple=""></div>
                                                                                    <div class="mat-button-focus-overlay"></div>
                                                                                </button>
                                                                                <button _ngcontent-mfp-c14="" color="primary" mat-raised-button="" class="mat-raised-button mat-primary open2" disabled="">
                                                                                    <span class="mat-button-wrapper"> Next </span>
                                                                                    <div class="mat-button-ripple mat-ripple" matripple=""></div>
                                                                                    <div class="mat-button-focus-overlay"></div>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c14="" class="row">
                                                                            <div _ngcontent-mfp-c14="" class="col-12"></div>
                                                                        </div>
                                                                    </div>
                                                                </app-professional>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </mat-vertical-stepper>
                                        </div>

                                         
                                        <div id="sf3" class="frm" style="display: none;">
                                            <mat-vertical-stepper _ngcontent-sgt-c6="" aria-orientation="vertical" class="mat-stepper-vertical ng-tns-c12-1" linear="" role="tablist">
                                                <div class="mat-step ng-tns-c12-1 ng-star-inserted">
                                                    <mat-step-header
                                                        class="mat-vertical-stepper-header mat-step-header"
                                                        role="tab"
                                                        tabindex="-1"
                                                        id="cdk-step-label-0-2"
                                                        aria-posinset="3"
                                                        aria-setsize="3"
                                                        aria-controls="cdk-step-content-0-2"
                                                        aria-selected="false"
                                                    >
                                                        <div class="mat-step-header-ripple mat-ripple" mat-ripple=""></div>
                                                        <div class="mat-step-icon-state-number mat-step-icon">
                                                            <div class="mat-step-icon-content">
                                                                <span class="ng-star-inserted">3</span>
                                                            </div>
                                                        </div>
                                                        <div class="mat-step-label">
                                                            3.Current Residential Address
                                                        </div>
                                                    </mat-step-header>
                                                    <div class="mat-vertical-content-container">
                                                        <div
                                                            class="mat-vertical-stepper-content ng-trigger ng-trigger-stepTransition"
                                                            role="tabpanel"
                                                            id="cdk-step-content-0-2"
                                                            aria-labelledby="cdk-step-label-0-2"
                                                            aria-expanded="false"
                                                            style="height: 0px; visibility: hidden;"
                                                        >
                                                            <div class="mat-vertical-content">
                                                                <app-personal _ngcontent-mfp-c6="" _nghost-mfp-c15="" class="ng-star-inserted" style="">
                                                                    <div _ngcontent-mfp-c15="" class="row">
                                                                        <div _ngcontent-mfp-c15="" class="col-5">
                                                                            <div _ngcontent-mfp-c15="" class="icon home"></div>
                                                                            <mat-form-field
                                                                                _ngcontent-mfp-c15=""
                                                                                class="mat-form-field ng-tns-c9-16 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                            >
                                                                                <div class="mat-form-field-wrapper">
                                                                                    <div class="mat-form-field-flex">
                                                                                        <div class="mat-form-field-infix">
                                                                                            <input
                                                                                                _ngcontent-mfp-c15=""
                                                                                                class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                formcontrolname="fcnHouseNo"
                                                                                                matinput=""
                                                                                                maxlength="19"
                                                                                                id="mat-input-10"
                                                                                                placeholder="House No."
                                                                                                aria-describedby="mat-hint-12"
                                                                                                aria-invalid="false"
                                                                                                aria-required="false"
                                                                                                ngModel
                                                                                                required
                                                                                            />
                                                                                            <span class="mat-form-field-label-wrapper">
                                                                                                <label
                                                                                                    class="mat-form-field-label ng-tns-c9-16 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                    id="mat-form-field-label-25"
                                                                                                    for="mat-input-10"
                                                                                                    aria-owns="mat-input-10"
                                                                                                >
                                                                                                    House No.
                                                                                                </label>
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="mat-form-field-underline ng-tns-c9-16 ng-star-inserted">
                                                                                        <span class="mat-form-field-ripple"></span>
                                                                                    </div>
                                                                                    <div class="mat-form-field-subscript-wrapper">
                                                                                        <div
                                                                                            class="mat-form-field-hint-wrapper ng-tns-c9-16 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                            style="opacity: 1; transform: translateY(0%);"
                                                                                        >
                                                                                            <mat-hint _ngcontent-mfp-c15="" class="mat-hint" id="mat-hint-12"></mat-hint>
                                                                                            <div class="mat-form-field-hint-spacer"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </mat-form-field>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c15="" class="col-2"></div>
                                                                        <div _ngcontent-mfp-c15="" class="col-5">
                                                                            <div _ngcontent-mfp-c15="" class="icon locality"></div>
                                                                            <mat-form-field
                                                                                _ngcontent-mfp-c15=""
                                                                                class="mat-form-field ng-tns-c9-17 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                            >
                                                                                <div class="mat-form-field-wrapper">
                                                                                    <div class="mat-form-field-flex">
                                                                                        <div class="mat-form-field-infix">
                                                                                            <input
                                                                                                _ngcontent-mfp-c15=""
                                                                                                class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                formcontrolname="fcnLocality"
                                                                                                matinput=""
                                                                                                maxlength="20"
                                                                                                id="mat-input-11"
                                                                                                placeholder="Locality"
                                                                                                aria-describedby="mat-hint-13"
                                                                                                aria-invalid="false"
                                                                                                aria-required="false"
                                                                                                ngModel
                                                                                                required
                                                                                            />
                                                                                            <span class="mat-form-field-label-wrapper">
                                                                                                <label
                                                                                                    class="mat-form-field-label ng-tns-c9-17 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                    id="mat-form-field-label-27"
                                                                                                    for="mat-input-11"
                                                                                                    aria-owns="mat-input-11"
                                                                                                >
                                                                                                    Locality
                                                                                                </label>
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="mat-form-field-underline ng-tns-c9-17 ng-star-inserted">
                                                                                        <span class="mat-form-field-ripple"></span>
                                                                                    </div>
                                                                                    <div class="mat-form-field-subscript-wrapper">
                                                                                        <div
                                                                                            class="mat-form-field-hint-wrapper ng-tns-c9-17 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                            style="opacity: 1; transform: translateY(0%);"
                                                                                        >
                                                                                            <mat-hint _ngcontent-mfp-c15="" class="mat-hint" id="mat-hint-13"></mat-hint>
                                                                                            <div class="mat-form-field-hint-spacer"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </mat-form-field>
                                                                        </div>
                                                                    </div>
                                                                    <div _ngcontent-mfp-c15="" class="row pad-mob">
                                                                        <div _ngcontent-mfp-c15="" class="col-5">
                                                                            <div _ngcontent-mfp-c15="" class="icon home"></div>
                                                                            <mat-form-field
                                                                                _ngcontent-mfp-c15=""
                                                                                class="mat-form-field ng-tns-c9-18 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid"
                                                                            >
                                                                                <div class="mat-form-field-wrapper">
                                                                                    <div class="mat-form-field-flex">
                                                                                        <div class="mat-form-field-infix">
                                                                                            <input
                                                                                                _ngcontent-mfp-c15=""
                                                                                                class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-valid"
                                                                                                formcontrolname="fcnAddLine1"
                                                                                                matinput=""
                                                                                                maxlength="40"
                                                                                                id="mat-input-12"
                                                                                                placeholder="Address Continued (Optional)"
                                                                                                aria-describedby="mat-hint-14"
                                                                                                aria-invalid="false"
                                                                                                aria-required="false"
                                                                                                ngModel
                                                                                                required
                                                                                            />
                                                                                            <span class="mat-form-field-label-wrapper">
                                                                                                <label
                                                                                                    class="mat-form-field-label ng-tns-c9-18 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                    id="mat-form-field-label-29"
                                                                                                    for="mat-input-12"
                                                                                                    aria-owns="mat-input-12"
                                                                                                >
                                                                                                    Address Continued (Optional)
                                                                                                </label>
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="mat-form-field-underline ng-tns-c9-18 ng-star-inserted">
                                                                                        <span class="mat-form-field-ripple"></span>
                                                                                    </div>
                                                                                    <div class="mat-form-field-subscript-wrapper">
                                                                                        <div
                                                                                            class="mat-form-field-hint-wrapper ng-tns-c9-18 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                            style="opacity: 1; transform: translateY(0%);"
                                                                                        >
                                                                                            <mat-hint _ngcontent-mfp-c15="" class="mat-hint" id="mat-hint-14"></mat-hint>
                                                                                            <div class="mat-form-field-hint-spacer"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </mat-form-field>
                                                                        </div>
                                                                        <div _ngcontent-mfp-c15="" class="col-2"></div>
                                                                        <div _ngcontent-mfp-c15="" class="col-5">
                                                                            <div _ngcontent-mfp-c15="" class="icon resi-pin"></div>
                                                                            <mat-form-field
                                                                                _ngcontent-mfp-c15=""
                                                                                class="mat-form-field ng-tns-c9-19 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                            >
                                                                                <div class="mat-form-field-wrapper">
                                                                                    <div class="mat-form-field-flex">
                                                                                        <div class="mat-form-field-infix">
                                                                                            <input
                                                                                                _ngcontent-mfp-c15=""
                                                                                                class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid"
                                                                                                formcontrolname="fcnPincode"
                                                                                                id="fcnPincode"
                                                                                                inputmode="numeric"
                                                                                                matinput=""
                                                                                                maxlength="6"
                                                                                                minlength="6"
                                                                                                type="text"
                                                                                                autocomplete="off"
                                                                                                role="combobox"
                                                                                                aria-autocomplete="list"
                                                                                                aria-expanded="false"
                                                                                                aria-haspopup="true"
                                                                                                placeholder="Residential PIN Code"
                                                                                                aria-describedby="mat-hint-15"
                                                                                                aria-invalid="false"
                                                                                                aria-required="false"
                                                                                                ngModel
                                                                                                required
                                                                                            />
                                                                                            <mat-autocomplete _ngcontent-mfp-c15="" class="mat-autocomplete" showpanel="filterPin &amp;&amp; filterPin.length">
                                                                                            </mat-autocomplete>
                                                                                            <span class="mat-form-field-label-wrapper">
                                                                                                <label
                                                                                                    class="mat-form-field-label ng-tns-c9-19 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                    id="mat-form-field-label-31"
                                                                                                    for="fcnPincode"
                                                                                                    aria-owns="fcnPincode"
                                                                                                >
                                                                                                    Residential PIN Code
                                                                                                </label>
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="mat-form-field-underline ng-tns-c9-19 ng-star-inserted">
                                                                                        <span class="mat-form-field-ripple"></span>
                                                                                    </div>
                                                                                    <div class="mat-form-field-subscript-wrapper">
                                                                                        <div
                                                                                            class="mat-form-field-hint-wrapper ng-tns-c9-19 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                            style="opacity: 1; transform: translateY(0%);"
                                                                                        >
                                                                                            <mat-hint _ngcontent-mfp-c15="" class="city mat-hint" id="mat-hint-15"> </mat-hint>
                                                                                            <div class="mat-form-field-hint-spacer"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </mat-form-field>
                                                                        </div>
                                                                    </div>
                                                                    <div _ngcontent-mfp-c15="" class="row">
                                                                        <div _ngcontent-mfp-c15="" class="col-5">
                                                                            <div _ngcontent-mfp-c15="" class="icon nationality"></div>
                                                                            <mat-form-field
                                                                                _ngcontent-mfp-c15=""
                                                                                class="mat-form-field ng-tns-c9-20 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
                                                                            >
                                                                                <div class="mat-form-field-wrapper">
                                                                                    <div class="mat-form-field-flex">
                                                                                        <div class="mat-form-field-infix">
                                                                                            <mat-select
                                                                                                _ngcontent-mfp-c15=""
                                                                                                class="mat-select ng-tns-c10-21 mat-select-empty ng-untouched ng-pristine ng-invalid ng-star-inserted"
                                                                                                disableoptioncentering=""
                                                                                                formcontrolname="fcnNationality"
                                                                                                panelclass="dropdown-panel-top"
                                                                                                role="listbox"
                                                                                                id="mat-select-2"
                                                                                                tabindex="0"
                                                                                                aria-labelledby="mat-form-field-label-33"
                                                                                                aria-required="false"
                                                                                                aria-disabled="false"
                                                                                                aria-invalid="false"
                                                                                                aria-multiselectable="false"
                                                                                                aria-describedby="mat-hint-16"
                                                                                            >
                                                                                                <div class="mat-select-trigger" aria-hidden="true" cdk-overlay-origin="">
                                                                                                    <div class="mat-select-value">
                                                                                                        <span class="mat-select-placeholder ng-tns-c10-21 ng-star-inserted">&nbsp;</span>
                                                                                                    </div>
                                                                                                    <div class="mat-select-arrow-wrapper">
                                                                                                        <div class="mat-select-arrow"></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </mat-select>
                                                                                            <span class="mat-form-field-label-wrapper">
                                                                                                <label
                                                                                                    class="mat-form-field-label ng-tns-c9-20 mat-empty mat-form-field-empty ng-star-inserted"
                                                                                                    id="mat-form-field-label-33"
                                                                                                    for="mat-select-2"
                                                                                                    aria-owns="mat-select-2"
                                                                                                >
                                                                                                    <mat-label _ngcontent-mfp-c15="" class="ng-star-inserted">Nationality</mat-label>
                                                                                                </label>
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="mat-form-field-underline ng-tns-c9-20 ng-star-inserted">
                                                                                        <span class="mat-form-field-ripple"></span>
                                                                                    </div>
                                                                                    <div class="mat-form-field-subscript-wrapper">
                                                                                        <div
                                                                                            class="mat-form-field-hint-wrapper ng-tns-c9-20 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
                                                                                            style="opacity: 1; transform: translateY(0%);"
                                                                                        >
                                                                                            <mat-hint _ngcontent-mfp-c15="" class="mat-hint" id="mat-hint-16"></mat-hint>
                                                                                            <div class="mat-form-field-hint-spacer"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </mat-form-field>
                                                                        </div>
                                                                    </div>
                                                                    <div _ngcontent-mfp-c15="" class="row check-box-margin">
                                                                        <div _ngcontent-mfp-c15="" class="col-5 checkbox-style">
                                                                            <mat-checkbox
                                                                                _ngcontent-mfp-c15=""
                                                                                class="mat-checkbox mat-accent ng-untouched ng-pristine ng-invalid"
                                                                                disableripple="true"
                                                                                formcontrolname="fcnConsent"
                                                                                id="mat-checkbox-2"
                                                                            >
                                                                                <label class="mat-checkbox-layout" for="mat-checkbox-2-input">
                                                                                    <div class="mat-checkbox-inner-container mat-checkbox-inner-container-no-side-margin">
                                                                                        <input
                                                                                            class="mat-checkbox-input cdk-visually-hidden"
                                                                                            type="checkbox"
                                                                                            id="mat-checkbox-2-input"
                                                                                            tabindex="0"
                                                                                            aria-checked="false"
                                                                                        />
                                                                                        <div class="mat-checkbox-ripple mat-ripple" matripple="">
                                                                                            <div class="mat-ripple-element mat-checkbox-persistent-ripple"></div>
                                                                                        </div>
                                                                                        <div class="mat-checkbox-frame"></div>
                                                                                        <div class="mat-checkbox-background">
                                                                                            <svg xml:space="preserve" class="mat-checkbox-checkmark" focusable="false" version="1.1" viewBox="0 0 24 24">
                                                                                                <path class="mat-checkbox-checkmark-path" d="M4.1,12.7 9,17.6 20.3,6.3" fill="none" stroke="white"></path>
                                                                                            </svg>
                                                                                            <div class="mat-checkbox-mixedmark"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <span class="mat-checkbox-label"><span style="display: none;">&nbsp;</span></span>
                                                                                </label>
                                                                            </mat-checkbox>
                                                                            <div _ngcontent-mfp-c15="" class="consent-text" style="padding-left: 12px;">
                                                                                <p>
                                                                                    I have read
                                                                                    <a href="javascript:void(0)" target="_blank" rel="noopener">
                                                                                        Customer Declaration
                                                                                    </a>
                                                                                    of CARDSES Card and understood all its terms and conditions. I confirm that the details given above belong to me and
                                                                                    authorize CARDSESCPSL and its affiliates / associates and CPP* to contact me on the details provided to provide further
                                                                                    information about the CARDSES Card and the card protection plan.<br />
                                                                                    I also provide my consent to verify the information provided in the application form with the credit bureau. I agree to pay
                                                                                    Rs. 499 + Taxes as joining fee and Rs. 499 + Taxes as annual fee associated with this card. I would like to subscribe to
                                                                                    e-statements. <br />
                                                                                    *CPP Assistance Services Private Limited
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div _ngcontent-mfp-c15="" class="horizontal-full-line"></div>
                                                                    <div _ngcontent-mfp-c15="" class="row button-margin">
                                                                        <div _ngcontent-mfp-c15="" class="col-5">
                                                                            <button _ngcontent-mfp-c15="" color="primary" mat-raised-button="" class="mat-raised-button mat-primary back3" disabled="">
                                                                                <span class="mat-button-wrapper">
                                                                                    back
                                                                                </span>
                                                                                <div class="mat-button-ripple mat-ripple" matripple=""></div>
                                                                                <div class="mat-button-focus-overlay"></div>
                                                                            </button>
                                                                            <button _ngcontent-mfp-c15="" color="primary" mat-raised-button="" class="mat-raised-button mat-primary" type="submit" disabled="">
                                                                                <span class="mat-button-wrapper">
                                                                                    NEXT
                                                                                </span>
                                                                                <div class="mat-button-ripple mat-ripple" matripple=""></div>
                                                                                <div class="mat-button-focus-overlay"></div>
                                                                            </button>
                                                                        </div>
                                                                    </div>

                                                                    <div _ngcontent-mfp-c15="" class="row">
                                                                        <div _ngcontent-mfp-c15="" class="col-12"></div>
                                                                    </div>
                                                                </app-personal>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </mat-vertical-stepper>
                                        </div> -->
</form>

Text Content

Hi, You are applying for


HDFC CREADIT CARD



CARD BENEFITS:

 * Earn 10X rewards on online spends with exclusive partners- Amazon /
   Apollo24X7/ BookMyShow / Cleartrip / EazyDiner/ Lenskart / Netmeds.
 * Get Amazon.in gift card worth Rs.500* as Welcome Gift on payment of Annual
   Fee of Rs. 499 + taxes.
 * Get an e-voucher worth Rs.2,000 on annual online spends of Rs.1 Lakh and Rs.
   2Lakhs each



FILL ALL DETAILS

All fileds are mandatory *

CUSTOMER SUPPORT


1.Personal Details
Enter name as per your pancard. First Name

Name should be same as per PAN

Last Name

Last Name should be same as per PAN

 * 
 * 
 * 


Start typing Residential City



Email Address


Pancard Number


Please verify your mobile number
Mobile Number

This number will be treated as your registered mobile number


Next