*,body{padding:0;margin:0;box-sizing:border-box;font-family:Rubik}
.ulip-out-sec{display:flex;padding:1rem;flex-direction:column;gap:1rem;margin-top:100px}
.ulip-cont{display:flex;background-color:#f2f2f2;padding:1rem;border:.5px solid #005dac;border-radius:8px;gap:1rem;width:100%;align-items:center}
.ulip-lhs{display:flex;gap:12px;width:55%;flex-direction:column}
.ulip-lhs-card{background:white;border:1px solid #99bfde;padding:8px 12px;border-radius:8px;width:100%;height:fit-content;gap:12px;display:flex;flex-direction:column;position:relative}
.ulip-card-info{display:flex;justify-content:space-between}
.ulip-card-info span{font-size:14px;color:#131619}
.ulip-card-input-sec{display:flex;align-items:center}
.ulip-cont .lgc_slider input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#aaa;outline:0;opacity:1;border-radius:10px;transition:opacity .2s;margin:unset;cursor:pointer}
.ulip-cont .lgc_slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #005dac;cursor:pointer}
.ulip-cont .lgc_slider{width:100%}
.ulip-cont .lgc_slider input[type="range"]:hover{opacity:1}
.input_with_suffix-d,.input_with_suffix-m{border:1px solid #005eac;border-radius:8px;padding:3px 8px;width:14ch;justify-content:center;background:#f1f4f9}
.input_with_suffix-d .suffix{font-weight:500;font-size:12px;line-height:100%;letter-spacing:3%;color:#363c41}
.input_with_suffix-d{display:inline-flex;align-items:center;position:relative}
.input_with_suffix-d .suffix{font-size:14px;margin-left:0;white-space:nowrap;z-index:1;position:relative;left:0;font-weight:500;color:#4f4f4f}
.input_with_suffix-d .suffix_ruppee{left:16%}
.input_with_suffix-d .suffix_percent{left:-26%}
.input_with_suffix-d{width:14ch}
.slider_input{border:0;outline:0;width:auto;min-width:30px;padding:4px 2px;text-align:right;font-size:14px;background:#f1f4f9}
.slider_input{width:100%;border:0;text-align:center;font-family:Rubik;font-weight:500;font-size:12px;line-height:100%;letter-spacing:3%;color:#363c41;width:90%}
.ulip-card-input-sec{width:100%;gap:8px}
.ulip-card-input-lhs{width:100%;display:flex;gap:8px;align-items:center}
.input_with_suffix-d .suffix{font-weight:500;font-size:12px;line-height:100%;letter-spacing:3%;color:#363c41;position:relative;left:-15px}
.ulip-rhs{display:flex;gap:1rem;width:45%;flex-direction:column}
.ulip-chart-sec{display:flex;flex-direction:column;border:20px solid #005eac;border-radius:1rem;padding:24px 18px;gap:1rem;align-items:center;position:relative}
.chart-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:10}
.overlay-message{background:white;padding:24px;border-radius:12px;text-align:center;width:350px}
.overlay-message h3{margin-bottom:8px}
.ulip-chart-head-sec{display:flex;width:90%;gap:36px;border-bottom:1px dashed #666;justify-content:center;padding-bottom:1rem}
.ulip-chart-head-lhs,.ulip-chart-head-rhs{display:flex;gap:4px;flex-direction:column}
.ulip-chart-head-lhs p,.ulip-chart-head-rhs p{color:#4f4f4f;font-size:14px}
.ulip-chart-head-lhs h2{color:#4f4f4f;font-size:24px;font-weight:700}
.ulip-card-title{color:#131619;font-weight:600;font-size:14px}
.invest-title{color:#005eac;font-size:24px;font-weight:700}
.divider{border-right:1px dashed #666;height:40px}
.ulip-chart-body-sec{gap:1rem;display:flex;align-items:center;justify-content:center}
.ulip-chart-body-lhs{width:216px;height:224px}
.ulip-chart-body-lhs canvas{display:block;height:224px !important;width:224px !important;object-fit:cover}
.ulip-chart-body-rhs{display:flex;gap:1rem;flex-direction:column}
.legend-item-sec{display:flex;border-radius:8px;border:1px solid #005eac;gap:8px;padding:8px}
.legend-item-sec .dot{width:12px;height:12px;border-radius:4px}
.risk{background:#005dac}
.market{background:#99bfde}
.legend-item div{font-size:11px;color:#005eac}
.legend-item b{font-size:14px;color:#005eac}
.legend-item b span{font-size:12px}
.ulip-link-sec{display:flex;flex-wrap:wrap;width:100%;padding:12px;column-gap:1.5rem;row-gap:12px}
.ulip-link-item{display:flex;background:linear-gradient(to left,#9fb7cc,#005dac);align-items:center;gap:8px;padding:1rem;border-radius:10px;width:45%}
.ulip-link-item-info{color:white;width:80%}
.ulip-link-item-info span{font-size:14px;font-weight:500}
.ulip-link-item-info p{font-size:18px;font-weight:700}
.ulip-link-item img{height:20px}
.ulp-lhs-footer{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}
.ulp-lhs-footer-input{display:flex;width:100%;gap:1rem;justify-content:center}
.input-field{position:relative;width:45%}
.mobile-field{display:flex;border:1px solid #005dac;border-radius:12px;padding:12px;background-color:white}
.mobile-field input{border:0;padding:0 24px}
.mobile-field select{width:unset;padding:unset;border-radius:10px;outline:0;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid #005dac;border-right:0;border:0;outline:0;color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:20px}
.validateName{display:flex;width:100%;padding:12px 24px;align-items:center;gap:8px;border-radius:10px;border:1px solid #005dac;background:var(--White,#FFF);color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:20px;outline:0}
.error-field{font-family:Rubik !important;font-size:10px !important;margin-top:4px !important;font-weight:500 !important;color:red}
.i-agree-sec{display:flex;gap:8px;position:relative}
.i-agree{font-size:12px}
.i-agree span{font-size:12px;color:#005eac}
.ulip-btn-div{margin:10px auto 0}
.tnc-error{color:red;position:absolute;bottom:-14px}
.input-field .error-field{position:absolute;bottom:-12px;left:10px}
.ulip-btn{background:var(--Gradients-Orange,linear-gradient(90deg,#ff6700 0,#ff8900 100%));color:white;display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:10px;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px;border:0;cursor:pointer}
.input_with_suffix-d{display:flex}
.ulip-mob-btn-sec{display:none}
.legend-item{display:flex;flex-direction:column;align-items:center}
.ulip-lhs-card-lhs{display:flex;justify-content:space-between;align-items:center}
.ulip-lhs-card-lhs span{font-family:Rubik;font-weight:400;font-size:14px;line-height:100%;color:#363c41}
.ulip-chart-body-rhs .legend-item-sec:last-child .risk{background:#62cbf4}
.input_with_suffix-d .rupee_suffix{left:18%;position:absolute}
.ulip-link-item a{display:flex;align-items:center;justify-content:space-between;width:100%}
.input-field input::placeholder{font-family:Rubik;font-weight:500;font-size:16px;line-height:20px;color:#5c666e}
@media screen and (max-width:768px){.ulip-lhs-card{position:relative}
.ulip-card-title{width:68%;font-size:12px}
.input_with_suffix-d{position:absolute;top:8px;right:10px;width:30%}
.investment .ulip-card-title{width:100%}
.investment .left-input-m{position:absolute;top:40%;left:10px;width:27%}
.investment .right-input-m{position:absolute;top:40%;right:10px;width:27%}
.ulip-mob-btn-sec{display:flex;justify-content:space-between}
.ulip-cont{flex-direction:column;padding:0;background-color:white;border:0}
.ulip-lhs,.ulip-rhs{width:100%}
.input_with_suffix-d-d{display:none}
.ulip-chart-head-lhs p,.ulip-chart-head-rhs p,.ulip-link-item-info span,.ulip-card-info span{font-size:12px}
.ulip-chart-head-lhs h2,.invest-title{font-size:18px}
.ulip-chart-body-lhs{width:55%;height:auto}
.legend-item div{font-size:10px;line-height:100%}
.ulip-chart-sec{padding:6px;gap:12px;border:15px solid #005eac}
.ulip-chart-head-sec{gap:1rem;width:100%}
.ulip-link-item-info p{font-size:14px}
.ulip-link-sec{gap:12px;padding:0}
.ulip-link-item{width:48%;padding:12px}
.ulip-link-item img{height:16px}
.input_with_suffix-m{width:45%;display:flex;padding:8px}
.overlay-message{width:90%}
.ulip-card-info{padding-bottom:2rem}
.ulip-lhs-card-lhs span{font-size:12px}
.input-field{width:100%}
.ulp-lhs-footer-input{flex-direction:column}
.input_with_suffix-d .rupee_suffix{left:10%}
.ulip-chart-body-lhs canvas{height:140px !important;width:140px !important}
.ulip-chart-body-sec{gap:10px}
.legend-item-sec .dot{width:16px;height:10px;border-radius:4px}
}
.main_popup_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;z-index:999}
.main-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:1000}
.popup-content{background:#fff;padding:35px 50px;border-radius:15px;text-align:center;width:650px;max-width:90%;box-shadow:0 5px 20px rgba(0,0,0,0.3);position:relative}
.popup-content p{font-size:22px;line-height:1.4;margin:0}
.close-popup{position:absolute;right:15px;top:10px;font-size:26px;cursor:pointer;color:#777}
#goalError{display:none;color:red;font-size:12px;font-weight:500;position:relative}
.chartjs-datalabel{box-shadow:0 3px 8px rgba(0,0,0,0.2)}
.i-agree b{color:#005eac;text-decoration:underline;font-weight:500;cursor:pointer}