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
Submission: On October 29 via automatic, source certstream-suspicious — Scanned from DE
Form analysis
1 forms found in the DOMName: basicform — POST
<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 && 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 && 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 && 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 && 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 && 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"> </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;"> </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