*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.container{display:flex;flex-direction:row;gap:10px}.navbar_img{position:relative;height:7vw}.navbar{background-color:#427cac;background-color:#006da3;display:flex;justify-content:center;align-items:center;position:relative;gap:40px}.nav-menu{list-style:none;display:flex;gap:0px}.nav-item{position:relative;color:#fff;cursor:pointer;border-radius:5px}.nav-item a{font-size:15px;font-weight:500}.nav-item:hover{background-color:#e7772c}.nav-item>a,.nav-item{text-decoration:none;color:#fff;display:block}.nav-item a{color:#fff;text-decoration:none;padding:8px 12px;display:block}.dropdown{position:absolute;top:100%;left:0;background-color:#fff;display:none;list-style:none;min-width:250px;z-index:10}.dropdown li{position:relative}.dropdown li a{color:#000;text-decoration:none;border-bottom:1px solid rgb(116,113,113);font-size:medium;font-weight:400}.dropdown li a:hover{background-color:#c7c7c7;border-radius:5px}.nav-item:hover .dropdown,.dropdown-subitem:hover .sub-dropdown{display:block}.sub-dropdown{display:none;position:absolute;top:0;right:100%;background-color:#fdfae7;list-style:none;min-width:250px;border:1px solid black}.sub-dropdown li a{color:#000}.sub-dropdown li a:hover{background-color:#d6d6d5}.hamburger{font-size:24px;color:#fff;display:none;cursor:pointer;padding-right:10px}@media (max-width:768px){.navbar{justify-content:end}.hamburger{display:block}.nav-menu{flex-direction:column;position:absolute;top:32px;left:0;right:0;background-color:#fff;display:none}.nav-menu.active{display:flex;z-index:10001}.nav-item{border-bottom:1px solid black}.nav-item a{font-size:small;padding:3px 8px;color:#000}.dropdown li a,.sub-dropdown li a{font-size:small}.home li{border:none}.dropdown,.sub-dropdown{position:static;display:none;background-color:#fff}.nav-item:hover .dropdown{display:block}}.upperFooter{background-color:#427cac;background-color:#006da3;color:#fff;display:flex;padding:1rem 2rem;width:100vw}.upperFooter .first{padding:2rem}.upperFooter .first h3{color:#000;margin-bottom:.5rem;font-size:21px}.upperFooter .first p{font-size:17px;text-align:justify}.upperFooter .second{padding:2rem}.upperFooter .second h3{color:#000;font-size:21px}.upperFooter .second ul li{margin-top:.7rem;list-style-type:none}.upperFooter .second ul li a{font-size:16px;margin-top:1rem;list-style-type:none;text-decoration:none;color:#faebd7}.upperFooter .third{padding:2rem}.upperFooter .third h3{color:#000;margin-bottom:.7rem;font-size:21px}.upperFooter .third span{font-size:16px}.lowerFooter{background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0rem}.lowerFooter .first h4,.lowerFooter .second h3{font-size:14px}@media (max-width:768px){.upperFooter{background-color:#427cac;background-color:#006da3;color:#fff;display:flex;flex-direction:column;padding:1rem 2rem;width:100vw}}.main{text-align:center;display:flex;flex-direction:column;align-items:center;background-color:#d6e6f7}.main .head{height:3.5rem;color:#000;display:flex;align-items:center;justify-content:center;padding:.5rem 0rem;margin:21px 0}.head h1{font-size:28px}.body{padding:2rem 1rem;display:flex;justify-content:center;align-items:center;background-color:#fff;width:85%;border:1px solid rgb(141,135,135);border:none;box-shadow:#0000003d 0 3px 8px;border-radius:8px;margin-bottom:40px}.body-content{width:100vw;display:flex;flex-direction:column;justify-content:space-around}.title-heading{flex:1;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;color:#b81313}.payment-choices{flex:1;display:flex;flex-direction:column;align-items:center;margin-top:5px}.payment-choices .choice{text-decoration:none;width:100%;font-size:1.3rem;font-weight:600;width:80vw;border-radius:8px;margin:1rem;cursor:pointer}.payment-choices .p1{background-color:#41da1b;padding:.7rem .4rem}.payment-choices .p2{background-color:#e8f536;padding:.7rem .4rem}.payment-choices .p3{background-color:#e8f536;background-color:#ee2c2c;background-color:#13f3d5;padding:.7rem .4rem}.consumerContainer img{width:100%;margin:0;padding:0}.imp-note{width:100%;display:flex;justify-content:center;align-items:center;margin:10px 0}.imp-note .note{width:80%;background-color:#d6e6f7;border-radius:10px;padding:14px 20px}.imp-note .note h4{color:red;margin-bottom:10px}.imp-note .note .span1{font-weight:600}.consumerDetail{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.consumerDetail h4{font-size:2rem;font-weight:500;text-align:center;color:#0647a7;margin-top:20px}.consumerDetail .box{width:40vw;display:flex;flex-direction:column;justify-content:center;margin:1rem;background-color:#d6e6f7;padding:2rem;border-radius:1rem;border:none;box-shadow:#0000003d 0 3px 8px}.consumerDetail .box label{font-size:1.2rem;margin:1rem 0rem}.consumerDetail .box input{height:2.3rem;border-radius:8px;font-size:1.2rem;border:none}#consumerId{padding-left:10px;font-size:15px}.box .subBtn{background-color:#007bff;color:#fff;font-size:1.5rem;border-radius:10px;padding:.5rem 0rem;margin-top:2rem;border:none}.box button:hover{cursor:pointer}@media (max-width:960px){.consumerDetail h4{font-size:1rem;font-weight:600;text-align:center;color:#0647a7;margin-top:8px}.consumerDetail .box{width:70%;display:flex;flex-direction:column;justify-content:center;margin:1rem;background-color:#d6e6f7;padding:2rem;border:2px solid rgb(116,114,111);border-radius:1rem}.box label{font-size:1rem;margin:1rem 0rem}.box button{background-color:#007bff;color:#fff;font-size:1rem;border-radius:10px;padding:.5rem 0rem;margin-top:2rem}}.consumerMeterDetailContainer{display:flex;justify-content:center;align-items:center;background-color:#fff}.meterDetails{display:flex;flex-direction:column;align-items:center;padding:20px 40px;background-color:#d6e6f7;border:1px solid rgb(116,114,111);border:none;box-shadow:#0000003d 0 3px 8px;border-radius:10px;margin:2rem}.meterDetails h2{font-size:2rem;margin-top:2rem;font-weight:500;color:#0647a7}#meterDetailId{display:flex;flex-direction:column}.meterEntry{display:flex;flex-direction:row;gap:20px;margin-top:28px}#meterDetailId label{font-size:1.1rem;margin-top:1rem;width:27rem;flex:1;font-weight:500}#meterDetailId input{width:100%;padding:18px 12px;height:2rem;border-radius:8px;margin-top:7px;font-size:1.2rem;flex:2;border:none;background-color:#fff}#rechargeNoOfDays{width:100%;padding:3px 12px;height:2.5rem;border-radius:8px;margin-top:7px;font-size:1.2rem;flex:2;border:none;color:#000;background-color:#fff}#paymentGatewayOption{margin-top:1.5rem;padding:8px;border-radius:8px;font-size:1rem}#meterDetailId button{border-radius:8px;margin:1.5rem 0rem 2rem;padding:6px 0;background-color:#007bff;font-size:1.5rem;font-weight:500;color:#fff;border:none}#meterDetailId button:hover{cursor:pointer}.balance{font-size:27px!important;font-weight:600;color:#e63205;margin-top:25px!important}@media (max-width:570px){.meterDetails{width:100vw;display:flex;flex-direction:column;align-items:center;background-color:#d6e6f7;border:2px solid #d6e6f7;border-radius:0;margin:0}.meterEntry{display:flex;flex-direction:column;gap:20px;margin-top:25px}#meterDetailId label{font-size:1.1rem;margin:7px 0 0 7px;width:20rem;flex:1;font-weight:500}#meterDetailId input{padding:8px 12px;height:1.7rem;border-radius:8px;margin:7px 0 0 7px;font-size:1.1rem;width:90vw}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}svg{position:fixed;inset:0;margin:auto;width:3.25em;transform-origin:center;animation:rotate4 2s linear infinite}circle{fill:none;stroke:#3189fc;stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite}@keyframes rotate4{to{transform:rotate(360deg)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}