.newretirementcalculator .retirement-maincontainer .form-heading p,.newretirementcalculator .retirement-maincontainer .form-heading h1,.newretirementcalculator .retirement-maincontainer .form-heading h2,.newretirementcalculator .retirement-maincontainer .form-heading h3,.newretirementcalculator .retirement-maincontainer .form-heading h4,.newretirementcalculator .retirement-maincontainer .form-heading h5,.newretirementcalculator .retirement-maincontainer .form-heading h6{font-family:"Inter";font-size:2rem;font-weight:700;line-height:normal;letter-spacing:-0.32px;background:linear-gradient(90deg,#0073bb 0,#d62049 64.56%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}
.newretirementcalculator .retirement-maincontainer{display:flex;column-gap:15px;justify-content:space-between;border-radius:20px;border:1px solid rgba(0,115,187,0.50);background:var(--secondary-tone-light-2);padding:20px}
.newretirementcalculator .calculation-background{max-width:405px;width:100%;border-radius:16px;box-shadow:0 4px 8px 0 rgba(0,115,187,0.05);background-repeat:no-repeat;background-size:100% 100%}
.newretirementcalculator .calculation-maincontainer{padding:16px 22px;text-align:center}
.newretirementcalculator .calculation-maincontainer .total-amount-label{color:var(--secondary-tone-light-2);text-align:center;font-family:"Inter";font-size:1.125rem;font-weight:600;line-height:normal;letter-spacing:-0.18px}
.newretirementcalculator .calculation-maincontainer .total-amount{color:var(--neutral-white);text-align:center;font-family:"Inter";font-size:2rem;font-weight:700;line-height:normal;letter-spacing:-0.32px;margin-bottom:12px}
.newretirementcalculator .calculation-maincontainer .montly-saving{color:var(--secondary-tone-light-2);text-align:center;font-family:"Inter";font-size:1rem;font-weight:600;line-height:normal;letter-spacing:-0.16px}
.newretirementcalculator .calculation-maincontainer .monthly_payment{color:var(--neutral-white);font-family:"Inter";font-size:1rem;font-weight:700;line-height:normal;letter-spacing:-0.16px;margin-bottom:20px}
.newretirementcalculator .calculation-maincontainer .cta .cta-btn{width:fit-content;padding:10px 24px;color:var(--primary-red);font-family:"Inter";font-size:.875rem;font-weight:700;line-height:18px;letter-spacing:-0.14px;border-radius:8.595px;border:1px solid var(--neutral-white);background:var(--neutral-white);cursor:pointer}
.newretirementcalculator .form-heading-input{width:100%}
.newretirementcalculator .form-heading-input .form{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:16px}
.newretirementcalculator .input-wrapper__grp{flex-direction:column;display:flex}
.newretirementcalculator .input_wrapper__grp__label{color:var(--grey-dark);font-family:"Inter";font-size:.875rem;font-weight:600;line-height:14px;letter-spacing:-0.14px;margin-bottom:8px}
.newretirementcalculator .input_wrapper__grp__field{border-radius:8px;border:1px solid var(--moon-dust);background:var(--neutral-white);padding:11.5px 16px;color:var(--black);font-family:"Inter";font-size:.875rem;font-weight:500;line-height:18px;letter-spacing:-0.14px;width:100%}
.newretirementcalculator .input_wrapper__grp__field:focus-visible{border:1px solid var(--moon-dust);outline:0}
.newretirementcalculator .input_wrapper__grp__field::placeholder{color:var(--black);font-family:"Inter";font-size:.875rem;font-weight:500;line-height:18px;letter-spacing:-0.14px;opacity:.5}
.newretirementcalculator .monthly-income .input_wrapper__grp__field{padding-left:32px}
.newretirementcalculator .input-wrapper__err{color:var(--primary-red);font-family:"Inter";font-size:.625rem;font-style:italic;font-weight:400;line-height:10px;letter-spacing:-0.1px;margin-top:4px;display:none}
.newretirementcalculator .input-wrapper{width:29%}
.newretirementcalculator .input-wrapper.monthly-income{width:39%}
.newretirementcalculator .input-wrapper.life-expectancy{width:39%}
.newretirementcalculator .inp-wrapper--invalid .input_wrapper__grp__field{border:1px solid var(--primary-red)}
.newretirementcalculator .inp-wrapper--invalid .input-wrapper__err{display:block;color:var(--primary-red)}
.newretirementcalculator .monthly-income .input_wrapper__grp__field::before{content:"$"}
.newretirementcalculator .inp-rupees{position:relative}
.newretirementcalculator .rupees-symbol{position:absolute;top:30%;left:16px;color:var(--grey-dark);font-family:"Inter";font-size:.875rem;font-weight:500;line-height:18px;letter-spacing:-0.14px}
@media screen and (max-width:767px){.newretirementcalculator .retirement-maincontainer{flex-direction:column;row-gap:16px}
.newretirementcalculator .retirement-maincontainer .form-heading p,.newretirementcalculator .retirement-maincontainer .form-heading h1,.newretirementcalculator .retirement-maincontainer .form-heading h2,.newretirementcalculator .retirement-maincontainer .form-heading h3,.newretirementcalculator .retirement-maincontainer .form-heading h4,.newretirementcalculator .retirement-maincontainer .form-heading h5,.newretirementcalculator .retirement-maincontainer .form-heading h6{font-size:1.5rem;letter-spacing:-0.24px;text-align:center;background:linear-gradient(90deg,#0073bb 0,#d62049 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.newretirementcalculator .input_wrapper__grp__label{font-size:.75rem;line-height:16px;letter-spacing:-0.12px;margin-bottom:4px}
.newretirementcalculator .input_wrapper__grp__field{padding:10px 16px}
.newretirementcalculator .rupees-symbol{font-weight:700;top:27%}
.newretirementcalculator .form-heading-input .form{row-gap:8px}
.newretirementcalculator .calculation-maincontainer{padding:12px 10px 14px 10px}
.newretirementcalculator .calculation-maincontainer .total-amount-label{font-size:.75rem;letter-spacing:-0.12px}
.newretirementcalculator .calculation-maincontainer .total-amount{font-size:1.5rem;letter-spacing:-0.24px;margin-bottom:8px}
.newretirementcalculator .calculation-maincontainer .montly-saving{font-size:.75rem;letter-spacing:-0.12px}
.newretirementcalculator .calculation-maincontainer .monthly_payment{font-size:.75rem;margin-bottom:10px}
.newretirementcalculator .calculation-maincontainer .cta .cta-btn{line-height:21px;padding:9px 24px}
.newretirementcalculator .input-wrapper.monthly-income{width:100%}
.newretirementcalculator .input-wrapper{width:48.2%}
.newretirementcalculator .input-wrapper.life-expectancy{width:48.2%}
.newretirementcalculator .input-wrapper.return-on-investment{width:100%}
.newretirementcalculator .input-wrapper__err{font-size:.5rem;line-height:8px;letter-spacing:-0.08px;margin-top:2px}
}