.toggle-image-with-text .calculateSection{margin:50px auto 50px}
.btn{display:inline-block;font-weight:400;color:#000;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.toggle-image-with-text section.section{overflow:unset;padding-top:50px;padding-bottom:50px}
@media(prefers-reduced-motion:reduce){.btn{transition:none}
}
.btn:hover{color:#000;text-decoration:none}
.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}
.btn:disabled{opacity:.65}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0.5)}
.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}
button:active,button:focus{outline:0}
img{max-width:100%}
img{transition:transform .5s ease}
h3,h5,p{margin:0}
.section.bggrey p,.section.bggrey h2{margin-bottom:18px}
.container{max-width:1060px;width:100%}
.section{width:100%;max-width:1600px;margin:0 auto;clear:both;overflow:hidden}
.bggrey{background-color:#f9f9f9}
.greyheading{font-size:22px;line-height:22px;font-weight:700;color:#8a93a5;padding-bottom:10px}
.toggle-image-with-text section h3.homeheader2{font-size:32px;line-height:38px;font-weight:700;color:#233253}
h3.homeheader2+span+p{font-size:16px;line-height:22px;font-weight:400;color:#8a93a5;padding-bottom:21px}
.btnred{background:#ed1c24;text-transform:uppercase}
.btnred,.btnred:active,.btnred:focus,.btnred:hover{color:#fff;border-radius:4px;font-size:12px;line-height:20px;font-weight:600;border:1px solid #ed1c24;height:34px;padding:7px 21px !important;min-width:135px;outline:none !important}
.btnred:active,.btnred:focus,.btnred:hover{background:#ff3038 !important;box-shadow:0 8px 12px rgba(237,28,36,0.2);outline-style:none;outline-width:0}
.padtopgrtxt{padding-top:38px}
@media screen and (min-width:768px){.toggle-image-with-text .order2{order:2}
.toggle-image-with-text .order1{order:1}
.desk-block{display:none !important}
}
@media only screen and (max-width:767px){.modal-body{padding:0 !important}
.mob-hide{display:none !important}
.desk-block{display:block !important}
.adv-pad{padding-bottom:20px;padding-top:20px}
.toggle-image-with-text .daterangepicker .btn{display:inline}
}
@media(max-width:767px){.toggle-image-with-text .section{padding-top:20px !important;padding-bottom:20px !important}
.reduceheightfortoggleimg{padding-top:20px;padding-bottom:20px}
.padtopgrtxt{padding-top:0}
.section{padding-top:50px;padding-bottom:50px}
.greyheading{font-size:16px;line-height:22px;padding-bottom:4px;text-align:center}
h3.homeheader2{font-size:24px;text-align:center;line-height:30px;padding-top:4px;padding-bottom:9px}
h3.homeheader2+span+p{text-align:center;font-size:14px !important;line-height:22px;padding-top:0;padding-bottom:0 !important;width:80%}
h3.homeheader2+span+p+button{margin:0 auto;display:block}
.btnred{width:174px}
}
.width100{width:100%}
.section .mob-hide .width100 img,.section .width100 .desk-block img{width:auto;height:auto}
.section-padding{padding-bottom:70px;padding-top:80px}
@media only screen and (max-width:1024px){.section{padding-left:40px;padding-right:40px}
}
:focus{outline:0 !important;outline:none !important}
button{outline:none !important}
button:focus{outline:0 !important}
@media screen and (min-width:100px) and (max-width:1023px){.section{padding-left:20px;padding-right:20px}
}
.dticon{background:url(../../../../../content/dam/hdfclifeinsurancecompany/icons/date.png) no-repeat;background-position:95%;cursor:pointer;width:100% !important}
.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media(prefers-reduced-motion:reduce){.form-control{transition:none}
}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled{background-color:#e9ecef;opacity:1}
input[type="date"].form-control{appearance:none}
.fade{transition:opacity .15s linear}
@media(prefers-reduced-motion:reduce){.fade{transition:none}
}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}
@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{transform:none}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem;outline:0}
.modal-body{position:relative;flex:1 1 auto;padding:1rem}
@media(min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}
}
@media(min-width:992px){.modal-lg{max-width:800px}
}
.chkbx{display:inline-block;width:94%;padding-left:8px;padding-top:5px}
.modal.sac{width:100% !important;margin-left:0 !important}
.modal.sac .modal-dialog.modal-lg{margin:100px auto 0}
.modal-content{border-radius:0;padding:40px 20px}
.sac input{font-size:12px;font-style:italic;color:#767676;height:47px;outline-style:none;outline-width:0;border:0 solid transparent;box-shadow:none !important}
.sac input,.sac input:focus{background-color:#f4f4f4}
.sac label{font-size:14px;color:#233253}
.select-holder{background-color:#f4f4f4;background:url(../../../../../content/dam/hdfclifeinsurancecompany/icons/select-arrow.png) no-repeat 100% #f4f4f4;height:38px;width:100%;overflow:HIDDEN;padding-top:7px;padding-left:10px;cursor:pointer}
.select-holder select{cursor:pointer;width:116%;border:0 solid transparent;background-color:transparent !important;font-size:12px;font-style:italic;outline:0;color:#767676}
.sac .row{padding-bottom:10px}
.sac p{padding-top:10px;margin-bottom:18px !important}
@media only screen and (max-width:767px){.sac .row{padding-bottom:0}
}
.modal-dialog.modal-lg{margin:0}
.modal-dialog{pointer-events:unset}
.close-icon1{position:absolute;top:26px;right:26px;cursor:pointer;font-size:23px;z-index:999;width:20px;height:20px;display:inline-block;background:url(../../../../../content/dam/hdfclifeinsurancecompany/images/home-images/pop-close.png) no-repeat 0 0}
.form-control,input[type="text"]{font-style:italic !important}
.disc-text{line-height:22px;font-size:12px !important;font-weight:400;color:#5a5a5a}
.disc-text{padding-bottom:20px}
.info-form p{margin-bottom:0}
.info-form .disc-text{padding-bottom:10px}
.modal{z-index:99999}
.contcaptcha{padding-bottom:30px}
.chkdes{visibility:hidden}
.chkdes+label{position:absolute;top:5px;z-index:999;left:15px;height:16px;width:16px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0}
.chkdes:checked+label:before{left:5px;top:1px;width:5px;height:10px;border:solid #ed1c24;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:99999;position:absolute;content:""}
.dinblk{display:inline-block !important}
input:focus{outline:0;box-shadow:none !important}
:focus{outline:0 !important;outline:none !important}
@media(hover:none){select{font-size:12px}
}
p{margin-bottom:18px}
.siteButton{background:#ed1c24;border:1px solid #ed1c24;color:#fff;padding:5px 20px;text-transform:uppercase;border-radius:4px;display:block;font-size:12px;font-weight:600;line-height:20px;overflow:hidden;position:relative;z-index:1;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.siteButton:hover{background:#ff3038}
.siteButton:active,.siteButton:hover{color:#fff;box-shadow:0 8px 12px rgba(237,28,36,0.2)}
.siteButton:active{background:#ff373f;border:1px solid #ff373f}
body>div{position:relative;max-width:1600px;margin:0 auto}
.modal{max-width:100%}
span.message-success{color:#4bb543;font-size:12px}
.geta-callback-component-popup{box-sizing:border-box}
.geta-callback-component-popup .geta-callback-inner{background:#fff;width:100%;margin:0 auto}
.geta-callback-component-popup h2{font-size:38px;line-height:48px;text-align:center;font-weight:700;color:#233253;margin-bottom:24px}
.geta-callback-component-popup h4{color:#233253;font-size:14px;line-height:22px;font-weight:500;margin-bottom:8px}
.geta-callback-component-popup p.subtext{font-size:16px;line-height:22px;text-align:left;color:#8a93a5;margin-bottom:46px !important}
.geta-callback-component-popup form .row{margin-bottom:0}
.geta-callback-component-popup .inputGroup label{color:#233253;font-size:14px;line-height:22px;font-weight:500;display:block;margin-bottom:8px}
.geta-callback-component-popup .disc-text{padding-bottom:0}
.geta-callback-component-popup small{font-size:12px;font-weight:400;line-height:20px;color:#5a5a5a}
.geta-callback-component-popup .inputGroup input{height:40px;background-color:#f4f4f4 !important;border:0;font-size:12px;line-height:23px;color:#767676;font-weight:300;padding:.375rem .75rem}
.geta-callback-component-popup .inputGroup input[type="date"]{cursor:pointer}
.geta-callback-component-popup .time-range{display:flex;margin-bottom:46px}
.geta-callback-component-popup .time-range li{font-size:11px;line-height:14px;border:1px solid #c7cacc;text-align:center;display:inline-block;margin-right:10px;border-radius:20px;padding:6px 12px;color:#767676;cursor:pointer}
.geta-callback-component-popup .time-range li.active,.geta-callback-component-popup .time-range li:hover{color:#005e9e;border-radius:20px;padding:6px 12px;background:rgba(0,94,158,0.1);border:1px solid rgba(0,94,158,0.2)}
.geta-callback-component-popup .disc-text .chkbx{padding-top:0}
.geta-callback-component-popup .disc-text input[type="checkbox"]{margin-top:-1px}
@media only screen and (max-width:1000px){.geta-callback-component-popup{padding-top:0;padding-bottom:0}
.geta-callback-component-popup .geta-callback-inner{width:100%;padding-top:40px;padding-bottom:0}
.geta-callback-component-popup h2{font-size:24px;line-height:30px;margin-bottom:12px}
.geta-callback-component-popup p.subtext{font-size:14px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}
.geta-callback-component-popup .inputGroup{margin-bottom:32px}
.geta-callback-component-popup .inputGroup input{width:100%}
.geta-callback-component-popup .time-range{display:block;margin-bottom:34px}
.geta-callback-component-popup .time-range li{width:124px;display:block;margin-bottom:16px;font-size:11px}
.geta-callback-component-popup .disc-text{padding-bottom:30px}
.geta-callback-component-popup .row{margin-bottom:0 !important;padding-bottom:0 !important}
.geta-callback-component-popup small{font-size:12px;font-weight:400;line-height:20px;color:#5a5a5a;margin-top:30px;float:left}
}
.modal-body{padding:0;max-height:unset !important;overflow-y:unset !important}
.modal-body::-webkit-scrollbar{-webkit-appearance:none}
.modal-body::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:rgba(0,0,0,0.2)}
#scdate{background:url(../../../../../content/dam/hdfclifeinsurancecompany/icons/date.png) no-repeat;background-position:95%;cursor:pointer;width:100% !important}
@media screen and (min-width:100px) and (max-width:1023px){.disc-text{padding-bottom:20px}
}
@media(hover:none){textarea{font-size:12px}
}
textarea{height:100px;background-color:#f4f4f4 !important;border:0;line-height:23px;color:#424040;font-weight:300;resize:none;padding:.375rem .75rem}
#the-count,textarea{font-size:12px}
.geta-callback-component{padding-top:40px}
.geta-callback-component label{color:#233253;font-size:14px;line-height:22px;display:block;margin-bottom:8px;font-weight:500;margin-top:0 !important}
@media only screen and (max-width:640px){.geta-callback-component label{font-size:12px}
}
@media only screen and (max-width:640px){.geta-callback-component{padding-top:24px}
}
.geta-callback-component{box-sizing:border-box;padding-top:80px;padding-bottom:80px;background:#f9f9f9}
.geta-callback-component .geta-callback-inner{padding:56px 48px;background:#fff;width:calc(100% - 220px);max-width:1060px;margin:0 auto}
.geta-callback-component h2{font-size:38px;line-height:48px;text-align:center;font-weight:700;color:#233253;margin-bottom:24px}
.geta-callback-component p.subtext{font-size:16px;line-height:22px;text-align:center;color:#8a93a5;margin-bottom:40px}
.geta-callback-component form .row{margin-bottom:48px}
.geta-callback-component .inputGroup label{color:#233253;font-size:14px;line-height:22px;font-weight:500;display:block;margin-bottom:8px}
@media only screen and (max-width:820px){.geta-callback-component{padding-top:40px;padding-bottom:40px}
.geta-callback-component .geta-callback-inner{width:calc(100% - 48px);padding:40px 15px}
.geta-callback-component h2{font-size:24px;line-height:30px;margin-bottom:12px}
.geta-callback-component p.subtext{font-size:14px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}
.geta-callback-component .inputGroup{margin-bottom:32px}
.geta-callback-component .row{margin-bottom:0 !important}
}
textarea{margin-bottom:0;width:100% !important;margin:0 auto;padding:20px;height:200px;color:#999;border:1px solid #ccc}
.inputGroup textarea{height:100px;background-color:#f4f4f4 !important;border:0;font-size:12px;line-height:23px;color:#424040;font-weight:300;resize:none;padding:.375rem .75rem}
.popuptext{font-weight:500;font-size:80%;line-height:20px;color:#0056b3;width:100%;bottom:0}
.paraset{text-align:center}
.arnNo{text-align:right}
.max1000{max-width:1060px !important}
.geta-callback-component-popup .disc-text .chkbx{padding-top:0 !important}
.btnCenter{margin-top:10px}
@media only screen and (max-width:767px){.modal.sac{width:92% !important;margin-left:5% !important}
.btnCenter{text-align:center;margin-top:10px}
.scb-data-layer{display:block;margin:auto}
}
.reduceheightfortoggleimg{padding-top:30px;padding-bottom:35px}