:root{--navy:#062b64;--blue:#0a5aae;--red:#e31b2b;--dark:#041b3d;--light:#f4f8fc;--text:#203b5f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}
.topbar{min-height:42px;background:linear-gradient(90deg,#041d42,#0757a5);color:#fff;display:flex;align-items:center;gap:26px;padding:8px 5%;font-size:13px;flex-wrap:wrap}.topbar a{color:white}.lang{margin-left:auto;display:flex;gap:8px}.lang a{font-weight:800;padding:4px 7px;border-radius:4px}.langActive{background:var(--red)}
.brand{min-height:150px;display:flex;align-items:center;gap:30px;padding:14px 5%;background:linear-gradient(115deg,#fff 0%,#f3f8fd 72%,#eef5ff 100%);position:relative}.brand:after{content:"";position:absolute;right:-80px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#0b5eb022,transparent 68%)}.logo{width:285px;max-height:128px;object-fit:contain;animation:logoFloat 4s ease-in-out infinite}.brandcopy{border-left:3px solid var(--red);padding-left:28px}.brand h1{margin:0;color:var(--navy);font-size:43px;letter-spacing:-1px}.brand h1 span{font-size:.63em}.brand p{letter-spacing:3px;color:#35557a;font-size:14px;margin:10px 0 0}
.nav{position:sticky;top:0;z-index:60;background:rgba(4,37,83,.96);backdrop-filter:blur(12px);border-bottom:3px solid var(--red);box-shadow:0 8px 25px #00172e28}.links{display:flex;justify-content:center;align-items:center}.links a{color:white;font-weight:800;padding:18px 21px;font-size:15px;position:relative;transition:.3s}.links a:after{content:"";position:absolute;left:50%;right:50%;bottom:8px;height:2px;background:#fff;transition:.3s}.links a:hover:after{left:18%;right:18%}.links a:hover{background:#ffffff0f}.navCta{background:linear-gradient(135deg,var(--red),#b90b19);border-radius:4px;margin-left:12px;padding:12px 20px!important}.menuBtn{display:none}
.hero{height:650px;position:relative;overflow:hidden;display:flex;align-items:center}.heroSlides,.slide{position:absolute;inset:0}.slide{background-size:cover;background-position:center;opacity:0;animation:heroFade 18s infinite}.s1{background-image:url('assets/images/hero-industrial.jpg');animation-delay:0s}.s2{background-image:url('assets/images/piping.jpg');animation-delay:6s}.s3{background-image:url('assets/images/civil.jpg');animation-delay:12s}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,48,.94) 0%,rgba(3,35,78,.73) 45%,rgba(3,35,78,.12) 82%)}.heroContent{position:relative;z-index:2;color:white;width:58%;padding-left:6%}.eyebrow{font-size:13px;letter-spacing:2.6px;font-weight:800;color:#d7e7f8}.hero h2{font-size:62px;line-height:1.02;margin:14px 0;text-shadow:0 4px 20px #001427}.hero h2 em{font-style:normal;color:#ff3444}.hero p{font-size:18px;line-height:1.6;max-width:730px;color:#eef5fb}.buttons{display:flex;gap:14px;margin-top:28px}.buttons a{padding:15px 23px;border-radius:5px;font-weight:800;transition:.3s}.primary{background:linear-gradient(135deg,#f02335,#bd0717);box-shadow:0 12px 28px #b20d2440}.secondary{border:2px solid #fff;background:#062b6480}.buttons a:hover{transform:translateY(-3px)}
.heroMetrics{position:absolute;z-index:3;right:4%;bottom:30px;display:flex;background:#041d42d9;backdrop-filter:blur(10px);border:1px solid #ffffff20;border-radius:10px;overflow:hidden}.heroMetrics div{padding:18px 25px;color:white;border-right:1px solid #ffffff18;text-align:center}.heroMetrics strong{display:block;font-size:28px;color:#ff3948}.heroMetrics span{font-size:11px;text-transform:uppercase;letter-spacing:1px}
.aboutSection{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 7%;align-items:center}.aboutImage{position:relative}.aboutImage img{width:100%;height:450px;object-fit:cover;border-radius:12px;box-shadow:0 22px 45px #001d3b22}.floatingCard{position:absolute;left:30px;bottom:-25px;background:white;border-left:5px solid var(--red);box-shadow:0 12px 35px #001e3e20;padding:18px 24px;border-radius:8px}.floatingCard b{display:block;color:var(--navy);font-size:26px}.floatingCard span{font-size:12px}.sectiontag{font-size:12px;letter-spacing:3px;font-weight:900;color:var(--red)}.aboutText h2,.sectionHead h2,.mvCards h2,.contactSection h2{font-size:43px;line-height:1.12;color:var(--navy);margin:12px 0 18px}.aboutText p{font-size:17px;line-height:1.8;color:#51657f}.miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.miniGrid div{padding:17px;background:#f4f8fc;border-radius:8px;border-left:3px solid var(--blue)}.miniGrid b{display:block;color:var(--navy);margin-bottom:5px}.miniGrid span{font-size:12px;color:#65778c}
.servicesSection{padding:90px 5%;background:#f3f7fb}.sectionHead{text-align:center;max-width:800px;margin:0 auto 42px}.sectionHead p{color:#68798d;font-size:16px}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.serviceCard{height:365px;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 12px 30px #001a3520}.serviceCard img{width:100%;height:100%;object-fit:cover;transition:.7s}.serviceCard .overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,27,61,.94) 95%);transition:.4s}.serviceCard .content{position:absolute;left:0;right:0;bottom:0;color:white;padding:25px}.serviceCard .content span{display:inline-block;color:#ff3a49;font-weight:900;font-size:12px;letter-spacing:1px}.serviceCard h3{margin:6px 0 8px;font-size:21px}.serviceCard p{margin:0;font-size:13px;line-height:1.55;color:#e5edf6;max-height:0;opacity:0;overflow:hidden;transition:.4s}.serviceCard:hover img{transform:scale(1.08)}.serviceCard:hover p{max-height:120px;opacity:1}.serviceCard:hover .overlay{background:linear-gradient(180deg,rgba(5,46,99,.08),rgba(3,27,61,.98) 80%)}
.missionVision{display:grid;grid-template-columns:45% 55%;min-height:600px}.mvImage{background:linear-gradient(#051e4555,#051e4590),url('assets/images/electrical.jpg') center/cover no-repeat}.mvCards{padding:65px;background:linear-gradient(135deg,#052f69,#063e82);display:grid;gap:20px}.mvCards article{background:#ffffff0d;border:1px solid #ffffff1f;padding:30px;border-radius:10px;color:white;backdrop-filter:blur(5px)}.mvCards h2{color:white;font-size:31px}.mvCards p{line-height:1.7;color:#e9f2fb}.mvCards .sectiontag{color:#ff5160}
.whySection{padding:90px 7%;background:#fff}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.whyCard{padding:28px;background:linear-gradient(145deg,#fff,#f6f9fc);border:1px solid #dde6ef;border-radius:10px;transition:.35s;position:relative;overflow:hidden}.whyCard:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-25px;background:#0b5bad0c}.whyCard:hover{transform:translateY(-6px);box-shadow:0 16px 35px #001c3920;border-color:#c4d4e6}.whyCard i{font-style:normal;color:var(--red);font-size:12px;font-weight:900}.whyCard b{display:block;color:var(--navy);font-size:19px;margin:8px 0}.whyCard span{font-size:14px;line-height:1.6;color:#60738a}
.contactSection{padding:80px 7%;background:linear-gradient(120deg,#031d43,#0757a6);color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contactSection h2{color:white}.contactSection p{line-height:1.7;color:#deebf8}.light{color:#ff5966}.contactCards{display:grid;gap:13px}.contactCards>*{background:#ffffff10;border:1px solid #ffffff22;padding:18px 20px;border-radius:8px;backdrop-filter:blur(6px)}.contactCards b{display:block;margin-bottom:5px;color:#fff}.contactCards span{color:#e8f1fa}
footer{background:#02152f;color:white;display:flex;align-items:center;gap:25px;padding:25px 6%}footer img{width:130px;background:white;padding:4px;border-radius:4px}footer p{font-size:13px;color:#c9d7e8}
.reveal{opacity:0;transform:translateY(30px);transition:.85s ease}.reveal.show{opacity:1;transform:none}
@keyframes heroFade{0%,28%{opacity:1;transform:scale(1)}33%,95%{opacity:0;transform:scale(1.05)}100%{opacity:1}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1100px){.brand h1{font-size:34px}.links a{padding:16px 12px}.hero h2{font-size:49px}.serviceGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{font-size:11px;gap:8px}.lang{margin-left:0}.brand{flex-direction:column;text-align:center;padding:12px}.logo{width:245px}.brandcopy{border-left:0;border-top:2px solid var(--red);padding:9px 0 0}.brand h1{font-size:25px}.brand p{font-size:9px;letter-spacing:1.2px}.menuBtn{display:block;margin-left:auto;background:none;color:white;border:0;font-size:28px;padding:11px 18px}.links{display:none;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{padding:14px 20px}.navCta{margin:0;border-radius:0}.hero{height:680px}.heroContent{width:100%;padding:0 7%;align-self:flex-end;margin-bottom:150px}.hero h2{font-size:42px}.hero p{font-size:16px}.heroMetrics{left:5%;right:5%;bottom:25px}.heroMetrics div{flex:1;padding:13px 8px}.heroMetrics strong{font-size:22px}.heroMetrics span{font-size:9px}.aboutSection{grid-template-columns:1fr;padding:65px 6%;gap:50px}.aboutImage img{height:330px}.aboutText h2,.sectionHead h2,.contactSection h2{font-size:34px}.serviceGrid{grid-template-columns:1fr}.serviceCard{height:330px}.missionVision{grid-template-columns:1fr}.mvImage{min-height:320px}.mvCards{padding:40px 6%}.whyGrid{grid-template-columns:1fr}.contactSection{grid-template-columns:1fr}.buttons{flex-direction:column;align-items:flex-start}}
html[dir="rtl"] .brandcopy{border-left:0;border-right:3px solid var(--red);padding-left:0;padding-right:28px}html[dir="rtl"] .heroContent{padding-left:0;padding-right:6%}html[dir="rtl"] .floatingCard{left:auto;right:30px;border-left:0;border-right:5px solid var(--red)}html[dir="rtl"] .miniGrid div{border-left:0;border-right:3px solid var(--blue)}html[dir="rtl"] .serviceCard .content{text-align:right}html[dir="rtl"] .whyCard{text-align:right}
@media(max-width:760px){html[dir="rtl"] .brandcopy{border-right:0;padding-right:0}html[dir="rtl"] .heroContent{padding:0 7%;margin-bottom:150px}}