.buying-term-holder{max-width:714px;width:100%;margin:0 auto;padding:40px 0 50px 0}
.noclass{pointer-events:none}
.buying-term-holder .ytpholder-text{font-size:24px;line-height:36px;color:#1c2633;font-weight:600;padding-bottom:17px}
.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}
.decision-1+.buttonnav-center{padding-bottom:50px}
.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}
.buying-term-holder .infoholder{margin-top:30px}
.workmode{clear:both;overflow:hidden;width:100%;text-align:center;padding-bottom:25px}
.workmode img{max-width:386px;width:100%;display:inline !important}
.commonwhitebutton.commonwhite{position:static !important;margin-left:20px;margin-right:20px}
.YPT{width:100%;display:flex;background:#f4f8fe;position:relative;padding:40px 40px 0 40px;margin-bottom:10px;border-radius:12px}
.YPT .policyDurationImg{width:155px;margin-left:20px}
.ytpholder .ytpholder-text{font-size:18px;line-height:27px;font-weight:600;color:#1c2633;padding-bottom:10px}
.ytpholder .inputhold{border-radius:4px;position:relative;overflow:hidden;margin-bottom:7px;margin-right:12px;width:100px;height:36px;background:#fff;border:1px solid #eaedf6;border-radius:4px;font-size:14px;line-height:21px;font-weight:400;color:#453e3c;padding:0 35px 0 10px}
.ytpholder .inputhold.years:after{content:"years";position:absolute;font-size:16px;font-weight:400;line-height:24px;color:#453e3c;right:14px;top:5px}
.inputhold input{border:0 solid transparent;padding-top:3px;font-size:18px;font-weight:400;line-height:24px;color:#1c2633;width:100%;background:transparent;height:100%}
.inputhold input:focus{border:0;outline:0;box-shadow:none}
.ytpholder .lifecovertxt{font-size:12px;line-height:20px;font-weight:400;color:#005e9e;padding-bottom:10px}
.ytpholder .inputflex{display:flex}
.ytpholder .inputflex p{width:calc(100% - 162px)}
.ytpholder p{font-size:10px;line-height:16px;font-weight:400;color:#6a6563}
.dnone{display:none}
.disabledLink{pointer-events:none}
.years input[type="text"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.buttonnav-center a:hover{text-decoration:unset !important}
#pickup p{font-size:14px;line-height:24px;font-weight:400;color:#1c2633;width:90%;padding:0 0 28px 0}
.popupvalue{display:none}
.popover .popover-header .close{float:right;display:inline-block;width:35px;height:35px;background:url(../../content/dam/hdfcklarifylife/icons/secondary-icons/desktop/Close-large.svg) no-repeat 0 0;font-size:0;line-height:0;cursor:pointer}
.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}
.matureAgeMsg{display:none;font-size:12px;line-height:16px;font-weight:400;color:#453e3c}
@media screen and (max-width:767px){.workmode{padding-bottom:15px}
#policyDuration .buying-term-holder{padding:20px 0 40px 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}
.buying-term-holder .ytpholder-text{font-size:14px;line-height:37px;color:#1c2633;display:inline-block;vertical-align:middle;padding-bottom:unset}
#policyDuration .buyingtermsection{border:1px solid #eaedf6;filter:drop-shadow(0 0 15px rgba(0,0,0,0.05));padding:30px}
.buyingtermsection h5{font-size:12px;line-height:20px;font-weight:600;color:#005e9e}
#policyDuration .ytpholder .inputhold{font-size:14px;line-height:21px;font-weight:400;border:1px solid #dfe0e4;background:#fff;margin-bottom:0;margin-right:0;padding:0;vertical-align:middle;float:right}
#policyDuration .ytpholder .inputhold input{width:100px;height:36px;font-size:14px;line-height:21px;font-weight:400;padding:0 35px 0 10px}
#policyDuration .ytpholder .inputhold.years:after{position:absolute;content:"years";right:15px;top:6px;font-size:14px;line-height:22px;font-weight:400;color:#1c2633}
#policyDuration .yptDesc{margin-top:10px}
.buttonnav-center{text-align:left !important;padding-top:0 !important}
.buttonnav-center button{display:inline-block}
.commonwhitebutton.commonwhite{margin:0}
.buttonnav-center .nextDecisionBtn{margin-top:10px !important}
#policyDuration .YPT{display:block;padding:20px}
.YPT .policyDurationImg{width:130px}
#policyDuration .durationImg{display:flex;justify-content:end}
.commonTg_btn{font-size:14px;padding:9px 33px}
.tgBtn_sec .tgBtn_back{margin-right:25px}
}
#policyDuration .ageSection{margin-top:60px;margin-bottom:40px;display:flex;justify-content:space-between}
#policyDuration .ageSection .current_age{max-width:255px}
#policyDuration .ageSection .retirement_age{max-width:312px}
#policyDuration .ageInput_section{display:flex;justify-content:space-between;align-items:center;gap:20px}
#policyDuration .ageInput_section .currentage,#policyDuration .ageInput_section .age{position:relative}
#policyDuration .ageSection .age_label{font-size:18px;line-height:16px;font-weight:500;color:#4b5563}
#policyDuration .ageInput{width:100px;height:36px;background:#fff;border:1px solid #eaedf6;border-radius:4px;font-size:16px;line-height:21px;font-weight:500;color:#1c2633;padding:0 35px 0 10px;float:right}
#policyDuration .age::after,#policyDuration .currentage::after{position:absolute;content:"years";font-size:16px;line-height:22px;font-weight:500;color:#453e3c;right:0;height:100%;display:flex;align-items:center;padding-right:10px}
#policyDuration .ageError{display:flex;align-items:start;font-size:12px;line-height:16px;color:#cc150f !important;font-weight:normal}
#policyDuration .ageError .error-img{display:none;width:16px;margin-top:0;margin-right:5px}
#policyDuration .ageError .error-img.active{display:block}
#ageLabel,#currentAgeLabel{margin-bottom:unset !important}
#policyDuration .currentAgeError,#policyDuration .retirementAgeError{margin-top:10px}
.toolArn{display:inline-block;font-size:16px;color:#1c2633;line-height:24px;font-weight:400;padding-block:12px}
@media screen and (max-width:767px){#policyDuration .container{padding:0 15px}
.YPT #policyYearError .error-img{position:unset !important}
#policyDuration .currentAgeSection{margin-top:15px}
#policyDuration .ageInput_section{width:100%}
#policyDuration .ageInput{font-size:14px;line-height:21px;font-weight:400}
#policyDuration .age::after,#policyDuration .currentage::after{font-size:14px;line-height:22px;font-weight:400}
#policyDuration .ageSection{display:block;padding:0 10px}
#policyDuration .ageSection .current_age{max-width:100%}
#policyDuration .ageSection .retirement_age{max-width:100%;margin-top:28px}
#policyDuration .ageSection .age_label{font-size:14px;line-height:22px}
}