.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}
.buying-term-holder .infoholder{margin-top:30px}
.workmode{clear:both;overflow:hidden;width:100%;text-align:center;padding-bottom:25px}
.workmode img{max-width:470px;width:100%;display:inline !important}
.commonwhitebutton.commonwhite{position:static !important;margin-left:20px;margin-right:20px}
#lifeCover .YPT{width:100%;display:flex;background:#f4f8fe;position:relative;padding:40px 40px 0 40px;margin-top:40px;margin-bottom:10px;border-radius:12px}
#lifeCover .YPT .policyImg{width:155px;margin-left:20px}
.YPT .ytpholder{width:calc(100% - 175px)}
#lifeCover .ytpholder .ytpholder-text{font-size:18px;line-height:27px;font-weight:600;color:#1c2633;padding-bottom:10px}
#lifeCover .ytpholder .inputhold{width:160px;height:36px;border:1px solid #eaedf6;border-radius:4px;position:relative;overflow:hidden;margin-bottom:7px;margin-right:12px}
.inputhold input{border:0 solid transparent;padding:10px;font-size:18px;font-weight:400;line-height:24px;color:#1c2633;width:100%;background:transparent;width:160px;height:36px}
.inputhold input:focus{border:0;outline:0;box-shadow:none}
.inputhold a{position:absolute;width:12px;height:12px;background:url('../../../../../content/dam/hdfcklarifylife/icons/input-edit.svg') no-repeat 0 0;background-size:100%;right:7px;top:12px;cursor:pointer}
.ytpholder .lifecovertxt{font-size:12px;line-height:20px;font-weight:400;color:#005e9e;padding-bottom:10px}
.ytpholder p{font-size:10px;line-height:16px;font-weight:400;color:#6a6563}
.proholder{display:block}
.dnone{display:none}
.disabledLink{pointer-events:none}
.error-txt{margin-top:15px}
.years input[type="number"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.info-anual{position:relative;margin-top:-4px}
#lifeCover .income-input{position:relative;background:url('../../../../../content/dam/hdfcklarifylife/icons/rupee.svg') no-repeat 10px center #fff;border-radius:4px;width:146px;height:36px;padding-left:25px;color:#1c2633;border:1px solid #eaedf6}
#lifeCover .amntletters{font-size:10px;line-height:16px;font-weight:400;color:#6a6563;padding-bottom:0;margin-top:8px}
.decision-1+.buttonnav-center{padding-bottom:50px;padding-top:0}
.incomeError{font-size:12px;line-height:20px;color:#db2828;font-weight:normal}
.incomeError .error img{width:18px;margin-right:5px}
.popupvalue{display:none}
.tglisting{margin-top:25px}
.termguidHolder li{padding:0 0 16px 10px;background:url("../../../../../content/dam/hdfcklarifylife/term-guide/pink-tick.svg") no-repeat 0 2px}
.termguidHolder a{font-size:14px;line-height:22px;font-weight:400;color:#6a6563;text-decoration:none;pointer-events:none;padding:0 0 0 20px}
.inputSection{margin-top:40px}
.income_input{display:flex;align-items:center}
.income_input .income{margin-left:20px}
.durationSection{display:flex;align-items:center;margin-top:40px}
.durationSection .duration{margin-left:20px}
.duration_label,.income_label{font-size:18px;line-height:16px;font-weight:500;color:#4b5563}
.duration .duration-input{width:100px;height:36px;border:1px solid #eaedf6;border-radius:4px;font-size:16px;line-height:24px;font-weight:400;color:#1c2633;padding:0 35px 0 10px}
.duration::after{position:relative;content:"years";right:62px;top:-1px;font-size:16px;line-height:22px;font-weight:500;color:#453e3c}
.info_section{margin-top:24px;font-size:14px;line-height:20px;font-weight:400;color:#4b5563}
.decisionHideBox{clear:both;overflow:hidden;width:100%;display:none}
.viewmoreBox{border:1px solid #eaedf6;border-radius:12px;padding:20px}
.viewMore_desc{font-size:16px;line-height:28px;font-weight:400;color:#4b5563;padding-bottom:15px}
.viewmore_listing{border:1px solid #eaedf6;border-radius:15px;padding:10px 0 20px 0}
.viewmore_listing li{padding:6px 16px 0 46px;background:url("../../../../../content/dam/hdfcklarifylife/term-guide/pink-tick.svg") no-repeat 16px 12px}
.viewmore_listing li a{display:block;text-decoration:none;padding:0 0 0 20px;font-size:16px;line-height:28px;font-weight:400;color:#4b5563;margin-bottom:14px}
.dec-moreless,.dec-moreless1,.dec-moreless2{clear:both;overflow:hidden;display:block;text-align:center;width:110px;margin:0 auto;color:#005e9e;font-size:14px;line-height:21px;font-weight:500;cursor:pointer;margin-top:10px}
.dec-moreless a,.dec-moreless1 a,.dec-moreless2 a{color:#005e9e;text-decoration:none;position:relative;padding-right:25px}
.dec-moreless a:hover,.dec-moreless1 a:hover{color:#005e9e;text-decoration:none}
.dec-moreless.arrowact img{transform:rotate(180deg)}
.rulesholder{width:100%;display:flex;justify-content:center;margin:10px 0 25px 0}
.rulesholder a{width:43%;display:flex;margin:0 15px;padding:16px 24px;background:#fff;border:1px solid #eee;border-radius:12px;align-items:center}
.rulesholder a:hover{text-decoration:none}
.rulesholder a img{width:28px;height:28px;margin-left:15px}
.rulesholder a p{width:calc(100% - 43px);font-size:14px;line-height:21px;font-weight:500;color:#1c2633;padding-bottom:0}
.rules-holder{position:relative}
.modalScroll{height:auto;overflow-x:auto}
.textnone{font-size:0;line-height:0}
.rules-modal .modal-content .btn-close{right:26px;top:26px;outline:0;position:absolute;cursor:pointer !important;z-index:9999;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;opacity:1}
.rules-modal .modal-content{padding:40px 30px 30px 30px;border-radius:20px;border:0 solid transparent}
.rules-modal .modal-content .modal-body{padding:0}
.rules-modal .imgcenter{text-align:center;padding:10px 0 10px 0}
.rules-modal h6{font-size:16px;line-height:22px;font-weight:600;color:#005e9e;padding:0 0 15px 0}
.rules-modal p,#calc p{font-size:16px;line-height:26px;font-weight:400;color:#6a6563;padding:0 0 16px 0}
.rules-modal .modal-dialog,#calc .modal-dialog{top:50%;transform:translateY(-50%) !important;margin-top:0 !important;margin-bottom:0 !important}
.annualIncError{margin-top:8px}
.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:rgba(40,219,167,0.3);color:#005e9e}
@media screen and (max-width:767px){#lifeCover .container{padding:0 15px}
.incomeError .error img{width:20px;height:20px;position:unset}
.inputSection{margin-top:22px}
.income_input{display:block}
.income_input .income,.durationSection .duration{margin-left:0;margin-top:10px}
.income_input .income-input{font-size:14px;line-height:21px}
.durationSection{display:block;margin-top:20px}
.duration_label,.income_label{font-size:14px;line-height:22px}
.duration .duration-input{font-size:14px;line-height:21px}
.duration::after{font-size:14px;line-height:21px;font-weight:400}
.info-anual{margin-top:0;margin-left:30px}
.inputhold input{font-size:16px;line-height:27px;font-weight:400;color:#1c2633;width:150px}
.workmode{padding-bottom: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}
#lifeCover .YPT{display:block;padding:16px}
#lifeCover .YPT .ytpholder{width:100%}
#lifeCover .ytpholder .ytpholder-text{font-size:18px;line-height:26px;color:#1c2633;font-weight:600;padding-bottom:14px !important}
#lifeCover .ytpholder .ytpholder-text small{font-size:14px;line-height:22px;font-weight:600}
#lifeCover .ytpholder .lifeinfoDesc{width:65%;padding-right:10px}
#lifeCover .YPT .policyImg{width:130px;position:absolute;bottom:0;right:1%}
#lifeCover .protipsHolder.scrolltips{width:100%;padding:15px 0;margin-top:30px;margin-bottom:30px;margin-left:0;margin-right:0}
#lifeCover .ytpcarousel .protips{width:100%;min-width:250px}
#lifeCover .viewMore_desc{font-size:14px;line-height:25px}
.indentFlex{display:flex !important}
.modalScroll{height:190px;overflow-x:auto}
.noyears{margin-bottom:10px;display:block}
.rulesholder{justify-content:space-between;flex-wrap:wrap;gap:15px}
.rulesholder a{padding:16px 10px;margin:unset;width:100%}
.rulesholder a img{margin-left:7px}
#amountErrormsg{width:220px}
.commonTg_btn{font-size:14px;padding:9px 33px}
.tgBtn_sec .tgBtn_back{margin-right:25px}
.termguidHolder li{padding:0 0 16px 10px;background-size:16px;background:url("../../../../../content/dam/hdfcklarifylife/term-guide/pink-tick.svg") no-repeat 0 4px / 16px}
.termguidHolder a{padding:0 0 0 16px}
.viewmore_listing li{padding:16px 10px;background:url("../../../../../content/dam/hdfcklarifylife/term-guide/pink-tick.svg") no-repeat 16px 20px;background-size:16px}
.viewmore_listing li a{padding:0 0 0 30px;font-size:14px;line-height:22px}
}
@media screen and (max-width:500px){#lifeCover .ytpholder .ytpholder-text{width:80%}
}
@media screen and (max-width:350px){#amountErrormsg{width:180px}
}
@media screen and (max-width:415px){#lifeCover .ytpholder .ytpholder-text{width:100%}
}
@media screen and (max-width:386px){#lifeCover .ytpcarousel .protips{width:100%;min-width:250px}
}
@media screen and (max-width:357px){#lifeCover .ytpcarousel .protips{width:100%;min-width:250px}
}
.incomeError{display:flex;align-items:start;font-size:12px;line-height:20px;color:#db2828;font-weight:normal}
.incomeError .error-img{display:none;width:16px;margin-top:2px;margin-right:5px}
.incomeError .error-img.active{display:block}
.toolArn{display:inline-block;font-size:16px;color:#1c2633;line-height:24px;font-weight:400;padding-block:12px}