@font-face{font-family:"Mulish";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/mulish-v18-latin-500.woff2) format("woff2"),}@font-face{font-family:"Mulish";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/mulish-v18-latin-900.woff2) format("woff2"),}body{font-family:"Mulish",sans-serif;font-optical-sizing:auto;font-weight:500;height:100vh}header{background:#e9f76d;height:3.5rem;display:flex;padding:0 3rem;font-size:1.25rem}.nav-bar{width:100%;display:flex;align-items:center}.ham-nav-bar{display:none}.nav-bar a:first-of-type{text-decoration:none;margin-right:auto;color:#1c205c;letter-spacing:.5rem;font-size:2.3rem;font-weight:800;text-shadow:#ffffff 2px 2px 4px}.nav-bar a:not(:first-child){text-decoration:none;font-weight:900;margin-left:3rem;color:#ffffff;text-shadow:#1c205c 2px 3px 1px;letter-spacing:.2rem;padding:.15rem .8rem;border-radius:8px}.nav-bar a:not(:first-child):hover,header div a:not(:first-child):active{text-decoration:none;color:#1c205c;text-shadow:#ffffff 2px 2px}.hero{background:linear-gradient(45deg,#72b0e2 0%,#0c0f38 20% 75%,#e9f76d 100%);text-align:center;z-index:10;position:relative}.hero-logo{width:50%;margin:4rem 0}.hero-content{justify-self:center;padding:5rem 10rem;background-image:url("assets/images/Hero-bg-desktop.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}h1{font-size:2rem;padding:3rem;background:#e9f76dbe;color:#0c0f38;width:75%;font-weight:500;text-align:left;text-transform:uppercase;justify-self:start;margin:0}.why-us{padding:.5rem;text-align:center;background:#1c205cab;color:#ffffff;width:90%;margin:2rem auto}.why-us h2{font-size:2rem;margin:1rem 0 0 0}.why-us ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:1rem;margin:auto}.why-us ul li{font-size:1.5rem;font-weight:700;margin:.5rem;padding:.5rem;text-align:left;background:#0a0d3ab4;color:#ffffff}.why-us ul li span{display:block;font-weight:300;font-size:1.25rem}.hero-section p{font-size:1.50rem;font-weight:400;background:#72b0e29f;color:#0c0f38;width:75%;padding:2rem;text-align:right;justify-self:end}.g-i-t-btn{text-align:center;margin:2rem 0}.get-in-touch{font-size:2rem;padding:.8rem 1.2rem;text-decoration:none;background:#1c205ccb;color:#ffffff}.get-in-touch:hover,.get-in-touch:active{text-decoration:none;color:#1c205c;background-color:#e9f76dc9}.service-section{padding:5rem 10rem;background:linear-gradient(45deg,#030522 20%,#0a0f47 50%,#030522 80%)}h2{font-weight:800;font-size:3rem;margin-bottom:3.5rem}.services{color:#ffffff}.services-list{display:flex;gap:.31rem;flex-wrap:wrap;justify-content:space-evenly}.service{background:#030522;width:18rem;height:fit-content;text-align:center;padding:.2rem 1rem;margin-bottom:1rem;box-sizing:border-box;border-radius:10px;border:1px solid #e8f1943d;box-shadow:#000000 5px 5px 5rem}.services-list dt{color:#e7f56db2;font-size:1.3rem;padding:1rem 0}.services-list dd{color:#c9def7bd;height:12rem}.service ul{text-align:left}.repair,.solar,.construction,.cctv,.elec-panel{height:8rem}.about-section{padding:5rem 10rem;background:#e0ebf5}.about{color:#1c205c}h3{font-size:2.2rem;font-weight:700;padding:0}.about-section dt,.about-section dd,.about-section p{font-size:1.25rem;font-weight:400}.history{padding:1rem;margin-bottom:1rem;color:#1c205c;background:#ffffff91}.values{padding:1rem;color:#1c205c;background:#ffffff91}.values-content{display:flex;justify-content:space-evenly}.values dl{margin-bottom:0;width:70%}.values dt{font-size:1.5rem;font-weight:700}.values dd{opacity:0;transition:opacity 1s ease;margin-bottom:2rem}.values.show-values dd{opacity:1}.values dt,.values dd{border-left:#e7f56d 4px solid;padding-left:1rem}.value-two{margin-left:2rem}.value-three{margin-left:4rem}.value-four{margin-left:6rem}.value-five{margin-left:8rem}.value-six{margin-left:10rem}.value-seven{margin-left:12rem}.values-icons{width:20%;display:flex;flex-direction:column;overflow:visible}.icon{height:6rem;width:fit-content}.icon-tab{display:none}.i-l{margin-right:auto}.i-r{margin-left:auto}.vision-mission{text-align:end;padding:1rem;margin-bottom:1rem;color:#ffffff;background:#101446ec}.contact-section{padding:5rem 10rem;background-color:#0c0f38}.contact{color:#ffffff}.contact-content{width:100%;display:grid;grid-template-columns:50% 50%}.address{padding-left:1rem;display:grid;align-self:end}.address a{text-decoration:none;color:#e7f56d;font-size:1.5rem;font-weight:500}.contact-logo{height:fit-content;background:#0c0f38;justify-self:end;padding:0 2rem}.eca-nbcei{display:flex;height:3.5rem;justify-content:end;gap:.25rem;margin-top:2rem}.eca-nbcei img{background:rgba(255,255,255,.726)}footer{background:#e9f76d;text-align:center;justify-content:center;line-height:.5rem;padding-top:1rem;padding-bottom:.1rem;color:#030522;font-weight:500}@media (max-width:1215px){.hero-content{padding:5rem 5rem}.h1{font-size:1.5rem;padding:2rem}.service-section{padding:5rem 5rem}.about-section{padding:5rem 5rem}.icon{margin-top:.5rem}.contact-section{padding:5rem 5rem}}@media (max-width:1024px){.nav-bar a:not(:first-child){margin-left:0;padding:0 .75rem;font-size:1.1rem}.hero-logo{width:60%;margin:5.5rem 0}.hero-content{padding:4rem 4rem}h1{padding:2rem;font-size:1.75rem}.why-us{width:100%;margin:2rem auto}.why-us ul{grid-template-columns:repeat(2,1fr)}.why-us ul li{font-size:1.2rem;font-weight:700;padding:1rem;margin:1rem}.service-section{padding:4rem 4rem}.services-list{justify-content:center}.about-section{padding:4rem 4rem}.values-icons{justify-content:space-between}.icon{height:5rem;margin-bottom:1.25rem}.contact-section{padding:4rem 4rem}.address a{font-size:1.2rem}}@media (max-width:768px){.nav-bar{display:none}.ham-nav-bar{width:100%;display:flex}.nav-btn{height:2.25rem;color:#1c205c;margin-bottom:-.5rem;}.nav-btn:hover,.nav-btn:active{height:2.5rem;color:#ffffff}.ham-nav-bar button{background:none;border:none}.ham-nav-bar .active{text-decoration:none;margin-right:auto;color:#1c205c;letter-spacing:.5rem;font-size:2.3rem;font-weight:800;text-shadow:#ffffff 2px 2px 4px}.dropdown{display:none;position:absolute;top:3.5rem;right:0;width:100%;text-align:end;z-index:20}.dropdown a{text-decoration:none;font-weight:800;margin-left:3rem;color:#ffffff;text-shadow:#1c205c 3px 3px 3px;letter-spacing:.2rem;padding:.15rem .8rem;border-radius:8px}.dropdown a:hover,header div a:not(:first-child):active{text-decoration:none;color:#1c205c;text-shadow:#ffffff 1px 1px 5px}.hero-logo{width:85%;margin:2.5rem 0}.hero-content{background-image:url("assets/images/Hero-bg-tab.jpg")}h1{font-size:1.5rem;width:100%}.why-us h2{font-size:1.5rem}.hero-section p{font-size:1.2rem;width:100%}.g-i-t-btn{margin:2rem 0 0 0}.get-in-touch{font-size:1.5rem}.value-two,.value-three,.value-four,.value-five,.value-six,.value-seven{margin-left:0}.values-icons{justify-content:space-between}.icon{display:none}.icon-tab{display:block;height:6rem}.address{padding-left:1rem;align-self:end}.address a{font-size:1rem;font-weight:400}.contact-logo{padding:0}.eca-nbcei{height:2rem;margin-top:1rem}}@media (max-width:626px){.why-us ul{display:flex;flex-direction:column}.why-us ul li{margin:.5rem}.service{height:fit-content;width:100%}.service dt{font-size:1.25rem}.services-list dd{font-size:.75rem;padding:.5rem .5rem;height:fit-content}.icon-tab{height:4.5rem}.contact-content{display:flex;flex-direction:column}.address{align-self:center}.address a{font-size:1.5rem}}@media (max-width:480px){header{padding:0 1rem;height:2.5rem}.ham-nav-bar .active{font-size:1.5rem;padding:0 .5rem}.ham-nav-bar .nav-btn{height:1.5rem;margin:0}.dropdown{top:2.5rem}.dropdown .dropdown-link{font-size:.8rem;padding:.5 .5rem}.hero-logo{width:70%;margin:1.75rem 0}.hero-content{padding:3rem 2rem;background-image:url("assets/images/Hero-bg-mob.jpg")}h1{font-size:1rem;padding:1.25rem}.why-us h2{font-size:1rem;margin:.5rem 0;padding:0}.why-us ul{grid-template-columns:1fr;padding:0}.why-us ul li{font-size:.9rem;margin:.2rem}.why-us ul li span{font-size:.85rem}.hero-section p{font-size:.9rem;padding:1.25rem}.g-i-t-btn{margin:1.5rem 0 -1rem 0}.get-in-touch{font-size:1.25rem;padding:.5rem 1rem}.service-section{padding:3rem 2rem}h2{font-size:2rem;margin-bottom:2rem}.about-section{padding:3rem 2rem}.about-section h3{font-size:1.5rem}.history p,.values p,.vision-mission p{font-size:.9rem}.values dt{font-size:1.2rem}.values dd{font-size:.9rem;margin-bottom:.4rem}.values-icons{display:flex;justify-content:space-between;margin:0}.icon-tab{height:3.5rem}.contact-content{display:flex;flex-direction:column-reverse}.address{padding:0;align-self:center;width:fit-content}.address a{font-size:.9rem;margin-bottom:.5rem}br{display:none}.contact-logo{height:8rem;width:auto;margin-bottom:2rem}footer{font-size:.75rem;padding-top:.5rem}footer p{margin-bottom:.5rem}}@media (max-width:320px){header{padding:.08rem 1rem 0 1rem;height:2.2rem}.hero-content{padding:1rem .5rem}h1{font-size:.8rem;padding:1rem}.why-us{margin:.5rem auto}.why-us h2{font-size:.8rem;margin:.5rem 0}.why-us ul li{font-size:.8rem;margin:.1rem}.why-us ul li span{font-size:.7rem}.hero-section p{font-size:.7rem;padding:1rem}.g-i-t-btn{margin:1.5rem 0 0 0}.get-in-touch{font-size:1rem;padding:.3rem .8rem}.service-section{padding:1rem .5rem}h2{font-size:1.5rem;margin-bottom:1rem}.about-section{padding:1rem .5rem}.about-section h3{font-size:1rem}.history p,.values p,.vision-mission p{font-size:.7rem}.values dt{font-size:.9rem}.values dd{font-size:.7rem;margin-bottom:.4rem}.values-icons{display:block}.icon-tab{height:2.75rem;margin:.55rem auto}.contact-section{padding:1rem .5rem}.address{padding:0;align-self:center;width:fit-content}.address a{font-size:.7rem;margin-bottom:.2rem}.contact-logo{height:8rem;width:auto;margin-bottom:2rem}footer{font-size:.6rem;padding-top:.5rem}footer p{margin-bottom:.5rem}}