.compound-calc-wrapper{display:flex;gap:50px}
.compound-calc-content{flex-basis:60%}
.compound-calc-content h2{font-family:'Inter';font-style:normal;font-weight:700;font-size:42px;line-height:36px;margin-bottom:40px;color:#333}
.compound-calc-content h3{font-family:'Inter';font-style:normal;font-weight:600;font-size:24px;line-height:44px;margin-bottom:20px;color:#333}
.compound-calc-content p{font-family:"helveticaregular";font-size:18px;line-height:24px;color:#333}
.hide-form{display:none}
.compound-calc-wrapper .compound-calc-form .form-content{padding:20px 40px}
.compound-calc-wrapper .compound-details-calc .invest-field-label{font-family:'helveticaregular';font-size:18px;line-height:24px;color:#333}
.compound-details-calc .invest-section{display:flex;justify-content:space-between}
.compound-calc-wrapper .compound-details-calc .invest-input{width:100%;border:0;border-bottom:1px solid #a7a9ac;font-family:'HelveticaNeueLTStd-Bd';padding:10px 0 10px 15px;font-size:20px;line-height:24px;color:#333}
.compound-calc-wrapper .compound-details-calc .invest-input::placeholder{font-size:20px;line-height:24px;color:#e6e7e8;font-family:'HelveticaNeueLTStd-Md'}
.compound-calc-wrapper .compound-details-calc .invest-input:focus-visible{outline:0}
.compound-calc-wrapper .compound-details-calc .annual-invest-sec-input{width:48%;border:0;border-bottom:1px solid #a7a9ac;font-family:'HelveticaNeueLTStd-Bd';padding:10px 0;font-size:20px;line-height:24px;color:#333}
.compound-calc-wrapper .compound-details-calc .annual-invest-sec-input::placeholder{font-size:20px;line-height:24px;color:#e6e7e8;font-family:'HelveticaNeueLTStd-Md'}
.compound-calc-wrapper .compound-details-calc .annual-invest-sec-input:focus-visible{outline:0}
.compound-calc-wrapper .compound-details-calc .invesst-sec{margin:30px 0 31px;display:flex;justify-content:space-between}
.compound-calc-wrapper .compound-details-calc .invest-for-filed{margin-bottom:31px;max-width:180px;width:100%}
.compound-calc-wrapper .compound-details-calc .invest-input-field{position:relative}
.compound-calc-wrapper .compound-details-calc .invest-input-field::before{position:absolute;content:"₹";left:0;top:10px;font-family:'HelveticaNeueLTStd-Bd';font-weight:700;font-size:20px;line-height:24px;color:#58595b}
.compound-calc-wrapper .compound-details-calc .invest-sec-input{width:100%;border:0;border-bottom:1px solid #a7a9ac;font-family:'HelveticaNeueLTStd-Bd';padding:10px 0;font-size:20px;line-height:24px;color:#333}
.compound-calc-wrapper .compound-details-calc .invest-sec-input::placeholder{font-size:20px;line-height:24px;color:#e6e7e8;font-family:'HelveticaNeueLTStd-Md'}
.compound-calc-wrapper .compound-details-calc .invest-sec-input:focus-visible{outline:0}
.compound-calc-wrapper .compound-details-calc .invest-for-input-field{position:relative}
.compound-calc-wrapper .compound-details-calc .invest-for-input-field::after{position:absolute;content:attr(data-suffix);left:119px;top:9px;font-family:'HelveticaNeueLTStd-Bd';font-weight:700;font-size:20px;line-height:24px;color:#58595b}
.compound-calc-wrapper .compound-details-calc .invest-return{margin-bottom:10px}
.compound-calc-wrapper .compound-details-calc .invest-return-input-field{position:relative}
.compound-calc-wrapper .compound-details-calc .invest-return-input-field::after{position:absolute;content:attr(data-perc);left:152px;top:10px;font-family:'HelveticaNeueLTStd-Bd';font-weight:700;font-size:20px;line-height:24px;color:#58595b}
.compound-calc-wrapper .compound-details-calc .invest-filed{max-width:180px;width:100%;margin-bottom:0}
.compound-calc-wrapper .compound-details-calc .select-invest-frequency{max-width:180px;width:100%;position:relative}
.compound-details-calc .select-frequency{font-family:'HelveticaNeueLTStd-Bd';font-size:20px;line-height:24px;color:#333;cursor:pointer;border-bottom:1px solid #a7a9ac;padding:10px 0}
.compound-details-calc .select-frequency::after{content:'';background-image:url(../../../../../content/dam/tataaialifeinsurancecompanylimited/cicimages/dropdown-arrow-mob.svg);background-repeat:no-repeat;position:absolute;left:85%;top:45px;z-index:1;width:20px;height:10px;cursor:pointer;display:inline-block}
.select-invest-frequency .frequency-wrapper-none{display:none}
.select-invest-frequency .frequency-wrapper{max-width:180px;width:100%;min-height:168px;height:100%;position:absolute;top:69px;background:#fff;z-index:8;filter:drop-shadow(0 0 15px rgba(0,0,0,0.25));border-radius:0 0 10px 10px}
.select-invest-frequency .frequency-wrapper .frequency-dropdown-names-li:last-child{border-bottom:unset}
.select-invest-frequency .frequency-wrapper .frequency-dropdown-names-li{font-family:'HelveticaNeueLTStd-Bd';font-size:18px;line-height:22px;color:#333;padding:10px 0 10px 10px;border-bottom:1px solid #e6e7e8;cursor:pointer}
.select-invest-frequency .frequency-wrapper .frequency-dropdown-names-li:hover{color:#0073bb}
.compound-calc-wrapper .compound-calc-form{min-width:500px;width:100%;min-height:530px;height:100%;background:#f2f7fb;border:1px solid #daeef8;border-radius:20px;padding:20px 20px 21px}
.compound-calc-wrapper .calculator-form-content{height:100%;padding:20px 50px;background:#fff;border:1px solid #daeef8;box-shadow:0 0 15px rgba(0,115,187,0.1);border-radius:20px}
.compound-calc-wrapper .compound-calculator,.compound-details-calc,.compound-returns-details{position:relative;display:flex;flex-direction:column;min-height:449px;height:100%}
.compound-calc-wrapper .calculator-prev-btn{position:absolute;width:32px;height:32px;top:0;left:-10px;cursor:pointer}
.compound-calc-wrapper .refresh-btn{position:absolute;width:32px;height:32px;top:0;right:-10px;cursor:pointer}
.compound-calc-wrapper .compound-calc-form .form-content-heading h2{font-family:'Inter';font-style:normal;font-weight:700;font-size:24px;line-height:29px;text-align:center;letter-spacing:-0.266667px;color:#333}
.compound-calc-wrapper .compound-calc-form .form-content-heading p{font-family:'helveticaregular';font-size:18px;line-height:21px;text-align:center;letter-spacing:-0.266667px;color:#333;margin:20px 0 9px}
.compound-calc-wrapper .compound-calculator .name-input-field{margin-bottom:31px}
.compound-calc-wrapper .compound-calculator .number-input-field{margin-bottom:68px}
.compound-calc-wrapper .compound-calculator .input-field-label{font-family:'helveticaregular';font-size:18px;line-height:24px;color:#333}
.compound-calc-wrapper .compound-calculator .name-input{width:100%;border:0;border-bottom:1px solid #a7a9ac;font-family:'HelveticaNeueLTStd-Bd';padding:10px 0;font-size:20px;line-height:24px;color:#333}
.compound-calc-wrapper .compound-calculator .name-input::placeholder{font-size:20px;line-height:24px;color:#e6e7e8}
.compound-calc-wrapper .compound-calculator .name-input:focus-visible{outline:0}
.compound-calc-wrapper .compound-calculator .form-input-field{width:100%}
.compound-calc-wrapper .compound-calculator .number-input{border-bottom:1px solid #e6e7e8}
.compound-calc-wrapper .compound-calculator .calculator-form-des p{font-family:'helveticaregular';font-size:12px;line-height:14px;color:#58595b}
.compound-calc-wrapper .compound-calculator .calculator-form-des .calculator-form-text p a{color:#0073bb;font-family:'Helveticaregular';font-size:12px;font-weight:400;line-height:normal;text-decoration-line:underline}
.calculator-form-des{display:flex}
.calculator-form-des .compound-inp{width:43px;margin:3px 8px 0 0;height:18px}
.calculator-form-des .calculator-form-comp{margin-bottom:20px}
.compound-calc-wrapper .compound-calculator .number-select-filed{display:flex;align-items:center;gap:13px;position:relative}
.compound-calc-wrapper .com-interest-btn{margin-top:auto;text-align:center}
.compound-calc-wrapper .form-continue-btn{background:#d62049;box-shadow:0 0 10px rgba(214,32,73,0.1);border-radius:10px;padding:18px 0 19px;max-width:260px;width:100%;font-family:'HelveticaNeueLTStd-Md',sans-serif;font-size:18px;line-height:13px;letter-spacing:-0.007em;color:#fff;cursor:pointer}
.number-select-filed .select-country-code{position:relative;max-width:75px;width:100%;height:unset;border-bottom:1px solid #e6e7e8;padding:9px 0;cursor:pointer}
.number-select-filed .select-country-code .country-code{font-family:'HelveticaNeueLTStd-Bd';font-size:20px;line-height:24px;color:#333;width:57px;display:inline-block;overflow:hidden}
.number-select-filed .select-country-code .country-code::after{content:'';background-image:url(../../../../../content/dam/tataaialifeinsurancecompanylimited/cicimages/dropdown-arrow.svg);background-repeat:no-repeat;position:absolute;left:78%;bottom:15px;z-index:1;width:20px;height:10px;cursor:pointer;display:inline-block}
.number-input-field .wrapper-none{display:none}
.number-input-field .country-code-wrapper{width:360px;height:280px;position:absolute;top:45px;background:white;z-index:8;border-radius:20px;box-shadow:3px 6px 14px 0 rgba(0,115,187,0.1)}
.number-input-field .country-code-search{border-bottom:1px solid #58595b;padding:10px 20px 10px 20px}
.number-input-field .compound-calc-searchcode{border:0;font-family:'HelveticaNeueLTStd-Md';font-style:normal;width:80%;font-weight:500;font-size:18px;line-height:24px;margin-left:12px;outline:0}
.number-input-field .country-code-wrapper ul{overflow-y:scroll;background:white;height:245px;z-index:9;border-radius:20px;box-shadow:3px 6px 14px 0 rgba(0,115,187,0.1)}
.number-input-field .compound-calc-country-code-li{font-family:'Helvetica';font-style:normal;font-weight:400;font-size:18px;line-height:24px;color:#333;padding:12px 0 12px;cursor:pointer;display:flex}
.number-input-field .country-no{margin-left:20px;margin-right:12px;min-width:50px;text-align:right}
.number-input-field .country-code-numbers::-webkit-scrollbar{width:5px}
.number-input-field .country-code-numbers::-webkit-scrollbar-track{background:transparent}
.number-input-field .country-code-numbers::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:4px}
.number-input-field .compound-calc-country-code-li:hover{background:#f2f7fb}
.compound-calc-wrapper .compound-calc-form .return-form-content{padding:20px 20px 20px 26px}
.compound-calc-wrapper .compound-returns-details .return-details-info p{font-family:'helveticaregular';font-size:18px;line-height:21px;text-align:center;letter-spacing:-0.007em;color:#333;max-width:380px;width:100%;margin:10px auto 20px;padding:0 6px}
.compound-calc-wrapper .compound-returns-details .return-details-info .info-bold-text{font-family:'HelveticaNeueLTStd-Bd';color:#0073bb;font-weight:bold}
.compound-returns-details .flow-chart canvas{width:100%;min-height:224px;height:100%;margin-bottom:12px}
.compound-returns-details .flow-chart-legend{display:flex;gap:40px;margin-left:86px}
.compound-returns-details .legend-text{position:relative}
.compound-returns-details .legend-text p{font-family:'helveticaregular';font-size:12px;line-height:14px;color:#343434}
.compound-returns-details .legend-blue-box::before{content:"";width:16px;height:2px;background:#0073bb;position:absolute;top:5px;left:-20px}
.compound-returns-details .legend-red-box::before{content:"";width:16px;height:2px;background:#d62049;position:absolute;top:5px;left:-20px}
.compound-details-calc input::-webkit-outer-spin-button,.compound-details-calc input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.compound-details-calc input[type=number]{-moz-appearance:textfield}
.hover-color{color:#0073bb}
.d-none{display:none}
.d-block{display:block}
form .ta-error-msg{font-size:12px;padding-top:6px}
.compound-calc-content-desktop{display:block}
.compound-calc-content-mobile{display:none}
.compound-calc-wrapper .third-form-prev-btn .calculator-prev-btn{left:-35px}
.dsp-none{display:none !important}
@media screen and (max-width:768px){.compound-interest-calc-sec .page-container{padding:0}
.compound-calc-wrapper .compound-calc-form{padding:20px;border-radius:unset;min-height:419px;min-width:auto}
.compound-calc-wrapper{flex-direction:column;gap:10px}
.compound-calc-content{flex-basis:100%;padding:0 20px}
.compound-calc-wrapper .compound-details-calc .invest-filed{max-width:135px}
.compound-calc-wrapper .compound-details-calc .select-invest-frequency{max-width:135px}
.compound-details-calc .select-frequency{padding:8px 0 10px;font-size:16px;line-height:18px}
.compound-details-calc .select-frequency::after{top:33px}
.select-invest-frequency .frequency-wrapper{max-width:135px;min-height:160px;top:55px}
.select-invest-frequency .frequency-wrapper .frequency-dropdown-names-li{font-size:16px;line-height:20px}
.compound-calc-wrapper .compound-calc-form .form-content{padding:19px 20px 28px 20px}
.compound-calc-wrapper .calculator-form-content{padding:20px;border-radius:20px;box-shadow:0 0 15px rgba(0,115,187,0.15)}
.compound-calc-wrapper .compound-calc-form .form-content-heading h2{line-height:22px;font-size:18px}
.compound-calc-wrapper .compound-details-calc .invesst-sec{margin:20px 0 27px}
.compound-calc-wrapper .compound-details-calc .invest-field-label{font-size:14px;line-height:16px}
.compound-calc-wrapper .compound-details-calc .invest-input{font-family:'HelveticaNeueLTStd-Bd';padding:8px 0 10px 13px;font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-details-calc .invest-input::placeholder{font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-details-calc .invest-input-field::before{top:7px;font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-details-calc .invest-for-filed{margin-bottom:27px;max-width:135px}
.compound-calc-wrapper .compound-details-calc .invest-sec-input{padding:8px 0 10px;font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-details-calc .invest-sec-input::placeholder{font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-details-calc .annual-invest-sec-input{padding:8px 0 10px;font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-details-calc .annual-invest-sec-input::placeholder{font-size:16px;line-height:18px;font-family:'HelveticaNeueLTStd-Md'}
.compound-calc-wrapper .compound-details-calc .invest-for-input-field::after{left:84px;top:5px;font-size:16px}
.compound-calc-wrapper .compound-details-calc .invest-return-input-field::after{left:108px;top:5px;font-size:16px}
.compound-calc-wrapper .form-continue-btn{padding:11px 0 9px;max-width:unset;line-height:20px;font-size:16px}
.compound-calc-wrapper .compound-calculator,.compound-details-calc,.compound-returns-details{min-height:339px}
.compound-calc-wrapper .calculator-prev-btn{top:-4px;left:0;height:24px;width:24px}
.compound-calc-wrapper .compound-calc-form .form-content-heading p{font-family:'Inter';font-style:normal;font-weight:400;font-size:14px;line-height:17px;margin:10px 0 30px}
.compound-calc-wrapper .compound-calculator .input-field-label{font-size:12px;line-height:14px}
.number-select-filed .select-country-code{max-width:62px;padding:5px 0}
.number-select-filed .select-country-code .country-code{font-size:16px;line-height:18px;width:45px}
.number-select-filed .select-country-code .country-code::after{background-image:url(../../../../../content/dam/tataaialifeinsurancecompanylimited/cicimages/dropdown-arrow.svg);left:77%;bottom:8px;width:20px;height:10px}
.number-input-field .country-code-wrapper{width:280px;top:34px}
.number-input-field .country-code-search{padding:10px 10px 10px 20px}
.number-input-field .compound-calc-searchcode{font-size:16px;width:85%}
.number-input-field .country-name{margin-left:12px;font-size:14px}
.compound-calc-wrapper .compound-calculator .name-input{font-family:'helveticaregular';border-bottom:1px solid #e6e7e8;padding:6px 0;font-size:16px;line-height:18px}
.compound-calc-wrapper .compound-calculator .name-input::placeholder{font-size:16px;line-height:18px;color:#e6e7e8}
.compound-calc-wrapper .compound-calculator .name-input-field{margin-bottom:30px}
.compound-calc-wrapper .compound-calculator .number-input-field{margin-bottom:30px}
.compound-calc-wrapper .compound-calculator .calculator-form-des p{font-size:10px;line-height:11px}
.compound-calc-wrapper .compound-returns-details .return-details-info p{max-width:unset;padding:unset;font-family:'Inter';font-weight:400;font-size:14px;line-height:17px;letter-spacing:-0.266667px;font-style:normal}
.compound-calc-wrapper .compound-calc-form .return-form-content{padding:20px 20px 20px 12px}
.compound-calc-wrapper .compound-returns-details .return-details-info .info-bold-text{font-family:'Inter';font-weight:700;font-style:normal}
.compound-calc-wrapper .refresh-btn{top:-5px;right:-8px;height:24px;width:24px}
.compound-returns-details .flow-chart canvas{min-height:148px;margin-bottom:15px}
.compound-returns-details .flow-chart-legend{gap:34px;margin-left:45px}
.compound-returns-details .legend-text p{font-size:10px;line-height:11px}
.compound-returns-details .legend-blue-box::before{width:11px;top:2px;left:-15px}
.compound-returns-details .legend-red-box::before{width:11px;top:2px;left:-15px}
.ta-error-msg{font-size:12px}
.compound-calc-wrapper{display:flex;flex-direction:column-reverse}
.compound-calc-content-desktop{display:none}
.compound-calc-content-mobile{text-align:center;display:block}
.compound-calc-content-mobile h2{font-size:24px;line-height:26px;margin-bottom:unset}
.compound-calc-content h2{font-size:24px;line-height:26px;margin-bottom:unset}
.compound-calc-content p{font-family:'helveticaregular';font-size:14px;color:#333;text-align:justify}
.number-input-field .country-no{font-size:14px}
.compound-calc-content h3{font-size:14px;margin-bottom:0}
.compound-calc-wrapper .third-form-prev-btn .calculator-prev-btn{left:-15px;top:0}
.compound-calc-wrapper .compound-calculator .calculator-form-des .calculator-form-text p a{color:#0073bb;font-family:'Helveticaregular';font-size:10px;font-weight:400;line-height:normal;text-decoration-line:underline}
}
.compoundintcalcform .ta-modal-wrap .pop-md .close-icon-new{top:15px;right:15px;width:20px;position:absolute;height:20px}
.compoundintcalcform .popup-title-wrap{display:flex;align-items:center;margin-bottom:28px;flex-direction:column}
.compoundintcalcform .close-icon-new img{width:20px;height:20px}
.compoundintcalcform .ta-popup-maindiv .ta-email-text{font-weight:300;text-align:center;font-family:HelveticaNeueLTStd-Lt}
.compoundintcalcform .ta-modal-wrap .success-icon-new{height:161px;width:164px;align-content:center;margin:20px auto}
@media screen and (max-width:767.99px){.compoundintcalcform .ta-modal-wrap .success-icon-new{height:110px;width:110px;align-content:center;margin:20px auto}
.compoundintcalcform .popup-title-wrap{align-items:center;margin:0 auto}
.compoundintcalcform .ta-popup-maindiv h2{font-size:36px;font-weight:800;letter-spacing:-.4px;font-family:"Inter",sans-serif;margin:auto;color:#5b9354}
.compoundintcalcform .ta-popup-maindiv h2{font-size:36px;font-weight:800;letter-spacing:-.4px;font-family:"Inter",sans-serif;margin:auto;color:#5b9354}
}