*{margin:0;padding:0;box-sizing:border-box}
.NPS_calci_main{background-color:#fafafa;padding:115px 25px 40px 36px}
.pcc_heading{font-family:Rubik;color:#4f4f4f;font-size:32px;font-weight:700;line-height:48px}
.pcc_para{font-family:Rubik;color:#4f4f4f;font-size:16px;font-weight:400;line-height:24px;text-align:left;margin:15px 0 20px}
#toggle-btn-clip-readmore,#toggle-btn-clip-readless{font-size:16px;font-weight:500;font-family:'Rubik';color:#005dac;cursor:pointer}
.hidden-readmore-clp-content{display:none}
.npscalc-cont{display:flex;gap:20px}
.npscalc-cont .nps-one{width:30%;padding:30px 16px;box-shadow:0 2px 14.4px 0 #0D0A2C14;border-radius:16px}
.npscalc-cont .nps-one .h1{font-family:Rubik;font-size:24px;font-weight:700;color:#363c41;text-align:center}
.npscalc-cont .npsheader-det{display:flex;flex-direction:column;align-items:center}
.npscalc-cont .npsheader-det span{font-family:Rubik;font-size:16px;font-weight:400;color:#005eac;margin-top:30px}
.npscalc-cont .npsheader-det .npshed-box{display:flex;align-items:center;gap:16px;margin-top:12px}
.npscalc-cont .npsheader-det .npshed-box .npsitem{border:1px solid #dedede;border-radius:8px;display:flex;align-items:center;padding:12px;gap:6px;cursor:pointer}
.npscalc-cont .npsheader-det .npshed-box .npsitem_active{border:1px solid #005eac !important}
.npscalc-cont .npsheader-det .npshed-box .npsitem_active .dot{background:#005eac !important}
.npscalc-cont .npsheader-det .npshed-box .npsitem_active .h5{color:#005eac !important}
.npscalc-cont .npsheader-det .npshed-box .npsitem .dot{background:#dedede;width:10px;height:10px;border-radius:50%}
.npscalc-cont .npsheader-det .npshed-box .npsitem .h5{font-family:Rubik;font-size:14px;font-weight:400;color:#4F4F4FBF}
.npscalc-cont .nps_details{margin-top:24px;display:flex;flex-direction:column;gap:30px}
.npscalc-cont .goal_details{margin-top:24px;display:none;flex-direction:column;gap:30px}
.npscalc-cont .nps-middledel .nps-mibox{display:flex;gap:8px;align-items:center}
.npscalc-cont .nps-middledel .nps-mibox span{font-family:Rubik;font-size:14px;font-weight:400;color:#131619}
.npscalc-cont .nps-middledel .nps-mibox .midbox-info{width:50%}
.npscalc-cont .nps-middledel .nps-mibox .npsn-midditem{display:flex;align-items:center;border:1px solid #005eac;padding:12px;border-radius:10px;width:200px}
.npscalc-cont .nps-middledel .nps-mibox .npsn-midditem .nps-inputrup{display:flex;align-items:center;gap:2px}
.npscalc-cont .nps-middledel .nps-mibox .npsn-midditem .nps-inputrup span{color:#4f4f4f;font-size:16px;font-weight:500}
.npscalc-cont .nps-middledel .nps-mibox .npsn-midditem .nps-inputrup input{outline:0;border:0;font-family:Rubik;font-size:14px;font-weight:500;color:#4f4f4f;width:100%;background:0}
.npscalc-cont input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#aaa;outline:0;opacity:1;border-radius:10px;transition:opacity .2s;margin:unset;cursor:pointer}
.npscalc-cont 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}
.npscalc-cont input[type="range"]:hover{opacity:1}
.npscalc-cont .nps-middledel .nps-mibox .npsn-midditem select{padding:8px;border:1px solid #0072bc;border-radius:8px;outline:0;font-family:Rubik;font-size:12px;color:#0072bc;font-weight:400;cursor:pointer}
.npscalc-cont .nps-middledel .npmmidbottom input{width:100%;cursor:pointer}
.npscalc-cont .nps-middledel .npmmidbottom .npmbit-details{display:flex;justify-content:space-between;margin-top:5px}
.npscalc-cont .nps-middledel .npmmidbottom .npmbit-details span{font-family:Rubik;font-size:14px;font-weight:400}
.npscalc-cont .nps-two{width:70%;box-shadow:0 2px 14.4px 0 #0D0A2C14;border-radius:16px;padding:20px;display:flex;gap:10px}
.npscalc-cont .nps-two .npstwo-first{width:65%}
.npscalc-cont .nps-two .h1{font-family:Rubik;font-size:24px;font-weight:700;color:#4f4f4f;text-align:center}
.npscalc-cont .nps-two .npstow-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;margin-top:20px}
.npscalc-cont .nps-two .npstow-head .npst-one{display:flex;align-items:center;gap:12px}
.npscalc-cont .nps-two .npstow-head span{font-family:Rubik;font-size:16px;font-weight:700;color:#4f4f4f}
.npscalc-cont .nps-two .npstow-head .npst-two{display:flex;align-items:center;gap:16px}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv{display:flex;border:1px solid #005eac;border-radius:8px}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv .npti{padding:8px;border-right:1px solid #005eac;font-family:Rubik;font-size:14px;font-weight:400;color:#4f4f4f;cursor:pointer}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv .npti_active{background-color:#005eac;color:#fff;border-radius:7px 0 0 7px}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv .npti_active:nth-child(2){border-radius:0}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv .npti:last-child{border-right:0;border-radius:0 7px 7px 0}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv .npti_active{border-right:0}
.npscalc-cont .nps-two .toggle-button-cover{position:relative}
.npscalc-cont .nps-two .toggle-button-cover .button-cover{height:100px;margin:20px;background-color:#fff;box-shadow:0 10px 20px -8px #c5d6d6;border-radius:4px}
.npscalc-cont .nps-two .toggle-button-cover .button-cover:before{counter-increment:button-counter;content:counter(button-counter);position:absolute;right:0;bottom:0;color:#d7e3e3;font-size:12px;line-height:1;padding:5px}
.npscalc-cont .nps-two .toggle-button-cover .button-cover,.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}
.npscalc-cont .nps-two .toggle-button-cover .button{position:relative;top:50%;width:50px;height:30px;overflow:hidden}
.toggle-button-cover .checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}
.npscalc-cont .nps-two .toggle-button-cover .knobs{z-index:2}
.layer{width:100%;background:#005eac;transition:.3s ease all;z-index:1}
.toggle-button-cover .button.r,.button.r .layer{border-radius:100px}
.npscalc-cont .nps-two .toggle-button-cover #button-3 .knobs:before{content:"N";position:absolute;top:3px;left:4px;width:16px;height:16px;color:#fff;font-family:12px;font-size:16px;font-weight:bold;text-align:center;line-height:1;padding:4px;color:#005eac;background-color:#fff;border-radius:50%;transition:.3s ease all,left .3s cubic-bezier(0.18,0.89,0.35,1.15)}
.npscalc-cont .nps-two .toggle-button-cover #button-3 .checkbox:active+.knobs:before{width:46px;border-radius:100px}
.toggle-button-cover #button-3 .checkbox:checked:active+.knobs:before{margin-left:-26px}
.npscalc-cont .nps-two .toggle-button-cover #button-3 .checkbox:checked+.knobs:before{content:"Y";left:23px;background-color:#fff;color:#0fd381}
.npscalc-cont .nps-two .toggle-button-cover #button-3 .checkbox:checked~.layer{background:#0fd381}
.npscalc-cont .nps-two .npstow-data{background:#f5f5f5;display:flex;align-items:center;justify-content:space-around;padding:20px 10px;gap:6px}
.npscalc-cont .nps-two .npstow-data{border-top:0}
.npscalc-cont .nps-two .npmstow-data-none{border-top:1px solid #999}
.npscalc-cont .nps-two .npstow-data .npsdata-item{display:flex;align-items:center;gap:12px}
.npscalc-cont .nps-two .npstow-data .npmsdata{border:1px solid #005eac;padding:6px 12px;border-radius:12px}
.npscalc-cont .nps-two .npstow-data .npmsdata .npsdatadetaisl span{color:#005eac !important}
.npscalc-cont .nps-two .npstow-data .npmsdata .npsdatadetaisl .h1{color:#005eac !important}
.npscalc-cont .nps-two .npstow-data .npsdata-item img{width:32px;height:32px}
.npscalc-cont .nps-two .npstow-data .npmsdata-itemblue{border:1px solid #005eac;padding:8px 12px;border-radius:10px}
.npscalc-cont .nps-two .npstow-data .npmsdata-itemblue span{color:#005eac !important}
.npscalc-cont .nps-two .npstow-data .npmsdata-itemblue .h1{color:#005eac !important}
.npscalc-cont .nps-two .npstow-data .npsdata-item .npsdatadetaisl span{color:#4F4F4FCC;font-family:Rubik;font-size:12px;font-weight:400}
.npscalc-cont .nps-two .npstow-data .npsdata-item .npsdatadetaisl .h1{font-family:Rubik;font-size:16px;font-weight:700;color:#4f4f4f;display:flex;align-items:center;gap:4px}
.npscalc-cont .nps-two .npstow-data .npsdata-item .npsdatadetaisl .h1 b{font-family:Rubik;font-size:12px;font-weight:400}
.npscalc-cont .nps-two .npmstowgraphcanvas{margin-top:12px;border:1px solid #005eac;border-radius:12px;padding:16px 10px}
.npscalc-cont .nps-two .npmstowgraphcanvas .h5{display:none}
.npscalc-cont .nps-two .npmstowgraphcanvas .graph-result{margin-top:12px;display:flex;justify-content:center;gap:16px}
.npscalc-cont .nps-two .npmstowgraphcanvas .graph-result .graphi-item{border:1px solid #0072bc;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:4px}
.npscalc-cont .nps-two .npmstowgraphcanvas .graph-result .graphi-item .dot{background:#3bb2ff;height:12px;width:12px;border-radius:50%}
.npscalc-cont .nps-two .npmstowgraphcanvas .graph-result .graphi-item span{font-family:Rubik;font-size:14px;font-weight:400;color:#4f4f4f}
.npscalc-cont .nps-two .npmstowgraphcanvas .graph-result .graphi-item:nth-child(2) .dot{background:#0072bc}
.npscalc-cont .nps-two .npstwo-second{width:35%;height:auto;position:relative}
.npscalc-cont .nps-two .npstwo-second::before{content:"";position:absolute;height:100%;width:100%;z-index:0;background:url(../../../../../content/dam/balic-web/images/nps-calculator/npnrightdivimg.png);background-repeat:no-repeat;border-radius:12px;background-size:cover}
.npscalc-cont .nps-two .npstwo-second .npmstwotnc-pop{background:#fff;font-family:Rubik;font-size:12px;font-weight:400;color:#4F4F4F99;text-align:center;border:1px solid #f1f1f1;padding:8px;border-radius:0 0 10px 10px;position:absolute;bottom:0;width:-webkit-fill-available}
.npscalc-cont .nps-two .npstwo-second .npmstdetils-div{padding:24px 2px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;position:relative}
.npscalc-cont .nps-two .npstwo-second .npmstdetils-div span{font-family:Rubik;font-size:20px;font-weight:700;color:#fff}
.npscalc-cont .nps-two .npstwo-second .npmstdetils-div p{font-family:Rubik;font-size:14px;font-weight:400;color:#fff;line-height:26px}
.npscalc-cont .nps-two .npstwo-second .npmstdetils-div a{background:#f89c30;box-shadow:0 0 6px 0 #4F4F4F80;color:#fff;padding:12px;border-radius:200px;border:0;cursor:pointer}
.active_label{border-color:rgba(0,94,172,1) !important}
.active_label .dot{background:rgba(0,94,172,1) !important}
.active_label .h5{color:rgba(0,94,172,1) !important}
.error{display:none;color:red;font-family:Rubik;font-size:10px;margin-top:4px;font-weight:500}
@media(max-width:767px){.SIP_calci_main{padding:90px 15px 40px 15px}
.pcc_heading{font-size:24px;line-height:26px}
.pcc_para{font-size:12px;line-height:16px;text-align:justify}
#toggle-btn-clip-readmore,#toggle-btn-clip-readless{font-size:12px !important}
}
@media screen and (max-width:1000px){.NPS_calci_main{padding:115px 16px 30px 16px}
.npscalc-cont{flex-direction:column}
.npscalc-cont .nps-one{width:unset}
.npscalc-cont .nps-two{width:unset;flex-direction:column;gap:24px;padding:12px}
.npscalc-cont .nps-two .npstwo-first{width:unset}
.npscalc-cont .nps-two .npstwo-second{width:280px;height:550px;margin:auto}
.npscalc-cont .nps-middledel .nps-mibox span{font-size:12px}
.npscalc-cont .nps-middledel .nps-mibox .npsn-midditem{width:85%;padding:7px}
.npscalc-cont .nps-middledel .nps-mibox{gap:25px}
.npscalc-cont .nps-one .h1{font-size:20px}
.npscalc-cont .nps-two .h1{font-size:20px}
.npscalc-cont .nps-two .npstow-head .npst-one{gap:6px}
.npscalc-cont .nps-two .npstow-head span{font-size:10px}
.npscalc-cont .nps-two .npstow-head .npst-two{gap:8px}
.npscalc-cont .nps-two .npstow-head .npst-two .npt-percendiv .npti{font-size:10px}
.npscalc-cont .npsheader-det span{margin-top:24px}
.npscalc-cont .nps-two .npmstowgraphcanvas .graph-result .graphi-item span{font-size:10px}
.npscalc-cont .nps-two .npstow-data .npsdata-item .npsdatadetaisl .h1{font-size:14px;flex-direction:column}
.npscalc-cont .nps-two .npstow-data .npmsdata{padding:0 6px;gap:6px}
.npscalc-cont .nps-two .npstow-data .npsdata-item .npsdatadetaisl span{font-size:10px}
.npscalc-cont .nps-two .npmstowgraphcanvas .h5{display:block;text-align:center;font-family:Rubik;font-size:20px;font-weight:700;color:#4f4f4f;border-bottom:1px solid #0072bc;width:90%;margin:auto;padding-bottom:10px}
.npscalc-cont .nps-two .npstow-data .npmsdata .npsdatadetaisl{text-align:center}
.npscalc-cont .nps-two .npstwo-second .npmstdetils-div{padding:24px 14px}
.npscalc-cont .nps_details{gap:24px}
.npscalc-cont .npsheader-det .npshed-box .npsitem{padding:12px 8px;gap:5px}
}