.cod-widget-calc-wrapper{border-radius:20px;border:1px solid rgba(0,115,187,0.08);background:var(--secondary-tone-light-2);box-shadow:0 8px 16px 0 rgba(0,115,187,0.10);padding:29px 20px 39px}
.cod-widget-calc-wrapper .cod-widget-calc-heading p,.cod-widget-calc-wrapper .cod-widget-calc-heading h1,.cod-widget-calc-wrapper .cod-widget-calc-heading h2,.cod-widget-calc-wrapper .cod-widget-calc-heading h3,.cod-widget-calc-wrapper .cod-widget-calc-heading h4,.cod-widget-calc-wrapper .cod-widget-calc-heading h5,.cod-widget-calc-wrapper .cod-widget-calc-heading h6{font-family:'Inter';font-size:1.75rem;font-weight:700;line-height:normal;letter-spacing:-0.28px;margin-bottom:24px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form{display:flex;align-items:flex-start;column-gap:20px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__grp__label{color:var(--grey-dark);font-family:'Inter';font-size:.75rem;font-weight:600;line-height:12px;letter-spacing:-0.24px;margin-bottom:8px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__grp__field{padding:11px 16px;color:#000;font-family:'Inter';font-size:.875rem;font-style:normal;font-weight:500;line-height:18px;letter-spacing:-0.14px;box-shadow:unset;border:1px solid var(--moon-dust);background:var(--neutral-white)}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__grp__field::placeholder{color:var(--grey-light);font-family:'Inter';font-size:.875rem;font-style:normal;font-weight:500;line-height:18px;letter-spacing:-0.14px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper{margin-bottom:unset}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form>div{width:15.3%}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .cod-widget-calculate-btn .ta-btn-primary{text-align:center;font-family:'Inter';font-size:.875rem;font-weight:700;line-height:18px;width:100%;padding:12px 24px;margin-top:18px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__err{font-family:'Inter';font-size:.625rem;font-style:italic;font-weight:400;line-height:100%;letter-spacing:-0.1px;color:var(--primary-red)}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper--invalid .inp-wrapper__grp__field:focus+.inp-wrapper__grp__label{color:var(--grey-dark)}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper.inp-wrapper--invalid .inp-wrapper__grp__field{border:1.5px solid var(--alert-error)}
.cod-widget-result-wrapper{position:relative;border-radius:20px;border:1px solid rgba(0,115,187,0.08);background:var(--secondary-tone-light-2);box-shadow:0 8px 16px 0 rgba(0,115,187,0.10);padding:10px 30px}
.cod-widget-result-wrapper .cod-widget-result-title-wrap{display:flex;align-items:center;justify-content:space-between;position:absolute;width:95%}
.cod-widget-result-wrapper .cod-widget-result-title-wrap .cod-widget-result-heading p{font-family:'Inter';font-size:1rem;font-style:italic;font-weight:700;line-height:normal;letter-spacing:-0.16px;padding-right:5px;background:var(--Primary-Gradient,linear-gradient(90deg,var(--primary-blue) 0,var(--primary-red) 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cod-widget-result-wrapper .cod-widget-result-title-wrap .cod-widget-result-restart-btn{display:flex;align-items:center;column-gap:6px;cursor:pointer}
.cod-widget-result-wrapper .cod-widget-result-title-wrap .cod-widget-result-restart-btn .cod-widget-restart-btn{width:12px;height:14px}
.cod-widget-result-wrapper .cod-widget-result-title-wrap .cod-widget-result-restart-btn .cod-widget-restart-text{color:var(--primary-blue);font-family:'Inter';font-size:.875rem;font-style:normal;font-weight:600;line-height:21px;letter-spacing:-0.14px}
.cod-widget-result-wrapper .cod-widget-result-content-wrap{display:flex;align-items:center;justify-content:center}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-total-cost-content{margin-top:29px;width:21.5%}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-total-cost-content p{color:var(--grey-dark);font-family:'Inter';font-size:1rem;font-weight:600;line-height:16px;letter-spacing:-0.16px;text-align:center}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-total-cost-content .cod-widget-amount-text{color:var(--primary-red);text-align:center;font-family:'Inter';font-size:2rem;font-weight:700;line-height:normal;letter-spacing:-0.42px;margin:4px 0 2px;display:block;word-break:break-all}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-total-cost-content .cod-widget-total-amount{color:var(--grey-light);text-align:center;font-family:'Inter';font-size:1rem;font-weight:500;line-height:normal;letter-spacing:-0.16px;display:block}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-investnow-btn .ta-btn-primary{padding:12px 24px;min-width:172px;text-align:center;font-family:'Inter';font-size:.875rem;font-weight:700;line-height:18px;margin-top:30px}
.cod-widget-result-wrapper .comparison-graph-container{width:55.3%;padding:10px 24px;border-radius:8px;background:rgba(0,115,187,0.06);margin:0 32px 0 42px}
.cod-widget-result-wrapper .comparison-graph-container .info-container{display:flex;align-items:center;column-gap:10px}
.cod-widget-result-wrapper .comparison-graph-container .age-group{width:14%;display:flex;flex-direction:column;row-gap:20px;min-height:124px;justify-content:space-evenly}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title,.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title{display:flex;align-items:center;column-gap:6px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title img,.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title img{width:26px;height:26px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title p,.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title p{color:var(--grey-dark);font-family:'Inter';font-size:.75rem;font-weight:500;line-height:normal;letter-spacing:-0.12px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title p span{font-weight:700;color:var(--primary-blue)}
.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title p span{font-weight:700;color:var(--neutral-black)}
.cod-widget-result-wrapper .comparison-graph-container .graph-bar-wrap{width:90%;border-left:3px solid var(--primary-blue);border-image:linear-gradient(to bottom,var(--primary-blue),rgba(167,169,172,0.4)) 1 100%}
.cod-widget-result-wrapper .comparison-graph-container .bar-container{width:100%;padding:6px 0;display:flex;flex-direction:column;row-gap:4px}
.cod-widget-result-wrapper .comparison-graph-container .bar-row{display:flex;align-items:center;gap:8px}
.cod-widget-result-wrapper .comparison-graph-container .bar{height:26px;border-radius:0 6px 6px 0}
.cod-widget-result-wrapper .comparison-graph-container .current-age-get-amt-bar,.cod-widget-result-wrapper .comparison-graph-container .current-age-pay-amt-bar{background-color:var(--primary-blue);width:0;transition:width 2.5s ease-in-out}
.cod-widget-result-wrapper .comparison-graph-container .investltr-age-get-amt-bar,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-pay-amt-bar{background-color:var(--grey-light);opacity:.4;width:0;transition:width 2.5s ease-in-out}
.cod-widget-result-wrapper .comparison-graph-container .current-age-get-title p,.cod-widget-result-wrapper .comparison-graph-container .current-age-pay-title p,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-get-title p,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-pay-title p{color:var(--grey-dark);font-family:'Inter';font-size:.625rem;font-weight:500;line-height:normal;letter-spacing:-0.1px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-get-title p span,.cod-widget-result-wrapper .comparison-graph-container .current-age-pay-title p span{font-weight:700;color:var(--primary-blue);padding-left:2px}
.cod-widget-result-wrapper .comparison-graph-container .investltr-age-get-title p span,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-pay-title p span{font-weight:700;color:var(--neutral-black);padding-left:2px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-get-title,.cod-widget-result-wrapper .comparison-graph-container .current-age-pay-title,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-get-title,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-pay-title{width:25%}
@media screen and (max-width:768px){.cod-widget-calc-wrapper{padding:16px}
.cod-widget-calc-wrapper .cod-widget-calc-heading p,.cod-widget-calc-wrapper .cod-widget-calc-heading h1,.cod-widget-calc-wrapper .cod-widget-calc-heading h2,.cod-widget-calc-wrapper .cod-widget-calc-heading h3,.cod-widget-calc-wrapper .cod-widget-calc-heading h4,.cod-widget-calc-wrapper .cod-widget-calc-heading h5,.cod-widget-calc-wrapper .cod-widget-calc-heading h6{font-size:1.5rem;letter-spacing:-0.24px;margin-bottom:20px;text-align:center}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form{column-gap:12px;flex-wrap:wrap}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form>div{width:47.9%}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .cod-widget-annual-returns-field .inp-wrapper__grp__label{width:120%}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper{margin-bottom:14px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__grp__label{margin-bottom:4px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__grp__field{padding:11px 12px 10px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .inp-wrapper__err{font-size:.563rem;letter-spacing:-0.09px;margin-top:2px}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .cod-widget-calculate-btn{width:100%}
.cod-widget-calc-wrapper .cod-widget-calc-form-wrap form .cod-widget-calculate-btn .ta-btn-primary{padding:11px 24px;margin-top:11px}
.cod-widget-result-wrapper{padding:10px 16px 16px}
.cod-widget-result-wrapper .cod-widget-result-title-wrap{width:90%}
.cod-widget-result-wrapper .cod-widget-result-content-wrap{flex-direction:column;margin-top:37px}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-total-cost-content{margin-top:unset;width:100%}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-total-cost-content .cod-widget-amount-text{font-size:2.25rem;letter-spacing:-0.36px;margin:2px}
.cod-widget-result-wrapper .comparison-graph-container{width:100%;padding:8px;margin:16px 0;min-height:116px}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-investnow-btn{width:100%}
.cod-widget-result-wrapper .cod-widget-result-content-wrap .cod-widget-investnow-btn .ta-btn-primary{padding:11px 24px;min-width:unset;width:100%;margin-top:unset}
.cod-widget-result-wrapper .comparison-graph-container .info-container{position:relative}
.cod-widget-result-wrapper .comparison-graph-container .age-group{width:100%;min-height:unset;justify-content:flex-end;flex-direction:row;position:absolute;bottom:-2px;right:0;column-gap:8px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title,.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title{column-gap:4px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title img,.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title img{width:12px;height:12px}
.cod-widget-result-wrapper .comparison-graph-container .current-age-title p,.cod-widget-result-wrapper .comparison-graph-container .invest-later-age-title p{font-size:.483rem;letter-spacing:-0.07px}
.cod-widget-result-wrapper .comparison-graph-container .graph-bar-wrap{width:100%;border-left:2px solid var(--primary-blue)}
.cod-widget-result-wrapper .comparison-graph-container .bar-container{padding:4px 0;row-gap:2px}
.cod-widget-result-wrapper .comparison-graph-container .bar-row{gap:4px}
.cod-widget-result-wrapper .comparison-graph-container .bar{height:19px;border-radius:0 4px 4px 0}
.cod-widget-result-wrapper .comparison-graph-container .current-age-get-title,.cod-widget-result-wrapper .comparison-graph-container .current-age-pay-title,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-get-title,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-pay-title{width:40%}
.cod-widget-result-wrapper .comparison-graph-container .current-age-get-title p,.cod-widget-result-wrapper .comparison-graph-container .current-age-pay-title p,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-get-title p,.cod-widget-result-wrapper .comparison-graph-container .investltr-age-pay-title p{font-size:.5rem;letter-spacing:-0.08px}
}