applyonline.hdfcbank.com
Open in
urlscan Pro
2600:9000:2251:1200:1c:c113:5980:93a1
Public Scan
Submitted URL: https://lnk.hdfcbank.net/gtrack?clientid=156814&ul=VAMEU1AHDANNUxlPCBdQdVxTDwdcUlcNX09SWF9FTQ==&ml=VwAHUR0GRQQAVVxF&sl=JE...
Effective URL: https://applyonline.hdfcbank.com/credit-cards/credit-card-upgrade-form.html?cnum=3444&utm_medium=email&utm_source=batch&utm_campa...
Submission: On March 10 via api from IN — Scanned from DE
Effective URL: https://applyonline.hdfcbank.com/credit-cards/credit-card-upgrade-form.html?cnum=3444&utm_medium=email&utm_source=batch&utm_campa...
Submission: On March 10 via api from IN — Scanned from DE
Form analysis
1 forms found in the DOM<form id="guideContainerForm" autocomplete="off" data-replaceable-tag="guideContainerForm" data-iframe-height="">
<div id="intergration"></div>
<div id="actionField">
<input type="hidden" id=":redirect" name=":redirect" value="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer.guideThankYouPage.html">
<input type="hidden" id=":selfUrl" name=":selfUrl" value="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade">
<script>
if (window.guideBridge) {
window.guideBridge.connect(function() {
var draftID = window.guideBridge.customContextProperty("draftID");
$("#draftID").attr("value", draftID);
});
} else {
window.addEventListener("bridgeInitializeStart", function(event) {
var gb = event.detail.guideBridge;
gb.connect(function() {
//this function will be called after Adaptive Form is initialized
var draftID = window.guideBridge.customContextProperty("draftID");
$("#draftID").attr("value", draftID);
});
});
};
</script>
<input type="hidden" id="draftID" name="draftID">
<script type="text/javascript">
if (window.guideBridge) {
window.guideBridge.connect(function() {
window.guideBridge.visit(function(node) {
if (node.type === "save") {
var enableAnonymous = node.getAttribute("enableAnonymous");
if (!enableAnonymous || enableAnonymous === "false") {
node.enabled = false;
}
}
});
});
} else {
window.addEventListener("bridgeInitializeStart", function(event) {
var gb = event.detail.guideBridge;
gb.connect(function() {
//this function will be called after Adaptive Form is initialized
window.guideBridge.visit(function(node) {
if (node.type === "save") {
var enableAnonymous = node.getAttribute("enableAnonymous");
if (!enableAnonymous || enableAnonymous === "false") {
node.enabled = false;
}
}
});
});
});
};
</script>
</div>
<div class="guideContainerWrapperNode guideContainerNode container" role="main" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer" data-guide-test-data="null"
data-tmproot="0ef048b5-06ea-4629-aabb-db771e765ba3">
<div class="guideContainerNode">
<div class="step mobileLayout">
<div class="visible-xs">
<div class="rootPanel step">
<div class="breadcrumb-navigators">
<ol class="wizard-navigators">
<li data-guide-id="guideContainer-rootPanel-header___guide-item-nav" title=" " data-guide-parent-id="guideContainer-rootPanel__">
<a class=" guideNavIcon">
<span> </span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-guidetextbox___guide-item-nav" title="Returning Journey ID" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a class=" guideNavIcon">
<span>Returning Journey ID</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel___guide-item-nav" title="Upgrade Form" data-guide-parent-id="guideContainer-rootPanel__" class="active" aria-selected="true" aria-disabled="false">
<a class=" guideNavIcon" tabindex="0">
<span>Upgrade Form</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel_1102253496___guide-item-nav" title="Help Modal Popup" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a class=" guideNavIcon" tabindex="0">
<span>Help Modal Popup</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel_871894942_copy_1971133901___guide-item-nav" title="HDFC Logo Popup" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a class=" guideNavIcon" tabindex="0">
<span>HDFC Logo Popup</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel_871894942_copy___guide-item-nav" title="doYouWishTContinueSection" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a class=" guideNavIcon" tabindex="0">
<span>doYouWishTContinueSection</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel_1557958969___guide-item-nav" title="Error Popup Section" data-guide-parent-id="guideContainer-rootPanel__" aria-selected="false">
<a class=" guideNavIcon" tabindex="0">
<span>Error Popup Section</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-footer___guide-item-nav" title=" " data-guide-parent-id="guideContainer-rootPanel__">
<a class=" guideNavIcon">
<span> </span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel_1837294774___guide-item-nav" title="Form Rendering Context" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a class=" guideNavIcon" tabindex="0">
<span>Form Rendering Context</span>
</a>
</li>
<li data-guide-id="guideContainer-rootPanel-panel_1112109971___guide-item-nav" title="Cross Sell Section" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a class=" guideNavIcon" tabindex="0">
<span>Cross Sell Section</span>
</a>
</li>
</ol>
</div>
</div>
</div>
<div id="guide-mobile-navigator-wrapper" class="guide-mobile-navigator">
<div class="row">
<div class="clearfix visible-xs">
<button type="button" class="navigator-toggle collapsed af-icon-button" data-toggle="collapse" data-target="#guide-mobile-navigator" aria-label="menu" data-original-title="" title="">
<span class="guideMenuIcon"></span>
</button>
</div>
</div>
<div id="guide-mobile-navigator" class="visible-xs collapse">
<ul class="tab-navigators tab-navigators-mobile" data-guide-id="guideContainer-rootPanel___guide-item-nav-container">
<div id="im_guideContainer-rootPanel-panel__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel___guide-item-nav" title="Upgrade Form" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel"
data-guide-parent-id="guideContainer-rootPanel__" class="active" aria-selected="true" aria-disabled="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
Upgrade Form
</a>
</li>
<div id="im_guideContainer-rootPanel-panel_1102253496__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel_1102253496___guide-item-nav" title="Help Modal Popup" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1102253496"
data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
Help Modal Popup
</a>
</li>
<div id="im_guideContainer-rootPanel-panel_871894942_copy_1971133901__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel_871894942_copy_1971133901___guide-item-nav" title="HDFC Logo Popup"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_871894942_copy_1971133901" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
HDFC Logo Popup
</a>
</li>
<div id="im_guideContainer-rootPanel-panel_871894942_copy__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel_871894942_copy___guide-item-nav" title="doYouWishTContinueSection"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_871894942_copy" data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
doYouWishTContinueSection
</a>
</li>
<div id="im_guideContainer-rootPanel-panel_1557958969__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel_1557958969___guide-item-nav" title="Error Popup Section" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1557958969"
data-guide-parent-id="guideContainer-rootPanel__" aria-selected="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
Error Popup Section
</a>
</li>
<div id="im_guideContainer-rootPanel-panel_1837294774__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel_1837294774___guide-item-nav" title="Form Rendering Context" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1837294774"
data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
Form Rendering Context
</a>
</li>
<div id="im_guideContainer-rootPanel-panel_1112109971__" style="display: none" data-guide-template-marker="true"></div>
<li data-guide-id="guideContainer-rootPanel-panel_1112109971___guide-item-nav" title="Cross Sell Section" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1112109971"
data-guide-parent-id="guideContainer-rootPanel__" class="hidden" aria-selected="false">
<a data-guide-toggle="tab" data-toggle="collapse" data-target="#guide-mobile-navigator" tabindex="0">
Cross Sell Section
</a>
</li>
</ul>
</div>
</div>
<div class="guide-header-bar-wrapper">
<div class="guide-header-bar visible-xs">
<div class="guide-breadcrumb" data-target-guide-content="guide-active-panel">Identify Yourself</div>
<div class="guide-nav-toolbar">
<div class="guide-nav-prev guide-nav-toolbar-button" data-guide-wizard-nav="{"focusOption": "prevItemDeep", "runCompletionScript": true, "skipFieldFocus": true}" aria-label="previous"
role="button">
</div>
<div class="guide-nav-next guide-nav-toolbar-button" data-guide-wizard-nav="{"focusOption": "nextItemDeep", "runCompletionScript": true, "skipFieldFocus": true}" aria-label="next" role="button">
</div>
</div>
</div>
</div>
</div>
<div class="rootPanel">
<div class="guideRootPanel guideRootPanel" id="guideContainer-rootPanel__" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel" data-guide-view-bind="guideContainer-rootPanel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-header___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel__">
<div class="header">
<div class="cmp-header background cp1">
<div class="cmp-header__container">
<div class="cmp-header__items">
<div class="cmp-header__logo">
<a target="_blank" rel="noopener noreferrer" href="https://www.hdfcbank.com/" class="cmp-logo-link">
<img src="/content/dam/hdfc/forms-common/header-footer/logo.png" class="cmp-header__logo-image" alt="brand logo">
</a>
</div>
<nav>
<ul>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://www.hdfcbank.com/personal/need-help/faqs" class="cmp-help-link">
<div class="cmp-header__image-background">
<img src="/content/dam/hdfc/forms-common/header-footer/question.svg" alt="help">
</div>
<span>Help</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-guidetextbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox returningJourneyId defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-guidetextbox__" data-guide-view-bind="guideContainer-rootPanel-guidetextbox__" style=""
data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-guidetextbox___widget" id="guideContainer-rootPanel-guidetextbox___label">Returning Journey ID</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-guidetextbox___widget" name="guideContainer-rootPanel-guidetextbox___jqName" value="noValue" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-guidetextbox___widget_desc" tabindex="0" aria-label="Returning Journey ID">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode UpgradeForm " id="guideContainer-rootPanel-panel__" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel_1186442783__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_1186442783___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 stepped" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode bannerForPageSelection " id="guideContainer-rootPanel-panel-panel_1186442783__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1186442783" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_1186442783__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_1186442783___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_1186442783__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode landingPageBanner " id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/ug/ugMultipleInstanceBanner/jcr:content/guideContainer/rootPanel/items/panel_1625820763_cop_380605451" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451-bannerformultipleins___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop_380605451__">
<div class="bannerForMultipleInstances">
<style>
.cmp-banner-section_landingPage {
width: 100%;
background-size: 100% 100%;
background-position: center;
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/320x120_UG_Generic.jpg");
height: 120px;
}
@media (min-width: 480px) {
.cmp-banner-section_landingPage {
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/440x140_UG_Generic.jpg");
height: 140px;
}
}
@media (min-width: 768px) {
.cmp-banner-section_landingPage {
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/768x160_UG_Generic.jpg");
height: 160px;
}
}
@media (min-width: 992px) {
.cmp-banner-section_landingPage {
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/1400x200_UG_Generic.jpg");
height: 200px;
}
}
</style>
<div class="cmp-banner-section_landingPage"></div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - landingPageBanner">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_1186442783__">
<div class="panel">
<div class="guidePanelNode firstOTPPageBanner " id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/ug/ugMultipleInstanceBanner/jcr:content/guideContainer/rootPanel/items/panel_1625820763_cop" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop-bannerformultipleins___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_1186442783-panel_1625820763_cop__">
<div class="bannerForMultipleInstances">
<style>
.cmp-banner-section_firstPageOTP {
width: 100%;
background-size: 100% 100%;
background-position: center;
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/320x120_UG_Generic.jpg");
height: 120px;
}
@media (min-width: 480px) {
.cmp-banner-section_firstPageOTP {
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/440x140_UG_Generic.jpg");
height: 140px;
}
}
@media (min-width: 768px) {
.cmp-banner-section_firstPageOTP {
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/768x160_UG_Generic.jpg");
height: 160px;
}
}
@media (min-width: 992px) {
.cmp-banner-section_firstPageOTP {
background-image: url("/content/dam/HDFC_CC_Assets/Banners/ug/ug_defaultbanner/1400x200_UG_Generic.jpg");
height: 200px;
}
}
</style>
<div class="cmp-banner-section_firstPageOTP"></div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - firstOTPPageBanner">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - bannerForPageSelection">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_2141552878__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_2141552878___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel">
<div class="guidePanelNode creditcardcomp afWizardPanel col-md-10 col-sm-10 tnt-creditcardcomp margin-top-none" id="guideContainer-rootPanel-panel-panel_2141552878__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel_2141552878" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_2141552878___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_2141552878-creditcarddisplay___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878__">
<div class="creditCardDisplay">
<div class="cmp-card ">
<div class="cmp-card__center-img">
<img src="/content/dam/HDFC_CCForms/creditCard/Layer_2.svg" alt="center background image">
</div>
<div class="cmp-card__content-wrapper">
<div class="cmp-card__msg-container">
<label id="cc-top-message" class="cmp-card__title"></label>
</div>
<div class="cmp-card__card-facia-container cmp-card__flex">
<div class="cmp-card__welcome-container">
<label id="cc-welcome-msg" class="cmp-card__text-msg cmp-card__text-msg--white"></label>
<p id="cc-cutomer-name" class="cmp-card__cust-name cmp-card__cust-name--lg">John Smith</p>
</div>
<div id="cc-facia-myimage" class="cmp-card__cc-facia">
<div class="cmp-card__cc-details">
<p id="cc-facia-cardnumber" class="cmp-card__cc-number cmp-card__cc-number--sm">xxxx xxxx xxxx 1234</p>
<span class="cmp-card__cc-expiry-date" id="cc-expiry-date"></span>
</div>
<div class="cmp-card__cust-container">
<span id="cc-facia-custname" class="cmp-card__cust-name cmp-card__cust-name--sm">John Smith</span>
</div>
</div>
</div>
<div class="cmp-card__amount-number-container cmp-card__flex">
<div class="cmp-card__amount-details">
<label id="cc-eligibility-text" class="cmp-card__text-msg"></label>
<p class="cmp-card__amount"><span id="cc-amount">10000</span></p>
</div>
<div class="cmp-card__number-details">
<label id="cc-label" class="cmp-card__text-msg">Credit Card No.</label>
<p id="cc-last-number" class="cmp-card__cc-number cmp-card__cc-number--lg">xxxx xxxx xxxx 1234</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_2141552878-panel_copy__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878__">
<div class="panel">
<div class="guidePanelNode custdetails " id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/CreditCardComp/jcr:content/guideContainer/rootPanel/items/panel_copy" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-lg-newline fd-col-md-1 fd-col-md-offset-0 fd-md-newline fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox cardnumber defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___label">Card Number</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___jqName" value="xxxx xxxx xxxx 1234" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___widget_desc" tabindex="0" aria-label="Card Number">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_140517502___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidedropdownlist guidefield">
<div class="guideFieldNode guideDropDownList cardtype defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist___label">Card Type</label></div>
<div class="guideFieldWidget dropDownList" style="" data-original-title="" title="">
<select name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist___jqName" style="position: relative;" size="1" tabindex="0" aria-label="Card Type"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist___widget">
<option id="emptyValue" role="none" value="" style="display: none;"></option>
<option data-user-option="" value="/content/dam/hdfccreditcard/CCImage.jpg">Default</option>
<option data-user-option="" value="/content/dam/hdfccreditcard/ccblue.jpg">Blue</option>
</select>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidedropdownlist___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox componentTitle defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___label">Credit component title</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___jqName" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___widget_desc" tabindex="0" aria-label="Credit component title">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_1986429552___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox welcomeNote defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___label">Welcome Note</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___jqName" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___widget_desc" tabindex="0" aria-label="Welcome Note">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_473746325___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox eligibletext defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___label">Eligible Text</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___jqName" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___widget_desc" tabindex="0" aria-label="Eligible Text">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_506702963___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox cardnumbertext defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___label">Card Number Text</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___jqName" value="Credit Card No." style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___widget_desc" tabindex="0" aria-label="Card Number Text">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_625253837___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-lg-newline fd-col-md-1 fd-col-md-offset-0 fd-md-newline fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox custname defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___label">custname</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___jqName" value="John Smith" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___widget_desc" tabindex="0" aria-label="custname">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox cardAmount defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___widget"
id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___label">Card Amount</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___widget"
name="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___jqName" value="10000" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___widget_desc" tabindex="0" aria-label="Card Amount">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_2141552878-panel_copy-guidetextbox_501571017___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Customer Details">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - credit card component">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode cardUpgradeForm breadcrumb" id="guideContainer-rootPanel-panel-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel" style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel__">
<div class="wizard">
<div id="guideContainer-rootPanel-panel-panel___layoutContainer" class="guideLayout row guideWizardLayout" style="position:relative;">
<div class="col-md-12 clearfix">
<div class="col-md-1 col-sm-1 guide-tab-scroller guide-tab-scroller-previous hidden-xs hide-tab-scroll" data-guide-nav-scroll="left">
</div>
<div class="col-md-10 col-sm-10">
<div class="breadcrumb-navigators">
<ol id="guideContainer-rootPanel-panel-panel___guide-item-nav-container" class="wizard-navigators hidden-xs" data-guide-panel-edit="reorderItems" role="tablist">
<div id="im_guideContainer-rootPanel-panel-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<li id="guideContainer-rootPanel-panel-panel-panel___guide-item-nav" title="Identify Yourself"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel" role="tab"
aria-controls="guideContainer-rootPanel-panel-panel-panel___guide-item" class="af-widget-itemnav af-widget-itemnav-3 active" tabindex="0" data-guide-parent-id="guideContainer-rootPanel-panel-panel__"
aria-selected="true" aria-disabled="false">
<a class="identifyCheckPanel_nav guideNavIcon" role="link" tabindex="-1">
<span data-guide-prop="title" data-guide-id="guideContainer-rootPanel-panel-panel-panel__">Identify Yourself</span>
</a>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
<span class="sr-only">0% Complete</span>
</div>
</div>
<div class="indicator"></div>
</li>
<div id="im_guideContainer-rootPanel-panel-panel-panel_1623667532__" style="display: none" data-guide-template-marker="true"></div>
<li id="guideContainer-rootPanel-panel-panel-panel_1623667532___guide-item-nav" title="Choose your offer"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532" role="tab"
aria-controls="guideContainer-rootPanel-panel-panel-panel_1623667532___guide-item" class="af-widget-itemnav af-widget-itemnav-3" tabindex="0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel__" aria-selected="false">
<a class=" guideNavIcon" role="link" tabindex="-1">
<span data-guide-prop="title" data-guide-id="guideContainer-rootPanel-panel-panel-panel_1623667532__">Choose your offer</span>
</a>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
<span class="sr-only">0% Complete</span>
</div>
</div>
<div class="indicator"></div>
</li>
<div id="im_guideContainer-rootPanel-panel-panel-panel_691031145__" style="display: none" data-guide-template-marker="true"></div>
<li id="guideContainer-rootPanel-panel-panel-panel_691031145___guide-item-nav" title="Submit & Receive"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_691031145" role="tab"
aria-controls="guideContainer-rootPanel-panel-panel-panel_691031145___guide-item" class="af-widget-itemnav af-widget-itemnav-3" tabindex="0" data-guide-parent-id="guideContainer-rootPanel-panel-panel__"
aria-selected="false">
<a class="loan-approval-panel_nav guideNavIcon" role="link" tabindex="-1">
<span data-guide-prop="title" data-guide-id="guideContainer-rootPanel-panel-panel-panel_691031145__">Submit & Receive</span>
</a>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
<span class="sr-only">0% Complete</span>
</div>
</div>
<div class="indicator"></div>
</li>
</ol>
</div>
</div>
<div class="col-md-1 col-sm-1 guide-tab-scroller guide-tab-scroller-next hidden-xs hide-tab-scroll" data-guide-nav-scroll="right">
</div>
</div>
<div class="col-md-1 col-sm-1 wizard-nav-arrow wizard-nav-prev"
data-guide-wizard-nav="{"panelId": "guideContainer-rootPanel-panel-panel__", "focusOption": "prevItem", "runCompletionScript": true, "skipFieldFocus": false}"
tabindex="0" role="navigation" aria-label="Previous Button">
</div>
<div id="#guideContainer-rootPanel-panel-panel___layoutPanelContainer" class="col-md-10 col-sm-10 PanelContainer afWizardPanel">
<div id="guideContainer-rootPanel-panel-panel___guide-item-container">
<div id="im_guideContainer-rootPanel-panel-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel___guide-item" role="tabpanel" aria-labelledby="guideContainer-rootPanel-panel-panel-panel___guide-item-nav"
data-guide-parent-id="guideContainer-rootPanel-panel-panel__" class="active">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode IdentifyYourself identifyCheckPanel" id="guideContainer-rootPanel-panel-panel-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode WelcomePanel identify-yourself-container" id="guideContainer-rootPanel-panel-panel-panel-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 stepped"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw welcomeText cmp-check-new-limit-heading tnt-welcomeText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-guidetextdraw__" style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-guidetextdraw__"
data-disabled="false">
<p>Lets check your Offer</p>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode phoneCreditNumber main-phone-card" id="guideContainer-rootPanel-panel-panel-panel-panel-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode phoneSection phone-card tnt-Phone-section" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel/items/panel/items/panel"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 stepped" data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel__">
<div class="guidetextdraw guidefield guide-1596938792506">
<div class="guideFieldNode guideTextDraw PhoneNumberTitle phone-number-label guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextdraw__" data-disabled="false">
<p>Enter your <u>Registered Mobile Number</u></p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-col-md-12 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel__">
<div class="guidenumericbox guidefield">
<div class="guideFieldNode guideNumericBox phoneNumber phone-numeric-box aem-numeric-keypad defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___label">+91</label></div>
<div class="guideFieldWidget numericInput" style="" data-original-title="" title="">
<input type="tel" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___jqName" style="position: relative;" placeholder="" min="10" max=""
step="any" aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___widget_desc" tabindex="0" aria-label="+91"
autocomplete="tel">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextdraw_218020___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel__">
<div class="guidetextdraw guidefield guide-1596769318033">
<div class="guideFieldNode guideTextDraw RegisteredNumberText phone-number-label2 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextdraw_218020__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel-guidetextdraw_218020__" data-disabled="false">
<p class="at-element-marker">We will be sending you an OTP on this number</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - phoneSection">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode creditCardNumber phone-card phone-card2 tnt-credit-card-number"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel/items/panel/items/panel_1760403734"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw CCNo cc-number-label guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextdraw__" data-disabled="false">
<p>Share the <u>last 4 digits</u> of your Credit Card number</p>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode creditcardnumberpanel credit-card-last-digits"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel/items/panel/items/panel_1760403734/items/panel"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-col-md-12 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-1 fd-col-xs-offset-1 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__">
<div class="guidenumericbox guidefield">
<div class="guideFieldNode guideNumericBox ccDigit1 passInput defaultFieldLayout af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475__" style=""
data-disabled="false">
<div class="guideFieldWidget numericInput" style="" data-original-title="" title="">
<input type="tel" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475___jqName"
style="position: relative;" placeholder="" min="" max="" step="any"
aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475___widget_desc"
tabindex="0" aria-label="CCDigit1" value="3">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1475___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-lg-newline fd-col-md-12 fd-col-md-offset-0 fd-md-newline fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-2 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__">
<div class="guidenumericbox guidefield">
<div class="guideFieldNode guideNumericBox ccDigit2 passInput defaultFieldLayout af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684__" style=""
data-disabled="false">
<div class="guideFieldWidget numericInput" style="" data-original-title="" title="">
<input type="tel" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684___jqName"
style="position: relative;" placeholder="" min="" max="" step="any"
aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684___widget_desc"
tabindex="0" aria-label="CCDigit2" value="4">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1684___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-lg-newline fd-col-md-12 fd-col-md-offset-0 fd-md-newline fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-2 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__">
<div class="guidenumericbox guidefield">
<div class="guideFieldNode guideNumericBox ccDigit3 passInput defaultFieldLayout af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088__" style=""
data-disabled="false">
<div class="guideFieldWidget numericInput" style="" data-original-title="" title="">
<input type="tel" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088___jqName"
style="position: relative;" placeholder="" min="" max="" step="any"
aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088___widget_desc"
tabindex="0" aria-label="CCDigit3" value="4">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox_1088___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-lg-newline fd-col-md-12 fd-col-md-offset-0 fd-md-newline fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-2 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel__">
<div class="guidenumericbox guidefield">
<div class="guideFieldNode guideNumericBox ccDigit4 passInput defaultFieldLayout af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox__" style=""
data-disabled="false">
<div class="guideFieldWidget numericInput" style="" data-original-title="" title="">
<input type="tel" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox___jqName" style="position: relative;"
placeholder="" min="" max="" step="any"
aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox___widget_desc"
tabindex="0" aria-label="CCDigit4" value="4" autocomplete="nope">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-panel-guidenumericbox___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Credit Card Number Panel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextdraw_1082877717___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw CreditCardNumberText cc-number-label2 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextdraw_1082877717__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextdraw_1082877717__" data-disabled="false">
<p class="at-element-marker">You can find it in the email you received from us</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox last4CCNo defaultFieldLayout af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___label">Last 4 Credit Card Digits - Hidden</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___jqName" style="position: relative;"
placeholder="DO NOT DELETE" aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___widget_desc"
tabindex="0" aria-label="Last 4 Credit Card Digits - Hidden" value="3444">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel-panel-panel_1760403734-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Last 4 digit credit card number">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - phoneCreditNumber">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="guidenumericbox guidefield">
<div class="guideFieldNode guideNumericBox phoneNumber1 defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___widget"
id="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___label"></label></div>
<div class="guideFieldWidget numericInput" style="" data-original-title="" title="">
<input type="text" id="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___jqName" style="position: relative;" placeholder="Phone Number-Hidden" min="" max="" step="any"
aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___widget_desc" tabindex="0" aria-label="phoneNumber1">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel-guidenumericbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode pnlCaptcha " id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel/items/captchapanel_copy_co"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co-hdfccaptcha___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co__">
<div class="hdfcCaptcha">
<div>
<div id="hdfcCaptcha_identifyYourselfCaptcha" class="g-recaptcha" style="display: none;"></div>
<span id="hdfcCaptcha_Label_identifyYourselfCaptcha" style="display: none;"> Identify Yourself Captcha </span>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw identifyYourselfCaptchaError hdfcCaptchaError guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-captchapanel_copy_co-guidetextdraw__" data-disabled="false">
<p>Please validate the CAPTCHA</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Panel for CAPTCHA">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-guidecheckbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="guidecheckbox guidefield">
<div class="guideFieldNode guideCheckBoxGroup privacyPolicyHiddenCheckbox defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel-panel-panel-guidecheckbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-guidecheckbox__" style="" data-disabled="false" role="group">
<div class="guideCheckBoxGroupItems" style=";">
<div class="guideCheckBoxItem afCheckBoxItem privacyPolicyHiddenCheckbox guideFieldHorizontalAlignment" data-original-title="" title="">
<div class="guideFieldWidget left XfaCheckBox" data-id="1" data-original-title="" title="">
<input type="checkbox" id="guideContainer-rootPanel-panel-panel-panel-panel-guidecheckbox___1_widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-guidecheckbox___jqName" value="-100" tabindex="0" aria-label="Hidden Checkbox Privacy Policy" aria-checked="false"
placeholder="" style="position: relative;">
</div>
<div class="guideWidgetLabel right">
<label>Hidden Checkbox Privacy Policy</label>
</div>
</div>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel-guidecheckbox___desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton viewLoanEligibility hdfc-primary-button tnt-viewLoanEligibility defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel-guidebutton__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-guidebutton__" style=""
data-disabled="true">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel-panel-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Get OTP >>" disabled="disabled"
aria-disabled="true" placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Get OTP >></span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode submitSummary cmp-summary-container" id="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel/items/panel_1263233218"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218-guidetextdraw_941256___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw submitSummaryText1 cmp-summary-container__text-1 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218-guidetextdraw_941256__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel-panel_1263233218-guidetextdraw_941256__" data-disabled="false">
<p>By submitting, I confirm that I am an Indian, above 18 yrs of age & residing in India. Furthermore, I have read & agreed to
<a rel="nofollow" target="_blank" href="https://www.hdfcbank.com/personal/useful-links/privacy" data-clickable-id="clickable-1">HDFC Bank Privacy Policy</a>,
and I agree to receive calls, SMS & WhatsApp messages from HDFC Bank.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - submit-summary">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - WelcomePanel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel_2014282894__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel__">
<div class="panel">
<div class="guidePanelNode OTP1Section " id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel_2014282894" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_1018731959___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw OTPConfirmation otp-label otp-confirmation-msg tnt-OTPConfirmation guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_1018731959__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_1018731959__" data-disabled="false">
<p>Check your SMS for the OTP we have sent</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_2047197075___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offersErrorMsg guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_2047197075__"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_2047197075__" data-disabled="false">
<p>Hey, you are already enjoying the best in class privileges with our best Credit Card.<br> Now avail a Higher limit on Credit Card for Free.
<a class="explore-url" href="/content/forms/af/hdfc/hdfc_ccforms/forms/le/limitenhancement.html?wcmmode=disabled#nbb" style="color: white;" data-clickable-id="clickable-71"><b>Explore Now:</b></a>
</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_146348___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw errorMsg guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_146348__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw_146348__" data-disabled="false">
<p>Hey! You already have our best Credit Card with the best-in-class privileges!<br> Would you like to check latest offers available?
<a href="https://v1.hdfcbank.com/htdocs/common/2022/apr/summertreats/index.html" style="color: white;" data-clickable-id="clickable-20"><b>Explore Now:</b></a></p>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="panel">
<div class="guidePanelNode EnterOTPIdentifyYourselfpanel otp-container tnt-EnterOTPIdentifyYourselfpanel" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel_2014282894/items/panel"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw EnterOTP otp-label guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-guidetextdraw__" data-disabled="false">
<p>Please enter the OTP to Identify Yourself</p>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel__">
<div class="panel">
<div class="guidePanelNode EnterOTP otp-input-boxes otp-input-boxes-full" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/ug/otppanelidentifyyourself_ug/jcr:content/guideContainer/rootPanel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478___guide-item"
class="fd-col-lg-11 fd-col-lg-offset-0 fd-col-md-11 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox otpNo phone-numeric-box aem-numeric-keypad otp-input-box defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478__" style="" data-disabled="false">
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="tel" autocomplete="nope" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478___jqName" style="position: relative;"
placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478___widget_desc"
tabindex="0" aria-label="OTPNo">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidenumericbox_1478___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___guide-item"
class="fd-col-lg-2 fd-col-lg-offset-0 fd-col-md-2 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox combinedOTPDigits defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___label">Combined OTP Digits</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___jqName" style="position: relative;"
placeholder="DO NOT DELETE" aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___widget_desc"
tabindex="0" aria-label="Combined OTP Digits">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - EnterOTP">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel__">
<div class="panel">
<div class="guidePanelNode OTPpanel otp-timer-resend-division" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/ug/otppanelidentifyyourself_ug/jcr:content/guideContainer/rootPanel/items/panel_1963141018" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-1 fd-col-md-1 fd-col-md-offset-1 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw timeText timer-label guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw__" data-disabled="false">
<p>You can request new OTP in:</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-3 fd-col-md-1 fd-col-md-offset-3 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox seconds otp-timer-input defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox__" style="" data-disabled="true">
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox___jqName" style="position: relative;"
placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox___widget_desc"
tabindex="0" aria-label="seconds" readonly="readOnly" aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidenumericbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw_268180249___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-col-md-12 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw secText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw_268180249__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw_268180249__" data-disabled="false">
<p>sec</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidebutton___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-col-md-12 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton resendOTPButton defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidebutton__" style="" data-disabled="true">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidebutton___jqName" style="position: relative;"
tabindex="0" aria-label="Resend OTP" disabled="disabled" aria-disabled="true" placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Resend OTP</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw_586455___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw maxLimitText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw_586455__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-panel-panel_1963141018-guidetextdraw_586455__" data-disabled="false">
<p>You have reached the maximum daily limit for OTP's</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - OTP Panel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - EnterOTPIdentifyYourselfpanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton authenticateButton1 hdfc-primary-button tnt-authenticateButton1 defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton__"
style="" data-disabled="true">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Identify Yourself >>"
disabled="disabled" aria-disabled="true" placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Identify Yourself >></span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton_876599839___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton backButton1 otp-back-btn tnt-backButton1 defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton_876599839__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton_876599839__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton_876599839___widget"
name="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton_876599839___jqName" style="position: relative;" tabindex="0" aria-label="Back" placeholder=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Back</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidebutton_876599839___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_2014282894__">
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - OTP1Section">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel_829471866__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_829471866___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode HandyPanel " id="guideContainer-rootPanel-panel-panel-panel-panel_829471866__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel_829471866" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_829471866__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_829471866___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_829471866-handysection___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_829471866__">
<div class="handySection">
<div class="cmp-handy">
<div class="cmp-handy__content-container">
<p class="cmp-handy__heading" style="display: none;">What you should keep handy?</p>
<div class="cmp-handy__mobile-card-container" style="display: none;">
<div class="cmp-handy__box-container cmp-handy__box-container--mobile">
<img class="cmp-handy__mobile-icon" src="/content/dam/HDFC_CCForms/handySection/mobile-phone.svg" alt="Mobile Phone">
<label class="cmp-handy__box-label">Mobile Phone</label>
</div>
<div class="cmp-handy__box-container">
<img class="cmp-handy__card-icon" src="/content/dam/HDFC_CCForms/handySection/credit-card.svg" alt="HDFC Credit Card">
<label class="cmp-handy__box-label">HDFC Credit Card</label>
</div>
</div>
<p class="cmp-handy__heading cmp-handy__heading--space">Do it in 3 simple steps</p>
<div class="cmp-handy__icon-text-container">
<img src="/content/dam/HDFC_CCForms/handySection/1.svg" alt="Mobile Card">
<label class="cmp-handy__icon-text-label">Provide registered mobile number with HDFC Bank & last 4 digits of the Credit Card to login</label>
</div>
<img src="/content/dam/HDFC_CCForms/handySection/Line.svg" class="cmp-handy__line-icon" alt="Seperator line">
<div class="cmp-handy__icon-text-container">
<img src="/content/dam/HDFC_CCForms/handySection/otp.svg" alt="OTP Verification">
<label class="cmp-handy__icon-text-label">We will send an OTP for verification</label>
</div>
<img src="/content/dam/HDFC_CCForms/handySection/Line.svg" class="cmp-handy__line-icon" alt="Seperator line">
<div class="cmp-handy__icon-text-container">
<img src="/content/dam/HDFC_CCForms/handySection/2.svg" alt="Check eligilbility and confirm">
<label class="cmp-handy__icon-text-label">Choose your offer</label>
</div>
<img src="/content/dam/HDFC_CCForms/handySection/Line.svg" class="cmp-handy__line-icon" alt="Seperator line">
<div class="cmp-handy__icon-text-container">
<img src="/content/dam/HDFC_CCForms/handySection/otp-confirm.svg" alt="Another OTP verification">
<label class="cmp-handy__icon-text-label">We will send another OTP for confirmation</label>
</div>
<img src="/content/dam/HDFC_CCForms/handySection/Line.svg" class="cmp-handy__line-icon" alt="Seperator line">
<div class="cmp-handy__icon-text-container">
<img src="/content/dam/HDFC_CCForms/handySection/3.svg" alt="Receive Money">
<label class="cmp-handy__icon-text-label">You will receive a confirmation that your request is approved</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - HandyPanel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel-panel_1712929308__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel-panel_1712929308___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode annualTextSection cmp-summary-container" id="guideContainer-rootPanel-panel-panel-panel-panel_1712929308__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel/items/panel_1712929308" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_1712929308__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_1712929308___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel-panel_1712929308-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel-panel-panel_1712929308__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw annualText cmp-summary-container__text-2 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel-panel-panel_1712929308-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel-panel_1712929308-guidetextdraw__" data-disabled="false">
<p>Limit Enhancement and Upgrade at the sole discretion of HDFC Bank LTD. HDFC House, 8, LB Road, Thiruvanmiyur, Chennai - 600041<br>
</p>
<p>Tel No: 044-61606161</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Annual Text Section">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Identify Yourself">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel_1623667532__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532___guide-item" role="tabpanel" aria-labelledby="guideContainer-rootPanel-panel-panel-panel_1623667532___guide-item-nav"
data-guide-parent-id="guideContainer-rootPanel-panel-panel__">
<div class="panel_1623667532 panel">
<div class="guidePanelNode cardUpgradeOffer " id="guideContainer-rootPanel-panel-panel-panel_1623667532__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox titleviewyourOffer
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy___label">Title for upgrade in viewyourOffer</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy___widget" name="titleviewyourOffer" value="You are almost there!" style=""
placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox welcomeNoteViewYourOffer
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741___label">Welcome Note for upgrade in ViewYourOffer</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741___widget" name="welcomeNoteViewYourOffer" value="Welcome"
style="" placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_copy_1613737741___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox titleOtpPageUg
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050___label">Title On 2nd OTP page UG</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050___widget" name="titleOtpPageUg"
value="You are step away from upgrade" style="" placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox_718782050___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox eligibilityTextViewYourOffer
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox___label">EligibilityText for upgrade in ViewYourOffer</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox___widget" name="eligibilityTextViewYourOffer" value="You are eligible for "
style="" placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode cardUpgradePanel " id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode cardNameAndNumberPanel cmp-card-info-panel tnt-cardNameAndNumberPanel"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox creditCardNames
cmp-card-info-panel__section defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851___label">Your Credit Card</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851___widget"
name="creditCardNames" value="" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox_1407790851___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox creditCardNo
cmp-card-info-panel__section defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox___label">Your Credit Card No</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox___widget" name="creditCardNo"
value="" style="" placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - cardNameAndNumberPanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode eligibleCards " id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel_1094640289"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw cardUpgradeOfferText cmp-check-new-limit-heading tnt-cardUpgradeOfferText guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-guidetextdraw__">
<p>You are eligible for upgrade to:</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-creditcardupgrade___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="creditCardUpgrade">
<div class="cmp-cc-upgrade">
<div class="cmp-cc-upgrade__card-container cmp-cc-upgrade__card-container--current" id="cc-upgrade-container-1">
<div class="cmp-cc-upgrade__radio-wrapper">
<div class="cmp-cc-upgrade__radio-button-container">
<input id="visa" type="radio" name="creditcard" value="visa" checked="checked" class="cmp-cc-upgrade__radio-input">
<label class="cmp-cc-upgrade__custom-radio-checkmark" for="visa"></label>
<label class="cmp-cc-upgrade__radio-input-label" for="visa">
<div class="cmp-cc-upgrade__cc-facia cmp-cc-upgrade__cc-facia--first" id="cmp-cc-upgrade-path1">
<div class="cmp-cc-upgrade__cc-details">
<p id="cc-facia-cardnumber1" class="cmp-cc-upgrade__cc-number">XXXX XXXX XXXX 1234</p>
<span class="cmp-cc-upgrade__cc-expiry-date" id="cc-expiry-date"></span>
</div>
<div class="cmp-cc-upgrade__cust-container">
<span id="cc-facia-custname1" class="cmp-cc-upgrade__cust-name">Mr. John Smith</span>
</div>
</div>
</label>
</div>
</div>
<p class="cmp-cc-upgrade__card-name" id="cmp-cc-upgrade__card-name1">Millenia, Mastercard</p>
<div class="cmp-cc-upgrade__card-info-wrapper">
<div class="cmp-cc-upgrade__card-info">
<p class="cmp-cc-upgrade__title">Annual Fee (Zero charges for first 12 months)</p>
<p class="cmp-cc-upgrade__figure" id="cmp-cc-annualfee1">N.A </p>
</div>
<div class="cmp-cc-upgrade__card-info">
<p class="cmp-cc-upgrade__title">Points Transfer (Total value of your Reward Points will remain the same)</p>
<p class="cmp-cc-upgrade__figure" id="cmp-cc-pointsTransfer1"> 100%</p>
</div>
</div>
</div>
<div class="cmp-cc-upgrade__card-container" id="cc-upgrade-container-2">
<div class="cmp-cc-upgrade__radio-button-container">
<input id="mastercard" type="radio" name="creditcard" value="mastercard" class="cmp-cc-upgrade__radio-input">
<label class="cmp-cc-upgrade__custom-radio-checkmark" for="mastercard"></label>
<label class="cmp-cc-upgrade__radio-input-label" for="mastercard">
<div class="cmp-cc-upgrade__cc-facia cmp-cc-upgrade__cc-facia--second" id="cmp-cc-upgrade-path2">
<div class="cmp-cc-upgrade__cc-details">
<p id="cc-facia-cardnumber2" class="cmp-cc-upgrade__cc-number">XXXX XXXX XXXX 1234</p>
<span class="cmp-cc-upgrade__cc-expiry-date" id="cc-expiry-date"></span>
</div>
<div class="cmp-cc-upgrade__cust-container">
<span id="cc-facia-custname2" class="cmp-cc-upgrade__cust-name">Mr. John Smith</span>
</div>
</div>
</label>
</div>
<p class="cmp-cc-upgrade__card-name" id="cmp-cc-upgrade__card-name2">Diners Club Privilege</p>
<div class="cmp-cc-upgrade__card-info">
<p class="cmp-cc-upgrade__title">Annual Fee (Zero charges for first 12 months)</p>
<p class="cmp-cc-upgrade__figure" id="cmp-cc-annualfee2">N.A</p>
</div>
<div class="cmp-cc-upgrade__card-info">
<p class="cmp-cc-upgrade__title">Points Transfer (Total value of your Reward Points will remain the same)</p>
<p class="cmp-cc-upgrade__figure" id="cmp-cc-pointsTransfer2">110% </p>
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode eligibleCardsHiddenPanel " id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel_1094640289/items/panel_1242786345"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345___guide-item-container"
class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox cardNameSelected
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox__" style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox___widget"
name="cardNameSelected" value="" style="" placeholder="Card Name selected - Hidden"
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_977138884___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox cardLogo
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_977138884__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_977138884__"
style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_977138884___widget"
name="cardLogo" value="" style="" placeholder="Card Logo - Hidden"
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_977138884___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_977138884___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_1928518164___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox annualFeeHidden
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_1928518164__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_1928518164__"
style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_1928518164___widget"
name="annualFeeHidden" value="" style="" placeholder="Annual Fee - Hidden"
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_1928518164___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_1928518164___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_918804059___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox pointsTransferValue
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_918804059__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_918804059__"
style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_918804059___widget"
name="pointsTransferValue" value="" style="" placeholder="Points Transfer - Hidden"
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_918804059___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1094640289-panel_1242786345-guidetextbox_918804059___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - eligibleCardsHiddenPanel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - eligibleCards">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-upgradecomparisonpop___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="upgradeComparisonPopup">
<div class="comparison-modal">
<div class="modal-content">
<a href="#" class="comparison-modal_link">
Close Comparison
<img src="/content/dam/HDFC_CCForms/icons/Close.svg" alt="close">
</a>
<div class="comparison-modal_table">
<table>
<caption>Upgrade comparison</caption>
<thead id="cmp-head">
</thead>
<tbody id="cmp-body">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton detailedComparisionLink
cmp-detailed-comparison-btn defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton___widget"
name="detailedComparisionLink" style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Know the benefits of your superior Upgraded Credit Card</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode address cmp-courier-address tnt-address" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel_1688639337"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw addressHeading cmp-courier-address__heading guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextbox__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextbox__">
<p>Delivery of New Card within 7-10 days at:</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_781745285___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox addressLine1
cmp-courier-address__content defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_781745285__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_781745285__" style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_781745285___widget" name="addressLine1"
value="1404 , Gazebo Apartments" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_781745285___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_781745285___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_1647599220___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox addressLine2
cmp-courier-address__content defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_1647599220__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_1647599220__" style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_1647599220___widget" name="addressLine2"
value="237, Residency Road" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_1647599220___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw_1647599220___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox addressLine3
cmp-courier-address__content defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw__" style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw___widget"
name="addressLine3" value="Bangalore - 560002" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1688639337-guidetextdraw___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - address">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guideswitch guidefield">
<div class="guideFieldNode guideCheckBoxGroup assistedByBankEmployee
assistance-by-field tnt-assistedByBankEmployee defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch__"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch___label">Did HDFC Bank representative help you?</label></div>
<!-- /* Created a custom Numeric Stepper as fully qualified class name. Sightly would try to load it from the
OSGi environment. You can place your files in same directory as this Sightly file, so that sightly engine can compile
and load that class */ -->
<div class="guideFieldWidget guideSwitch assistance-by-field tnt-assistedByBankEmployee" data-af-widgetname="guideSwitch" data-original-title="" title="">
<input type="checkbox" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch____widget" name="assistedByBankEmployee" value="1">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guideswitch___desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode assisted employee-assistance tnt-assisted" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel_992584239"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox lgCode
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox___label">LG code of the representative</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox___widget"
name="lgCode" value="" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox lcCode
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798__" style="">
<div class="guideFieldLabel top" style=""><label
for="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798___label">LC code of the
representative</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798___widget"
name="lcCode" value="" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_992584239-guidetextbox_1151385798___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Assisted">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode termsAndConditionsPanel terms-and-condition" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel_1769480270"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidecheckbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidecheckbox guidefield">
<div class="guideFieldNode guideCheckBoxGroup termsAndConditions
tc-checkbox defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidecheckbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidecheckbox__" style="">
<div class="guideCheckBoxGroupItems" style=";">
<div class="guideCheckBoxItem afCheckBoxItem termsAndConditions guideFieldHorizontalAlignment tc-checkbox" data-original-title="" title="">
<div class="guideFieldWidget left XfaCheckBox" data-id="1" data-original-title="" title="">
<input type="checkbox" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidecheckbox___1_widget"
name="termsAndConditions" value="0">
</div>
<div class="guideWidgetLabel right">
<label>I agree to</label>
</div>
</div>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidecheckbox___desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidebutton___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton TermsAndConditionsButton
tc-button defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidebutton__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidebutton___widget" name="TermsAndConditionsButton" style=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Terms & Conditions</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidetextdraw_181138___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw TermsAndConditionsButton cmp-acc-num-label guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidetextdraw_181138__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1769480270-guidetextdraw_181138__">
<p>
<a class="cmp-acc-num-label" href="https://www.hdfcbank.com/content/api/contentstream/723fb80a-2dde-42a3-9793-7ae1be57c87f/Personal/Pay/Cards/Credit%20Card/LE%20and%20Upgrade%20TNC.pdf" target="_blank" data-clickable-id="clickable-5">Terms & Conditions</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - termsAndConditionsPanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode startAgainPanel bottom-bar" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel1600080946817/items/panel_1453927647"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647-guidebutton_63807320___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton startAgainButton
start-again-btn tnt-startAgainButton defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647-guidebutton_63807320__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647-guidebutton_63807320__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647-guidebutton_63807320___widget" name="startAgainButton" style=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Start Again</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-panel_1453927647-guidebutton_63807320___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - startAgainPanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton_58178381___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton ConfirmButton
hdfc-primary-button tnt-ConfirmButton defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton_58178381__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton_58178381__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton_58178381___widget"
name="ConfirmButton" style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Accept the offer >></span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel1600080946817-guidebutton_58178381___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - cardUpgradePanel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode EnterOTPCardUpgradePanel " id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel_1456181453" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw ConfirmationOTPText otp-label otp-confirmation-msg tnt-ConfirmationOTPText guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidetextdraw__">
<p>Check your SMS for the OTP we have sent to submit your Credit Card application</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode ConfirmOTPPanel otp-container tnt-ConfirmOTPPanel" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_1623667532/items/panel_1456181453/items/panel"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-reenterotp___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw ReenterOTP otp-label guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-reenterotp__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-reenterotp__">
<p>Please enter the OTP to confirm that you accept offer</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739___guide-item"
class="fd-col-lg-12 fd-col-lg-offset-0 fd-col-md-12 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0">
<div class="panel">
<div class="guidePanelNode ReEnterOTPPanel otp-input-boxes otp-input-boxes-full"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/ug/otppanelchooseloanamount_ug/jcr:content/guideContainer/rootPanel/items/panel1596997992739" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739___guide-item-container"
class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidenumericbox_1573___guide-item"
class="fd-col-lg-1 fd-col-lg-offset-0 fd-col-md-1 fd-col-md-offset-0 fd-col-sm-12 fd-col-sm-offset-0 fd-col-xs-12 fd-col-xs-offset-0">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox reenterOTPNo1
phone-numeric-box aem-numeric-keypad otp-input-cl defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidenumericbox_1573__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidenumericbox_1573__" style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="tel" autocomplete="nope"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidenumericbox_1573___widget"
name="reenterOTPNo1" value="" style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidenumericbox_1573___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidenumericbox_1573___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox combinedReenterOTPDigits
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox__" style="">
<div class="guideFieldLabel top" style=""><label
for="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox___label">Combined Reenter OTP
Digits</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox___widget"
name="combinedReenterOTPDigits" value="" style="" placeholder="DO NOT DELETE"
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel1596997992739-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - ReEnterOTPPanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode OTPPanel2ndWizard otp-timer-resend-division"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/ug/otppanelchooseloanamount_ug/jcr:content/guideContainer/rootPanel/items/panel_1716923527" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527___guide-item-container"
class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw Timer timer-label guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw__">
<p>You can request new OTP in:</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidenumericbox___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox seconds2
otp-timer-input defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidenumericbox__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidenumericbox__" style="">
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidenumericbox___widget" name="seconds2" value=""
style="" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidenumericbox___widget_desc">
</div>
<div class="guideFieldError"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidenumericbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw_1355085008___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw secText2 guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw_1355085008__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw_1355085008__">
<p>sec</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidebutton___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton resendOTPButton2
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidebutton__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidebutton___widget" name="resendOTPButton2"
style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Resend OTP</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw_530666972___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw maxLimitText2 guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw_530666972__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-panel-panel_1716923527-guidetextdraw_530666972__">
<p>You have reached the maximum daily limit for OTP's</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - OTPPanel2ndWizard">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - ConfirmOTPPanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton authenticateButton2
hdfc-primary-button tnt-authenticateButton2 defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton___widget"
name="authenticateButton2" style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Confirm >></span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton_1850641764___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton backButton2
otp-back-btn tnt-backButton2 defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton_1850641764__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton_1850641764__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton_1850641764___widget"
name="backButton2" style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Back</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_1623667532-panel_1456181453-guidebutton_1850641764___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - EnterOTPCardUpgradePanel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Choose your offer">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel_691031145__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145___guide-item" role="tabpanel" aria-labelledby="guideContainer-rootPanel-panel-panel-panel_691031145___guide-item-nav"
data-guide-parent-id="guideContainer-rootPanel-panel-panel__">
<div class="panel_691031145 panel">
<div class="guidePanelNode loanApproval loan-approval-panel" id="guideContainer-rootPanel-panel-panel-panel_691031145__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_691031145" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel-panel_691031145-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode transactionDetails transaction-status" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_691031145/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guideimage___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guideimage__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guideimage__"
class="guideImage successImage " style="">
<img
src="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_691031145/items/panel/items/guideimage.img.png/1673527324307.png"
class="cq-dd-image" alt="Success Image" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw transactionmessage guideStaticText" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw__">
<p>Yay! Your request is approved!!</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw_190724___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw textdraw_190724_6924841641604557635319 guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw_190724__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw_190724__">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode newCardNamePanel cmp-new-card-name-panel" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_691031145/items/panel/items/panel1604557353561"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561-guidetextdraw_190724___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw newCardDetailsLine1 cmp-new-card-name-panel__label guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561-guidetextdraw_190724__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561-guidetextdraw_190724__">
<p>Your New </p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561-guidetextdraw_2003487053___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw cardName cmp-new-card-name-panel__value guideStaticText"
id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561-guidetextdraw_2003487053__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-panel1604557353561-guidetextdraw_2003487053__">
<p>XX</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - New Card Name Panel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw_914397___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw newCardDetailsLine2 guideStaticText" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw_914397__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidetextdraw_914397__">
<p>will be couriered to the Registered Address within 7-10 working days.</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton button1658998205062
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidebutton__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidebutton__" style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidebutton___widget"
name="button1658998205062" style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Inquire Button</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Transaction Details">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode ContactPanel thank-you-message" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel/items/panel_691031145/items/panel_1596125307" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="panel">
<div class="guidePanelNode EvaPanel thank-you-login thank-you-login2 cmp-eva-panel" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ContactPanel/jcr:content/guideContainer/rootPanel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidetextdraw___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw Feelfree guideStaticText" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidetextdraw__"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidetextdraw__">
<p>Feel free to contact with us on</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton EvaButton
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidebutton__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidebutton__"
style="">
<div class="guideFieldWidget guideFieldButtonWidget" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button"
id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidebutton___widget" name="EvaButton" style="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">EVA</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_691031145-panel_1596125307-panel-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - EVA Panel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - ContactPanel">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox thankyouMessage
defaultFieldLayout" id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox__" data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox__" style="">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox___widget"
id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox___label">Thankyou Message for Accept and confirm</label></div>
<div class="guideFieldWidget textField " style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox___widget" name="thankyouMessage" value="Congratulations!" style=""
placeholder="" aria-describedby="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox___widget_desc">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextdraw_109784___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw myCardMsg guideStaticText" id="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextdraw_109784__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel-panel_691031145-guidetextdraw_109784__">
<p class="MyCard"><span class="MyCardColor">My</span>Cards</p>
<p>A platform to manage your existing & UPGRADED Card Transactions, Rewards & More!</p>
<div class="enable-online"><img class="thank-you-bulb" src="/content/dam/HDFC_CC_Assets/Bulb.svg" alt="bulb">
<div>
<p class="myCard-bold">Note: Make sure to enable online transactions on your new card.</p>
<p class="thank-you-explore">Explore: <a href="https://mycards.hdfcbank.com/" data-clickable-id="clickable-50">mycards.hdfcbank.com</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Submit & Receive">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 col-sm-1 wizard-nav-arrow wizard-nav-next"
data-guide-wizard-nav="{"panelId": "guideContainer-rootPanel-panel-panel__", "focusOption": "nextItem", "runCompletionScript": true, "skipFieldFocus": false}"
tabindex="0" role="navigation" aria-label="Next Button">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_853097185_copy__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_853097185_copy___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel">
<div class="guidePanelNode starRatingSection " id="guideContainer-rootPanel-panel-panel_853097185_copy__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel_853097185_copy" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_853097185_copy__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_853097185_copy___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_853097185_copy-starrating___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_853097185_copy__">
<div class="starRating guidetextbox guidefield">
<div class="cmp-rating">
<div class="cmp-rating__title-container">
<span class="cmp-rating__title">Please share your experience</span>
</div>
<div class="cmp-rating__emoji-container list">
<img class="cmp-rating__star" src="/content/dam/HDFC_CC_Assets/starrating/star1.svg" dataval="Unsatisfactory">
<img class="cmp-rating__star" src="/content/dam/HDFC_CC_Assets/starrating/star1.svg" dataval="Need to improve">
<img class="cmp-rating__star" src="/content/dam/HDFC_CC_Assets/starrating/star1.svg" dataval="It’s alright">
<img class="cmp-rating__star" src="/content/dam/HDFC_CC_Assets/starrating/star1.svg" dataval="Wow!">
<img class="cmp-rating__star" src="/content/dam/HDFC_CC_Assets/starrating/star1.svg" dataval="Lovely!!!">
</div>
<p class="cmp-rating__star-value">
</p>
<div class="cmp-rating__btn-container">
<button class="cmp-rating__submit-btn" onclick="showOffer()" type="button" disabled="" data-original-title="" title="">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - StarRating Section">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_590341165__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_590341165___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel">
<div class="guidePanelNode offersSection c-offer-main tnt-offers" id="guideContainer-rootPanel-panel-panel_590341165__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel_590341165" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_590341165___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_590341165-guidetextdraw_148356___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw congratulations congratulationsLabel tnt-congratulations guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_590341165-guidetextdraw_148356__"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-guidetextdraw_148356__" data-disabled="false">Here are some recommended offers for you</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_590341165-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165__">
<div class="panel">
<div class="guidePanelNode subofferspanel offers-sub-panel tnt-subofferspanel" id="guideContainer-rootPanel-panel-panel_590341165-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel__">
<div class="panel">
<div class="guidePanelNode subofferspanel-2 offer-container" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1990826290" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guideimage_458740975___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guideimage_458740975__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guideimage_458740975__" class="guideImage offersimage " style="">
<img
src="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1990826290/items/guideimage_458740975.img.jpg/1673527352400.jpg"
class="cq-dd-image" alt="offer-panel" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offerstext offer-text1 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidetextdraw__" data-disabled="false">
<p>Make your every wish come true with loan on credit card</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidetextdraw_163031___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__">
<div class="guidetextdraw guidefield">
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton knowmore offer-button1 defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidebutton__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Know More" placeholder=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Know More</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Panel-1">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel__">
<div class="panel">
<div class="guidePanelNode subofferspanel-2_copy_1 offer-container" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1990826290_cop" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guideimage_458740975___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guideimage_458740975__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guideimage_458740975__" class="guideImage offersimage " style="">
<img
src="https://www.hdfcbank.com/content/api/contentstream-id/723fb80a-2dde-42a3-9793-7ae1be57c87f/0a398961-947a-4488-b9a4-a2d895e46cc9/Common/DAP/Adobe%20Forms/Sep_2020/EasyEMI_216X126.jpg"
class="cq-dd-image" alt="offer-panel" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidetextdraw_420671521___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offerstext offer-text2 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidetextdraw_420671521__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidetextdraw_420671521__" data-disabled="false">
<p>Buy big with EASYEMI on Credit Card</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidetextdraw_163031___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__">
<div class="guidetextdraw guidefield">
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton knowmore offer-button2 defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidebutton__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Know More"
placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Get it now</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop__">
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Panel-2">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel__">
<div class="panel">
<div class="guidePanelNode subofferspanel-2_copy_2 offer-container" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1990826290_cop_1391918775" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guideimage_458740975___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guideimage_458740975__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guideimage_458740975__" class="guideImage offersimage " style="">
<img
src="https://www.hdfcbank.com/content/api/contentstream-id/723fb80a-2dde-42a3-9793-7ae1be57c87f/f6fef1d5-9020-4867-8853-178f5c01ebc2/Common/DAP/Adobe%20Forms/LE%20UG/Part%203/SmartBUY_Thank_you_page_Offer2_op2_Mobile_216x126.jpg "
class="cq-dd-image" alt="offer-panel" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offerstext offer-text3 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidetextdraw__" data-disabled="false">
<p>Claim up to 10x Reward Points on your Credit Card via SmartBuy</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidetextdraw_163031___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__">
<div class="guidetextdraw guidefield">
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton knowmore offer-button3 defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidebutton__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Know More"
placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Check deals</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_1391918775-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Panel-3">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel__">
<div class="panel">
<div class="guidePanelNode subofferspanel-2_copy_3 offer-container" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1990826290_cop_171053089" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guideimage_458740975___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guideimage_458740975__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guideimage_458740975__" class="guideImage offersimage " style="">
<img
src="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/OffersPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel_1990826290_cop_171053089/items/guideimage_458740975.img.jpg/1673527352400.jpg"
class="cq-dd-image" alt="offer-panel" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offerstext offer-text4 guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidetextdraw__" data-disabled="false">
<p>Make your every wish come true with loan on credit card</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidetextdraw_163031___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__">
<div class="guidetextdraw guidefield">
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton knowmore offer-button4 defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidebutton__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Know More"
placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Know More</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_590341165-panel-panel_1990826290_cop_171053089-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Panel-4">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Sub Offers Panel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Offers Section">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_188957788__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_188957788___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel">
<div class="guidePanelNode inconvenienceSection inconvenience-panel" id="guideContainer-rootPanel-panel-panel_188957788__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel_188957788" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_188957788__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_188957788___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_188957788-guidetextdraw_205115___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_188957788__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw inconvenienceText inconvenience-text guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_188957788-guidetextdraw_205115__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_188957788-guidetextdraw_205115__" data-disabled="false">
<p>We are <b>sorry for the inconvenience caused</b>. You can take a <b>short survey</b> to help us improve or <b>contact us</b> so our experts can help you.</p>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_188957788-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_188957788-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_188957788__">
<div class="panel">
<div class="guidePanelNode inConvenienceButtonsPanel bottom-section" id="guideContainer-rootPanel-panel-panel_188957788-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/InconveniencePanel/jcr:content/guideContainer/rootPanel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_188957788-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_188957788-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton_89040313___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_188957788-panel__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton notNowButton defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton_89040313__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton_89040313__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton_89040313___widget"
name="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton_89040313___jqName" style="position: relative;" tabindex="0" aria-label="Contact Us" placeholder=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Contact Us</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton_89040313___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_188957788-panel__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton shareDetailsButton defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Take Survey" placeholder="" data-original-title=""
title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Take Survey</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_188957788-panel-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - inConvenienceButtonsPanel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Inconvenience Section">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel__">
<div class="panel">
<div class="guidePanelNode errorpanel errorMainContainer afWizardPanel" id="guideContainer-rootPanel-panel-panel_922865395__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel/items/panel_922865395" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode errordetailspanel errorDetailsPanel afWizardPanel col-md-10 col-sm-10" id="guideContainer-rootPanel-panel-panel_922865395-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-guideimage_117293108___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-guideimage_117293108__" data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-guideimage_117293108__"
class="guideImage image_copy " style="">
<img src="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel/items/guideimage_117293108.img.jpg/1673527349901.jpg"
class="cq-dd-image" alt="error-icon" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-guideimage_1172931087___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-guideimage_1172931087__" data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-guideimage_1172931087__"
class="guideImage image " style="">
<img src="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel/items/guideimage_1172931087.img.png/1657172899369.png"
class="cq-dd-image" alt="error-icon" style="" tabindex="0">
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel__">
<div class="panel">
<div class="guidePanelNode Error mobileNumberPanel" id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel/items/panel1597301335168" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_975968_2065336522___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw JumboLoanOfferNotApplicableMessage cmp-click-here guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_975968_2065336522__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_975968_2065336522__" data-disabled="false">
<p>Hey,<br> You might be eligible for Insta Loan.<br> To check your eligibility,
<a href="https://applyonline.hdfcbank.com/loan-against-assets/insta-jumbo-loan/insta-jumbo-form.html?utm_campaign=Insta#nbb" data-clickable-id="clickable-5">Click here</a> Right
Now<br>
</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_975968___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw InstaLoanOfferNotApplicableMessage cmp-click-here guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_975968__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_975968__" data-disabled="false">
<p>Hey,<br> You might be eligible for our Personal Loan.<br> To check your eligibility,
<a href="https://apply.hdfcbank.com/vivid/pl_uiux_new#PL-Login&mc_id=AEM_LOC_onscreen" data-clickable-id="clickable-6">Click here</a> Right Now<br>
</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_147573_2040071349___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw crossSellErrorMsg guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_147573_2040071349__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_147573_2040071349__" data-disabled="false">
<p style="text-align: center;"> We are sorry. </p>
<p style="text-align: center;">The offer is no more available on your Credit Card</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_1475730133___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw errorText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_1475730133__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_1475730133__" data-disabled="false">
<p>Your request could not be processed, Please try again to continue.</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_147573___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw oldBrowserVersionErrorText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_147573__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw_147573__" data-disabled="false">
<p>Oops! Your current browser version does not support the best viewing experience.</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox errorMobileNumber defaultFieldLayout af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667__" style="" data-disabled="false">
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667___widget"
name="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667___jqName" value="8748846745" style="position: relative;" placeholder=""
aria-describedby="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667___widget_desc" tabindex="0" aria-label="Text Box">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextbox_5970667___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel-panel1597301335168__">
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Error">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw text2 mobileNumBottomLabel guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_922865395-panel-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel-guidetextdraw__" data-disabled="false">
<p>is not registered with the bank</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Error Details panel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel_123275473__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode offersPanel offersPanel" id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel_123275473" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw availabeOfferText availabeOfferText guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-guidetextdraw__"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-guidetextdraw__" data-disabled="false">
<p style="text-align: center;">However, <b>you are eligible for:</b></p>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473__">
<div class="panel">
<div class="guidePanelNode offerSectionParent " id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel_123275473/items/panel_51941839" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839__">
<div class="panel">
<div class="guidePanelNode availableOffers availableOffers" id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel_123275473/items/panel_51941839/items/panel" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy__"
class="guideImage locOfferImage locOfferImage cmp-crossel-offer-image" style="">
<img
src="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel_123275473/items/panel_51941839/items/panel/items/guideimage_copy.img.png/1657172860472.png"
class="cq-dd-image" alt="LOC Offer Image" style="" tabindex="0">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy_1381236597___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy_1381236597__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy_1381236597__"
class="guideImage leOfferImage leOfferImage cmp-crossel-offer-image" style="">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy_1881973883___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy_1881973883__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_copy_1881973883__"
class="guideImage ugOfferImage ugOfferImage cmp-crossel-offer-image" style="">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="guideimage">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage__"
class="guideImage semiOfferImage semiOfferImage cmp-crossel-offer-image" style="">
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guidetextdraw_copy___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offersText offersText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guidetextdraw_copy__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guidetextdraw_copy__" data-disabled="false">
<p id="1">
<a href="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade.html?wcmmode=disabled&crosssell=upgrade#nbb" data-clickable-id="clickable-6">Credit Card Upgrade</a><br>
</p>
<p id="2">Additional benefit might cover your need</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_734514655___guide-item"
class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton applyForOffers hdfc-primary-button cmp-apply-offers defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_734514655__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_734514655__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button"
id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_734514655___widget"
name="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_734514655___jqName" style="position: relative;" tabindex="0"
aria-label="Apply" placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Apply</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-panel_51941839-panel-guideimage_734514655___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Available Offers">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - OfferSection Parent">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-guidetextdraw_451860380___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw offerSectionBottomText cmp-offer-bottomText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-guidetextdraw_451860380__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_123275473-guidetextdraw_451860380__" data-disabled="false">
<p style="text-align: center;">In case you are looking for handy cash?</p>
<p style="text-align: center;">You can always try <a data-clickable-id="clickable-8">HDFC Bank Personal Loan</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - OffersPanel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode oldBrowserPanel tryAgainPanel cmp-more-transaction-panel" id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel1597304650107_c" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c-guidetextdraw_1725784915___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw browserSuggestionText guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c-guidetextdraw_1725784915__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c-guidetextdraw_1725784915__" data-disabled="false">
<p>Don't worry!<br> For the best experience, update your browser to the latest/compatible version<br> Click
<a id="getBrowserUrl" class="cmp-acc-num-label" href="#" target="_blank" data-clickable-id="clickable-6">here</a></p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c-guidebutton_11306976___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107_c__">
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - oldBrowserPanel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode TryAgain " id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel1597304650107" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidetextdraw_1725784915___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw TryAgainText guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidetextdraw_1725784915__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidetextdraw_1725784915__" data-disabled="false">
<p>You can </p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976_665995353___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton tryagainbutton hdfc-primary-button defaultFieldLayout af-field-empty"
id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976_665995353__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976_665995353__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976_665995353___widget"
name="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976_665995353___jqName" style="position: relative;" tabindex="0"
aria-label="Click to Start Again >>" placeholder="" data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Click to Start Again >></span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976_665995353___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidebutton_11306976___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__">
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidetextdraw_175070___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw TryAgainText2 guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidetextdraw_175070__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597304650107-guidetextdraw_175070__" data-disabled="false">
<p>with a different mobile number</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - TryAgain">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode EVAText " id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel1597305896568" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidetextdraw_358180099___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw FeelFree guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidetextdraw_358180099__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidetextdraw_358180099__" data-disabled="false">
<p>Feel free to chat with</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidebutton_17190161___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton eva chatbot defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidebutton_17190161__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidebutton_17190161__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidebutton_17190161___widget"
name="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidebutton_17190161___jqName" style="position: relative;" tabindex="0" aria-label="EVA" placeholder=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">EVA</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidebutton_17190161___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-panel1597311136153_c___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__">
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-panel1597311136153_c_2104193027___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__">
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidetextbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw textbox1600945837488 cmp-digital-assistant guideStaticText af-field-filled"
id="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidetextbox__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel1597305896568-guidetextbox__" data-disabled="false">
<p>your personal digital assistant</p>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - EVAText">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel1597311136153_c___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel_1117516427__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode targetpanel errorContainerBottomPanel" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel_1117516427" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidetextdraw___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427__">
<div class="guidetextdraw guidefield">
<div class="guideFieldNode guideTextDraw textmsg savings-text guideStaticText af-field-filled" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidetextdraw__" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidetextdraw__" data-disabled="false">
<p>You can get HDFC savings account in 5 simple steps</p>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton notnow not-now-btn defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton___widget"
name="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton___jqName" style="position: relative;" tabindex="0" aria-label="Not now" placeholder=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Not now</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton_1296603727___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427__">
<div class="guidebutton guidefield">
<div class="guideFieldNode guideButton apply apply-btn defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton_1296603727__"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton_1296603727__" style="" data-disabled="false">
<div class="guideFieldWidget guideFieldButtonWidget xfaButton" style="" data-original-title="" title="">
<button class="button-default button-medium Button" type="button" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton_1296603727___widget"
name="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton_1296603727___jqName" style="position: relative;" tabindex="0" aria-label="Apply" placeholder=""
data-original-title="" title="">
<span class="iconButton-icon"></span>
<span class="iconButton-label" data-guide-button-label="true" style="">Apply</span>
</button>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel-panel_922865395-panel_1117516427-guidebutton_1296603727___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Target Panel">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel-panel_922865395-panel_2007558973__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_2007558973___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel-panel_922865395__">
<div class="panel">
<div class="guidePanelNode panel_20075589731611338344115 " id="guideContainer-rootPanel-panel-panel_922865395-panel_2007558973__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/fragments/common/ErrorPanel/jcr:content/guideContainer/rootPanel/items/panel_2007558973" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel-panel_922865395-panel_2007558973__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel-panel_922865395-panel_2007558973___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Section">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Error Panel">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Upgrade Form">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel_1102253496__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel_1102253496___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel">
<div class="guidePanelNode helpModalPopUp " id="guideContainer-rootPanel-panel_1102253496__" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1102253496" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel_1102253496__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel_1102253496___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel_1102253496-helppopupug___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1102253496__">
<div class="helpPopupUg">
<div class="cmp-modal" id="insta-modal">
<div class="bannerContainer">
<div class="cmp_lightbox_background"></div>
<div class="cmp_popup">
<div style="position: relative;">
<div class="cmp_lightbox_right_contents">
<h4 class="cmp-help__heading">We are here to help you!</h4>
<span class="atCloseBtn">X</span>
<a href="https://www.hdfcbank.com/?query=Apply%20for%20Credit%20Card%20upgrade" class="chat_link">
<div class="cmp-help__box-container cmp-whatsapp-help">
<div class="cmp-help-box-item">
<img class="cmp-help__card-icon" src="/content/dam/HDFC_CCForms/helpmodal/EVA-logo.jpg" alt="ChatEVA">
<label class="cmp-help__box-label">Chat with us instantly</label>
</div>
<img class="cmp-help__card-icon2" src="/content/dam/HDFC_CCForms/helpmodal/Chevron.svg" alt="Arrow">
</div>
</a><a target="_blank" href="https://www.hdfcbank.com/personal/pay/cards/credit-cards/credit-card-upgrade-faqs?icid=website:ccupgradefaqs" class="faq_link">
<div class="cmp-chat-link cmp-help__box-container">
<div class="cmp-help-box-item">
<img class="cmp-help__card-icon" src="/content/dam/HDFC_CCForms/helpmodal/FAQs.svg" alt="FAQ">
<label class="cmp-help__box-label">Check answers for commonly asked questions</label>
</div>
<img class="cmp-help__card-icon2" src="/content/dam/HDFC_CCForms/helpmodal/Chevron.svg" alt="Arrow">
</div>
</a>
<div class="cmp-help__box-container cmp-youtube-help">
<div class="cmp-help-box-item">
<img class="cmp-help__card-icon" src="/content/dam/HDFC_CCForms/helpmodal/Video.svg" alt="YT">
<label class="cmp-help__box-label">Watch how to avail Credit Card Upgrade</label>
</div>
<img class="cmp-help__card-icon2" src="/content/dam/HDFC_CCForms/helpmodal/Chevron.svg" alt="Arrow">
</div>
</div>
<div class="youtube_player" style="display:none">
<div class="close-btn-wrap">
<span class="close-youtube">X</span>
</div>
<div id="YTplayer" class="iframe-container"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Help Modal Popup">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel_871894942_copy_1971133901__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel_871894942_copy_1971133901___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel">
<div class="guidePanelNode hdfcLogoPopup " id="guideContainer-rootPanel-panel_871894942_copy_1971133901__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_871894942_copy_1971133901" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel_871894942_copy_1971133901__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel_871894942_copy_1971133901___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel_871894942_copy_1971133901-hdfclogopopup___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12"
data-guide-parent-id="guideContainer-rootPanel-panel_871894942_copy_1971133901__">
<div class="hdfcLogoPopup">
<div id="clickedOnHDFCLogo" class="cmp-modal">
<div class="cmp-modal__content-container">
<div class="cmp-modal__text-container">
<p id="err-popup-title" class="cmp-modal__question cmp_model_center">Are you sure? </p>
</div>
<div class="cmp-modal__text-container">
<p id="err-popup-header" class="cmp_model_center">You want to Refresh & Start the journey again</p>
</div>
<div class="cmp-modal__link-button cmp-modal__horizontal-flex">
<button id="err-popup-buttonConfirm" class="cmp-modal__confirm-btn" data-original-title="" title="">Yes</button>
<button id="cross-btn" class="cmp-modal__confirm-btn" data-original-title="" title="">No</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - HDFC Logo Popup">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel_871894942_copy__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel_871894942_copy___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel">
<div class="guidePanelNode doYouWishTContinueSection " id="guideContainer-rootPanel-panel_871894942_copy__"
data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_871894942_copy" style=";" data-guide-view-bind="guideContainer-rootPanel-panel_871894942_copy__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel_871894942_copy___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel_871894942_copy-confirmationpopup___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_871894942_copy__">
<div class="confirmationPopup">
<div id="doYouWishToContinue" class="cmp-modal">
<div class="cmp-modal__content-container">
<div class="cmp-modal__text-container">
<p id="err-popup-title" class="cmp-modal__question cmp_model_center">Alert !</p>
</div>
<div class="cmp-modal__text-container">
<p id="err-popup-header" class="cmp_model_center">This will open a page in a new tab</p>
</div>
<div class="cmp-modal__message-container">
<p id="err-popup-subheader" class="cmp-modal__message cmp_model_center">Use the 'Back' button on your mobile to navigate back to the application form</p>
</div>
<div class="cmp-modal__message-container">
<p id="err-popup-question" class="cmp-modal__message cmp_model_center">Do you wish to continue ?</p>
</div>
<div class="cmp-modal__link-button cmp-modal__horizontal-flex">
<a href="#" id="err-popup-buttonConfirm" class="cmp-modal__hyperlink">Yes, Continue</a>
<button id="cross-btn" class="cmp-modal__confirm-btn" data-original-title="" title="">No, Stay Here</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - doYouWishTContinueSection">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel_1557958969__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel_1557958969___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel" data-flk-success="atNodeInserted90" style="visibility: visible;">
<div class="guidePanelNode errorPopupSection " id="guideContainer-rootPanel-panel_1557958969__" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1557958969"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel_1557958969__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel_1557958969___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel_1557958969-errorpopup___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1557958969__">
<div class="errorPopup">
<div id="myModal" class="cmp-modal">
<div class="cmp-modal__content-container">
<div class="cmp-modal__text-container">
<p id="err-popup-header" class="cmp-modal__question"></p>
</div>
<div class="cmp-modal__message-container">
<p id="err-popup-subheader" class="cmp-modal__message"></p>
</div>
<div class="cmp-modal__link-button cmp-modal__horizontal-flex">
<a href="#" id="err-popup-text" class="cmp-modal__hyperlink"></a>
<button id="err-popup-buttonText" class="cmp-modal__confirm-btn" data-original-title="" title="">Retry</button>
</div>
</div>
</div>
<div id="penny-drop-myModal" class="cmp-modal">
<div class="cmp-modal__content-container">
<div class="cmp-modal__text-container">
<p id="penny-err-popup-header" class="cmp-modal__question"></p>
</div>
<div id="penny-container" class="cmp-modal__message-container">
<p id="penny-err-popup-subheader" class="cmp-modal__message"></p>
</div>
<div id="penny-button" class="cmp-modal__link-button cmp-modal__horizontal-flex">
<a href="#" id="penny-err-popup-text" class="cmp-modal__hyperlink"></a>
<button id="penny-err-popup-buttonText" class="cmp-modal__confirm-btn" data-original-title="" title="">Close</button>
</div>
</div>
</div>
<div id="insta-jumbo-myModal" class="cmp-modal">
<div class="cmp-modal__content-container">
<div class="cmp-modal__text-container">
<p id="insta-jumbo-popup-header" class="cmp-modal__question">Congratulations,John Smith!</p>
</div>
<div id="insta-jumbo-container" class="cmp-modal__message">
<p id="insta-jumbo-popup-subheader" class="cmp-modal__message">You are eligible for both Jumbo and Insta Loan </p>
<p id="insta-jumbo-popup-subheader1" class="cmp-modal__message">Please select a plan to proceed with</p>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<label for="r11" style="width: 350px;">
<input type="radio" id="r11" name="loan" value="jumbo" required=""> Jumbo Loan <span id="jumbo-loan-amount-value" class="jumbo-loan-amount loan-amt">20.76999</span>
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"></a>
</label>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div id="insta-jumbo-popup-body" class="panel-body">
<p>-Pre-approved loan above the credit limit of your HDFC Bank Credit Card</p>
<p>-Loan amount will not be blocked from your credit limit</p>
<p>-Enjoy attractive interest rates, among the lowest in the market</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<label for="r12" style="width: 350px;">
<input type="radio" id="r12" name="loan" value="insta" required=""> Insta Loan <span id="insta-loan-amount-value" class="insta-loan-amount loan-amt">64.00000</span>
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"></a>
</label>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div id="insta-jumbo-popup-body1" class="panel-body">
<p>-Pre-approved loan above the credit limit of your HDFC Bank Credit Card</p>
<p>-Enjoy attractive interest rates, among the lowest in the market</p>
<p>-No documentation is required</p>
</div>
</div>
</div>
</div>
</div>
<div id="insta-jumbo-button" class="cmp-modal__link-button cmp-modal__horizontal-flex">
<button id="insta-jumbo-popup-buttonText" class="cmp-modal__confirm-btn" data-original-title="" title="">Proceed with Jumbo Loan</button>
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1557958969-guidetextbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel-panel_1557958969__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox errorPopupText defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel_1557958969-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel_1557958969-guidetextbox__" style="" data-disabled="false">
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1557958969-guidetextbox___widget" name="guideContainer-rootPanel-panel_1557958969-guidetextbox___jqName" style="position: relative;"
placeholder="" aria-describedby="guideContainer-rootPanel-panel_1557958969-guidetextbox___widget_desc" tabindex="0" aria-label="Error Popup Text">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1557958969-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Error Popup Section">
</div>
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-footer___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel__">
<div class="footer">
<div class="cmp-footer background cp1">
<div class="cmp-footer__container para p2">
<div class="cmp-footer__items">
<span class="cmp-footer__copyright"> © Copyright HDFC Bank Ltd. </span>
<button id="footer_SaveForlaterLink" style="display:none" onclick="handleSaveForLater()" class="cmp-footer__save-for-later" data-original-title="" title="">Save For later</button>
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel_1837294774__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel_1837294774___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel">
<div class="guidePanelNode formRenderingContext " id="guideContainer-rootPanel-panel_1837294774__" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1837294774"
style=";" data-guide-view-bind="guideContainer-rootPanel-panel_1837294774__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel_1837294774___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel_1837294774-guidetextbox___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel_1837294774__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox dataSecurityPublicKey defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel_1837294774-guidetextbox__"
data-guide-view-bind="guideContainer-rootPanel-panel_1837294774-guidetextbox__" style="" data-disabled="true">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1837294774-guidetextbox___widget" id="guideContainer-rootPanel-panel_1837294774-guidetextbox___label">Data Security Public
Key</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1837294774-guidetextbox___widget" name="guideContainer-rootPanel-panel_1837294774-guidetextbox___jqName"
value="MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAocLO0ZabqWBbhb/cpaHTZf53LfEymcRMuAHRpUh3yhwPROgY2u3FTEsFJSKdQAbA4205njlXq3A1ICCd1ZrEQBA7Vc60eL0suO/0Qu5U/8vtYNCPsvMX+Pd7cUcMMM6JmLxacvlThOwAxc0ChSrFhlGRHQFZbg44y0Xy0B2bvxOnEjSAtV7kLjht/EKkiPXc3wptsLEMu2qK34Djucp5AllsbxJdWFogHTcJ1vizxAge9KwxA/2GSKYr5c9Wt8EAn7kqC0t43vnhtZuhgShJEbeV7VgF2GXGQBCxbbDravhltrGI+YKnAEd/RK0P0SJx+BXR7TcEv7zDg1QgXqfTewIDAQAB"
style="position: relative;" placeholder="" aria-describedby="guideContainer-rootPanel-panel_1837294774-guidetextbox___widget_desc" tabindex="0" aria-label="Data Security Public Key" readonly="readOnly"
aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1837294774-guidetextbox___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1837294774__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox dataSecurityEnabled defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070__"
data-guide-view-bind="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070__" style="" data-disabled="true">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___widget" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___label">Data
Security Enabled</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___widget" name="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___jqName" value="true"
style="position: relative;" placeholder="" aria-describedby="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___widget_desc" tabindex="0" aria-label="Data Security Enabled" readonly="readOnly"
aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_1010916070___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1837294774__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox journeyId defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644__"
data-guide-view-bind="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644__" style="" data-disabled="true">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___widget" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___label">Journey
ID</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___widget" name="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___jqName"
style="position: relative;" placeholder="" aria-describedby="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___widget_desc" tabindex="0" aria-label="Journey ID" readonly="readOnly"
aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_171189644___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1837294774__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox prefillStatus defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802__"
data-guide-view-bind="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802__" style="" data-disabled="true">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___widget" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___label">Prefill
Status</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___widget" name="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___jqName" value="true"
style="position: relative;" placeholder="" aria-describedby="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___widget_desc" tabindex="0" aria-label="Prefill Status" readonly="readOnly"
aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2136452802___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1837294774__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox captchaEnabled defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135__"
data-guide-view-bind="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135__" style="" data-disabled="true">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___widget"
id="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___label">captchaEnabled</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___widget" name="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___jqName" value="true"
style="position: relative;" placeholder="" aria-describedby="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___widget_desc" tabindex="0" aria-label="captchaEnabled" readonly="readOnly"
aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_7366135___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1837294774__">
<div class="guidetextbox guidefield">
<div class="guideFieldNode guideTextBox captchaClientKey defaultFieldLayout af-field-filled" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714__"
data-guide-view-bind="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714__" style="" data-disabled="true">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___widget"
id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___label">captchaClientKey</label></div>
<div class="guideFieldWidget textField" style="" data-original-title="" title="">
<input type="text" autocomplete="off" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___widget" name="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___jqName"
value="6Ldvz3kaAAAAAIVgZRvFM65-_tmnh37-vKEhmQHW" style="position: relative;" placeholder="" aria-describedby="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___widget_desc" tabindex="0"
aria-label="captchaClientKey" readonly="readOnly" aria-readonly="true">
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1837294774-guidetextbox_2855714___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Form Rendering Context">
</div>
</div>
</div>
</div>
</div>
<div id="im_guideContainer-rootPanel-panel_1112109971__" style="display: none" data-guide-template-marker="true"></div>
<div id="guideContainer-rootPanel-panel_1112109971___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 hidden" data-guide-parent-id="guideContainer-rootPanel__">
<div class="panel">
<div class="guidePanelNode crossSellSection " id="guideContainer-rootPanel-panel_1112109971__" data-path="/content/forms/af/hdfc/hdfc_ccforms/forms/ug/upgrade/jcr:content/guideContainer/rootPanel/items/panel_1112109971" style=";"
data-guide-view-bind="guideContainer-rootPanel-panel_1112109971__">
<div class="gridFluidLayout2 gridFluidLayout">
<div id="guideContainer-rootPanel-panel_1112109971___guide-item-container" class="guideLayout guideGridFluidLayout">
<div class="fd-row guideGridFluidLayout2Container">
<div id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12 active" data-guide-parent-id="guideContainer-rootPanel-panel_1112109971__">
<div class="guidedropdownlist guidefield">
<div class="guideFieldNode guideDropDownList casaDropDown defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist__"
data-guide-view-bind="guideContainer-rootPanel-panel_1112109971-guidedropdownlist__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1112109971-guidedropdownlist___widget" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist___label">Casa Drop
Down</label></div>
<div class="guideFieldWidget dropDownList" style="" data-original-title="" title="">
<select name="guideContainer-rootPanel-panel_1112109971-guidedropdownlist___jqName" style="position: relative;" size="1" tabindex="0" aria-label="Casa Drop Down"
id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist___widget">
<option id="emptyValue" role="none" value="" style="display: none;"></option>
<option data-user-option="" value="Credit Insta loan | Your need might get fulfilled with additional limit">Insta</option>
<option data-user-option="" value="Credit Jumbo loan | Your need might get fulfilled with additional limit">Jumbo</option>
<option data-user-option="" value="Credit Limit Enhancement | Your need might get fulfilled with additional limit">Le</option>
<option data-user-option="" value="Credit Card Upgrade | The additional benefits might cover your needs">Ug</option>
<option data-user-option="" value="Credit Card Upgrade and Limit Enhancement | The additional benefits and limit might cover your needs">Le&Ug</option>
<option data-user-option="" value="5">Semi</option>
</select>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1112109971__">
<div class="guidedropdownlist guidefield">
<div class="guideFieldNode guideDropDownList nonCasaDropDown defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551__"
data-guide-view-bind="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551___widget"
id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551___label">Non Casa Drop Down</label></div>
<div class="guideFieldWidget dropDownList" style="" data-original-title="" title="">
<select name="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551___jqName" style="position: relative;" size="1" tabindex="0" aria-label="Non Casa Drop Down"
id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551___widget">
<option id="emptyValue" role="none" value="" style="display: none;"></option>
<option data-user-option="" value="Credit Insta loan | Your need might get fulfilled with additional limit">Insta</option>
<option data-user-option="" value="Credit Jumbo loan | Your need might get fulfilled with additional limit">Jumbo</option>
<option data-user-option="" value="Credit Limit Enhancement | Your need might get fulfilled with additional limit">Le</option>
<option data-user-option="" value="Credit Card Upgrade | The additional benefits might cover your needs">Ug</option>
<option data-user-option="" value="Credit Card Upgrade and Limit Enhancement | The additional benefits and limit might cover your needs">Le&Ug</option>
<option data-user-option="" value="5">Semi</option>
</select>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_1718837551___widget_desc">
</div>
</div>
</div>
</div>
<div id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326___guide-item" class="fd-col-lg-12 fd-col-md-12 fd-col-sm-12 fd-col-xs-12" data-guide-parent-id="guideContainer-rootPanel-panel_1112109971__">
<div class="guidedropdownlist guidefield">
<div class="guideFieldNode guideDropDownList productDropDown defaultFieldLayout af-field-empty" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326__"
data-guide-view-bind="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326__" style="" data-disabled="false">
<div class="guideFieldLabel top" style=""><label for="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326___widget"
id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326___label">Product Drop Down</label></div>
<div class="guideFieldWidget dropDownList" style="" data-original-title="" title="">
<select name="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326___jqName" style="position: relative;" size="1" tabindex="0" aria-label="Product Drop Down"
id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326___widget">
<option id="emptyValue" role="none" value="" style="display: none;"></option>
</select>
</div>
<div class="guideFieldError" id="guideContainer-rootPanel-panel_1112109971-guidedropdownlist_2141945326___widget_desc">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Cross Sell Section">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section afEditorPlaceholder cq-placeholder" data-emptytext="Drag components here - Root Panel">
</div>
</div>
</div>
</div>
</div>
</div>
</form>
Text Content
X Still thinking? You are just a step away from Upgrading to your New Credit Card Resume >> X Are you sure? You can upgrade your Credit Card for FREE! Resume >> X You are almost there! Don’t Miss Your NEW Benefits Because: * It is at NO additional cost * It takes Less than 2 mins * NO documents needed Resume >> X Are you sure you want to leave? You are Just 2 steps away from getting your NEW Credit Card! * It takes Less than 2 mins * NO documents needed Resume >> X Still thinking? Over 10 Lakh people prefer Upgrading their Credit Card Resume >> X Are you sure you want to leave at the Final step? Just a step away from getting your New Credit Card * Apply within 1 min * Zero charges to upgrade * Exclusive Benefits & Offers Resume >> 1. 2. Returning Journey ID 3. Upgrade Form 4. Help Modal Popup 5. HDFC Logo Popup 6. doYouWishTContinueSection 7. Error Popup Section 8. 9. Form Rendering Context 10. Cross Sell Section * Upgrade Form * Help Modal Popup * HDFC Logo Popup * doYouWishTContinueSection * Error Popup Section * Form Rendering Context * Cross Sell Section Identify Yourself * Help Returning Journey ID John Smith xxxx xxxx xxxx 1234 John Smith 10000 Credit Card No. xxxx xxxx xxxx 1234 Card Number Card Type DefaultBlue Credit component title Welcome Note Eligible Text Card Number Text custname Card Amount 1. Identify Yourself 0% Complete 2. Choose your offer 0% Complete 3. Submit & Receive 0% Complete Lets check your Offer Enter your Registered Mobile Number +91 We will be sending you an OTP on this number Share the last 4 digits of your Credit Card number You can find it in the email you received from us Last 4 Credit Card Digits - Hidden Identify Yourself Captcha Please validate the CAPTCHA Hidden Checkbox Privacy Policy Get OTP >> By submitting, I confirm that I am an Indian, above 18 yrs of age & residing in India. Furthermore, I have read & agreed to HDFC Bank Privacy Policy, and I agree to receive calls, SMS & WhatsApp messages from HDFC Bank. Check your SMS for the OTP we have sent Hey, you are already enjoying the best in class privileges with our best Credit Card. Now avail a Higher limit on Credit Card for Free. Explore Now: Hey! You already have our best Credit Card with the best-in-class privileges! Would you like to check latest offers available? Explore Now: Please enter the OTP to Identify Yourself Combined OTP Digits You can request new OTP in: sec Resend OTP You have reached the maximum daily limit for OTP's Identify Yourself >> Back What you should keep handy? Mobile Phone HDFC Credit Card Do it in 3 simple steps Provide registered mobile number with HDFC Bank & last 4 digits of the Credit Card to login We will send an OTP for verification Choose your offer We will send another OTP for confirmation You will receive a confirmation that your request is approved Limit Enhancement and Upgrade at the sole discretion of HDFC Bank LTD. HDFC House, 8, LB Road, Thiruvanmiyur, Chennai - 600041 Tel No: 044-61606161 Title for upgrade in viewyourOffer Welcome Note for upgrade in ViewYourOffer Title On 2nd OTP page UG EligibilityText for upgrade in ViewYourOffer Your Credit Card Your Credit Card No You are eligible for upgrade to: XXXX XXXX XXXX 1234 Mr. John Smith Millenia, Mastercard Annual Fee (Zero charges for first 12 months) N.A Points Transfer (Total value of your Reward Points will remain the same) 100% XXXX XXXX XXXX 1234 Mr. John Smith Diners Club Privilege Annual Fee (Zero charges for first 12 months) N.A Points Transfer (Total value of your Reward Points will remain the same) 110% Close Comparison Upgrade comparison Know the benefits of your superior Upgraded Credit Card Delivery of New Card within 7-10 days at: Did HDFC Bank representative help you? LG code of the representative LC code of the representative I agree to Terms & Conditions Terms & Conditions Start Again Accept the offer >> Check your SMS for the OTP we have sent to submit your Credit Card application Please enter the OTP to confirm that you accept offer Combined Reenter OTP Digits You can request new OTP in: sec Resend OTP You have reached the maximum daily limit for OTP's Confirm >> Back Yay! Your request is approved!! Your New XX will be couriered to the Registered Address within 7-10 working days. Inquire Button Feel free to contact with us on EVA Thankyou Message for Accept and confirm MyCards A platform to manage your existing & UPGRADED Card Transactions, Rewards & More! Note: Make sure to enable online transactions on your new card. Explore: mycards.hdfcbank.com Please share your experience Submit Here are some recommended offers for you Make your every wish come true with loan on credit card Know More Buy big with EASYEMI on Credit Card Get it now Claim up to 10x Reward Points on your Credit Card via SmartBuy Check deals Make your every wish come true with loan on credit card Know More We are sorry for the inconvenience caused. You can take a short survey to help us improve or contact us so our experts can help you. Contact Us Take Survey Hey, You might be eligible for Insta Loan. To check your eligibility, Click here Right Now Hey, You might be eligible for our Personal Loan. To check your eligibility, Click here Right Now We are sorry. The offer is no more available on your Credit Card Your request could not be processed, Please try again to continue. Oops! Your current browser version does not support the best viewing experience. is not registered with the bank However, you are eligible for: Credit Card Upgrade Additional benefit might cover your need Apply In case you are looking for handy cash? You can always try HDFC Bank Personal Loan Don't worry! For the best experience, update your browser to the latest/compatible version Click here You can Click to Start Again >> with a different mobile number Feel free to chat with EVA your personal digital assistant You can get HDFC savings account in 5 simple steps Not now Apply WE ARE HERE TO HELP YOU! X Chat with us instantly Check answers for commonly asked questions Watch how to avail Credit Card Upgrade X Are you sure? You want to Refresh & Start the journey again Yes No Alert ! This will open a page in a new tab Use the 'Back' button on your mobile to navigate back to the application form Do you wish to continue ? Yes, Continue No, Stay Here Retry Close Congratulations,John Smith! You are eligible for both Jumbo and Insta Loan Please select a plan to proceed with JUMBO LOAN 20.76999 -Pre-approved loan above the credit limit of your HDFC Bank Credit Card -Loan amount will not be blocked from your credit limit -Enjoy attractive interest rates, among the lowest in the market INSTA LOAN 64.00000 -Pre-approved loan above the credit limit of your HDFC Bank Credit Card -Enjoy attractive interest rates, among the lowest in the market -No documentation is required Proceed with Jumbo Loan © Copyright HDFC Bank Ltd. Save For later Data Security Public Key Data Security Enabled Journey ID Prefill Status captchaEnabled captchaClientKey Casa Drop Down InstaJumboLeUgLe&UgSemi Non Casa Drop Down InstaJumboLeUgLe&UgSemi Product Drop Down