@import url(https://fonts.googleapis.com/css2?family=Oswald&family=Poppins&family=Roboto:wght@300;900&display=swap);.chatbutton,.wrapper{position:fixed;z-index:10}.body,.wrapper{font-family:Oswald,sans-serif}.slider,.wrapper,main{width:100%}.slide-data button,.slide-data h1,.slide-data p{font-family:Roboto,sans-serif}.dots,.pagehead,.partnerbox{text-align:center}.partner-slider,.section-row .imgWrapper,.slider{overflow:hidden}*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;list-style:none}.chatbutton{bottom:40px;right:40px;cursor:pointer}.chatbutton img{width:60px}main{max-width:1400px;height:auto;margin:auto;display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center}.wrapper{background:#fff;box-shadow:0 10px 36px rgba(0,0,0,.15)}.wrapper nav{position:relative;display:flex;max-width:calc(100% - 200px);margin:0 auto;height:80px;align-items:center;justify-content:space-between}nav .content{display:flex;align-items:center}nav .content .links{margin-left:340px;display:flex}.content .logo a img{width:220px;height:auto;margin-left:20px;padding-top:4px}.content .links li{list-style:none;line-height:80px}.content .links li a,.content .links li label{color:#000;font-size:20px;font-weight:500;padding:9px 17px;border-radius:5px;transition:.3s;margin-right:10px}.content .links li label,.wrapper .menu-icon,.wrapper input[type=checkbox]{display:none}.content .links li a:hover,.content .links li label:hover{background:#323c4e;color:#fff}.wrapper .menu-icon,.wrapper .search-icon{color:#323c4e;font-size:18px;cursor:pointer;line-height:80px;width:80px;text-align:center}.content .links ul{position:absolute;background:#fff;top:80px;z-index:-1;opacity:0;visibility:hidden}.content .links li:hover>ul{top:80px;opacity:1;visibility:visible;transition:.3s}.content .links ul li a{display:block;width:100%;line-height:30px;border-radius:0!important}.content .links ul ul{position:absolute;top:0;right:calc(-100% + 8px)}.content .links ul li,.slider{position:relative}.content .links ul li:hover ul{top:0}@media screen and (max-width:1250px){.wrapper nav{max-width:100%;padding:0 20px}nav .content .links{margin-left:30px}.content .links li a{padding:8px 13px}}@media screen and (max-width:900px){.wrapper .menu-icon{display:block}.wrapper #show-menu:checked~.menu-icon i::before{content:"\f00d"}nav .content .links{display:block;position:fixed;background:#fff;height:100%;width:100%;top:80px;left:-100%;margin-left:0;max-width:350px;overflow-y:auto;padding-bottom:100px;transition:.3s;box-shadow:0 10px 36px rgba(0,0,0,.15)}nav #show-menu:checked~.content .links{left:0}.content .links li{margin:15px 20px}.content .links li a,.content .links li label{line-height:40px;font-size:20px;display:block;padding:8px 18px;cursor:pointer}.content .links li a.desktop-link{display:none}.content .links ul,.content .links ul ul{position:static;opacity:1;visibility:visible;background:0 0;max-height:0;overflow:hidden}.content .links #show-features:checked~ul,.content .links #show-items:checked~ul,.content .links #show-services:checked~ul{max-height:100vh}.content .links ul li{margin:7px 20px}.content .links ul li a{font-size:18px;line-height:30px;border-radius:5px!important}}@media screen and (max-width:400px){.wrapper nav{padding:0 10px}.content .logo a img{width:80px}.wrapper .search-box .go-icon{width:30px;right:0}.wrapper .search-box input{padding-right:30px}}.slider{height:100vh}.slides{position:absolute;width:300%;height:100%;top:0;left:0;transition:2s}.slide{width:33.33%;height:100%;position:relative;float:left;background-size:cover;background-position:center center;background-repeat:no-repeat}.dots,.slide-data,.slide::before,.slider .arrows{position:absolute}.slide::before{content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.slide:first-child{background-image:url(electrical-banner.jpg)}.slide:nth-child(2){background-image:url(diesel-generator-set-banner.jpg)}.slide:nth-child(3){background-image:url(solar-system-banner.jpg)}.slide-data button,.slider .arrows{background:0 0;transition:.4s linear}.slide-data{top:40%;transform:translateY(-10%);width:100%;color:#fff;padding:0 10%}.slide-data h1{font-weight:bolder;font-size:60px;color:#fffc43}.slide-data p{font-size:22px;padding:5px;margin-bottom:10px;width:70%;font-weight:700}.slide-data button,.solarparallelbtn button{font-weight:bolder;outline:0;cursor:pointer}.slide-data button{border:1px solid #fff;color:#fff;padding:12px 25px;font-size:20px;border-radius:5px}.slide-data button:hover{background-color:#d68b00;border:1px solid #d68b00;color:#fff}.slider .arrows{top:50%;transform:translateY(-50%);outline:0;border:none;font-size:60px;color:#fff;cursor:pointer}.slider .arrows:hover{text-shadow:0 0 10px #000,0 0 10px #000}.slider .prev{left:3%}.slider .next{right:3%}.dots{bottom:1%;width:100%;cursor:pointer}.dots span{width:18px;height:18px;border-radius:100px;margin:0 6px;background-color:#fff;display:inline-block;transition:.4s linear}.dot-active,.dots span:hover{background-color:#133774!important;border:2px solid #fff}@media screen and (max-width:880px){.slide-data h1{font-size:50px}}.getaquote{width:100%;background-color:#133774;padding:80px;display:flex;justify-content:space-between}.getaquote h3{font-size:25px;color:#fff;font-family:Poppins,sans-serif}#quotebtn{color:#fff;background-color:#000;border-radius:25px;font-size:20px;cursor:pointer;margin-right:50px;width:240px;height:50px;padding:10px}#quotebtn a,.copyrights p a,.productbtn a,.questionsdata button a,.solarparallelbtn button a{color:#fff}#quotebtn a:hover{color:#000}#quotebtn:hover{color:#000;background-color:#fff;transition:1s;border:none}@media screen and (max-width:1080px){.getaquote{padding:60px}.getaquote h3{font-size:22px}}@media screen and (max-width:880px){.getaquote h3{font-size:20px}#quotebtn{font-size:18px;margin-right:30px}}@media screen and (max-width:800px){.getaquote h3{font-size:18px}#quotebtn{font-size:16px;width:220px;height:40px}}@media screen and (max-width:660px){.getaquote h3{font-size:18px}#quotebtn{font-size:16px;width:220px;height:60px}}.pagehead{width:100%;height:auto;padding:20px;margin-top:20px}.channeldata h4,.pagehead h4,.whoweare h4{color:#389900;font-family:Oswald,sans-serif;font-size:22px;padding:5px}.pagehead h2,.whoweare h2{font-family:Poppins,sans-serif;font-size:40px;padding:5px}.clockhooks-team,.ourpartners{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 20px 50px;background-color:#eef0ff}.partnerbox{width:200px;height:auto;background-color:#f1f0f0;margin:10px;padding:20px;border-radius:20px;box-shadow:5px 5px #d4d4d4;cursor:pointer}.partnerbox img{padding:10px}.partnerbox h4{font-size:18px;padding:10px;font-family:Roboto,sans-serif}@media screen and (max-width:1036px){.pagehead h4{font-size:20px}.pagehead h2{font-size:40px}}@media screen and (max-width:880px){.pagehead h4,.whoweare h4{font-size:20px}.pagehead h2,.whoweare h2{font-size:35px}}#whowearep,.whoweare p{font-size:20px;font-family:Poppins,sans-serif;padding:5px}.whoweare{width:100%;height:auto;padding:80px}.whoweare p{width:70%}#whowearep{width:100%;text-align:justify}@media screen and (max-width:680px){.slide-data p{font-size:20px}.slide-data button{font-size:18px}.whoweare h2{font-size:32px}.whoweare p{width:100%;text-align:justify}}@media screen and (max-width:550px){.slide-data h1{font-size:40px}.slide-data p{font-size:18px;width:100%}.slide-data button{font-size:16px}.whoweare h2{font-size:28px;text-align:justify}.whoweare p{font-size:18px}}@media screen and (max-width:460px){.whoweare h2{font-size:22px}}.channelpartner,.chgensets,.chsolarsystem,.clockhooksquestions{width:100%;height:auto;display:flex;flex-wrap:wrap;padding:80px;justify-content:center}.channeldata,.chgensetdata,.chsolarsystemdata,.questionsdata{width:60%;height:auto;padding:10px}.channeldata h2{font-family:Poppins,sans-serif;font-size:40;padding:5px}.channeldataicons{width:100%;display:flex;flex-wrap:wrap}.channeldatabox{width:260px;margin:20px;text-align:center}.channeldatabox img{width:60px;padding:5px}.channeldatabox p{font-size:18px;padding:5px;font-family:Poppins,sans-serif}.channelimage img,.chgensetimage img{width:420px}@media screen and (max-width:1210px){.channelimage img,.chgensetimage img{width:380px}.channeldatabox{width:200px}.channeldatabox img{width:50px}}@media screen and (max-width:1110px){.channelimage img{width:340px}}@media screen and (max-width:1036px){.channelpartner{padding:20px}.channelimage img{width:320px}.channeldata h4{font-size:20px;padding:5px}.channeldata h2{font-size:40px;padding:5px}.channeldata p{padding:5px;margin-bottom:15px;font-size:18px}}footer{width:100%;height:auto;display:flex;justify-content:space-around;align-items:center;background:#001050;flex-wrap:wrap;font-family:Poppins,sans-serif}.footer-one{width:300px;height:250px;margin-top:40px}.clockhookspartners,.copyrights{width:100%;height:auto;display:flex}.footer-one h2{color:#fff;display:flex;justify-content:center;align-items:center}.footer-content p,.footer-content p a{color:#d1d1d1;font-size:14px;transition:1s}.footer-heading{color:#fff;padding-left:50px;font-weight:700;font-size:16px}.footer-content{margin-top:30px;padding-left:50px}.footer-content p{padding:5px}.footer-content p a{padding:10px}.footer-content i{color:#a5a2a2}.footer-content p a:hover,.social-icons i:hover{color:#fff;transition:.5s}.social-icons{margin:10px}.social-icons i{font-size:30px;padding:10px;color:#e4e8f0}.copyrights{justify-content:center;align-items:center;background:#000b36}.copyrights p{color:#fff;text-align:center;margin:12px;font-size:14px}.clockhookspartners{flex-wrap:wrap;justify-content:center;background-color:#f5f5f5}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-250px * 7))}}.partner-slider{width:60%;margin:auto auto 50px;position:relative}.partner-slide-track{animation:40s linear infinite scroll;display:flex;width:calc(250px * 14)}.clockhookspartnerbox img{width:200px;padding:20px}.chgensetdata h4,.chsolarsystemdata h4,.questionsdata h4{color:#389900;font-family:Oswald,sans-serif;font-size:22px;padding:10px}.chgensetdata h2,.chsolarsystemdata h2,.questionsdata h2{font-family:Poppins,sans-serif;font-size:40;padding:10px}.chgensetdata p,.chsolarsystemdata p,.questionsdata p{font-size:18px;padding:10px;font-family:Poppins,sans-serif}.chgensetdata button,.chsolarsystemdata button,.questionsdata button{font-family:Roboto,sans-serif;background:#389900;outline:0;border:1px solid #389900;color:#fff;font-weight:bolder;padding:12px 25px;font-size:20px;transition:.4s linear;cursor:pointer;border-radius:5px;margin:10px}#clockhooks-quest{color:#389900}.chgensetdata button:hover,.chsolarsystemdata button:hover,.questionsdata button:hover,.solarparallelbtn button:hover{background-color:#133774;border:1px solid #133774;color:#fff}.questionsimage img{width:380px}@media screen and (max-width:1110px){.questionsimage img{width:340px}}@media screen and (max-width:1036px){.clockhooksquestions{padding:20px}.questionsdata img{width:320px}.questionsdata h4{font-size:20px;padding:5px}.questionsdata h2{font-size:40px;padding:5px}.questionsdata p{padding:5px;margin-bottom:15px}.questionsdata button{font-size:18px;margin:5px}}@media screen and (max-width:890px){.channeldata{width:100%}.channeldataicons{margin:0 auto;text-align:center}.channeldatabox{width:180px;margin:40px 10px 10px;justify-content:center;align-items:center;text-align:center}.channelimage img{width:360px}.channeldata h4,.questionsdata h4{font-size:20px}.channeldata h2,.questionsdata h2{font-size:35px}.questionsimage img{width:280px}.questionsdata button{font-size:18px}}@media screen and (max-width:740px){.questionsimage img{width:240px}.questionsdata h4{font-size:20px}.questionsdata h2{font-size:28px}.questionsdata button{font-size:16px}}.solarparallel{height:70vh;width:100%;background-image:url(hospital-solar.jpg);background-size:cover;background-position:center;display:table;background-attachment:fixed}.solarparallel h1{font-size:60px;color:#fff;margin-top:80px;text-align:center;padding-left:50px;font-family:Poppins,sans-serif}.solarparallelbtn{align-items:center;margin:10px;text-align:center}.solarparallelbtn button{font-family:Roboto,sans-serif;background:#389900;border:1px solid #389900;color:#fff;padding:12px 25px;font-size:20px;transition:.4s linear;border-radius:5px;margin:20px}#parallelbtn1{background:#d68b00;border:1px solid #d68b00}#parallelbtn1:hover{background:#133774;border:1px solid #133774}@media screen and (max-width:920px){.solarparallel h1{font-size:50px}}@media screen and (max-width:700px){.solarparallel h1{font-size:40px}.solarparallelbtn button{font-size:18px}}@media screen and (max-width:480px){.channelimage img{width:240px}.channeldata h4{font-size:20px}.channeldata h2{font-size:28px}.solarparallel h1{font-size:32px}.solarparallelbtn button{font-size:16px}}.chgensetimage,.chsolarsystemimage{width:40%}@media screen and (max-width:1036px){.chgensets,.chsolarsystem{padding:20px}.chgensetimage img{width:320px}.chgensetdata h4,.chsolarsystemdata h4{font-size:20px;padding:5px}.chgensetdata h2,.chsolarsystemdata h2{font-size:40px;padding:5px}.chgensetdata p,.chsolarsystemdata p{padding:5px;margin-bottom:15px}.chgensetdata button,.chsolarsystemdata button{font-size:18px;margin:5px}}@media screen and (max-width:830px){.chgensetimage img{width:280px}.chgensetdata h4{font-size:20px}.chgensetdata h2{font-size:35px}.chgensetdata button{font-size:18px}}.chsolarsystemimage img{width:420px;padding:10px}@media screen and (max-width:1210px){.chsolarsystemimage img{width:320px}}@media screen and (max-width:880px){.clockhookspartnerbox img{width:180px}.partner-slider{width:80%}.chsolarsystemdata h4{font-size:20px}.chsolarsystemdata h2{font-size:35px}.chsolarsystemdata button{font-size:18px}}@media screen and (max-width:720px){.chgensetdata h4,.chsolarsystemdata h4,.pagehead h4{font-size:20px}.chgensetdata h2,.chsolarsystemdata h2,.pagehead h2{font-size:28px}.chgensetimage img,.chsolarsystemimage img{width:250px}.chgensetdata button,.chsolarsystemdata button{font-size:16px}}@media screen and (max-width:630px){.chgensetdata,.chgensetimage,.chsolarsystemdata,.chsolarsystemimage,.questionsdata,.questionsimage{width:100%}.questionsimage img{width:230px;margin:0 auto}.chgensetimage img{width:240px;margin:0 auto}.chsolarsystemimage img{margin:0 auto}}.front-banner{width:100%;height:auto;position:relative;text-align:center;color:#fff}.front-banner img{width:100%;margin-top:80px}@media screen and (max-width:1100px){.banner-text{top:65%;left:50%}.banner-text h2{font-size:50px}.banner-text h3{font-size:24px}}@media screen and (max-width:990px){#whatsappchat img{width:40px}.banner-text{top:70%}.banner-text h2{font-size:32px}.banner-text h3{font-size:20px}}.clockhooks-team-data{width:240px;height:auto;background-color:#f1f0f0;margin:20px;text-align:center;padding:20px;border-radius:20px;box-shadow:5px 5px #d4d4d4;cursor:pointer}.clockhooks-team-data img{width:200px;border-radius:10px;align-items:center}.clockhooks-team-data h4{font-size:16px;padding:10px 2px 2px;font-family:Roboto,sans-serif}.clockhooks-team-data p{font-size:14px;padding:2px;font-family:Roboto,sans-serif}.clockhooks-page-data h3,.clockhooks-page-data p,.clockhooks-whytodata span{font-family:Poppins,sans-serif;padding:10px}.clockhooks-team-data:hover{background-color:#133774;color:#fff}.clockhooks-whyto{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 20px 50px;background-color:#f5f5f5}.clockhooks-whytodata p{font-size:18px;padding:20px;font-family:Poppins,sans-serif;text-align:justify}.clockhooks-whytodata span{font-size:24px;color:#389908}.clockhooks-page-data{width:100%;height:auto;padding:50px}.clockhooks-page-data p{font-size:18px;text-align:justify}.clockhooks-page-data h3{font-size:24px;text-align:justify}@media screen and (max-width:880px){.clockhooks-team-data{width:200px}.clockhooks-team-data img{width:160px}.clockhooks-page-data h3{font-size:20px}}.contact-container{width:80%;background:#fff;border-radius:6px;padding:20px 60px 30px 40px;box-shadow:0 5px 10px rgba(0,0,0,.2);margin:50px auto}.contact-container .contact-content{display:flex;align-items:center;justify-content:space-between;font-family:sans-serif}.contact-container .contact-content .left-side{width:25%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px;position:relative}.contact-content .left-side::before{content:'';position:absolute;height:70%;width:2px;right:-15px;top:50%;transform:translateY(-50%);background:#afafb6}.contact-content .left-side .details{margin:14px;text-align:center}.contact-content .left-side .details i{font-size:30px;color:#001050;margin-bottom:10px}.contact-content .left-side .details .topic{font-size:18px;font-weight:500}.contact-content .left-side .details .text-one,.contact-content .left-side .details .text-two{font-size:14px;color:#000}.contact-container .contact-content .right-side{width:75%;margin-left:75px}.contact-content .right-side .topic-text{font-size:23px;font-weight:600;color:#001050;padding-bottom:10px}.right-side .input-box{height:50px;width:100%;margin:12px 0;font-family:sans-serif}.right-side .input-box input,.right-side .input-box textarea{height:100%;width:100%;border:none;outline:0;font-size:16px;background:#f0f1f8;border-radius:6px;padding:0 15px;resize:none}.right-side .message-box{min-height:110px}.right-side .input-box textarea{padding-top:6px;font-family:sans-serif}.right-side .button{display:inline-block;margin-top:12px}.right-side .button input[type=button]{color:#fff;font-size:18px;outline:0;border:none;padding:8px 16px;border-radius:6px;background:#001050;cursor:pointer;transition:.3s}.button input[type=button]:hover{background:#142c8b}@media (max-width:950px){.contact-container{width:80%;padding:30px 40px 40px 35px}.contact-container .contact-content .right-side{width:75%;margin-left:55px}}@media (max-width:820px){.contact-container .contact-content{flex-direction:column-reverse}.contact-container .contact-content .left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.contact-container .contact-content .left-side::before{display:none}.contact-container .contact-content .right-side{width:100%;margin-left:0}}.section-row{width:80%;max-width:1170px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:50px;overflow-x:hidden;padding:5rem 0;font-family:sans-serif}.section-row .imgWrapper img{width:100%;object-fit:cover;transition:.3s}.section-row .contentWrapper{width:100%;display:flex;justify-content:center;align-items:center;padding-left:30px}.section-row .contentWrapper span.textWrapper{display:block;font-size:20px;text-transform:capitalize;display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:20px;color:#389900;font-weight:700}.section-row .contentWrapper h2{font-size:40px;font-weight:700;color:#000;padding-bottom:20px}.section-row .contentWrapper p{font-size:18px;line-height:25px;padding-bottom:25px}.section-row .contentWrapper a{display:inline-block;text-decoration:none;background:#389900;color:#fff;padding:15px 40px;letter-spacing:1px;user-select:none;font-weight:700;font-size:18px}@media (max-width:991px){.section-row{grid-template-columns:1fr;grid-gap:50px}.contentWrapper #another{grid-template-columns:column-reverse}.section-row .contentWrapper{padding-left:0}}@media (max-width:768px){.section-row{width:90%}.section-row .contentWrapper h2{font-size:30px;padding-bottom:20px}.section-row .contentWrapper p{line-height:24px}}@media (max-width:575px){.section-row .contentWrapper span.textWrapper{font-size:18px}.section-row .contentWrapper h2{font-size:25px}.section-row .contentWrapper p{font-size:15px;line-height:22px}.section-row .contentWrapper a{font-size:15px;padding:10px 20px}}.our-products{width:100%;height:auto;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:20px;margin-bottom:20px;font-family:Poppins,sans-serif}.our-products-head{padding-top:20px}.product-box img{width:280px;height:auto;text-align:center;padding:10px}.product-text{font-size:18px;margin:0 auto;color:#000}.product-text h4{text-align:center;font-size:18px}.productbtn{width:95px;height:35px;text-align:center;background:#178b2e;border-radius:5px;margin:10px 20px;border:none}.productbtn:hover{background:#093d12;cursor:pointer}