@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.grecaptcha-badge{visibility:hidden}.error-message{display:none!important}.recaptcha-error{display:none}.paragrap{margin-bottom:10px;margin-left:-50%}.paragrappassword{margin-bottom:10px;margin-left:-70%}.createbutton{margin:10px;border-radius:10px;border:1px solid #ff4b2b;background-color:#fff;color:#000;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}.flex-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.welcome-text{margin-top:60%;text-align:center}.button-container{text-align:center;margin-bottom:50%}.form-control{width:50%;padding:8px;font-size:16px;border-radius:3px;border:1px solid #ccc}.btn{padding:10px 20px;font-size:16px;border-radius:3px;border:none;cursor:pointer}.btn-primary{background-color:#007bff;color:#fff}.text-sm{font-size:14px}.text-white{color:#fff}.text-center{text-align:center}.forgetpassword{height:50px}.forgetpassword p:hover{color:red;text-decoration:underline}.imgcontainer{text-align:center;margin:2px 0 4px;position:relative}img.avatar{width:30%}.input-container1{position:relative}.input-container1 i{color:grey}.input-container1 i,.input-container1 img{position:absolute;top:50%;transform:translateY(-50%);left:10px}.input-container1 img{color:#000}.input-container1 input{padding-left:30px}.input_image_icon{position:relative}.input_image_icon i{font-size:24px}.input_image_icon i,.input_image_icon img{position:absolute;top:50%;transform:translateY(-50%);right:10px;color:#000}.input_image_icon input{padding-left:30px}.password-toggle-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer}.input-container1 .password-toggle-button-eye-icon{color:grey;height:14px}.forgetpassword{margin-left:70%}.verifyButton{width:100%}@media only screen and (max-width:600px){.forgetpassword{margin-left:50%}}@media only screen and (max-width:400px){.forgetpassword{margin-left:30%}}.mobile-only{display:none}@media (min-width:300px) and (max-width:770px){.mobile-only{display:block}}.buttonColor{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}.containerpage form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}.containerpage input{background-color:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}.containerpage{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;width:90%;max-width:768px;min-height:480px;padding:0 20px}.containerpage .form-container{position:absolute;top:0;height:100%}.containerpage .log-in-container{left:0;width:50%;z-index:2}.containerpage .overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%}.overlayOut{background-image:url(/static/media/loginpagImage.71dfa707.jpg);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;border-radius:8px}.containerpage .overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%}.containerpage .overlay-right{right:0}@media (max-width:768px){.containerpage{margin-top:5%;width:90%;border-radius:10px}.containerpage .form-container{margin-top:15%;width:100%;left:0}.containerpage .overlay-container{margin-top:5%;width:100%;left:0}.containerpage .overlay,.containerpage .overlay-panel{width:100%}.containerpage .button{padding:10px 35px;font-size:15px}.containerpage input{padding:8px 12px}.flex-container{width:100%;text-align:center}.createbutton{width:100%}.button-container p{margin:5px 0}.button-container{margin-bottom:5%}.mobile-only{margin-bottom:35%}}.togglebutton{display:none}.sidebarname{background-color:initial;background-color:#2196f3;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.2);border-radius:4px}.Sidebar11{margin-top:50%}.paragraph{width:100%;color:#fff;font-size:15px;transition:color .3s ease-in-out,font-size .3s ease-in-out;cursor:pointer}.Tokenurl{margin-top:2%;margin-left:20%;background-color:#e3f2fd;width:70%;border-radius:2px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.social_media_Icon p{margin:0 10px 0 0}.dropdown-toggle-icon-right:after{margin-left:auto}.Division{margin-top:10%;width:70%;margin-left:20%;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:#f9f9f9}@media (min-width:350px) and (max-width:720px){.Division{margin-top:30%}.Division,.Tokenurl{width:110%;margin-left:0}.Tokenurl{margin-top:1%;padding:5px;box-shadow:2px 2px 10px rgba(0,0,0,.1)}.PrintTokenUrl{word-wrap:break-word;width:auto;box-shadow:2px 2px 10px rgba(194,9,9,.1);margin:-5px}.social_media_Icon{display:flex;align-items:center;justify-content:center}.Paragraph{width:auto;margin:10px}}.PrintTokenUrl{margin:10px;word-wrap:break-word;padding:10px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.Paragraph{width:auto;box-shadow:2px 2px 10px rgba(0,0,0,.1)}.Paragraph,.Paragraph p{margin:10px}.social_media_Icon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:auto;box-shadow:2px 2px 10px rgba(0,0,0,.1);margin:10px}.social_media_Icon p{width:100%;text-align:center}.sidebar-item{cursor:pointer;padding:10px;transition:background-color .3s}.sidebar-item.active{background-color:#007bff;color:#fff}.heading-containers{margin:5% -10px -10px}.heading-containers p{position:sticky;top:0;background-color:#e3f2fd;z-index:10;text-align:center}.containerSection{position:relative;margin-top:20px}.fixed-welcome{position:fixed;top:102px;left:260px;width:calc(100% - 250px);background:#fff;padding:-10px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:left .3s ease,width .3s ease;z-index:10}.Token_available{margin-top:10px;display:flex;justify-content:center}.checkbox,.checkboxFields{height:25px;width:25px;margin:5px}.flex-container_for_checkbox{margin-left:0;display:flex;align-items:center}.CheckBoxButtonPart{display:flex;justify-content:space-between;margin-bottom:10px}.CheckBoxButtonPart button{margin-right:30%}.btn.btn-primary{margin-left:10px}.tokenContainerWrapper{display:flex;padding-top:10%;margin-left:120px;flex-direction:column;background:#fff}.tokenContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;width:100%;margin-left:-25px;margin-top:1%}.tokenCard{display:flex;flex-direction:column;padding:20px;border:1px solid #ec0f0f;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:90%}.group_container{flex-wrap:wrap;align-items:center;margin-bottom:10px}.Image{width:35px;height:35px;margin-right:10px}.group_container p{margin:0 10px}.details-container{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:visible}.responsive-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:-20px}.contactInfo{display:flex;flex-wrap:wrap;width:100%}.MuiTextField-root,.responsive-item{width:100%}@media (min-width:1200px) and (max-width:1400px){.fixed-welcome{left:260px;width:calc(100% - 250px)}.tokenContainerWrapper{margin-left:250px;padding-top:15%}.tokenContainer{grid-template-columns:repeat(auto-fit,minmax(550px,1fr));width:100%}.CheckBoxButtonPart{display:flex;justify-content:space-between;margin-bottom:10px}.CheckBoxButtonPart button{margin-right:30%}}@media (min-width:992px) and (max-width:1199px){.fixed-welcome{left:250px;width:calc(100% - 250px)}.tokenContainerWrapper{margin-left:250px;padding-top:15%}.tokenContainer{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));width:100%}.CheckBoxButtonPart{display:flex;justify-content:space-between;margin-bottom:10px}.CheckBoxButtonPart button{margin-right:30%}.checkboxFields{width:30px;margin:5px}}@media (min-width:770px) and (max-width:991px){.fixed-welcome{left:250px;width:calc(100% - 250px)}.tokenContainerWrapper{margin-top:22%;margin-left:250px;padding-top:15%}.tokenContainer{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:140%}.CheckBoxButtonPart{display:flex;justify-content:space-between;margin-bottom:10px}.CheckBoxButtonPart button{margin-right:10%}}@media (max-width:767px){.fixed-welcome{width:100%;left:0}.tokenContainerWrapper{margin-left:0;padding-top:40%}.tokenContainer{grid-template-columns:1fr;grid-gap:20px;gap:20px;width:100%}.details-container{flex-direction:column}.responsive-container{grid-template-columns:1fr;grid-gap:10px;gap:10px}.CheckBoxButtonPart{display:flex;justify-content:space-between;margin-bottom:10px}.CheckBoxButtonPart button{margin-right:5%}.checkboxFields{width:30px;margin:5px}}@media (min-width:300px) and (max-width:380px){.tokenContainerWrapper{margin-left:0;padding-top:90%}.tokenContainer{grid-template-columns:1fr;grid-gap:20px;gap:20px;width:120%}.checkboxFields{width:60px;margin:5px}}@media (min-width:381px) and (max-width:480px){.tokenContainerWrapper{margin-left:0;padding-top:75%}.tokenContainer{grid-template-columns:1fr;grid-gap:10px;gap:10px;width:120%}.checkboxFields{width:40px;margin:5px}}@media (min-width:481px) and (max-width:620px){.tokenContainerWrapper{margin-left:0;padding-top:60%}.tokenContainer{grid-template-columns:1fr;grid-gap:20px;gap:20px;width:115%}.checkboxFields{width:50px;margin:5px}}.sidebar-togglemenu{color:#007bff;font-size:25px;font-weight:700;display:none;position:fixed;top:15%;left:10px;z-index:1001;cursor:pointer}.sidebarmenu{width:250px;position:fixed;top:105px;left:0;bottom:0;background-color:#f8f9fa;overflow-y:auto;transition:transform .3s ease;z-index:300}.sidebarmenu.hidden{transform:translateX(-100%)}.sidebarmenu.visible{transform:translateX(0)}.paragraphrow{z-index:101;position:relative}@media (max-width:768px){.sidebar-togglemenu{display:block}.sidebarmenu{width:95%;position:fixed;top:60px;left:0;height:calc(100% - 60px);transform:translateX(-100%);transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:5px}.sidebarmenu.visible{transform:translateX(0)}.openMenu1{margin-top:15%}}@media (min-width:320px) and (max-width:380px){.openMenu1{margin-top:29%}}@media (min-width:381px) and (max-width:430px){.openMenu1{margin-top:27%}}@media (min-width:431px) and (max-width:490px){.openMenu1{margin-top:22%}}@media (min-width:491px) and (max-width:550px){.openMenu1{margin-top:20%}}@media (min-width:551px) and (max-width:620px){.openMenu1{margin-top:20%}}@media (min-width:621px) and (max-width:690px){.sidebar-togglemenu{margin-top:7%}.openMenu1{margin-top:20%}}@media (min-width:751px) and (max-width:800px){.sidebar-togglemenu{margin-top:1px}.openMenu1{margin-top:18%}}@media (min-width:349px) and (max-width:380px){.sidebar-togglemenu{margin-top:8%}}@media (min-width:281px) and (max-width:348px){.sidebar-togglemenu{margin-top:9%}}.page-footers{background-color:#343a40;color:#fff}.page-footer .container-fluid{padding-top:10px}.page-footer .container-fluid h5{font-size:18px;color:#fff}.page-footer .container-fluid p{font-size:16px}.page-footer .container-fluid hr{border-top:1px solid #fff}.page-footer ul{padding-left:0}.page-footer ul li{list-style:none}.page-footer ul li a{color:#fff;text-decoration:none}.page-footer ul li a:hover{color:#fff;text-decoration:underline}.input-group{position:relative;width:20%}.input-group i{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer}.input-group input[type=email]{padding-right:30px;background:transparent;border:1px solid #ced4da;border-radius:0}.input-group i{font-size:1rem}.input-group i:hover,.input-group input[type=email]:hover{color:#fffcfc}#button-addon2{margin-top:-5%!important;background-color:#00f;height:110%!important;color:#f0f8ff}.col-12 a,.input-group input[type=email]::placeholder{color:#fff}.col-12 a{text-decoration:none}.col-12 a:hover{color:#ced4da}@media (max-width:768px){.col-md-3{width:100%}}@media (max-width:780px){.LoginButton{margin-left:10px}}.design{background-color:red;color:red}*{margin:0;padding:0;box-sizing:border-box}body{font-family:cursive}a{text-decoration:none}li{list-style:none}.logo{margin-top:8px;margin-left:30px;width:20%}@media (max-width:650px){.nav-link{margin-left:15px}.navbar-nav{margin-left:4px}.logo{margin-left:5px;width:100px}}.nav-link-with-line{border-right:5px solid #000;padding-right:20px;margin-right:30px;margin-left:30px}.nav-link-button{background-color:#f01212;color:rgba(0,0,0,.5)}.navbar-nav{margin-left:16%}.lini-nav-items{background-color:#e3f2fd;border-right:1px solid #000;align-items:center}.navbar-nav .nav-link,.navbar-nav .navlink-item{margin-left:1rem}.nav-link:hover{background-color:#e3f2fd;border-radius:5px}.navbar .nav-link-button{margin-right:20px;color:#000!important}@media (max-width:767px){.user-navbar{margin-top:4.5rem}}.navbar-nav .nav-link{margin-left:2px}.navbar-nav .navlink-item{margin-left:10px}.active-link{color:red;font-weight:700}.navbar-nav .lini-nav-items .nav-link.active{color:#fff;background-color:#007bff;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.2)}@media (max-width:768px){.navbar-nav .lini-nav-items .nav-link.active{width:auto;display:inline-block;padding:5px 10px;color:#fff;background-color:#007bff}.navbar-nav .lini-nav-items{display:block}}@media (min-width:769px) and (max-width:1011px){.navbar-nav .lini-nav-items .nav-link.active{width:auto;display:inline-block;padding:5px 10px;color:#fff;background-color:#007bff}.navbar-nav .lini-nav-items{display:block}}.style{color:green}.swal2-popup{background-color:#f0f0f0}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:9999}.AlertDailog{z-index:999;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.AdminPhoto{display:flex;justify-content:center;align-items:center;margin-top:1px}.AdminPhoto img{height:10%;width:20%;border-radius:60%;background-color:#6e5252}.AdminPhoto img,.containers{box-shadow:0 0 10px rgba(0,0,0,.1)}.containers{max-width:5px;margin:6% auto 0;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#fff;width:100%}.formgroup{margin-top:20px;display:flex;flex-direction:column;align-items:center}.formgroup div{margin:3px}@media (min-width:150px) and (max-width:400px){.containers{max-width:90%;margin-top:70%}.form-control{width:100%}}@media (max-width:650px){.containers{max-width:90%;margin-top:23%}.form-control{width:100%}}@media (min-width:650px) and (max-width:1000px){.containers{max-width:60%;margin-top:14%}}@media (min-width:1000px) and (max-width:1199px){.containers{max-width:40%;margin-top:13%}}@media (min-width:1200px){.containers{max-width:40%}}.InputFields{width:80%}@media (min-width:650px){.InputFields{width:50%}}@media (min-width:960px){.InputFields{max-width:40%}}@media (min-width:1280px){.InputFields{max-width:40%}}.ReConfigTokenHeading{background-color:#e3f2fd;display:inline-block;margin:10px;padding:10px;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,.2)}.formsection{display:flex;flex-direction:column}.form-group{margin-bottom:5px}.formsection input{padding:10px;border:none;border-bottom:1px solid #000;border-radius:0;width:50%;box-sizing:border-box;outline:none;margin-top:5px}.form-group{display:flex;flex-direction:column}.password-toggle-button1{right:5px;top:50%;transform:translateY(-50%)}.password-toggle-icon{font-size:16px;color:grey}.password-toggle-button1{position:absolute;right:50%;bottom:0;background:none;border:none;padding:0;cursor:pointer}.custom-dropdown-toggle+.dropdown-menu{background-color:#f8f9fa;color:#212529}.custom-dropdown-toggle+.dropdown-menu .dropdown-item{color:#212529}.custom-dropdown-toggle+.dropdown-menu .dropdown-item:focus,.custom-dropdown-toggle+.dropdown-menu .dropdown-item:hover{background-color:#e9ecef}.delete-button{box-shadow:0 4px 8px rgba(0,0,0,.1);padding:8px;border-radius:5%}.ChangemobileMainSection{margin-left:15%}.HeadingBar{display:flex;align-items:center;margin-left:1%;background-color:#00f;width:60%;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff}.DrowpdownMenu{margin-left:1%;margin-top:1%}.DrowpdownMenu Dropdown{width:80%}.DrowpdownMenu Dropdown.Toggle{background-color:#fff;color:#000;width:50%;display:flex;justify-content:space-between;text-align:left;text-transform:capitalize}.dropdowntoggleMenu{width:40%}.dropMenu{max-height:250px;overflow-y:auto;width:40%}.dropdownItemBox{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;box-shadow:0 2px 4px rgba(16,15,15,.1)}.generatesidebar{margin-top:7%;width:20%}@media (max-width:650px){.form-group,.passwordinputFields input{width:100%}.ChangemobileMainSection{margin-top:25%;margin-left:5%}.HeadingBar{margin-top:10%;display:flex;width:100%}.dropdowntoggleMenu{margin-top:4%;width:100%}.dropMenu{width:100%}}@media (min-width:650px) and (max-width:1000px){.form-group,.passwordinputFields input{width:100%}.dropdowntoggleMenu{margin-top:2%;width:100%}}.serial-container{max-height:400px;overflow-y:auto}.selectAllContainer{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}.selectAllText{margin:10px}.CheckBox{margin-right:20px;width:20px;height:20px}.TrnaseferContainer{margin-left:20%;margin-top:3%;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);width:50%}.MeterList{margin-left:18%}.MeterSerial{margin-left:1%}@media (max-width:650px){.TrnaseferContainer{margin-top:30%;margin-left:1%;width:100%}.MeterList{margin-top:30%;margin-left:5%}.MeterSerial{margin-left:1%}}@media (min-width:650px) and (max-width:1000px){.TrnaseferContainer{margin-top:20%;margin-left:1%;width:100%}.MeterList{margin-top:18%;margin-left:1%}}@media (min-width:360px) and (max-width:480px){.TrnaseferContainer{margin-top:32%;margin-left:5%;width:100%}.MeterList{margin-top:30%;margin-left:5%}.MeterSerial{margin-left:1%}}.CardContainer{display:flex;flex-wrap:wrap;justify-content:flex-start}.CardBody{margin:10px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:10px;border-radius:5px;background-color:#fff;width:15%;box-sizing:border-box;border-bottom:1px solid #fffdfd}.serial-row{display:flex;justify-content:space-between;width:100%;margin:2px 0}@media (max-width:1200px){.CardBody{width:20%}}@media (max-width:768px){.CardBody{width:40%}}@media (max-width:480px){.CardBody{width:40%}}.sidebar1-toggle{color:#007bff;font-size:25px;font-weight:700;display:none;position:fixed;top:15%;left:10px;z-index:1001;cursor:pointer}.sidebarss1{width:250px;position:fixed;top:105px;left:0;bottom:0;background-color:#f8f9fa;overflow-y:auto;transition:transform .3s ease;z-index:20}.sidebarss1.hidden{transform:translateX(-100%)}.sidebarss1.visible{transform:translateX(0)}.Maincontainer{margin-top:8%;width:80%;margin-left:100px}@media (max-width:768px){.sidebar1-toggle{display:block;z-index:11}.sidebarss1{width:95%;position:fixed;top:60px;left:0;height:calc(100% - 60px);z-index:10;transform:translateX(-100%);transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:5px}.sidebarss1.visible{transform:translateX(0)}.openMenu{margin-top:15%;z-index:300}.Maincontainer{margin-top:8%;margin-left:20px}}@media (min-width:320px) and (max-width:380px){.openMenu{margin-top:29%}.Maincontainer{margin-top:13%;margin-left:50px}}@media (min-width:381px) and (max-width:430px){.openMenu{margin-top:27%}}@media (min-width:431px) and (max-width:490px){.openMenu{margin-top:22%}}@media (min-width:491px) and (max-width:550px){.openMenu{margin-top:20%}}@media (min-width:551px) and (max-width:620px){.openMenu{margin-top:20%}}@media (min-width:621px) and (max-width:690px){.sidebar1-toggle{margin-top:7%}.openMenu{margin-top:20%}}@media (min-width:751px) and (max-width:800px){.sidebar1-toggle{margin-top:1px}.openMenu{margin-top:18%}}@media (min-width:349px) and (max-width:380px){.sidebar1-toggle{margin-top:8%}}@media (min-width:281px) and (max-width:348px){.sidebar1-toggle{margin-top:9%}}.group-icons{width:30%}@media (max-width:767px){.group-icons{width:100%;margin-left:0;height:auto}.group-icons p{width:100%;flex:1 1}}.group_container{background-color:#e3f2fd;display:flex;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.group_container P{margin:5px;font-size:14px;line-height:1.2;white-space:nowrap}.meter_serial_number p{margin:10px}.MainClass{margin-left:1%}.GroupName{display:flex}.rowContainer{cursor:pointer;display:flex;flex-wrap:wrap;justify-content:flex-start}.customBox{float:left;height:50px;padding:10px;width:12%}.customBox,.groupcustomBox{margin:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:5px;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #fffdfd}.groupcustomBox{cursor:pointer;padding:4px;height:90px;width:15%}.editIcon{width:20px;height:20px;cursor:pointer}.EditGRoupname{cursor:pointer;display:flex;background-color:#e3f2fd;width:30%;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;margin:1%}@media (max-width:768px){.EditGRoupname{width:100%}.groupcustomBox{width:42%;height:110px;margin-bottom:10px}}.serialNumer span{color:#f40a0a}.Consumersidebar{margin:0;padding:30px;background-color:#f1f1f1;position:fixed;height:100vh;overflow:auto;z-index:1;top:0;left:0;box-shadow:0 10px 10px rgba(0,0,0,.2)}.ConsumerSidebarDetails{padding:20px;margin-top:40%}.Consumersidebar1{margin-top:30%}.HorizontalLine{display:flex;align-items:center;justify-content:center}.Images{width:80px;height:80px;cursor:pointer}.GroupnameIcon img{width:50px;height:50px;margin:10px;cursor:pointer}.GroupnameIcon p{margin:1px;cursor:pointer}.consumerPrintserailNumber{margin-top:10%}@media (max-width:650px){.customBox{width:28%}.GroupName{margin-top:35%}.MainClass{margin-left:21%}.serialNumer{flex-direction:column;align-items:flex-start}.Consumersidebar1{margin-top:50%}.Consumersidebar{margin-top:14%;width:30%}.consumerPrintserailNumber{margin-top:40%}}@media (min-width:650px) and (max-width:1000px){.GroupName{margin-top:13%}.Consumersidebar{width:20%}}@media (min-width:1000px) and (max-width:1199px){.GroupName{margin-top:12%}.Consumersidebar1{margin-top:50%}.Consumersidebar{width:22%}}@media (min-width:1200px) and (max-width:1400px){.GroupName{max-width:100%}.Consumersidebar{margin-top:1%;width:20%}}.Sidebar{margin:0;padding:30px;background-color:#f1f1f1;position:fixed;height:100vh;overflow:auto;z-index:1;top:0;left:0;box-shadow:0 10px 10px rgba(0,0,0,.2)}.Sidebar .Image{margin-left:50px}.Sidebar a{display:block;color:#000;padding:16px;text-decoration:none}.Sidebar a.active{background-color:#04aa6d;color:#fff}.Sidebar a:hover:not(.active){background-color:#555;color:#fff}.PrintGroupname{margin-top:40%}@media screen and (max-width:650px){.Sidebar a{text-align:center;float:none}.Sidebar .Image{margin-left:15px}.Sidebar p{text-align:center}.Sidebar{width:33%;height:100%;margin-top:10%}.Sidebar a{float:left}.Sidebar h5{text-align:center}div.content{margin-left:0}.PrintGroupname{margin-top:60%;margin-bottom:30%}}.generateMainClass{margin-left:15%;margin-top:8%}body{font-family:Arial,sans-serif;margin:0;padding:0}.HeadingSection{text-align:center;padding:20px}.Component{background-color:#000}@media (max-width:299px){.generateMainClass{margin-left:20%;margin-top:10%}}@media (min-width:300px) and (max-width:650px){.generateMainClass{margin-left:30%;margin-top:10%}.HeadingSection{margin-left:30%;margin-top:12%}.checkbox{height:30px;width:30px}.Maingroupname{margin-top:16%;margin-left:22%}}.pending-request{display:block;margin:0;padding:0}.pending-request1{display:block;margin:5px;padding:10px}@media (min-width:651px) and (max-width:1024px){.generateMainClass{margin-left:30%;margin-top:13%}.HeadingSection{margin-left:30%;margin-top:10%}}@media (min-width:1024px) and (max-width:1350px){.generateMainClass{margin-left:35%;margin-top:7%}.HeadingSection{margin-left:30%;margin-top:10%}}@media (max-width:1251px){.HeadingSection{margin-left:30%;margin-top:7%}}.highlight,.highlighted{background-color:#b4d5ec;border-radius:5px;color:#000;border:1px solid #000}.highlighted{box-shadow:0 4px 8px rgba(0,0,0,.2)}.custom-width{width:25%}.help-icon-container{top:55px;z-index:1000}.help-icon-container,.help-icon-containerss{position:fixed;right:20px;transition:all .3s ease}.help-icon-containerss{top:16%}@media (min-width:769px) and (max-width:992px){.help-icon-containerss{display:none;position:fixed;top:16%;right:20px;transition:all .3s ease}}@media (max-width:768px){.help-icon-container{top:10%;right:20px;width:50px;height:50px}.help-icon-containerss{display:none;position:fixed;top:16%;right:20px;transition:all .3s ease}}@media (max-width:480px){.help-icon-container{top:8%;right:20px;width:40px;height:40px;display:none}.help-icon-containerss{display:none;position:fixed;top:15%;right:20px;transition:all .3s ease}}.responsive-container{width:100%}@media (min-width:768px){.responsive-container{width:100%}}.input-field{width:50%;height:30px;margin-bottom:10px;padding:5px;box-sizing:border-box}.custom-button{width:auto;height:40px;margin:10px 5px 5px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.form-container{position:relative}.date-picker-wrapper{position:absolute;z-index:999}.customBox1{margin:10px;height:auto;display:flex;float:left;background-color:red;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:10px;border-radius:5px;background-color:#fff;width:20%;box-sizing:border-box}.form-label{color:#000}div.content{margin-left:240px;padding:1px 16px;height:auto;position:fixed;width:100%}.input-row{display:flex;justify-content:space-between;margin-bottom:10px}.formdata{width:40%}.col-md-6{margin:5px auto;padding:2px 10}.input-row1{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px}.input-column{flex:1 0 50%}input[type=password],input[type=text],textarea{color:#000}.input-field{width:20px;border:1px solid #000;border-radius:4px}.underline-input{width:20%;outline:0;color:#000;font-size:20px;border:0}.input-field{width:200px;margin-right:10px;border:1px solid #ccc;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.underline-input{position:relative;background-color:initial;border-bottom:1px solid #000;outline:none;width:30%}.groupname{margin:0;background-color:pink;width:94%;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.group-icon{position:relative;margin-left:25px;background-color:#e3f2fd;border-radius:5px;width:50%;color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}.groupname p{display:inline-block;color:#000;font-size:15px;font-weight:700;margin-left:20px}.groupname button{margin-top:15%;box-shadow:0 4px 4px rgba(0,0,0,.25)}.groupnameFrom label{color:#000;font-size:15px}.custom-modal{max-width:70vw!important;position:fixed;top:3%;margin:0;display:flex;align-items:center;justify-content:center}.custom-modal .modal-dialog{width:100%;height:100%;margin:0}.custommodal{max-width:60vw!important}.modelbody{height:70vh!important}.groupname-icon{display:flex;flex-direction:column}.group-item{display:flex;cursor:pointer}.group-icon{width:50px;height:50px;margin-right:20px}.group-name{cursor:pointer}.container-group{margin-left:23%;margin-top:5%}@media (min-width:300px) and (max-width:650px){.group-item{flex-direction:column;align-items:flex-start}.group-icon{margin-right:0}.container-group{margin-left:23%;margin-top:5%}}@media (min-width:651px){.groupname-icon{flex-wrap:wrap}.group-item,.groupname-icon{flex-direction:row}.group-icon{margin-right:20px;margin-bottom:0}}.form-containers{width:100%;padding:2%}.header,.header-content{align-items:center}.header-content{display:flex}.icon{width:25px;height:25px;margin-left:4%}.group-name{margin-left:3%;margin-top:1px}.form-content{margin-left:3%;margin-top:10px;width:70%}.input-group{display:flex;flex-direction:column}.input-field{width:100%;padding:8px;margin:8px 0}.error-text{color:red}.info-text{font-size:10px}.btn-primary{margin-top:10px}@media (min-width:300px) and (max-width:650px){.form-containers{margin-left:15%;width:85%}.form-content{width:70%;margin-left:13px}.input-group{flex-direction:column}}@media (min-width:651px) and (max-width:1024px){.form-content{width:50%}.input-group{flex-direction:row;justify-content:space-between}.input-group>div{flex:1 1;margin-right:10px}.input-group>div:last-child{margin-right:0}}@media (min-width:1025px){.form-content{width:70%}.input-group{flex-direction:row;justify-content:space-between}.input-group>div{flex:1 1;margin-right:10px}.input-group>div:last-child{margin-right:0}}@media (max-width:1251px){.form-content{width:100%;margin-left:0}.input-group{flex-direction:column}}@media screen and (max-width:1280px){.form-content{width:100%;margin-left:0}.input-group{flex-direction:column}}.sidebarss{width:250px;position:fixed;top:105px;left:0;bottom:0;background-color:#f8f9fa;overflow-y:auto;transition:transform .3s ease;z-index:20}.sidebar-toggle{color:#007bff;font-size:25px;font-weight:700;display:none;position:fixed;top:14%;left:10px;z-index:1001;cursor:pointer}.sidebarss.hidden{transform:translateX(-100%)}.sidebarss.visible{transform:translateX(0)}.heading-container{position:sticky;top:0;background-color:#e3f2fd;z-index:10;padding:6px 0;text-align:center}.heading{top:16%;color:#000;font-size:14px;font-weight:700}.header{padding:10px;align-items:flex-start}.header,.header1{position:fixed;top:102px;left:250px;width:calc(100% - 250px);background:#fff;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:left .3s ease,width .3s ease}.header1{padding:20px;align-items:center}.header.sidebar-visible{left:0;width:100%}.headerTab{margin-left:450px}.search-bar{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10px}.search-bar input{flex:1 1}.btn{align-self:flex-end}.custom-form-group{position:relative}.custom-input-container{display:flex;align-items:flex-start;grid-gap:1px;gap:1px;position:relative}.input-container{display:flex;flex-direction:column;flex:1 1;position:relative}.input-container .MuiFormHelperText-root{color:red;margin-top:4px;position:absolute;top:100%;left:0;width:100%}.input-container .MuiOutlinedInput-root{width:100%}.search-custom-button{background-color:#007bff;color:#fff}.navigation{margin-top:2%;display:flex;grid-gap:8px;gap:8px;cursor:pointer;border-bottom:2px solid #ddd;margin-left:3%}.EditGroupname{background-color:#e3f2fd;font-size:16px;padding:10px;border-radius:5px 5px 0 0;margin:0;color:#007bff;cursor:pointer;text-align:center}.EditGroupname:hover{background-color:#e3f2fd;color:#000;border-bottom:2px solid #ddd}.EditGroupname.active{background-color:#007bff;color:#fff;border-bottom:none}.groups-container{display:flex;flex-direction:column;max-width:100%}.customgroupitems{display:flex;align-items:center;width:100%;padding:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;cursor:pointer;transition:background-color .3s ease}.customgroupitems.selected{background-color:#007bff;border:1px solid #000;border-radius:5px;color:#fff;font-weight:700}.cgroup-box{display:flex;align-items:center}.group-icon{width:40px;height:40px;margin-right:10px}.customgroup-name{font-size:16px}.main-content{margin-top:13%;margin-left:220px}.main-content,.main-content1{flex:1 1;padding:20px;box-sizing:border-box;transition:margin-left .3s ease}.main-content1{margin-left:240px;margin-top:11%}.main-content.sidebar-visible{margin-left:0}@media (max-width:1251px){.sidebarss{width:250px}.header,.header1{left:200px;width:calc(100% - 200px)}.headerTabs1{margin-left:10px}.main-content,.main-content1{margin-left:-25%;margin-top:18%}.headerTab{margin-left:60px}.navigation{margin-top:2%}}@media (max-width:721px){.sidebar-toggle{display:block;z-index:11}.sidebarss{width:95%;position:fixed;top:13%;left:0;height:calc(100% - 60px);z-index:10;transform:translateX(-100%);transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:5px}.groups-container,.heading-container{top:3%}.sidebarss.visible{transform:translateX(0)}.customgroupitems{bottom:-40px}.header,.header1{width:100%;left:0;top:15%;z-index:5;transition:top .3s ease}.headerTab{margin-left:70px}.navigation{margin-top:6%}.headerTabs1{margin-left:50px}.header.sidebar-visible{top:10%}.main-content{margin-top:70%;transition:margin-top .3s ease}.main-content1{margin-left:-25%;margin-top:45%}.main-content.sidebar-visible{margin-top:20%}}@media (min-width:300px) and (max-width:348px){.header{top:105px}.header1{top:102px}.main-content{margin-top:83%}.main-content1{margin-top:60%}.customBox{width:40%}.sidebarss{margin-top:6px}.sidebar-toggle{margin-top:30px}}@media (min-width:349px) and (max-width:380px){.header{top:105px}.header1{top:102px}.main-content{margin-top:75%}.main-content1{margin-top:55%}.GroupPart{margin-top:10px}.customBox{width:40%}.sidebarss{margin-top:6px}.sidebar-toggle{margin-top:30px}}@media (min-width:381px) and (max-width:460px){.header{top:100px}.header1{top:105px}.main-content{margin-top:65%}.main-content1{margin-top:50%}.heading-container{margin-top:-5px}.groups-container{margin-top:20px}.customBox{width:30%}.sidebar-toggle{margin-top:18px}}@media (min-width:461px) and (max-width:499px){.header,.header1{top:100px}.main-content{margin-top:50%}.main-content1{margin-top:40%}.sidebar-toggle{margin-top:18px}}@media (min-width:500px) and (max-width:540px){.header,.header1{top:100px}.main-content{margin-top:47%}.main-content1{margin-top:35%}.sidebar-toggle{margin-top:18px}}@media (min-width:541px) and (max-width:620px){.header{top:103px}.header1{top:100px}.main-content{margin-top:45%}.main-content1{margin-top:31%}.sidebar-toggle{margin-top:18px}}@media (min-width:621px) and (max-width:720px){.header{top:93px}.customBox{width:16%}.sidebar-toggle{margin-top:18px}.header1{top:100px}.main-content{margin-top:35%;margin-left:0}.main-content1{margin-top:30%;margin-left:0}}@media (min-width:721px) and (max-width:750px){.header,.header1{top:90px}.customBox{width:22%}.main-content{margin-top:32%;margin-left:230px}.main-content1{margin-top:25%;margin-left:230px}}@media (min-width:751px) and (max-width:800px){.header,.header1{top:90px}.customBox{width:20%}.main-content1{margin-top:25%;margin-left:230px}.main-content{margin-top:30%;margin-left:230px}.groupcustomBox{width:40%}.navigation{margin-left:10%}}@media (min-width:801px) and (max-width:890px){.header{top:87px}.customBox{width:17%}.main-content{margin-top:27%;margin-left:230px}.groupcustomBox{width:35%;margin-left:0}.header1{top:90px}.main-content1{margin-top:20%;margin-left:220px}.navigation{margin-left:9%}}@media (min-width:891px) and (max-width:970px){.header{top:87px}.customBox{width:16%}.main-content{margin-top:25%;margin-left:230px}.groupcustomBox{width:30%;margin-left:0}.header1{top:90px}.main-content1{margin-top:17%;margin-left:220px}.navigation{margin-left:8%}.heading{margin-top:7%}}@media (min-width:971px) and (max-width:1050px){.heading-container{top:2%}.cgroup-box{margin-top:13%}.header{top:128px}.main-content{margin-top:25%;margin-left:230px}.groupcustomBox{width:30%;margin-left:0}.header1{top:120px}.main-content1{margin-top:17%;margin-left:233px}.navigation{margin-left:7%}.heading{margin-top:7%}}@media (min-width:1051px) and (max-width:1150px){.heading-container{top:2%}.cgroup-box{margin-top:13%}.header{top:100px}.main-content{margin-top:20%;margin-left:230px}.groupcustomBox{width:30%;margin-left:0}.header1{top:120px}.main-content1{margin-top:17%;margin-left:233px}.navigation{margin-left:7%}.heading{margin-top:6%}}@media (min-width:1151px) and (max-width:1250px){.cgroup-box{margin-top:13%}.header{top:110px}.main-content{margin-top:20%;margin-left:230px}.groupcustomBox{width:30%;margin-left:0}.header1{top:120px}.main-content1{margin-top:17%;margin-left:233px}.navigation{margin-left:6%}.heading{margin-top:7%}}.serial-info{border:1px solid #ccc;padding:10px;margin-bottom:10px}.horizontal-line{margin:10px}.full-screen-modal{width:100%;height:100%;margin:0;padding:0}.underline-input{border:none;border-bottom:1px solid #ccc;padding-bottom:5px;width:100%;margin-bottom:10px}.underline-input:hover{border-color:#007bff}.group-icons{position:relative;margin-left:25px;background-color:#e3f2fd;border-radius:5px;height:40px;width:60%;color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;align-items:center;padding:0 10px}.group-icons p{margin:0;flex:1 1}@media (max-width:767px){.group-icons{width:100%;margin-left:0;height:auto}.group-icons p{width:100%;flex:1 1}.break-word-sm{word-break:break-word;overflow-wrap:break-word}}.custom-modal-dialog .modal-dialog{display:flex;align-items:center;justify-content:center}.custom-modal-dialog .modal-content{margin-left:15%;max-width:70%;width:100%}@media (max-width:768px){.custom-modal-dialog .modal-content{margin-left:0;max-width:100%;width:100%}}section{margin-bottom:20px}@media (max-width:768px){section{margin-bottom:15px}}@media (max-width:480px){section{margin-bottom:10px}}.filtered-meters ul{list-style-type:none;padding:0;margin:0}.filtered-meters li{background-color:#f0f0f0;margin:5px 0;padding:10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .3s}.filtered-meters li:hover{background-color:#e0e0e0}@media (max-width:768px){.input-container1{flex-direction:column}.filtered-meters{width:90%}}@media (min-width:769px) and (max-width:1024px){.input-container1{flex-direction:row}.filtered-meters{width:80%}}@media (min-width:1025px){.input-container1{flex-direction:row}.filtered-meters{margin-top:-1%;width:70%}}.page_404{padding:40px 0;background:#fff;font-family:"Arvo",serif}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:400px;background-position:50%}.four_zero_four_bg h1,.four_zero_four_bg h3{font-size:80px}.contant_box_404{margin-top:-50px}.link_404{color:#fff!important;padding:10px 20px;background:#39ac31;margin:20px 0;display:inline-block}.link_404,.link_404:hover{text-decoration:none}.Mainsection{margin:auto;max-width:1024px;width:100%;height:100%;text-align:center;position:relative}.box{width:auto;height:500px;background:#fff;margin-top:50px;margin-left:100px;margin-right:100px;border-radius:5px;box-shadow:6px 18px 18px rgba(0,0,0,.08),-6px 18px 18px rgba(0,0,0,.08)}.animation{margin-top:5%;display:inline-block;margin-bottom:5%}.h1head{font-size:32px!important;font-weight:400!important;text-transform:uppercase!important}.h1head,.p1para{margin:0!important}.p1para{font-size:16px!important}.href,.p1para{font-weight:700!important}.href{color:#f6921e!important;text-decoration:none!important;margin-left:5px!important}.one,.three,.two{display:block;float:left}.one{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='80.5' overflow='scroll'%3E%3Cpath d='M30.3 68.2c1.2.2 2.3.9 3.8 1.2 1.6.3 2.7.6 4 .4l4.9 9.6c.6.9 1.4 1.1 2.3.9l15.3-4.9c.5-.3 1-1 .9-2.3l-1.8-10.6c2-1.6 3.6-3.7 5.3-5.8l10.5.6c1.1.6 2.1-.4 2.3-1.1L81 40.7c.2-.8-.4-2.1-1.1-2.3l-10.2-3.8c-.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c.6-1.1.4-1.9-.2-2.9L60.9 5c-.3-.5-1.6-.3-2.5.3l-8 6.9c-1.2-.2-2.3-.9-3.8-1.2-1.6-.3-2.7-.6-4-.4L37.7 1c-.6-.9-1.4-1.1-2.3-.9L20.1 5c-.5.3-1 1-.9 2.3L21 17.9c-2 1.6-3.6 3.7-5.3 5.8L5.3 23c-.8-.2-1.7.4-2 1.6L0 40.2c-.2.8.4 2.1 1.1 2.3l9.8 3.7c.7 2.6 1.4 5.2 2.5 7.5l-6 8.9c-.6.7-.4 2 .3 2.5l12 10.7c.7.5 1.9.8 2.4.1l8.2-7.7zm-3.6-30.9c1.6-7.4 9.1-12.3 16.5-10.8S55.6 35.7 54 43.1c-1.6 7.4-9.1 12.3-16.5 10.7-7.4-1.5-12.4-9.1-10.8-16.5z' fill='%23383838'/%3E%3C/svg%3E");width:80px;height:80px;background-size:100% 100%;background-repeat:no-repeat;margin-top:-10px;margin-right:8px}.two{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='103' height='103.7' overflow='scroll'%3E%3Cpath d='M87.3 64.8c.3-1.5 1.1-2.9 1.6-4.9.4-2 .7-3.5.5-5.1l12.3-6.3c1.2-.8 1.4-1.8 1.1-2.9L96.5 26c-.4-.6-1.3-1.3-2.9-1.1l-13.5 2.3c-2.1-2.5-4.7-4.7-7.4-6.8L73.5 7c.8-1.2-.5-2.5-1.5-2.7L52.1 0c-1-.2-2.7.5-2.9 1.5l-4.8 13c-3.2.4-6.1 1.8-9.5 3.2L24 10.2c-1.4-.8-2.5-.5-3.7.3L6.5 25.8c-.6.4-.4 2 .4 3.2l8.8 10.2c-.3 1.5-1.1 2.9-1.5 4.9-.4 2-.7 3.5-.6 5.1L1.2 55.4C0 56.2-.2 57.2.1 58.3l6.3 19.6c.4.6 1.3 1.3 2.9 1.1l13.5-2.3c2.1 2.5 4.7 4.7 7.4 6.8l-.8 13.4c-.2 1 .6 2.2 2.1 2.5l20 4.2c1 .2 2.7-.5 2.9-1.5l4.7-12.6c3.3-.9 6.6-1.7 9.5-3.2L80.1 94c.9.7 2.5.5 3.2-.4L97 78.3c.7-.9 1-2.4.1-3.1l-9.8-10.4zm-39.5 4.7C38.3 67.5 32 57.8 34 48.3s11.7-15.8 21.2-13.8 15.7 11.7 13.7 21.2-11.6 15.8-21.1 13.8z' fill='%23f6921e'/%3E%3C/svg%3E");width:100px;height:100px;background-size:100% 100%;background-repeat:no-repeat}.three{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='80.5' overflow='scroll'%3E%3Cpath d='M30.3 68.2c1.2.2 2.3.9 3.8 1.2 1.6.3 2.7.6 4 .4l4.9 9.6c.6.9 1.4 1.1 2.3.9l15.3-4.9c.5-.3 1-1 .9-2.3l-1.8-10.6c2-1.6 3.6-3.7 5.3-5.8l10.5.6c1.1.6 2.1-.4 2.3-1.1L81 40.7c.2-.8-.4-2.1-1.1-2.3l-10.2-3.8c-.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c.6-1.1.4-1.9-.2-2.9L60.9 5c-.3-.5-1.6-.3-2.5.3l-8 6.9c-1.2-.2-2.3-.9-3.8-1.2-1.6-.3-2.7-.6-4-.4L37.7 1c-.6-.9-1.4-1.1-2.3-.9L20.1 5c-.5.3-1 1-.9 2.3L21 17.9c-2 1.6-3.6 3.7-5.3 5.8L5.3 23c-.8-.2-1.7.4-2 1.6L0 40.2c-.2.8.4 2.1 1.1 2.3l9.8 3.7c.7 2.6 1.4 5.2 2.5 7.5l-6 8.9c-.6.7-.4 2 .3 2.5l12 10.7c.7.5 1.9.8 2.4.1l8.2-7.7zm-3.6-30.9c1.6-7.4 9.1-12.3 16.5-10.8S55.6 35.7 54 43.1c-1.6 7.4-9.1 12.3-16.5 10.7-7.4-1.5-12.4-9.1-10.8-16.5z' fill='%23383838'/%3E%3C/svg%3E");width:80px;height:80px;background-size:100% 100%;background-repeat:no-repeat;margin-top:-50px;margin-left:-10px}@keyframes spin-one{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}.spin-one{animation:spin-one 1.5s linear infinite}@keyframes spin-two{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.spin-two{animation:spin-two 2s linear infinite}@media (max-width:768px){.box{height:auto;width:90%;margin:30px auto}.animation{margin-top:10%}.h1head{font-size:24px}.p1para{font-size:14px}.one,.two{width:60px;height:60px}}@media (max-width:480px){.h1head{font-size:20px}.p1para{font-size:12px}.one,.two{width:50px;height:50px}.box{width:95%;padding:15px}}#countdown-timer{margin-top:20px;text-align:center}#timer{font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px;margin:20px auto;width:-moz-fit-content;width:fit-content}#timer span{padding:10px;border:2px solid #f6921e;border-radius:5px;background:#fff}