.rangeslider,.rangeslider__fill{display:block;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);border-radius:10px}
.rangeslider{background:#e6e6e6;position:relative}
.rangeslider--horizontal{height:20px;width:100%}
.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}
.rangeslider--disabled{filter:alpha(opacity=40);opacity:.4}
.rangeslider__fill{background:#0f0;position:absolute}
.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}
.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}
.rangeslider__handle{background:white;border:1px solid #ccc;cursor:pointer;display:inline-block;width:40px;height:40px;position:absolute;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));box-shadow:0 0 8px rgba(0,0,0,0.3);border-radius:50%}
.rangeslider__handle:after{content:"";display:block;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));border-radius:50%}
.rangeslider__handle:active,.rangeslider--active .rangeslider__handle{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12))}
.rangeslider--horizontal .rangeslider__handle{top:-10px;touch-action:pan-y;-ms-touch-action:pan-y}
.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}
input[type="range"]:focus+.rangeslider .rangeslider__handle{box-shadow:0 0 8px rgba(255,0,255,0.9)}
.compoundIntrestCalculator .container{max-width:1257px;margin:0 auto;padding-right:15px;padding-left:15px}
.clearfix::after{content:"";clear:both;display:table}
.form-control{border:1px solid #cdcdcd;border-radius:.5rem;font-size:1.6rem;padding:0 1.6rem;display:inline-block;height:40px !important;width:100%}
.select-wrap{position:relative;display:inline-block}
.select-wrap select.form-control{width:290px}
.custom-arrow{position:absolute;top:50%;right:1rem;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;z-index:999}
select.form-control{-webkit-appearance:none;appearance:none}
.card .btn_primary{font-size:2rem;padding:1.1rem 5rem}
.card label{display:block;margin-bottom:1.6rem}
.card .card_title{font-size:2.4rem}
.card .card_title .amt_return{font-size:4.2rem;color:#004a8f;line-height:1.5}
.card .card_title .amt_return #compoundReturn{font-weight:bold}
.card .invested_val{color:#ed1c24}
.card_middle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;text-align:center}
.card_middle .card_body{width:100%}
.form_group{margin-bottom:3rem}
.form_group.error .form-control{border:1px solid red;background:#f8f2f2}
.goal-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:10px}
.goal-wrap p{margin-bottom:0;padding-right:1.5rem}
.goal-wrap .focusinput{border:1px solid #004a8f}
.goal-wrap .input-wrap{border:1px solid #cdcdcd;border-radius:.5rem;font-size:12px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:120px;background:#fff;height:28px !important;margin:0 10px}
.goal-wrap .input-wrap.focusState{border:1px solid #004a8f}
.goal-wrap .input-wrap .error-text{color:red;font-size:12px;display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;margin-bottom:0;position:absolute;right:.5rem;width:14rem;top:-1.8rem}
.goal-wrap .input-wrap.error{border:1px solid red;background:#f8f2f2}
.goal-wrap .input-wrap .rupee{font-size:12px;font-weight:600;margin-right:.2rem;margin-top:.2rem}
.goal-wrap .input-wrap input{padding:0;box-sizing:border-box;margin:0;background:0;border:0;box-shadow:none;outline:0;max-width:100%;height:auto;display:block;border-radius:.2rem;position:relative;z-index:2;font-size:14px;font-weight:600}
.goal-wrap .input-wrap.percent-wrap{width:120px;padding-right:20px;-ms-flex-pack:center;justify-content:center}
.goal-wrap .input-wrap.percent-wrap input{max-width:5.5rem;text-align:right;padding-right:3px}
.goal-wrap .input-wrap.year-wrap{width:120px;padding:0;-ms-flex-pack:center;justify-content:center}
.goal-wrap .input-wrap.year-wrap span{margin-top:0}
.goal-wrap .input-wrap.year-wrap input{width:2rem;margin-right:2px;margin-left:-0.3rem;text-align:right}
.slider-wrap .rangeslider--horizontal{height:3px;box-shadow:none;background:0;z-index:1;border-radius:0;padding:20px 0 0}
.slider-wrap .rangeslider--horizontal:after{content:"";position:absolute;left:0;width:100%;background:#e0e0e0;z-index:-1;height:3px;top:0}
.slider-wrap .rangeslider--horizontal .rangeslider__fill{background:#004a8f;box-shadow:none;border-radius:0}
.slider-wrap .rangeslider--horizontal .rangeslider__handle{background-image:none;width:2rem;height:2rem;top:-6px;box-shadow:none}
.slider-wrap .rangeslider--horizontal .rangeslider__handle:after{background-image:none;width:10px;height:10px;background:linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%)}
.value-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.value-wrap span{font-size:10px;color:#545454;line-height:2rem}
.error-text{color:red;font-size:12px;display:none;margin-bottom:0}
#ci_calculator{padding-bottom:4rem;background:#fff}
#ci_calculator .perMonth{display:none}
#ci_calculator .card .form_group .label-name{margin-bottom:.5rem;margin-right:10px;font-size:14px}
#ci_calculator .card .range-wrap{margin-bottom:1rem}
#ci_calculator .p-0 .m-0{margin-top:1rem}
#ci_calculator .invest-amt{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:.9rem}
.section-title{font-size:30px;font-weight:bold;line-height:52px;margin-bottom:18px}
.goal-wrap .goal-title{font-size:14px;font-weight:400}
.card{border-radius:12px;padding:16px}
.card.bg-color{background:#f8f8f8;border:1px solid #ececec}
.card .card_middle{background:#fff}
#ci_calculator .card .form_group{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.card .form_group .label-name{font-size:14px;font-weight:500;margin-bottom:0}
.card .form_group .select-wrap{position:relative}
.card .form_group .select-wrap select{border:1px solid #ececec;font-size:12px;font-weight:600;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:white;cursor:pointer;padding-right:30px}
.card .form_group .select-wrap select:focus{border-color:#0065a9;outline:0}
.card .form_group .select-wrap select option:hover{background-color:#0065a9}
.select-wrap select.form-control{width:290px;padding-right:30px;border:1px solid #ececec;font-size:12px;font-weight:600;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:white;cursor:pointer}
.select-wrap select.form-control:focus{border-color:#0065a9;outline:0}
.card .form_group .select-wrap .custom-arrow{position:absolute;top:50%;right:12px;width:8px;height:8px;border-right:2px solid #036;border-bottom:2px solid #036;transform:translateY(-50%) rotate(45deg);transition:transform .3s ease;pointer-events:none}
.card .form_group .select-wrap.open .custom-arrow{transform:translateY(-50%) rotate(-135deg)}
.range-wrap{border-radius:12px;border:1px solid rgba(0,0,0,0.10);background:#FFF;padding:6px 12px}
.range-control{width:100%;height:30px;background:transparent;appearance:none;margin:0;padding:0;position:relative;z-index:2}
.range-control::-webkit-slider-runnable-track{height:8px;background:transparent}
.range-control::-moz-range-track{height:8px;background:transparent}
.range-control::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border:3px solid #fff;border-radius:50%;background:linear-gradient(277deg,#0065a9 9.1%,#54a751 112.43%);box-shadow:0 0 0 2px #0065a9;cursor:pointer;position:relative;z-index:3;margin-top:-6px}
.range-control::-moz-range-thumb{height:20px;width:20px;border:3px solid #fff;border-radius:50%;background:linear-gradient(277deg,#0065a9 9.1%,#54a751 112.43%);box-shadow:0 0 0 2px #0065a9;cursor:pointer;position:relative;z-index:3}
.slider-track{position:absolute;top:14px;left:0;right:0;height:8px;background:#e0e0e0;border-radius:10px;z-index:1;overflow:hidden}
.slider-fill{height:8px;background:linear-gradient(277deg,#0065a9 9.1%,#54a751 112.43%);border-radius:10px 0 0 10px;width:0;transition:width .3s ease}
.slider-wrap{position:relative;width:100%;margin-bottom:3px !important}
.slider-dots{position:relative;width:100%;height:20px;margin-top:-18px;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between}
.slider-dots span{position:absolute;font-size:12px;color:#ccc;transform:translateX(-50%);white-space:nowrap;top:-6px}
.slider-dots span::before{content:'';display:block;width:10px;height:10px;background:#e0e0e0;border-radius:50%;margin:0 auto 4px}
.slider-dots span.active::before{background:linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%)}
.rangeslider,.rangeslider__fill,.rangeslider__handle,.range-wrap input[type=range]{cursor:pointer}
.range-wrap .goal-wrap .input-wrap{border-radius:4px;border:1px solid #e0e0e0;background:rgba(0,101,169,0.10);box-shadow:0 4px 78px 0 rgba(0,0,0,0.08)}
.btn-wrap .calc-btn{font-size:16px;font-weight:500;color:#fff;padding:10px 16px;border-radius:8px;outline:0;background:#0065a9;border:0;cursor:pointer;margin-right:16px}
.btn-wrap .reset-btn{font-size:16px;font-weight:500;padding:10px 16px;border:1px solid #0065a9;color:#0065a9;background:#fff;outline:0;border-radius:8px;cursor:pointer}
.slider-wrap .rangeslider--horizontal .rangeslider__handle{width:16px;height:16px;border:0;background:#fff;outline:2px solid #0065a9;z-index:9}
.slider-wrap .rangeslider--horizontal .rangeslider__fill{height:3px;background:linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%);z-index:1}
.investment-display{display:flex;flex-direction:column;border:1px solid #ececec;padding:6px 10px;border-radius:12px;background:#f8f8f8}
.investD-wrap{display:flex}
.investBtn-wrap.d-mobile{display:none}
.investment-display .d-flex{display:flex;align-items:center}
.investment-display .content .text{margin:0;line-height:20px;font-size:14px}
.total-invest-wrap .roundoffVal{font-size:14px;font-weight:600;background:var(--gradient,linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.legend_text{background:var(--gradient,linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.investment-display .logo{margin-right:25px}
#ci_calculator .p-0{padding:0}
.investWrap{display:flex;justify-content:space-between;align-items:center;border:1px solid #ececec;background:#f8f8f8;border-radius:12px;padding:18px 12px;width:100%}
.investment-display .d-amount{font-size:20px;font-weight:700;background:var(--gradient,linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.investWrap .d-amount{font-size:14px;font-weight:600;background:var(--gradient,linear-gradient(277deg,#0065a9 9.1%,#0065a9 40.31%,#54a751 112.43%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.card_body .total-invest-wrap{display:flex;justify-content:space-between;align-items:center;text-align:center;width:70%}
.total-invest-wrap .label-name{margin:0;font-size:12px;font-weight:600;padding:0 !important;width:30%;max-width:100%}
.investBtn-wrap .invest-btn{font-size:16px;font-weight:600;color:#fff;background:#a4ce4e;padding:10px 30px;border-radius:8px}
.card_body .graph-wrap{margin:0 0 5px}
.range-wrap .invest-field{height:20px}
.plus-icon,.equal-icon{font-size:30px;font-weight:600;color:#000}
.minusBtn{background-image:url('../../../../../../content/dam/pnb-metlife/calculator/images/minusBtn.svg');background-repeat:no-repeat;width:35px;height:30px;cursor:pointer}
.plusBtn{background-image:url('../../../../../../content/dam/pnb-metlife/calculator/images/plusBtn.svg');background-repeat:no-repeat;width:35px;height:30px;cursor:pointer}
@media only screen and (max-width:1199px){.card .card_title .amt_return{font-size:3.6rem}
.investWrap{flex-direction:column}
.card_body .total-invest-wrap{margin-bottom:0}
}
@media only screen and (max-width:992px){.card{padding:2.4rem 1.6rem;margin-bottom:2.5rem}
.card_body .total-invest-wrap{width:100%}
.investBtn-wrap.d-desktop{display:none}
.investBtn-wrap.d-mobile{display:block;margin:10px 0;text-align:center}
.investBtn-wrap.d-mobile .invest-btn{display:inline-block;width:80%}
}
@media only screen and (max-width:767px){#ci_calculator .card{padding:2.4rem 1.6rem}
#ci_calculator .card .form_group{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}
#ci_calculator .card{padding:2.4rem 1.6rem}
#ci_calculator .card .range-wrap{margin-bottom:2.1rem}
#ci_calculator .card .form_group{align-items:unset !important}
.section-title{font-size:20px !important;line-height:27px !important;text-align:center;margin:26px 0 14px !important}
.card .form_group .label-name{margin-bottom:8px}
.section_heading{font-size:2.4rem}
.select-wrap{display:block}
.select-wrap select.form-control{width:100%}
.card label{margin-bottom:1.2rem}
.card .card_title{font-size:1.8rem}
.goal-wrap p{max-width:100%}
}
@media only screen and (max-width:575px){.section-title{font-size:20px;line-height:27px;text-align:center;margin:14px 0}
.card .form_group .label-name{margin-bottom:8px !important}
.investment-display .logo{width:28px;height:28px;margin-right:8px !important}
.investment-display .content .text{font-size:12px !important;line-height:18px !important;color:#54a751}
.investment-display .d-amount{font-size:16px !important;background:0;-webkit-text-fill-color:#54a751}
.goal-wrap .input-wrap{width:135px !important}
.total-invest-wrap .label-name{padding:0 !important}
#ci_calculator .btn-wrap{display:none}
#ci_calculator .card .range-wrap{margin-bottom:5px !important}
#ci_calculator .card{padding:7px !important}
.select-wrap select.form-control{height:30px !important}
#ci_calculator .card .form_group{margin-bottom:5px !important}
.card{margin-bottom:10px !important}
.range-wrap .value-wrap.invest-field{height:20px !important}
.card_body .graph-wrap{margin:10px 0 20px !important}
}
@media only screen and (max-width:430px){.plusBtn,.minusBtn{width:55px}
.card_body .total-invest-wrap{width:100% !important}
.card_body .total-invest-wrap{justify-content:center !important}
.total-invest-wrap .label-name{width:100% !important}
.total-invest-wrap .label-name:last-child{margin-right:0 !important}
.goal-wrap .input-wrap{width:190px !important}
.investWrap{padding:15px 0}
.wysiwyg-rte .table-wrapper{overflow-x:scroll !important}
}
@media only screen and (max-width:412px){.card_body .total-invest-wrap{width:100% !important}
.card_body .total-invest-wrap{justify-content:center !important}
.total-invest-wrap .label-name{width:100% !important}
.total-invest-wrap .label-name:last-child{margin-right:0 !important}
.goal-wrap .input-wrap{width:190px !important}
.investWrap{padding:15px 0}
.wysiwyg-rte .table-wrapper{overflow-x:scroll !important}
}
@media only screen and (max-width:414px) and (min-device-pixel-ratio:2){.wysiwyg-rte .table-wrapper{overflow-x:scroll !important}
}
@media only screen and (max-width:360px){.investment-display{padding:12px 5px}
.investment-display .logo{margin-right:6px}
.investment-display .content .text{line-height:16px;font-size:10px}
.investment-display .text,.investment-display span{color:#54a751}
.investment-display .d-amount{font-size:16px;font-weight:600}
.investment-display .d-flex{padding-left:0;padding-right:0}
#ci_calculator .col-6{padding-left:5px !important;padding-right:5px !important}
#ci_calculator .card{padding:7px}
.total-invest-wrap .label-name{font-size:9px;line-height:17px;width:80px;max-width:100%}
.col-lg-6{padding:0 !important}
.total-invest-wrap .label-name{font-size:9px !important}
.card_body .total-invest-wrap{width:100% !important}
}