@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);.aimer{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;display:none}.aimer:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.8));background:-webkit-radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.8))}.show{display:block}.downl{background-color:#000;display:none}.spinner{width:44px;height:44px;animation:spinner-y0fdc1 2s infinite ease;transform-style:preserve-3d}.spinner>div{background-color:rgba(0,77,255,.2);height:100%;position:absolute;width:100%;border:2px solid #004dff}.spinner div:first-of-type{transform:translateZ(-22px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translateX(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translateX(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(22px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}100%{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}:root{--primaryColor:#f09d51;--mainWhite:#fff;--mainBlack:#222;--mainGrey:#ececec;--mainSpacing:0.1rem;--mainTransition:all 0.3s linear;--poppins:'Poppins',sans-serif;--lato:'Lato',sans-serif;--light:#F9F9F9;--blue:#3C91E6;--light-blue:#CFE8FF;--darkblue:#38638f;--grey:#eee;--dark:#342E37;--red:#DB504A;--yellow:#FFCE26;--light-yellow:#FFF2C6;--orange:#FD7238;--light-orange:#FFE0D3;--westcolor:#d11919;--westgatemaingreen:rgba(17, 151, 17, 0.829);--westmaingreyf9:#eee;--westmainwhite:#fff;--westcathover:#cccc;--westblack:#000000;--dark-grey:#cccc;--hovertextcolor:#fff;--lighterblacktext:#000000be}*{box-sizing:border-box;color:var(--westblack);font-family:Poppins,sans-serif}body{font-family:Poppins,sans-serif;margin:0;padding:0}.navbar{position:sticky;top:0;height:60px;width:100%;display:flex;align-items:center;background:var(--westmaingreyf9);box-shadow:0 0 2px var(--westmaingreyf9);margin-top:20px;margin-bottom:20px;z-index:2}.fas{padding:0 10px}.fa-minus,.fa-plus{padding:5px}.cart-btn{position:relative;cursor:pointer}.cart-items{position:absolute;top:-8px;right:-8px;background:var(--westcolor);padding:0 5px;border-radius:30%;color:var(--mainWhite)}.hero{min-height:calc(100vh - 60px);background:url("/website/solar_img/electrical appliance.jpg") center/cover no-repeat;display:flex;justify-content:center;align-items:center}.banner{text-align:center;background:rgba(255,255,255,.8);display:inline-block;padding:2rem}.banner-title{font-size:3.4rem;text-transform:uppercase;letter-spacing:var(--mainSpacing);margin-bottom:3rem}.banner-btn{padding:1rem 3rem;text-transform:uppercase;letter-spacing:var(--mainSpacing);font-size:1rem;background:var(--primaryColor);color:var(--mainBlack);border:1px solid var(--primaryColor);transition:var(--mainTransition);cursor:pointer}.banner-btn:hover{background:0 0;color:var(--primaryColor)}.products{padding:4rem 0}.section-title h2{text-align:center;font-size:2.5rem;margin-bottom:5rem;text-transform:capitalize;letter-spacing:var(--mainSpacing)}.products-container{position:relative;width:100%;overflow:hidden}.products-center{width:90vw;margin:0 auto;max-width:1170px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-column-gap:1.5rem;grid-row-gap:2rem}.products-center_onseearch{width:90vw;margin:0 auto;max-width:1170px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-column-gap:1.5rem;grid-row-gap:2rem}.products-center_onseearch .product{max-width:290px}.products-center .product{max-width:290px}.img-container img{min-height:290px;max-height:290px;object-fit:fill;border-radius:5px}@media (max-width:535px){.products-center_onseearch{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.products-center_onseearch .product{height:300px;max-width:100%;margin:2px 5px}.products-center .product{max-width:100%}.img-container img{width:100%;min-height:120px;max-height:120px;object-fit:contain}}.img-container{position:relative;overflow:hidden}.bag-btn{position:absolute;top:84%;right:0;color:#fff;background:var(--westcolor);border:none;text-transform:uppercase;padding:.5rem .75rem;letter-spacing:var(--mainSpacing);font-weight:700;transition:var(--mainTransition);transform:translateX(101%);cursor:pointer;margin-bottom:20px}.bag-btn:hover{color:var(--mainWhite)}.fa-shopping-cart{color:var(--mainWhite);margin-right:.5rem}#categories i.fas{color:#000}@media screen and (max-width:450px){.product .bag-btn .fas.fa-shopping-cart{display:none}.product .bag-btn{padding:8px}}.img-container:hover .bag-btn{transform:translateX(0)}.product-img{display:block;width:100%;min-height:12rem;transition:var(--mainTransition)}.img-container:hover .product-img{opacity:.5}.product h3{text-transform:capitalize;font-size:1.1rem;margin-top:1rem;letter-spacing:var(--mainSpacing);text-align:center}.product h4{margin-top:.7rem;letter-spacing:var(--mainSpacing);color:var(--westcolor);text-align:center}.cart-overlay{position:fixed;top:0;right:0;width:100%;height:100%;transition:var(--mainTransition);background:rgb(240,157,81,.5);z-index:2;visibility:hidden}.cart{position:fixed;top:0;right:0;width:100%;height:100%;overflow:scroll;z-index:3;background:#e7e2dd;padding:1.5rem;transition:var(--mainTransition);transform:translateX(100%)}.showCart{transform:translateX(0)}.transparentBcg{visibility:visible}@media screen and (min-width:768px){.cart{width:30vw;width:auto;min-width:450px}}.close-cart{font-size:1.7rem;cursor:pointer}.cart h2{text-transform:capitalize;text-align:center;letter-spacing:var(--mainSpacing);margin-bottom:2rem}.cart-item{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-column-gap:1.5rem;margin:1.5rem 0}.cart-item img{width:75px;height:75px}.cart-item h4{font-size:.85rem;text-transform:capitalize;letter-spacing:var(--mainSpacing)}.cart-item h5{margin:.5rem 0;letter-spacing:var(--mainSpacing)}.item-amount{text-align:center}.remove-item{color:grey;cursor:pointer}.fa-chevron-down,.fa-chevron-up{color:var(--westcolor);cursor:pointer}.buy-clear{display:flex;justify-content:center;align-items:center}.buy-clear-button{padding:1rem 1.5rem;margin:2px;text-transform:uppercase;letter-spacing:var(--mainSpacing);font-size:1rem;background:var(--westcolor);color:#fff;border:1px solid var(--westcolor);transition:var(--mainTransition);cursor:pointer}.btnAuto{padding:1rem;margin:2px;text-transform:uppercase;letter-spacing:var(--mainSpacing);font-size:1rem;background:green;color:#fff;border:1px solid green;transition:var(--mainTransition);cursor:pointer}.btnAuto:hover,.buy-clear-button:hover{background:0 0;color:var(--westcolor)}.btnManual,.clear-button{padding:1rem 3rem;margin:2px;text-transform:uppercase;letter-spacing:var(--mainSpacing);font-size:1rem;border:1px solid var(--primaryColor);transition:var(--mainTransition);cursor:pointer;background:0 0;color:#f09d51}.btnManual:hover,.clear-button:hover{background:0 0;color:var(--primaryColor)}.cart-footer{margin-top:2rem;letter-spacing:var(--mainSpacing);text-align:center}.cart-footer h3{text-transform:capitalize;margin-bottom:1rem}.center_nav_div{display:grid;grid-template-columns:1fr 5fr;align-items:center}.navbar-nav a{float:left;color:#000;text-decoration:none;margin-right:10px;padding:1px 10px 5px 5px;font-size:17px}.navbar li{display:inline}.navbar ul{list-style:none}.navbox2 a:hover{transform:scale(1.1);box-shadow:0 0 10px var(--darkblue)}.nav-icon i:hover{transform:scale(1.2)}.nameOrLogo{display:flex;font-size:24px}.nameOrLogo a{text-decoration:none;font-family:Impact,sans-serif;font-weight:100;display:flex;text-align:center;justify-content:center}.nameOrLogo img{margin-right:-7px;vertical-align:middle;height:30px}@media screen and (max-width:500px){.nameOrLogo a{text-decoration:none;font-family:Impact,sans-serif;font-weight:100;display:flex;text-align:center;justify-content:center;font-size:20px}.nameOrLogo img{margin-right:-6px;vertical-align:middle;height:24px}.navbar .fas{font-size:20px}.navbar .cart-items{font-size:14px}.search_mobile .search-bar input{font-size:12px}.search_mobile .search-bar i{font-size:18px}}.nameOrLogo a{color:var(--darkblue)}.navbox2{padding:0 50px}.search_mobile{margin-top:-20px;padding-bottom:20px;display:none}.noresult{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:0}@media screen and (max-width:1020px){.navbox2{display:none}.center_nav_div{display:grid;grid-template-columns:1fr 0fr;align-items:center}.search_mobile{display:block}.navbar{box-shadow:none}}.side-nav{height:100%;width:0;position:fixed;z-index:3;top:0;left:0;background-color:#ccc;color:#000;overflow-x:hidden;padding-top:60px;transition:.5s}.side-nav a{padding:10px 10px 10px 30px;text-decoration:none;font-size:22px;color:#000;display:block;transition:.3s}.side-nav a:hover{color:var(--westcolor)}.side-nav .btn-close{position:absolute;top:0;right:20px;font-size:36px;margin-left:50px}.gridbox{display:grid;justify-content:center;align-items:center;text-align:center;grid-template-areas:'box1 box1 box2' 'box1 box1 box2' 'box3 box4 box5'}.box1{grid-area:box1;background:url(/website/solar_img/homedisplay.jpg);min-height:400px;background-position:center;background-size:cover}.box2{grid-area:box2;background:#ddd;justify-content:center;align-items:center;text-align:center;padding:30px}.box2 p{margin-top:0;padding-top:0;padding-bottom:20px}.box2 a h3{color:#000;padding-right:25px;padding-bottom:0;margin-bottom:0}.box2 a i{color:#000}.box3{grid-area:box3;background:#ddd;justify-content:center;align-items:center;text-align:center;padding:30px}.box3 i{color:#000}.box3 h3{color:#000;padding-right:20px}.box4{grid-area:box4;background:#ddd;justify-content:center;align-items:center;text-align:center;padding:30px}.box4 i{color:#000}.box4 h3{color:#000;padding-right:20px}.box5{grid-area:box5;background:#ddd;justify-content:center;align-items:center;text-align:center;padding:30px}.box5 i{color:#000}.box5 h3{color:#000;padding-right:20px}.gridbox a{color:#fff;text-decoration:none;padding:10px;margin:20px}.gridbox .btn{background:#3b5998;padding:10px;margin:20px;border-radius:36px}.btn{background:#3b5998;padding:10px;margin:20px;color:#fff;text-decoration:none}.section-one{display:grid;grid-template-columns:1fr 1fr;background:#ddd}.section-one-text{padding-left:20px;margin:10px;align-items:center}.section-one-text h3{align-items:center;text-align:center;color:#3b5998}.section-one-btn{align-items:center;margin:20px;text-align:center}.section-one a{background:#3b5998}.section-one img{width:100%}.section-two{display:grid;grid-template-columns:1fr 1fr;background:#ddd}.section-two-text{padding-left:20px;margin:10px;align-items:center}.section-two-text h3{align-items:center;text-align:center;color:#d2691e}.section-two-btn{align-items:center;margin:50px;text-align:center}.section-two a{background:#d2691e}.section-two img{width:100%}.section-three{display:grid;grid-template-columns:1fr 1fr;background:#ddd}.section-three-text{padding-left:20px;margin:10px;align-items:center}.section-three-text h3{align-items:center;text-align:center;color:#3b5998}.section-three-btn{align-items:center;margin:50px;text-align:center}.section-three img{width:100%}.section-four{display:grid;grid-template-columns:1fr 1fr;background:#ddd}.section-four-text{padding-left:20px;margin:10px;align-items:center}.section-four-text h3{align-items:center;text-align:center;color:#228b22}.section-four-text h4{color:#3b5998;font-size:20px}.section-four-text h5{font-size:17px}.section-four-btn{align-items:center;margin:20px;text-align:center}.section-four a{background-color:#228b22}.section-four img{width:100%}.footer{background-color:#000;text-align:center;color:#fff;margin:0;padding:0;min-height:150px;height:auto}@media(max-width:790px){.gridbox{display:grid;grid-template-areas:'box1' 'box2' 'box3' 'box5' 'box4'}.section-one{display:flex;flex-direction:column;background:#ddd}.section-two{display:flex;flex-direction:column-reverse;background:#ddd}.section-three{display:flex;flex-direction:column;background:#ddd}.section-four{display:flex;flex-direction:column-reverse;background:#ddd}}@media(max-width:500px){.gridbox{display:grid;grid-template-areas:'box1' 'box2' 'box3' 'box5' 'box4'}.navbar li{display:none}.section-one{display:flex;flex-direction:column;background:#ddd}.section-two{display:flex;flex-direction:column-reverse;background:#ddd}.section-three{display:flex;flex-direction:column;background:#ddd}.section-four{display:flex;flex-direction:column-reverse;background:#ddd}}.nameOrLogo_img{display:none}@media(max-width:359px){.nameOrLogo_img{display:flex;width:40px;height:40px;align-items:center;justify-content:center}.nameOrLogo_img img{width:30px;height:30px}.nameOrLogo{display:none}.gridbox{display:grid;grid-template-areas:'box1' 'box2' 'box3' 'box4' 'box5'}.navbar li{display:none}.section-one{display:flex;flex-direction:column;background:#ddd}.section-two{display:flex;flex-direction:column-reverse;background:#ddd}.section-three{display:flex;flex-direction:column;background:#ddd}.section-four{display:flex;flex-direction:column-reverse;background:#ddd}}.current_active{border-bottom:2px solid var(--darkblue)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;margin-top:65px;overflow:auto;background-color:#fff}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.table-data{display:flex;flex-wrap:wrap;grid-gap:24px;margin-top:24px;width:100%;color:var(--dark)}.table-data>div{border-radius:20px;background:var(--light);padding:24px;overflow-x:auto}.table-data .head{display:flex;align-items:center;grid-gap:16px;margin-bottom:24px}.table-data .head h3{margin-right:auto;font-size:24px;font-weight:600}.table-data .head .bx{cursor:pointer}.table-data .order{flex-grow:1;flex-basis:500px}.table-data .order table{width:100%;border-collapse:collapse}.table-data .order table th{padding-left:5px;padding-right:5px;padding-bottom:12px;font-size:13px;text-align:center;border-bottom:1px solid var(--grey)}.table-data .order table td{padding:16px 16px}.table-data .order table tr td:first-child{display:flex;align-items:center;grid-gap:12px;padding-left:6px}.table-data .order table td img{width:36px;height:36px;border-radius:50%;object-fit:cover}.table-data .order table tbody tr:hover{background:var(--grey)}.table-data .order table tr td .status{font-size:10px;padding:6px 16px;color:var(--light);border-radius:20px;font-weight:700}.table-data .order table tr td .status.completed{background:var(--blue)}.table-data .order table tr td .status.process{background:var(--yellow)}.table-data .order table tr td .status.pending{background:var(--orange)}.table-data .todo{flex-grow:1;flex-basis:300px}.table-data .todo .todo-list{width:100%}.table-data .todo .todo-list li{width:100%;margin-bottom:16px;background:var(--grey);border-radius:10px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.table-data .todo .todo-list li .bx{cursor:pointer}.table-data .todo .todo-list li.completed{border-left:10px solid var(--blue)}.table-data .todo .todo-list li.not-completed{border-left:10px solid var(--orange)}.table-data .todo .todo-list li:last-child{margin-bottom:0}@media screen and (max-width:576px){#content nav form .form-input input{display:none}#content nav form .form-input button{width:auto;height:auto;background:0 0;border-radius:none;color:var(--dark)}#content nav form.show .form-input input{display:block;width:100%}#content nav form.show .form-input button{width:36px;height:100%;border-radius:0 36px 36px 0;color:var(--light);background:var(--red)}#content nav form.show~.notification,#content nav form.show~.profile{display:none}.box-info{grid-template-columns:1fr}.table-data .head{min-width:420px}.table-data .order table{min-width:420px}.table-data .todo .todo-list{min-width:420px}.modal-content3{background-color:#fefefe;margin:15% auto;padding:5px;border:1px solid #888;width:95%}}@media (min-width:540px){.sm\:w-half{width:50%}}.icon-box{width:30px;height:30px;background-color:var(--westcolor);text-align:center;color:#fff;line-height:30px}#sidebar{position:fixed;top:100;left:0;width:280px;height:50%;background:var(--light);z-index:0;font-family:var(--lato);transition:.3s ease;overflow-x:hidden;scrollbar-width:none}.no-decoration{text-decoration:none;color:inherit;cursor:pointer}.filter_header{display:flex;justify-content:space-between;align-items:center}.selected{color:#fff;background-color:#00f}.Next_previous{font-size:larger}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{margin:0 5px;padding:5px 10px;cursor:pointer;border:1px solid #ccc;background-color:#fff;color:#333;border-radius:4px;transition:background-color .3s,color .3s}.pagination button:hover{background-color:#e9e9e9}.pagination button.selected{background-color:var(--westcolor);color:#fff}.widget-wrap{margin:20px 90px;padding:30px;border:1px solid #000}@media screen and (max-width:1050px){.widget-wrap{margin:0 0;padding:20px;border:1px solid #000}}