@import "tailwindcss";
:root{--navy:#072440;--blue:#3d5a80;--sky:#72cdf5;--pale:#edf3fa;--ink:#293241;--muted:#64717d;--line:#dce4e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}.kicker,.section-head>span,.page-hero>span{display:block;color:#258ebc;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:24px}
.main-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.main-logo img{width:156px;display:block}.main-header nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:650}.main-header nav a:hover{color:#1688b8}.nav-cta{background:var(--navy);color:#fff;padding:15px 18px;font-size:11px;font-weight:750}.solutions-menu{position:relative}.solutions-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}.solutions-menu summary::-webkit-details-marker{display:none}.solutions-menu summary span{color:#258ebc;font-size:14px;transition:transform .18s ease}.solutions-menu[open] summary span{transform:rotate(180deg)}.solutions-dropdown{position:absolute;top:calc(100% + 22px);left:-22px;width:285px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px #07244024;padding:10px;display:grid;z-index:30}.solutions-dropdown a{padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--navy)}.solutions-dropdown a:last-child{border-bottom:0}.solutions-dropdown a:hover{background:var(--pale);color:#1688b8}.solutions-dropdown .solutions-overview{background:var(--navy);color:#fff;font-weight:750}.solutions-dropdown .solutions-overview:hover{background:#123d62;color:#fff}.mobile-navigation{display:none}
.home-hero{min-height:720px;color:#fff;display:flex;align-items:center;padding:80px 8vw;background:linear-gradient(90deg,#072440f5 0%,#072440d4 52%,#07244033 100%),url('/aseel-electrical-mep.png') center/cover}.home-hero>div{max-width:980px}.home-hero>div>span{font-size:11px;letter-spacing:.18em;color:#bfefff;font-weight:750}.home-hero h1{font-size:clamp(58px,7.5vw,108px);line-height:.93;margin:28px 0;font-weight:650}.home-hero em{font-style:normal;color:var(--sky)}.home-hero p{font-size:18px;line-height:1.75;max-width:680px;color:#ffffffc7}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:35px;font-size:12px;font-weight:750}.blue-btn{display:inline-flex;background:var(--sky);color:var(--navy);padding:17px 20px;font-weight:800;margin-top:12px}
.home-intro,.sector-section,.featured-projects,.partners,.standard-section,.projects-page,.cert-page,.services-page,.contact-page,.content-split{padding:100px 8vw}.home-intro>div:nth-child(2),.content-split{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.home-intro h2,.section-head h2,.sector-section h2,.partners h2,.content-split h2,.process h2,.project-intro h2,.quality-band h2{font-size:clamp(40px,5vw,70px);line-height:1.04;font-weight:620}.home-intro p,.content-split p{color:var(--muted);font-size:16px;line-height:1.85}.stat-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-top:70px;border-top:1px solid var(--line)}.stat-row div{padding:28px 20px;border-right:1px solid var(--line)}.stat-row b{display:block;color:var(--navy);font-size:42px}.stat-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.dark-section{background:var(--navy);color:#fff;padding:105px 8vw}.section-head{position:relative;max-width:850px}.section-head p{color:#ffffff99;line-height:1.7;max-width:600px}.section-head>a{position:absolute;right:0;bottom:10px;color:#258ebc;font-size:12px;font-weight:750}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #ffffff26}.solution-grid a{padding:34px 28px;border-right:1px solid #ffffff26;border-bottom:1px solid #ffffff26;position:relative;min-height:240px}.solution-grid small{color:var(--sky)}.solution-grid h3{font-size:26px;margin:24px 0 12px}.solution-grid p{font-size:13px;line-height:1.7;color:#ffffff8f}.solution-grid b{position:absolute;right:24px;bottom:20px;color:var(--sky)}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line)}.sector-grid div{padding:26px 10px;border-bottom:1px solid var(--line)}.sector-grid small{color:#258ebc;margin-right:14px}.sector-grid b{font-size:15px}.featured-projects{background:var(--pale)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:55px}.project-grid article{background:#fff}.project-grid img{width:100%;height:290px;object-fit:cover}.project-grid article>div{padding:28px}.project-grid small{color:#258ebc;font-size:10px;font-weight:750;letter-spacing:.12em}.project-grid h3{font-size:26px;margin:15px 0 10px}.project-grid p{font-size:13px;line-height:1.65;color:var(--muted)}.project-grid.full{grid-template-columns:repeat(3,1fr)}.project-grid.full img{height:230px}
.partners{text-align:center}.partners>div{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:45px}.partners img{width:100%;height:75px;object-fit:contain;border:1px solid var(--line);padding:12px;filter:grayscale(1);transition:.2s}.partners img:hover{filter:none}
.page-hero{min-height:460px;padding:100px 8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--navy),#16466b);color:#fff;background-size:cover;background-position:center}.page-hero h1{font-size:clamp(52px,6.5vw,92px);line-height:.98;max-width:1000px;font-weight:640}.page-hero p{font-size:17px;line-height:1.75;color:#ffffffb8;max-width:720px;margin-top:25px}.content-split>div:last-child{padding-top:20px}.values{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.values>div{padding:62px 7vw;display:grid;grid-template-columns:150px 1fr;gap:34px;align-items:center;border-right:1px solid #ffffff26}.values img{width:150px;height:190px;object-fit:cover;border:1px solid #ffffff2c}.values span{color:var(--sky);font-size:11px;letter-spacing:.15em}.values h3{font-size:26px;line-height:1.45;font-weight:500;margin:20px 0 0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.value-grid>div{padding:32px 24px;border-right:1px solid var(--line)}.value-grid small{color:#258ebc}.value-grid h3{font-size:24px}.value-grid p{font-size:13px;line-height:1.65;color:var(--muted)}
.services-page article{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:55px 0;border-top:1px solid var(--line)}.services-page article small{color:#258ebc}.services-page h2{font-size:44px;margin:18px 0}.services-page p{color:var(--muted);line-height:1.75}.services-page ul{list-style:none;padding:0;margin:0}.services-page li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.services-page li span{color:#258ebc}.process{padding:95px 8vw;background:var(--pale)}.process>div{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #bccbd5}.process>div>div{padding:25px 15px;border-right:1px solid #bccbd5}.process small{display:block;color:#258ebc;margin-bottom:18px}
.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.project-intro h2{text-align:left}.project-intro p{color:var(--muted);line-height:1.7;padding-top:40px}.iso-cert-section{padding:100px 8vw 40px}.iso-cert-section>h2{font-size:clamp(40px,5vw,66px);margin-bottom:45px}.iso-cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.iso-cert-grid article{border:1px solid var(--line);background:#fff;padding:18px 18px 24px}.iso-cert-grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#f3f5f6}.iso-cert-grid h3{font-size:22px;margin:22px 0 8px}.iso-cert-grid p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.cert-page{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:45px}.cert-page article{border:1px solid var(--line);display:grid;grid-template-columns:200px 1fr;min-height:240px;align-items:center}.cert-page img{width:100%;height:100%;object-fit:contain;padding:18px;background:#f7f9fa}.cert-page article>div:last-child{padding:28px}.cert-page h2{font-size:25px}.cert-page p{color:var(--muted);line-height:1.7;font-size:13px}.quality-band{padding:90px 8vw;background:var(--navy);color:#fff}.quality-band span{color:var(--sky);letter-spacing:.16em;font-size:11px}.quality-band h2{max-width:900px;margin:25px 0}.quality-band a{display:inline-block;color:var(--sky);border-bottom:1px solid var(--sky);padding-bottom:8px}
.contact-page{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.contact-page>div a,.contact-page>div p{display:block;margin:18px 0;color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:11px;font-weight:750;letter-spacing:.08em}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);padding:14px;font:inherit;background:#fafcfd}label:nth-of-type(6){grid-column:1/-1}form button{border:0;background:var(--navy);color:#fff;padding:17px 20px;font-weight:750;cursor:pointer}form>small{align-self:center;color:var(--muted)}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{grid-column:1/-1;padding:14px 16px;border-left:4px solid;font-size:13px;line-height:1.5}.form-status.success{background:#eaf8f1;border-color:#2b9368;color:#176544}.form-status.error{background:#fff0f0;border-color:#bd4a4a;color:#8d2f2f}
.site-cta{padding:75px 8vw;background:var(--sky);display:flex;justify-content:space-between;align-items:center}.site-cta span{font-size:10px;letter-spacing:.16em;font-weight:800}.site-cta h2{font-size:38px;margin:14px 0 0}.site-cta>a{background:var(--navy);color:#fff;padding:18px 22px;font-size:12px;font-weight:750}.site-cta b{margin-left:30px}.main-footer{background:#041d33;color:#fff;padding:52px 8vw 20px;display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:7vw}.main-footer p{color:#ffffff8c;line-height:1.7;max-width:340px;margin-top:18px}.main-footer>div{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#ffffffa8}.main-footer b{color:var(--sky);margin-bottom:5px}.main-footer h3.company-name-ar{font-size:24px;direction:rtl;text-align:left;font-family:Tahoma,"Segoe UI",Arial,sans-serif;margin-bottom:8px}.main-footer small{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:18px;margin-top:16px;color:#ffffff66}
@media(max-width:900px){.main-header{height:76px;padding:0 20px}.main-logo img{width:125px}.main-header nav{display:none}.nav-cta{padding:12px;font-size:10px}.home-hero{min-height:650px;padding:70px 24px;background-position:62% center}.home-hero h1{font-size:52px}.home-intro,.sector-section,.featured-projects,.partners,.standard-section,.projects-page,.cert-page,.services-page,.contact-page,.content-split{padding:70px 24px}.home-intro>div:nth-child(2),.content-split,.project-intro,.contact-page,.services-page article{grid-template-columns:1fr;gap:25px}.stat-row,.solution-grid,.sector-grid,.project-grid,.project-grid.full,.value-grid,.cert-page{grid-template-columns:1fr 1fr!important}.partners>div{grid-template-columns:repeat(3,1fr)}.dark-section,.process{padding:75px 24px}.solution-grid a{min-height:210px}.page-hero{padding:70px 24px;min-height:400px}.values{grid-template-columns:1fr}.process>div{grid-template-columns:repeat(3,1fr)}.site-cta{padding:55px 24px;align-items:flex-start;flex-direction:column;gap:28px}.main-footer{padding:60px 24px 28px;grid-template-columns:1fr}.main-footer small{grid-column:1}.cert-page article{grid-template-columns:1fr}.cert-page img{height:200px}}
@media(max-width:560px){.home-hero h1{font-size:45px}.hero-buttons{align-items:flex-start;flex-direction:column}.stat-row,.solution-grid,.sector-grid,.project-grid,.project-grid.full,.value-grid,.cert-page{grid-template-columns:1fr!important}.partners>div{grid-template-columns:repeat(2,1fr)}.project-grid img{height:230px}.process>div{grid-template-columns:1fr 1fr}.contact-page form{grid-template-columns:1fr}label:nth-child(5){grid-column:1}.page-hero h1{font-size:48px}.site-cta h2{font-size:32px}}

.hero-cert-line{display:flex;align-items:center;gap:22px;margin-bottom:18px}.hero-cert-line>span{margin:0}.iso-badge{display:inline-block;padding:9px 13px;border:1px solid var(--sky);color:var(--sky);font-size:10px;font-weight:800;letter-spacing:.16em;white-space:nowrap}
.service-link{display:inline-block;margin-top:18px;color:#258ebc;font-size:12px;font-weight:800;border-bottom:1px solid #258ebc;padding-bottom:6px}
.solution-detail{padding:100px 8vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.solution-detail>div:first-child>p{color:var(--muted);font-size:16px;line-height:1.85}.detail-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.detail-list>div{padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-list small{color:#258ebc}.detail-list h3{font-size:21px;margin:16px 0 10px}.detail-list p{color:var(--muted);font-size:12px;line-height:1.6}.main-footer h3{font-size:20px;line-height:1.35;color:#fff;margin:0 0 24px;letter-spacing:.02em}
@media(max-width:900px){.solution-detail{padding:70px 24px;grid-template-columns:1fr;gap:45px}}
@media(max-width:560px){.detail-list{grid-template-columns:1fr}}
.service-preview{width:100%;height:190px;object-fit:cover;margin-bottom:24px;background:var(--pale)}
.solution-gallery{padding:90px 8vw;background:var(--pale)}.gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:45px}.gallery-heading h2{font-size:clamp(40px,5vw,65px);margin:0}.gallery-heading p{color:var(--muted);line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-grid figure{margin:0;background:#fff;border:1px solid var(--line)}.gallery-grid img{display:block;width:100%;height:210px;object-fit:cover}.gallery-grid figcaption{padding:16px 18px;font-size:12px;font-weight:700;color:var(--navy)}
@media(max-width:900px){.gallery-heading{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.service-preview{height:220px}}
@media(max-width:900px){.values>div{grid-template-columns:110px 1fr;padding:48px 24px;gap:24px}.values img{width:110px;height:145px}.iso-cert-grid{grid-template-columns:1fr 1fr}.iso-cert-section{padding:70px 24px 30px}.main-footer{padding:45px 24px 20px}}
@media(max-width:560px){.hero-cert-line{align-items:flex-start;flex-direction:column;gap:12px}.values>div{grid-template-columns:1fr}.values img{width:100%;height:170px}.iso-cert-grid{grid-template-columns:1fr}}
@media(max-width:560px){.solution-gallery{padding:65px 24px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:230px}}
.mobile-home{font-size:11px;font-weight:750;color:var(--navy)}
@media(max-width:900px){.mobile-navigation{display:flex;align-items:center;gap:13px;margin-left:auto;margin-right:14px}.mobile-solutions summary{font-size:11px;font-weight:750;color:var(--navy)}.mobile-solutions .solutions-dropdown{position:fixed;top:76px;left:16px;right:16px;width:auto;padding:10px}.mobile-solutions .solutions-dropdown a{padding:14px}.mobile-home{display:block}}

/* Arabic / RTL edition */
.rtl{font-family:Tahoma,"Segoe UI",Arial,sans-serif;text-align:right}.rtl .main-header nav{direction:rtl}.rtl .solutions-dropdown{right:-22px;left:auto}.rtl .home-hero{background-image:linear-gradient(270deg,#072440f5 0%,#072440d4 52%,#07244033 100%),url('aseel-electrical-mep.png');background-position:center}.rtl .home-hero>div{margin-right:0;margin-left:auto}.rtl .section-head>a{left:0;right:auto}.rtl .solution-grid a{border-right:0;border-left:1px solid #ffffff26}.rtl .solution-grid b{left:24px;right:auto}.rtl .project-intro h2{text-align:right}.rtl .services-page li span{transform:scaleX(-1)}.rtl .main-footer h3.company-name-ar{text-align:right;direction:rtl}.rtl .form-status{border-left:0;border-right:4px solid}.language-link{color:#1688b8;font-weight:800}.rtl input,.rtl textarea{text-align:right}.rtl .partners img{direction:ltr}
@media(max-width:900px){.rtl .mobile-navigation{margin-left:14px;margin-right:auto}.rtl .mobile-solutions .solutions-dropdown{right:16px;left:16px}}
/* cPanel asset path */
.home-hero{background-image:linear-gradient(90deg,#072440f5 0%,#072440d4 52%,#07244033 100%),url('aseel-electrical-mep.png')}

/* Compact homepage hero and profile-derived sector presentation */
.home-hero{min-height:590px;padding:62px 8vw}.home-hero>div{max-width:900px}.home-hero h1{font-size:clamp(50px,6vw,82px);line-height:.96;margin:24px 0}.home-hero p{font-size:16px;line-height:1.7}.hero-buttons{margin-top:28px}
.sector-grid{grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line)}.sector-grid div{padding:28px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;min-height:205px}.sector-grid img{width:68px;height:62px;object-fit:contain;margin-bottom:20px}.sector-grid small{font-weight:800;margin:0 0 10px}.sector-grid b{font-size:14px;line-height:1.4;color:var(--navy)}
@media(max-width:900px){.home-hero{min-height:540px;padding:55px 24px}.home-hero h1{font-size:48px}.sector-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.home-hero h1{font-size:42px}.sector-grid{grid-template-columns:repeat(2,1fr)!important}.sector-grid div{min-height:175px;padding:22px 14px}.sector-grid img{width:58px;height:54px}}