.term-calculator-container{margin:0 auto;padding:unset;max-width:1206px}
.term-calculator-container>.cmp-container{gap:24px;display:flex;padding:24px;border-radius:24px;background:#f2f7fb}
.nolead-retirement-calculator{width:48%}
.retirementCalc-wrapper{display:flex;row-gap:1rem;flex-direction:column}
.retirementCalc-title{font-weight:700;font-style:normal;line-height:normal;font-family:'Inter';letter-spacing:-0.24px;background:var(--Primary-Gradient,linear-gradient(90deg,#0073bb 0,#d62049 55%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.retirementCalc-title p,.retirementCalc-title h1,.retirementCalc-title h2,.retirementCalc-title h3,.retirementCalc-title h4,.retirementCalc-title h5,.retirementCalc-title h6{font-size:1.5rem}
.retirementCalc-title sup,.retirementCalc-title p sup,.retirementCalc-title h1 sup,.retirementCalc-title h2 sup,.retirementCalc-title h3 sup,.retirementCalc-title h4 sup,.retirementCalc-title h5 sup,.retirementCalc-title h6 sup{font-size:1rem}
.retirementCalc-form{gap:16px;display:flex;flex-wrap:wrap;justify-content:space-between}
.retirementCalc__labelinpwrap{display:flex;margin-bottom:0;flex-direction:column-reverse}
.retirementCalc__label,.retirementCalc__drpdown .inp-wrapper__grp__label{font-weight:600;line-height:14px;margin-bottom:8px;font-size:.875rem;font-family:'Inter';color:var(--grey-dark);letter-spacing:-0.12px}
.retirementCalc__inpdob,.invest.retirementCalc__inpwrap{width:48.4%}
.retirementCalc__inpdob .inp-wrapper__grp__field{padding-right:40px;background-image:url(../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/newcalendar.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:calc(100% - 16px) center}
.retirementCalc__drpdown .inp-wrapper__grp__field,.retirementCalc__labelinpwrap .inp-wrapper__grp__field{height:40px;font-weight:500;box-shadow:unset;line-height:18px;border-radius:8px;padding:10px 16px;font-size:.875rem;font-family:'Inter';background-color:#FFF;border:1px solid #a7a9ac}
.retirementCalc__drpdown.inp-wrapper .inp-wrapper__grp input.inp-wrapper__grp__field.reverted_arrow{border:1px solid #a7a9ac}
.retirementCalc__drpdown .inp-wrapper__grp__field::placeholder,.retirementCalc__labelinpwrap .inp-wrapper__grp__field::placeholder{font-weight:500;line-height:18px;font-size:.875rem;font-family:'Inter'}
.retirementCalc__labelinpwrap .inp-wrapper__grp__field:focus{border:1px solid var(--primary-blue)}
.retirementCalc__labelinpwrap .inp-wrapper__grp__field:focus+.retirementCalc__label{color:var(--primary-blue)}
.retirementCalc__drpdown.inp-wrapper--invalid .inp-wrapper__grp__field,.retirementCalc__labelinpwrap.inp-wrapper--invalid .inp-wrapper__grp__field,.retirementCalc__drpdown.inp-wrapper--invalid .inp-wrapper__grp__field:focus,.retirementCalc__labelinpwrap.inp-wrapper--invalid .inp-wrapper__grp__field:focus{border:1.5px solid #d62049}
.retirementCalc__drpdown.inp-wrapper--invalid .inp-wrapper__grp__field:focus+.inp-wrapper__grp__label,.retirementCalc__labelinpwrap.inp-wrapper--invalid .inp-wrapper__grp__field:focus+.retirementCalc__label{color:#58595b}
.retirementCalc__drpdown .inp-wrapper__err,.retirementCalc__labelinpwrap .inp-wrapper__err{font-weight:500;line-height:18px;font-size:.75rem;font-family:'Inter';color:#d62049;letter-spacing:-0.12px}
.retirementCalc__drpdown.inp-wrapper{margin-bottom:0}
.retirementCalc__drpdown .retirementCalc--list{display:block;cursor:pointer;font-weight:600;line-height:20px;padding:8px 16px;font-size:.875rem;font-family:'Inter';color:var(--grey-dark);letter-spacing:-0.14px;background:var(--neutral-white);border-bottom:1px solid var(--secondary-tone-light-2)}
.retirementCalc__drpdown .retirementCalc--list:hover,.retirementCalc__drpdown .retirementCalc--list.selected{color:var(--primary-blue);background:var(--secondary-tone-light-2)}
.retirementCalc__drpdown input{cursor:pointer}
.retirementCalc__drpdown{width:32.565%}
.paymentmode.retirementCalc__drpdown{width:28.8%}
.retirementCalc__submitbtn{color:#FFF;width:inherit;font-size:14px;font-weight:700;line-height:18px;font-style:normal;text-align:center;padding:16px 24px;border-radius:8px;background:#d62049;letter-spacing:-0.14px;font-family:'Inter',sans-serif}
@media screen and (max-width:768px){.term-calculator-container>.cmp-container{padding:20px;border-radius:0;flex-direction:column}
.retirementCalc__subbtnwrap,.nolead-retirement-calculator{width:100%}
.retirementCalc-title{text-align:center !important}
.retirementCalc-title p,.retirementCalc-title h1,.retirementCalc-title h2,.retirementCalc-title h3,.retirementCalc-title h4,.retirementCalc-title h5,.retirementCalc-title h6{font-size:1.25rem}
.retirementCalc-form{padding:16px;background:#ffff;border-radius:16px;box-shadow:0 0 10px 1px rgba(0,127,197,0.12)}
.retirementCalc__inpdob{width:51.74%}
.retirementCalc__inpdob .inp-wrapper__grp__field{background-position:calc(100% - 10px) center}
.retirementCalc__label,.retirementCalc__drpdown .inp-wrapper__grp__label{line-height:16px;font-size:.75rem;margin-bottom:4px}
.retirementCalc__drpdown,.invest.retirementCalc__inpwrap,.paymentmode.retirementCalc__drpdown{width:47.223%}
.retirementCalc_datepicker-container .datepicker{left:36px !important}
.retirementCalc__submitbtn{padding:12px 24px}
}
.retirementCalc__toggleWrap{width:31%;display:flex;flex-direction:column}
.retirementCalc__toggle{display:flex;column-gap:8px;width:fit-content;align-items:center}
.retirementCalc__toggletext{cursor:pointer;font-weight:500;line-height:normal;font-size:.875rem;font-family:'Inter';letter-spacing:-0.14px;color:var(--grey-light)}
.retirementCalc__toggletext.active{font-weight:700;color:var(--neutral-black)}
.retirementCalc__roundtogglewrap{width:36px;height:18px;position:relative;display:inline-block}
.retirementCalc__roundtoggle{top:0;left:0;right:0;bottom:0;transition:.4s;cursor:pointer;position:absolute;border-radius:10px;background:linear-gradient(180deg,var(--primary-blue) 0,#5ab4ff 100%)}
.retirementCalc__roundtoggle::before{top:2px;right:0;bottom:0;left:2px;content:'';width:14px;height:14px;transition:.4s;border-radius:50%;position:absolute;background:#fff}
.retirementCalc__roundtoggle.active::before{transform:translateX(18px)}
@media screen and (max-width:767px){.retirementCalc__toggleWrap.nri{width:43.06%}
.retirementCalc__toggleWrap.gender{width:51%}
.retirementCalc__toggleWrap.smoke{width:42%}
.retirementCalc__toggleWrap .retirementCalc__label{margin-bottom:8px}
}