@import"https://fonts.googleapis.com/css2?family=Righteous&family=Tomorrow&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{padding:0;background-color:#0f0f0f;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;align-self:center;align-content:center;justify-content:center;overflow-x:hidden;max-width:100vw}h2{color:#f3f3f3;text-align:center;margin-bottom:30px;font-size:48px}.navbar-container{background-color:#3232322f;height:70px;width:100%;position:fixed;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;align-self:center;z-index:2000;border-bottom:1.8px solid rgba(0,13,70,.333);transition:1s ease-out;max-width:100vw}.navbar-container-open{background-color:#000000e6;height:70px;width:100%;position:fixed;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;align-self:center;z-index:2000;border-bottom:1.8px solid rgba(0,13,70,.333);transition:1s ease-out}.PPlogo{height:80%;position:relative;left:10px;top:10%;border-radius:6px}.hamburger{color:#ffffffe9;position:relative;align-self:center;margin-top:0;margin-right:15px;font-size:50px;transition:1s ease-out;z-index:1000}.rotated{transform:rotate(90deg)}.white{color:#ffffffe9;font-size:xx-large}.links{display:none;flex-direction:row;justify-content:space-between;align-items:center;width:80%;margin-right:15px}.home{width:100vw;max-width:100vw;background-color:#fff;justify-content:center;align-items:center;align-content:center;justify-items:center}.video-container{position:relative;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:1}.video-container video{width:100%;height:100%;object-fit:cover}.overlay-content{position:relative;z-index:0;color:#fff;text-align:center;padding-top:20%;background:#0006;padding:2rem}.menu{position:fixed;top:70px;right:0;width:100%;height:calc(100vh - 70px);background-color:#000000e6;z-index:999;transform:translate(100%);transition:1s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;pointer-events:none;opacity:0}.opened{transform:translate(0);pointer-events:auto;opacity:1}.menu-inner{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:calc(100vh - 70px)}.menu-link{color:#fff;text-decoration:none;font-family:Bitcount Grid Double;font-weight:600;font-size:clamp(2rem,10vw,5rem)}.menu-link:before{content:"•";align-self:center;align-items:center;justify-content:center;align-tracks:center;text-align:center;justify-items:center;justify-self:center;margin-right:5px;font-weight:200;font-size:clamp(2rem,12vw,5rem)}.content{z-index:100;position:relative;color:#fff;background-color:#0f0f0f;text-align:center;height:auto;width:100%;justify-content:center;align-items:center;justify-items:center;justify-self:center}.intro-cont{display:flex;flex-direction:column;background-color:#0000;border-radius:15px;justify-content:center;align-items:center;position:absolute;top:30vh;width:100%}.title{display:flex;flex-direction:row;width:80vw;justify-content:center}.title-brand{color:orange;font-family:sans-serif}.title-font{font-size:clamp(2.5rem,6vw,15rem);color:#ff9012;font-weight:600;display:flex;flex-direction:row;font-family:Keania One,system-ui;justify-content:center;border-bottom:2px solid white;text-shadow:5px 5px 10px rgba(0,0,0,.782)}.subtitle{color:#fff;font-size:clamp(1rem,2.5vw,5rem);font-family:Righteous,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.81)}.aboutus-container{width:100%;max-width:100vw;overflow:hidden;background-image:linear-gradient(to bottom,#272727,#0f0f0f);height:auto;display:flex;flex-direction:column;padding-top:50px;padding-bottom:50px}.aboutus-container h1{font-family:Keania One,sans-serif;font-size:60px;font-weight:200;text-shadow:5px 5px 4px rgb(0,0,0)}.aboutgrid{width:minmax(300px,500px);margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.aboutgrid p{color:#fff;font-family:Righteous;font-size:x-large;font-weight:500;text-shadow:2px 2px 3px rgb(0,0,0);border-radius:20px;padding-top:20px;align-content:center}.aboutgrid ul{text-align:left;margin-left:clamp(1.5rem,7%,4rem);justify-content:flex-end}.aboutgrid ul li{font-size:16px;font-weight:400;font-family:Tomorrow;margin-bottom:8px}.old{display:flex;flex-direction:column;justify-content:center;justify-items:start;justify-self:end;align-items:center;align-content:start;max-width:100%}.old h2{font-size:clamp(2rem,1vw,3rem);font-family:Righteous;font-weight:300;text-align:start;justify-content:start;justify-items:start;justify-self:start;align-items:start;align-self:start;padding-left:8px;color:#e28f09}.old p{font-size:1.25rem;font-weight:300;font-family:Tomorrow;padding:0}.aboutgrid img{width:90%;opacity:.8;border-radius:50px}.aboutgrid .eco{width:90%}.new{display:flex;flex-direction:column;justify-content:center;justify-items:center;justify-self:center;align-items:center;width:100%;margin-bottom:48px}.buttonrow{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:20px;justify-content:center;justify-items:center;justify-self:center;align-items:center;align-content:center;margin-top:30px;padding:20px 0;border-radius:0;color:#000;background-color:#f7833fdb;transition:all ease-in-out .3s}.buttonrow button{background-color:#fff0;width:100%;border:none;font-size:clamp(16px,5vw,54px);color:inherit}.buttonrow h3{font-size:clamp(16px,5vw,54px)}.buttonrow i{color:inherit}.buttonrow:hover{color:#f7833fdb;background-color:#000;grid-template-columns:minmax(0,12fr) minmax(0,1fr)}.new button i{margin-right:0rem;padding:0}.image-track{display:flex;gap:4vmin;position:absolute;left:50%;top:50%;transform:translateY(-50%)}.image-track img{width:40vmin;height:56vmin;object-fit:cover;object-position:center}.products h1{font-family:Keania One,sans-serif;font-size:60px;font-weight:200;text-shadow:5px 5px 4px rgb(0,0,0)}.cardgrid{display:grid;width:100vw;max-width:100vw;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:40px 0;border-top:5px solid rgb(46,46,46);gap:0px;justify-items:center}.card-container{position:relative;width:90%;height:auto;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;box-shadow:0 4px 10px #00000080;justify-content:center;justify-self:center;justify-items:center;align-items:center;align-content:center;align-self:center;padding:0}.image{width:100%;height:100%;position:relative;align-content:center;justify-content:center;justify-items:center;padding:0}.image img{width:100%;height:auto;object-fit:cover;display:block;filter:brightness(70%)}.abt-content{position:absolute;top:15px;left:50%;width:90%;transform:translate(-50%);color:#fff;background-color:#00000023;padding:12px 16px;font-size:1rem;font-weight:600;border-radius:10px;text-shadow:2px 2px 3px black;z-index:2;text-align:center;max-width:90%}.card-container button{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background-color:#ff9012;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;z-index:2;transition:background .3s ease}.card-container button:hover{background-color:#ff7300}.aboutus-btn{position:static;color:#305e9a;background-color:orange;border:none;padding:10px 20px;border-radius:20px;font-weight:900;z-index:100;margin-top:60px}.products-wrapper{color:#fff;margin-top:70px;width:100vw;justify-content:center;justify-items:center;align-items:center;align-content:center;justify-self:center;align-self:center}.about-page{background-color:#000;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:60px}.about-img{background-image:url(/assets/abt-img-BcPNX4fW.png);background-size:cover;background-position:center;height:450px;display:flex;justify-content:center;align-items:center;text-align:center;animation:fadeIn 1.5s ease-in-out}.about-img h1{color:#ff9012;font-size:clamp(2.5rem,6vw,5rem);text-shadow:3px 3px 7px rgb(0,0,0)}.cont1{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;padding:60px 40px;animation:slideUp 1.2s ease-in-out}.part1 h2{color:#ff9012;font-size:2.2rem;margin-bottom:10px;text-shadow:2px 2px 4px black}.part1 h3{color:#ccc;font-weight:400;justify-content:center;justify-items:center;justify-self:center;align-items:center;align-self:center;align-content:center;text-align:center}.part2 p{font-size:1.1rem;line-height:1.8;color:#e0e0e0;text-align:justify;transition:color .3s}.part2 p:hover{color:#fff}.part2 button{margin-top:20px;padding:10px 25px;background-color:#ff9012;color:#fff;border:none;font-weight:700;border-radius:30px;cursor:pointer;transition:background-color .4s ease}.part2 button:hover{background-color:#ff7300}.cont2{padding:40px 30px;background-color:#000;animation:fadeIn 1.5s ease-in-out}.grid1{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:20px;margin-bottom:40px;background-color:#141414;padding:20px;border-radius:16px;transition:transform .3s}.grid1:hover{transform:scale(1.02)}.grid1 .img i{font-size:4rem;color:#ff9012;text-align:center;text-shadow:0 0 10px #ff9012}.grid1 .part1 h2{color:#64b5f6;font-size:1.6rem;margin-bottom:10px}.grid1 .part1 p{color:#ccc;font-size:1rem;line-height:1.7}.cont3{padding:40px 30px;animation:fadeIn 2s ease-in-out}.cont3 p{margin-bottom:20px;color:#ddd;font-size:1.05rem;line-height:1.8;font-family:Tomorrow}.lead{font-size:2.5rem;color:#ff9012;text-align:center;margin-top:80px;margin-bottom:20px;animation:fadeInUp 1.3s ease-in-out}.cont4{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:40px 30px;gap:20px;align-items:center;background-color:#0000;border-radius:16px;box-shadow:0 0 20px #ff90121a;animation:slideUp 1.5s ease-in-out}.cont4 img{width:100%;border-radius:12px}.cont4 h1{color:#fff;font-size:2rem;margin-bottom:5px;text-align:center}.cont4 h3{color:#bbb;font-weight:400;margin-left:0}.cont5{text-align:center;padding:60px 30px;background-color:#0a4229;margin-top:60px;animation:fadeIn 2s ease-in-out}.cont5 h2{color:#fff;font-size:2rem;margin-bottom:10px}.cont5 h3{color:#ccc;margin-bottom:30px}.cont5 button{padding:14px 40px;font-size:1.1rem;font-weight:700;border:2px solid white;background-color:transparent;color:#fff;border-radius:30px;cursor:pointer;transition:all .4s ease}.cont5 button:hover{background-color:#fff;color:#0a4229}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-img h1{font-size:2.5rem}.grid1{text-align:center}.grid1 .img{margin-bottom:10px}}@media (min-width: 900px){.hamburger{display:none}.links{display:flex}.image img{width:100%}.new img{max-width:500px}.aboutgrid .eco{margin-left:24px}.new{justify-content:flex-start;justify-items:flex-start;justify-self:flex-start;align-items:flex-start}.aboutgrid p{max-width:600px;justify-content:center;justify-items:center;align-items:center;align-self:center;justify-self:center;padding:0 10px 54px 0;text-align:left;margin-left:24px}.aboutgrid h2{margin-left:16px}.new{justify-content:flex-start;align-content:flex-start;justify-items:flex-start;justify-self:flex-start}.cont4 img{width:60%;justify-self:flex-start;text-align:flex-start;justify-items:flex-start;justify-content:flex-start;align-items:flex-start;align-self:flex-start;align-content:flex-start;margin-bottom:0;margin-top:0}}.products{animation:slideFadeIn 1.6s ease;width:100%}.ring-wrapper{position:relative;width:100%;overflow-x:hidden;padding:2rem 5vw;box-sizing:border-box;height:600px;margin-bottom:0rem;background:#111}.nav-btns{display:flex;justify-content:center;margin-bottom:1rem;gap:4rem;z-index:1000;margin-top:90px}.nav-btns button{font-size:2rem;background:#141414;border:2px solid #ff9800;color:#ff9800;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:background .3s ease}.nav-btns button:hover{background:#ff9800;color:#fff}.ring{margin-top:70px;display:flex;justify-content:center;align-items:center;gap:0px;position:relative;height:250px;overflow:visible}.ring-item{flex-shrink:0;width:160px;height:220px;border-radius:12px;box-shadow:0 6px 20px #0000004d;cursor:pointer;background-color:#eee;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .7s ease,opacity .7s ease;position:relative}.ring-item.focused{transform:scale(1.5);z-index:10;box-shadow:0 0 30px #ff9800cc;opacity:1}.ring-item:not(.focused){opacity:.6;transform:scale(1)}.image-card{width:100%;height:100%;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:flex-end;-webkit-user-select:none;user-select:none}.card-content{background-image:linear-gradient(to bottom,#00000030,#000000d7);padding:.8rem;font-size:.9rem}.card-content h3{color:orange;text-shadow:1px 1px 2px black;margin-bottom:10px;margin-top:-5px;font-family:Tomorrow}.card-content p{font-size:smaller;text-shadow:2px 2px 2px black}.card-content button{margin-top:.5rem;padding:.4rem .8rem;background:#ff9800;border:none;color:#fff;font-family:Courier New,Courier,monospace;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .3s ease}.card-content button:hover{background:#e07b00}@media (max-width: 600px){.ring-wrapper{height:500px;padding:1rem 3vw;width:100vw}.ring-item{width:150px;height:200px}.card-content{font-size:.75rem}.nav-btns button{width:35px;height:35px;font-size:1.5rem}}.led-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:2rem;background-color:#0000;justify-items:center;width:100%}.led-card{background:linear-gradient(145deg,#111,#0d0d0d);border:1px solid #222;padding:20px;border-radius:12px;width:100%;max-width:250px;color:#fff;font-family:Orbitron,sans-serif;box-shadow:0 0 12px #ffffff4d;text-align:center;transition:all .3s ease}.led-card:hover{box-shadow:0 0 25px #ffffffce,0 0 10px #7b7b7b;transform:translateY(-5px)}.led-id{font-size:2rem;font-weight:700;color:#fc9f24;margin-bottom:10px}.led-title{font-size:1.2rem;color:#fff;margin-bottom:6px;letter-spacing:1px}.led-desc{font-size:.9rem;color:#ccc;opacity:.8}.whyus-btn:hover,.aboutus-btn:hover{transform:scale(1.08);background-color:#ff9012}.footer{background-color:#0e0e0e;color:#ccc;padding:2rem 1rem;font-family:Segoe UI,sans-serif;width:100%;box-sizing:border-box;position:relative;z-index:5;display:block;clear:both;border-top:2px solid rgb(156,156,156);position:static;margin-top:0}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto}.footer-section{flex:1 1 250px;min-width:200px}.footer-section h2,.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.footer-section p{font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-section ul li a:hover{color:#ff9012}.footer-bottom{text-align:center;padding-top:1rem;font-size:.85rem;color:#888;border-top:1px solid #222;margin-top:2rem}@media (max-width: 768px){.footer-grid{flex-direction:column;text-align:center;align-items:center}.footer-section{width:100%}.footer{padding:2rem 1rem 3rem}}.intro-cont .title,.intro-cont .subtitle{animation:fadeInUpHome 1.2s ease-out}.aboutus-container{animation:slideUpHome 1.4s ease-in-out}.whyus-btn,.aboutus-btn{transition:transform .3s ease,background-color .3s ease}.whyus-btn:hover,.aboutus-btn:hover{transform:scale(1.08);background-color:#0018a2}.cardgrid{animation:fadeInHome 1.8s ease-in-out}.products{animation:slideFadeIn 1.6s ease}@keyframes fadeInUpHome{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpHome{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInHome{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.image-ring-card{transition:transform .4s ease}.image-ring-card:hover{transform:translateY(-10px) scale(1.03)}.contact-container{display:flex;flex-direction:row;justify-content:space-between;background-color:#121212;color:#fff;padding:60px 40px;gap:40px;flex-wrap:wrap;margin-top:70px}.info-section{flex:1 1 300px}.section-title{font-size:2rem;color:#0daf36;margin-bottom:20px}.contact-details{list-style:none;padding:0}.contact-details li{margin-bottom:15px;font-size:1.1rem;color:#ddd}.contact-details strong{color:#c86100;margin-right:5px}.map-section{flex:1 1 300px;min-height:300px}.map-section iframe{width:100%;height:100%;border:none;border-radius:10px}@media (max-width: 768px){.contact-container{flex-direction:column;padding:40px 20px}.map-section{margin-top:30px;height:300px}}.products-page{background:#000;color:#fff;padding:2rem;margin-top:70px;padding-bottom:180px}.products-page h1{text-align:center;font-size:2.5rem;color:#ee8402;font-family:Righteous}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.card{text-align:left;justify-content:left;justify-items:left;background:#0c0c0c;border-radius:8px;overflow:hidden;color:#fff;text-decoration:none;transition:transform .3s;box-shadow:2px 2px 15px #ffffffac}.card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #fe643df2}.card img{width:100%;height:160px;object-fit:cover}.card h2{font-size:1.3rem;margin:1rem 0;color:#fff;font-family:Tomorrow;margin-left:5%}.detail-page{background-color:#121212;color:#e0e0e0;font-family:Tomorrow,sans-serif;min-height:100vh;padding-bottom:180px}.hero-image{position:relative;height:320px;background-position:center;background-size:cover;display:flex;justify-content:center;align-items:center;animation:fadeIn 1.5s ease forwards;box-shadow:inset 0 0 40px #0009}.hero-title{font-family:Righteous,cursive;font-size:clamp(2.5rem,6vw,4rem);color:#ff9012;text-shadow:2px 2px 8px rgba(0,0,0,.9);animation:fadeInUp 1.5s ease forwards}.content-wrapper{display:flex;flex-wrap:wrap;gap:30px;max-width:1200px;margin:40px auto 0;padding:0 20px}.sidebar{flex:1 1 300px;background-color:#1c1c1c;padding:25px 30px;border-radius:12px;box-shadow:0 0 15px #ff901233;animation:slideUp 1.2s ease forwards;display:flex;flex-direction:column;justify-content:space-between;min-width:280px}.overview{font-size:1.15rem;line-height:1.6;margin-bottom:25px;color:#ccc}.features-applications h3{color:#ff9012;margin-top:20px;margin-bottom:10px;font-weight:700;font-size:1.3rem;text-shadow:1px 1px 4px black}.features-applications ul{list-style:inside disc;margin-bottom:10px}.features-applications li{margin-bottom:6px;font-size:1rem;color:#ddd}.buttonsholder{display:grid;grid-template-columns:minmax(50px,1fr) minmax(70px,1.3fr);gap:10px}.back-btn{margin-top:30px;align-self:flex-start;background-color:#ff9012;color:#121212;font-weight:700;padding:10px 25px;border:none;border-radius:25px;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 8px #ff901266}.back-btn:hover{background-color:#000;color:#ff9012;box-shadow:0 6px 12px #ff7300b3}.contact-btn{margin-top:30px;align-self:flex-start;background-color:#5fff84;color:#121212;font-weight:700;padding:10px 25px;border:none;border-radius:25px;cursor:pointer;transition:background-color .4s ease;box-shadow:0 4px 8px #12ff6166}.contact-btn:hover{background-color:#000;color:#5fff84;box-shadow:0 6px 12px #40f87ab3}.main-content{flex:2 1 600px;animation:slideUp 1.3s ease forwards;display:flex;flex-direction:column;gap:30px}.intro{font-size:1.2rem;line-height:1.7;color:#ddd;font-family:Tomorrow,sans-serif}.gallery-section{margin-top:10px}.gallery-heading{font-family:Righteous,cursive;font-size:1.8rem;color:#ff9012;margin-bottom:20px;text-shadow:1px 1px 5px rgba(0,0,0,.75);animation:fadeIn 1.2s ease forwards}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.gallery-img{width:100%;height:100px;object-fit:cover;border-radius:10px;box-shadow:0 0 6px #ff901280;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-img:hover{transform:scale(1.05);box-shadow:0 0 12px #ff9012e6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.not-found{font-family:Tomorrow,sans-serif;text-align:center;padding:60px 20px;font-size:1.5rem;color:#ff4f00}