.buying-term-holder{max-width:714px;width:100%;margin:0 auto;padding:40px 0 50px 0}
.buying-term-holder h1{font-size:28px;line-height:32px;color:#1c2633;font-weight:600;padding-bottom:24px}
.buying-term-holder h1 small{font-weight:400}
.buying-term-holder .ytpholder-text small{font-weight:400}
.buyingtermsection{width:100%;background:#fff;border:1px solid #eaedf6;padding:40px;border-radius:10px;filter:drop-shadow(0 0 15px rgba(0,0,0,0.05))}
.buyingtermsection h5{font-size:16px;line-height:24px;font-weight:500;color:#005e9e;padding-bottom:25px}
#qniInput .inputRow{display:flex;justify-content:space-between;margin-top:40px}
.form-field .inputLabel{font-size:14px;line-height:21px;font-weight:400;color:#1c2633}
.textField input{border:1px solid #eaedf6;border-radius:4px;width:100%;height:50px;padding-left:15px;padding-right:15px;font-size:14px;line-height:21px;font-weight:600;color:#1c2633}
#qniInput .nameSection{display:flex;justify-content:space-between;margin-top:12px}
.nameSection .form-group{max-width:150px}
.nameSection .lastNameLabel{margin-left:20px}
#qniInput .radioInput{margin-top:12px}
#qniInput .textField label,#qniInput .selectField label{position:relative;display:inline-block}
#qniInput .textField input:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-10px)}
#qniInput .textField input:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-10px)}
.form-field .formSpan{pointer-events:none;position:absolute;left:5px;top:14px;transition:.2s;transition-timing-function:ease;transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);opacity:.5;font-size:16px;line-height:20px;color:#4b5563;font-weight:normal}
.form-field .formSpan small{padding:10px;background:#fff}
.inputRow .form-field .radioBtn{display:inline-block;width:100px;height:50px;font-size:14px;font-weight:600;line-height:22px;color:#1c2633;text-align:center;vertical-align:middle;cursor:pointer;background-color:transparent;border:1px solid #eaedf6;padding:12px 0;border-radius:4px}
.radioBtn-secondary{margin-left:15px}
.form-field input:checked+.radioBtn{background:#eafcf7;border:1px solid #e3fdf1}
.inputRow .selectField{width:250px}
.inputRow .selectField label{width:100%}
.selectField .formSelect{outline:0;border:1px solid #e7ecff;border-radius:4px;width:100%;height:50px;padding-left:22px;font-size:14px;line-height:21px;font-weight:600;color:#1c2633}
.commonwhitebutton.commonwhite{position:static;margin-left:20px;margin-right:20px}
#qniInput .buttonnav-center{padding-bottom:50px}
#qniInput .form-field .error{display:flex;align-items:start;font-size:12px;line-height:20px;color:#db2828;font-weight:normal;margin-top:8px}
#qniInput .form-field .error .error-image{padding-top:unset;margin:unset;margin-right:5px;margin-top:2px}
#qniInput .error-image.active{display:block}
#qniInput .error-image{display:none;width:16px}
.selectField .formSelect{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url("../../../../../content/dam/hdfcklarifylife/icons/icons/regular/dropdown-arrow.svg") no-repeat right 20px center}
.educationSec{padding-top:20px}
.tgBtn_sec{display:flex;justify-content:center;align-items:center;padding-bottom:50px}
.commonTg_btn{font-size:14px;font-weight:500;line-height:20px;color:#fff;text-align:center;border:1px solid #ed1c24;border-radius:6px;background:#ed1c24;box-shadow:0 1px 2px 0 rgba(177,17,22,0.12);padding:6px 16px;display:inline-block;-webkit-animation:linear infinite;-webkit-animation-name:combuttonwhitezigzag;-webkit-animation-duration:2s;cursor:pointer}
.tgBtn_sec>a:first-child>button{color:#ed1c24;background:#fff;border:1px solid #f9adaa}
.tgBtn_sec>a:nth-child(1)>button:hover{background:#fef1f1}
.tgBtn_sec>a:nth-child(2)>button:hover{background:#fef1f1;color:#ed1c24}
.tgBtn_sec .tgBtn_back{margin-right:30px}
.commonTg_nextBtn:hover{background:#fef1f1;color:#ed1c24}
.mobileField{padding-top:20px;width:220px}
#mobileNo{width:100%}
.toolArn{display:inline-block;font-size:16px;color:#1c2633;line-height:24px;font-weight:400;padding-block:12px}
.qniConsent-checkbox-wrapper{display:flex;align-items:flex-start;gap:6px;margin-top:35px}
.qniConsent-checkbox-wrapper input[type="checkbox"]{width:13px;min-width:13px;height:12px;appearance:none;border:1px solid #9f9f9f;border-radius:2px;cursor:pointer;position:relative}
.qniConsent-checkbox-wrapper input[type="checkbox"]:checked{background-color:#005e9e}
.qniConsent-checkbox-wrapper input[type="checkbox"]:checked::after{content:'';position:absolute;top:2px;left:0;width:11px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}
.consent-label{display:inline-block;max-width:333px;font-weight:400;font-size:10px;line-height:12px;text-align:justify;color:#6a6563;overflow:hidden;white-space:nowrap;position:relative}
.expanded-label{white-space:normal;max-width:100%;overflow:visible}
.expanded-label::after{content:'';display:none !important}
.consentDropdownIcon{display:none;cursor:pointer;align-self:center}
.expanded-icon{align-self:baseline;margin-top:5px;transform:rotate(180deg)}
@media screen and (max-width:767px){#qniInput .container{padding:0 15px}
.buying-term-holder{padding:20px 0 50px 0}
.buying-term-holder .buttonnav-center{text-align:center !important}
.buying-term-holder h1{font-size:18px;line-height:26px;color:#1c2633;font-weight:600;padding-bottom:14px}
.buyingtermsection{padding:16px}
.buyingtermsection h5{font-size:12px;line-height:20px;font-weight:600;color:#005e9e}
.buttonnav-center{text-align:left !important;padding-top:0 !important}
.buttonnav-center button{display:inline-block}
.commonwhitebutton.commonwhite{margin:0}
#qniInput .inputRow{flex-wrap:wrap;margin-top:30px}
.inputRow .textField{width:100%}
#qniInput .nameSection{width:100%}
.nameSection .lastNameLabel{margin-left:unset}
.secondField{margin-top:30px}
.commonTg_btn{font-size:14px;padding:9px 33px}
.tgBtn_sec .tgBtn_back{margin-right:25px}
.mobileField #mobileNo,.mobileField .inputLabel{width:100%}
.inputRow .selectField{width:100%}
.expanded-icon{position:absolute;right:50%;transform:translateY(-20px) rotate(180deg)}
}
@media screen and (max-width:359px){#qniInput .nameSection{display:block}
#qniInput .textField label{width:100%}
#qniInput .nameSection .form-group{max-width:100%}
.nameSection .lastNameLabel{margin-top:30px}
.inputRow .selectField,.inputRow .selectField label,.selectField .formSelect{width:100%}
}