:root{--green:#2d7800;--fresh:#009445;--dark:#333;--muted:#878787;--line:#e7e7e7;--soft:#f5f7f6}*{box-sizing:border-box}body{margin:0;font-family:Candara,Arial,sans-serif;color:#616161;background:#fff;text-align:center}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1140px,92vw);margin:0 auto}.container-fluid{width:100%}.top-bg-head{background:var(--green);color:#fff;font-size:14px;text-align:left}.topbar,.navwrap,.footline{display:flex;align-items:center;justify-content:space-between;gap:20px}.top-hed,.top-hed-soc,.fut-nav,.main-nav ul{list-style:none;margin:0;padding:0}.top-hed li,.top-hed-soc li{display:inline-block;padding:7px 14px 7px 0}.top-hed-soc a{color:#fff}.heade-bg{background:rgba(255,255,255,.94);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.05)}.brand img{max-height:76px;padding:8px 0}.main-nav>ul{display:flex;align-items:center;justify-content:flex-end;gap:0;text-transform:uppercase;font-size:15px;color:#585858}.main-nav li{position:relative}.main-nav a{display:block;padding:25px 12px}.main-nav li:hover>a{color:var(--green)}.has-menu ul{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:60}.has-menu:hover ul{display:block}.has-menu ul a{padding:10px 14px;border-bottom:1px solid #eee}.nav-toggle{display:none;background:var(--green);color:#fff;border:0;padding:10px 16px}.banner{position:relative;overflow:hidden;margin-top:-8px}.slides{height:390px;position:relative;background:#f4f4f4}.slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 900ms ease}.slide-img.active{opacity:1}.head-slide img{width:100%;max-height:320px;object-fit:cover}.three-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:min(1140px,92vw);margin:22px auto}.arrow_box,.arrow_box1{position:relative;background:#e7e7e7;border:2px solid #e7e7e7;min-height:220px;overflow:hidden;padding:8px}.arrow_box1{min-height:204px}.inmg-hov{transition:opacity .25s ease}.inmg-hov:hover{opacity:.5}.servi{text-transform:uppercase;font-weight:lighter;font-size:38px;color:#3d3d3d;margin:45px 0 0;line-height:45px}.ser{color:#565656;font-weight:lighter;font-size:17px;line-height:32px;padding:8px 0 10px}.mid-cent{background:var(--green);height:1px;border:0}.imgcrol{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:15px 0 20px;padding:0}.imgcrol span{display:block;text-align:center;font-size:16px;text-transform:uppercase;color:#878787}.border-img{border:1px solid #ddd}.mid-out-bot{margin:59px auto 23px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.content{text-align:left;padding:20px 0 45px}.breadcrumb{list-style:none;text-align:left;padding:14px 0;margin:0;color:#878787}.breadcrumb li{display:inline}.breadcrumb li+li:before{content:'/';padding:0 8px;color:#aaa}.panel-heading{color:var(--green);margin:18px 0 10px;font-size:26px;font-weight:normal}.content p{font-size:15px;line-height:23px;color:#616161}.green{color:var(--green)}.prof-link{text-align:center;margin:20px 0}.prof-link a,.project-links a,.but-sub{display:inline-block;border:1px solid #67a611;color:#565656;padding:8px 14px;text-transform:uppercase}.but-sub{background:var(--green);color:#fff;font-size:20px;border:0}.two-col-layout{display:grid;grid-template-columns:270px 1fr;gap:28px}.side-cards{display:grid;gap:15px;align-content:start}.left-slide-head,.service-list-head,.service-head,.equipment-head{display:block;background:var(--green);color:#fff;text-align:center;text-transform:uppercase;padding:10px}.left-slide-body,.service-list-body,.service-body,.left-slide-body1{display:block;background:#f2f2f2;padding:7px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:25px}.service-container{background:#f7f7f7}.service-body img{width:100%;height:170px;object-fit:cover}.feature-img{max-width:360px;margin:0 0 18px}.thumb-grid,.gallery-grid,.projects-grid,.equipment-grid{display:grid;gap:22px}.thumb-grid{grid-template-columns:repeat(2,1fr)}.thumb img{width:100%;height:250px;object-fit:cover}.thumb figcaption{text-align:center;padding:10px}.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-grid img{width:100%;height:170px;object-fit:cover;border:1px solid #ddd;border-radius:4px}.client-grid img{height:135px;object-fit:contain;padding:12px}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card{display:grid;grid-template-columns:190px 1fr;gap:14px;min-height:200px}.project-card img{width:190px;height:130px;object-fit:cover}.project-card h2{font-size:16px;color:#333;margin:0 0 8px}.project-card p{font-size:13px;line-height:20px}.proj-client{color:var(--green)}.project-links{display:flex;justify-content:space-between;margin-top:20px}.wide-image{width:min(900px,100%)}.qhs-img{margin-bottom:12px}.plain-list{list-style:none;padding-left:0}.equipment-grid{grid-template-columns:repeat(2,1fr)}.equipment-grid article{background:#f2f2f2;padding:14px}.equipment-grid h2{font-size:18px;color:#fff;background:var(--green);padding:10px;margin:0 0 12px;text-align:center}.equipment-grid img{height:220px;width:100%;object-fit:cover}.table-wrap{overflow:auto;margin-bottom:25px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:9px 12px;border:1px solid #ddd}th{background:#f2f2f2;color:#333}.contact-grid,.maps{display:grid;grid-template-columns:1fr 1.7fr;gap:35px}.contact-form{display:grid;gap:12px}.contact-form label{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;color:#333}.contact-form input,.contact-form textarea{border:1px solid #ccc;padding:10px;width:100%;font:inherit}.contact-form button{width:120px;margin-left:150px;background:#337ab7;color:#fff;border:0;padding:10px 16px}.maps{grid-template-columns:1fr 1fr;margin-top:30px}.maps iframe{width:100%;height:350px;border:0}.map-head{background:var(--green);color:#fff;padding:10px;text-align:center}.ftr-top-bg{background:var(--soft);padding:22px 0 15px}.ftr-top-bg h2{color:#272727;font-size:39px;font-weight:lighter;text-transform:uppercase;margin:0 0 12px}.ftr-top-bg p{color:#565656;font-size:17px;line-height:29px}.footer-bg{background:#333;padding:15px 0 20px}.fut-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;text-transform:uppercase}.fut-nav a{color:#797979}.footer-bg-s{background:#2f2f2f;color:#797979;font-size:13px;padding:15px 0}.footer-bg-s a{color:#a8a8a8}@media(max-width:900px){.topbar,.navwrap,.footline{align-items:flex-start}.navwrap{flex-wrap:wrap}.nav-toggle{display:block;margin-top:22px}.main-nav{display:none;width:100%}.main-nav.open{display:block}.main-nav>ul{display:block;text-align:left}.main-nav a{padding:12px}.has-menu ul{display:block;position:static;box-shadow:none;padding-left:15px}.three-feature,.two-col,.two-col-layout,.service-grid,.imgcrol,.projects-grid,.equipment-grid,.contact-grid,.maps{grid-template-columns:1fr}.slides{height:260px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.project-card{grid-template-columns:1fr}.project-card img{width:100%;height:180px}.contact-form label{grid-template-columns:1fr}.contact-form button{margin-left:0}}@media(max-width:520px){.gallery-grid,.thumb-grid{grid-template-columns:1fr}.servi{font-size:30px}.ftr-top-bg h2{font-size:30px}}
.three-feature{grid-template-columns:repeat(3,minmax(0,1fr))}.three-feature>div{min-width:0;overflow:hidden}.arrow_box *,.arrow_box1 *{max-width:100%}.arrow_box hr,.arrow_box1 hr{width:100%!important}

/* Original visual behavior refinements */
.top-bg-head{background-color:#2d7800}
.heade-bg{position:relative;top:-8px;background-color:rgba(255,255,255,.9);box-shadow:none}
.navwrap{align-items:center}
.brand{flex:0 0 auto}.brand img{max-height:82px}
.main-nav{flex:1 1 auto}.main-nav>ul{gap:0;font-size:15px;line-height:1;white-space:nowrap}.main-nav>ul>li>a{padding:0 10px!important;height:46px;line-height:46px;white-space:nowrap}.main-nav>ul>li>a br{display:none}.main-nav li:hover>a{color:#67A611;background:#fff}.has-menu ul{border:3px solid #67A611;border-radius:10px;padding:0 8px;min-width:220px;top:46px}.has-menu ul li+li{border-top:1px solid #67A611}.has-menu ul a{color:#000;border-bottom:0;padding:11px 8px;line-height:1.2;white-space:nowrap}.has-menu ul a:hover{color:#67A611;background:#fff}.hero-wrap{background:#2d7800;margin-top:-8px;padding:0 0 18px}.hero-wrap>.container{position:relative}.hero-wrap .banner{margin:0;overflow:hidden}.hero-loader{position:absolute;left:0;top:0;width:100%;height:4px;background:rgba(255,255,255,.34);z-index:5;overflow:hidden}.hero-loader:before{content:"";display:block;height:100%;width:100%;background:#fff;transform-origin:left center;animation:heroTimer 5s linear infinite}.slides{height:390px;background:#2d7800}.slide-img{transform:scale(1.035);transition:opacity 500ms ease,transform 1200ms ease}.slide-img.active{transform:scale(1)}.slide-logo{position:absolute;z-index:4;left:50%;top:70px;transform:translateX(-50%);width:260px;opacity:.5;pointer-events:none;animation:logoRise .9s ease both}.slide-logo img{width:100%;height:auto}.bannercontainer,.banner{position:relative}@keyframes heroTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes logoRise{from{opacity:0;transform:translate(-50%,22px)}to{opacity:.5;transform:translate(-50%,0)}}
@media(max-width:1180px){.main-nav>ul{font-size:14px}.main-nav>ul>li>a{padding:0 7px!important}.brand img{max-width:225px}}
@media(max-width:900px){.heade-bg{top:0}.main-nav>ul{white-space:normal}.main-nav>ul>li>a{height:auto;line-height:1.2;padding:12px!important}.has-menu ul{border:0;border-radius:0;padding-left:15px;min-width:0}.hero-wrap{margin-top:0}.slide-logo{width:160px;top:45px}}

@media(max-width:1280px){.main-nav>ul{font-size:13px}.main-nav>ul>li>a{padding:0 6px!important}.brand img{max-width:225px}}

/* Gallery and Revolution-style box slide refinements */
.slide-img.preparing{opacity:0;transform:scale(1)}
.boxslide-tiles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.boxslide-tiles span{position:absolute;background-repeat:no-repeat;opacity:0;transform:scale(.86) rotateY(16deg);animation:boxSlideIn 760ms cubic-bezier(.18,.72,.22,1) forwards;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
@keyframes boxSlideIn{0%{opacity:0;transform:scale(.86) rotateY(16deg)}55%{opacity:1;transform:scale(1.02) rotateY(0)}100%{opacity:1;transform:scale(1) rotateY(0)}}
.gallery-grid{display:flex;flex-wrap:wrap;gap:0;align-items:flex-start;margin:8px -10px 15px}.gallery-grid a{display:block;width:25%;padding:0 10px 30px;text-align:center}.gallery-grid img{width:265px;max-width:100%;height:160px;object-fit:cover;border:1px solid #ddd;border-radius:4px;margin:0 auto;transition:opacity .25s ease}.gallery-grid img:hover{opacity:.5}.client-grid a{width:25%}.client-grid img{height:170px;object-fit:contain;padding:0}@media(max-width:900px){.gallery-grid a,.client-grid a{width:50%}.gallery-grid{margin-left:0;margin-right:0}}
@media(max-width:520px){.gallery-grid a,.client-grid a{width:100%}}

/* Original section styling: services, projects, gallery */
.service-grid{grid-template-columns:repeat(4,1fr);gap:0;margin:18px -15px 25px}.service-container{border:2px solid #67A611;border-radius:10px;height:270px;margin:10px 15px 0;background:#fff;overflow:hidden}.service-head{display:block;background:#fff;color:#000;font-size:18px;font-weight:bold;text-align:center;text-transform:none;line-height:22px;height:80px;padding:10px 8px}.service-head:hover{color:#67A611}.service-body{display:block;background:#fff;padding:8px 15px}.service-body img{height:157px;width:100%;object-fit:cover;border-radius:7px;margin-bottom:10px}.service-list-container{margin:0 30px 27px 10px}.service-list-head{background-color:#2D7800;color:#fff;text-align:center;font-size:16px;font-weight:normal;line-height:20px;padding:10px;text-transform:none}.service-list-head:hover{color:#fff;text-decoration:none}.service-list-body{height:150px;overflow:hidden;padding:0;background:#fff;display:block}.service-list-body img{width:100%;height:150px;object-fit:cover}.feature-img{max-width:250px;width:250px;margin:0 0 18px}.projects-grid{display:block;overflow:hidden}.project-card{float:left;width:50%;display:grid;grid-template-columns:220px 1fr;gap:10px;min-height:200px;height:200px;padding:0 10px 0 8px;margin:0 0 12px;background:#fff}.project-card img{width:220px;height:145px;object-fit:cover;border:4px solid #FFF;box-shadow:9px 9px 7px -9px #CACACA,-7px -7px 7px -9px #CACACA}.project-card h2{font-size:16px;color:#333;margin:0 0 8px;line-height:20px}.project-card p{font-size:13px;line-height:19px;margin:0}.project-links{clear:both;display:flex;justify-content:space-between;margin-top:12px}.project-links a{background-color:#2D7800;color:#fff;padding:10px;text-decoration:none;border:0;text-transform:none}.border-img{border:4px solid #FFF;box-shadow:9px 9px 7px -9px #CACACA,-7px -7px 7px -9px #CACACA}.gallery-grid{padding-bottom:18px}.gallery-grid a{padding-bottom:30px}.gallery-grid img{border:4px solid #FFF;box-shadow:9px 9px 7px -9px #CACACA,-7px -7px 7px -9px #CACACA;border-radius:4px}.client-grid img{width:250px;height:170px}.table-wrap table{border:1px solid #67A611}.table-wrap tr:nth-child(even){background:#E1FFC5}.table-wrap tr:nth-child(odd){background:#FFF}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.project-card{width:100%}}
@media(max-width:900px){.service-grid{grid-template-columns:1fr;margin-left:0;margin-right:0}.service-container{height:auto}.service-head{height:auto}.project-card{float:none;grid-template-columns:1fr;height:auto}.project-card img{width:100%;height:180px}.feature-img{width:100%;max-width:360px}.service-list-container{margin:0 0 20px}}

/* Codex original-homepage fidelity patch */
:root{--green:#2d7800;--original-slider-green:#67A611}
body{font-family:Candara,Arial,sans-serif;text-align:center;background:#fff;color:#616161}
.container{width:1170px;max-width:100%;margin:0 auto}
.top-bg-head{height:29px;min-height:29px;background:#2D7800;color:#fff;font-size:14px;line-height:29px;text-align:left}
.top-bg-head .container{width:1170px;max-width:100%;height:29px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:29px;padding:0}
.top-hed,.top-hed-soc{list-style:none;margin:0;padding:0;line-height:29px}
.top-hed li,.top-hed-soc li{display:inline-block;padding:0 10px 0 0;line-height:29px;vertical-align:top;color:#fff;font-weight:bold}
.top-hed li{padding-right:18px}.top-hed a,.top-hed-soc a{color:#fff;text-decoration:none;font-weight:bold}
.top-mini-icon{display:inline-block;width:14px;margin-right:3px;text-align:center;color:#fff;font-weight:bold}.top-mini-icon.phone:before{content:'\260E';font-size:13px}.top-mini-icon.mail:before{content:'\2709';font-size:13px}
.top-hed-soc li:first-child{padding-right:18px}.top-hed-soc li:not(:first-child){min-width:15px;text-align:center;padding-right:8px;font-size:15px;text-transform:none}.top-hed-soc li a[href*="linkedin"]{font-size:13px}.top-hed-soc li a[href*="youtube"]{font-size:11px}
.heade-bg{position:relative;top:0;background:rgba(255,255,255,.92);box-shadow:none;z-index:50;height:74px}.navwrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}.brand img{max-height:66px;max-width:235px;padding:4px 0;margin:0}.main-nav{flex:1 1 auto}.main-nav>ul{display:flex;align-items:center;justify-content:flex-end;gap:0;margin:0;padding:0;list-style:none;text-transform:uppercase;font-size:14px;line-height:1;white-space:nowrap;color:#555}.main-nav>ul>li>a{height:74px;line-height:74px;padding:0 12px!important;color:#555;text-decoration:none}.main-nav li:hover>a,.main-nav>ul>li>a:hover{color:#67A611;background:#fff}.has-menu ul{top:70px}
.hero-wrap{background:#67A611!important;margin-top:0!important;padding:0 0 67px!important}.hero-wrap>.container{width:1220px;max-width:100%;position:relative}.hero-wrap .banner{height:390px;margin:0 auto;overflow:hidden}.slides{height:390px;background:#67A611!important}.slide-img{object-fit:cover}.slide-logo{top:72px;width:260px;opacity:.5}.hero-loader{display:none}.ind-top1{margin-top:0}.three-feature{width:100%;display:grid;grid-template-columns:33.333% 33.333% 33.333%;gap:0;margin:0 auto}.three-feature>div{overflow:hidden;background:#e7e7e7}.three-feature>div:nth-child(2){background:#fff}.arrow_box,.arrow_box1{border:0;background:#e7e7e7;min-height:218px;padding:8px;overflow:hidden}.arrow_box1{min-height:169px}.three-feature img.inmg-hov{width:100%;height:auto}.footer-bg-s .footline p:first-child{white-space:nowrap}
@media(max-width:1220px){.hero-wrap>.container,.top-bg-head .container,.container{width:1170px}.main-nav>ul{font-size:13px}.main-nav>ul>li>a{padding:0 8px!important}}
@media(max-width:900px){.top-bg-head{height:auto}.topbar{height:auto;align-items:flex-start;flex-wrap:wrap;padding:4px 10px}.heade-bg{height:auto}.navwrap{height:auto;flex-wrap:wrap}.main-nav>ul{display:block;white-space:normal;text-align:left}.main-nav>ul>li>a{height:auto;line-height:1.2;padding:12px!important}.hero-wrap{padding-bottom:20px!important}.hero-wrap .banner,.slides{height:260px}.three-feature{grid-template-columns:1fr}.arrow_box,.arrow_box1{min-height:auto}.slide-logo{width:160px;top:45px}}

/* Homepage hero and mobile contact refinements */
.hero-loader{display:block!important;position:absolute;left:0;top:0;width:100%;height:4px;background:rgba(255,255,255,.32);z-index:6;overflow:hidden}
.hero-loader:before{content:"";display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left center;animation:none}
.hero-loader.is-running:before{animation:heroTimer 5s linear forwards}
.slide-img{z-index:0;opacity:0;transform:scale(1.01);transition:opacity 450ms ease,transform 900ms ease}
.slide-img.active{z-index:1;opacity:1;transform:scale(1)}
.boxslide-tiles{z-index:3}
.top-hed a{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-weight:bold;min-height:29px}
.top-hed a:hover,.top-hed a:focus,.top-hed-soc a:hover,.top-hed-soc a:focus{color:#fff;text-decoration:none}
.top-hed-soc{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.top-hed-soc li,.top-hed-soc li:first-child,.top-hed-soc li:not(:first-child){display:block;min-width:0;padding:0;line-height:29px}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff!important;line-height:1;text-align:center}
.social-icon svg{display:block;width:18px;height:18px;fill:currentColor}
.social-icon.youtube svg{width:21px;height:21px}
@media(max-width:900px){.topbar{align-items:center;justify-content:center;gap:4px 12px;padding:6px 10px}.top-hed{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;line-height:22px}.top-hed li{padding:0}.top-hed a{min-height:28px;font-size:13px}.top-hed-soc{justify-content:center;gap:14px;width:100%;line-height:24px}.top-hed-soc li{line-height:24px}.social-icon{width:24px;height:24px}.hero-loader{height:3px}.slide-img{transform:none}.slide-img.active{transform:none}}

/* Final responsive and compatibility pass */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
picture{display:block;max-width:100%}
picture>img{max-width:100%;height:auto}
.container{width:min(1170px,92vw);padding-left:0;padding-right:0}
.content img,.content picture,.side-cards picture,.service-grid picture,.gallery-grid picture,.projects-grid picture,.equipment-grid picture,.imgcrol picture,.three-feature picture{max-width:100%}
.head-slide{position:relative;overflow:hidden;background:#67A611}
.head-slide picture,.head-slide img{width:100%;height:260px;object-fit:cover}
.head-slide:after{content:"";position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);background:url("../images/brand/al-noaimi-round-logo.svg") center/contain no-repeat;opacity:.38;pointer-events:none}
.media-frame{display:block;width:100%;cursor:default}
.zoom-frame{cursor:zoom-in}
.gallery-grid .media-frame,.client-grid .media-frame{display:block;width:25%;padding:0 10px 30px;text-align:center}
.gallery-grid .media-frame img,.client-grid .media-frame img{margin:0 auto}
.feature-img,.wide-image,.qhs-img{margin-left:auto;margin-right:auto}
.content table{min-width:620px}
.table-wrap{-webkit-overflow-scrolling:touch}
.nav-toggle{border-radius:4px;min-height:40px}
@media(max-width:1050px){.container{width:min(1000px,94vw)}.main-nav>ul{white-space:normal}.main-nav>ul>li>a{padding-left:7px!important;padding-right:7px!important}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;margin-right:0}.gallery-grid .media-frame,.client-grid .media-frame{width:33.333%}}
@media(max-width:900px){.container{width:92vw}.top-bg-head .container{width:100%}.heade-bg{top:0}.navwrap{justify-content:center;text-align:center;padding:8px 0}.brand{width:100%;display:flex;justify-content:center}.brand img{max-width:min(260px,82vw);max-height:74px}.nav-toggle{margin:4px auto 8px}.main-nav{width:100%;background:#fff;border-top:1px solid #e7e7e7}.main-nav>ul{text-align:center}.main-nav>ul>li>a{height:auto;line-height:1.25;padding:12px 8px!important}.has-menu ul{padding-left:0;text-align:center}.hero-wrap .banner,.slides{height:260px}.slide-logo{width:150px;top:48px}.head-slide picture,.head-slide img{height:190px}.head-slide:after{width:120px;height:120px}.breadcrumb{text-align:center;line-height:1.8}.panel-heading{text-align:center}.content{padding-top:12px}.content p,.content li{font-size:15px;line-height:1.6}.two-col-layout,.two-col,.contact-grid,.maps,.equipment-grid,.projects-grid{grid-template-columns:1fr!important}.side-cards{justify-items:center}.side-cards>*{width:min(320px,100%)}.service-grid{grid-template-columns:1fr!important}.service-container{margin-left:auto;margin-right:auto;max-width:360px}.imgcrol{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.imgcrol img{width:100%;height:160px;object-fit:cover}.gallery-grid .media-frame,.client-grid .media-frame{width:50%}.project-card{float:none;width:100%;grid-template-columns:1fr;justify-items:center;text-align:center}.project-card img{width:100%;max-width:360px;height:190px}.project-card p{text-align:left}.project-links{gap:10px;flex-wrap:wrap;justify-content:center}.contact-form label{grid-template-columns:1fr;text-align:left}.contact-form button{margin:0 auto}.footline{flex-direction:column;align-items:center;text-align:center;gap:4px}.ftr-top-bg h2{font-size:32px;line-height:1.15}}
@media(max-width:520px){.container{width:94vw}.top-hed{width:100%;gap:0 10px}.top-hed a{font-size:12px}.top-hed-soc{gap:16px}.hero-wrap{padding-bottom:14px!important}.hero-wrap .banner,.slides{height:220px}.slide-logo{width:118px;top:52px}.head-slide picture,.head-slide img{height:150px}.head-slide:after{width:92px;height:92px}.three-feature{display:block}.arrow_box,.arrow_box1{padding:14px 10px}.servi{font-size:28px;line-height:1.2}.ser{font-size:15px;line-height:1.6}.imgcrol{grid-template-columns:1fr}.gallery-grid .media-frame,.client-grid .media-frame{width:100%;padding-left:0;padding-right:0}.gallery-grid img{width:100%;height:auto;max-height:260px}.client-grid img{width:min(250px,85vw);height:150px}.maps iframe{height:260px}.ftr-top-bg h2{font-size:26px}.but-sub{font-size:17px}.content table{font-size:13px}}

/* Legacy CMS content cleanup and image watermarking */
.page-copy,.page-copy *{max-width:100%}
.page-copy .row{display:flex!important;flex-wrap:wrap!important;gap:14px 0!important;margin-left:0!important;margin-right:0!important;width:100%!important}
.page-copy [class*="col-"]{float:none!important;width:auto!important;max-width:100%!important;min-width:0!important;padding-left:0!important;padding-right:0!important}
.page-copy .col-md-12{flex:1 1 100%!important}
.page-copy .col-xs-6,.page-copy .col-md-4{flex:1 1 260px!important}
.page-copy p,.page-copy li{text-align:left}
.page-copy h2,.page-copy h3{text-align:center!important}
.plants-list{display:block!important;margin:0 auto 12px!important;padding-left:24px!important;width:max-content;max-width:100%}
.plants-list li{padding:4px 6px!important;line-height:1.45!important}
.plants-more{display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:90px!important;line-height:1.4!important;text-align:center!important}
.content picture,.gallery-grid picture,.projects-grid picture,.equipment-grid picture,.service-grid picture,.side-cards picture,.imgcrol picture,.three-feature picture{position:relative;overflow:hidden}
.content>section>picture,.two-col-layout>section>picture{display:block;width:max-content;max-width:100%;margin:0 auto 18px}
.content>section>picture img,.two-col-layout>section>picture img{width:auto;max-width:100%}
.content picture:after,.gallery-grid picture:after,.projects-grid picture:after,.equipment-grid picture:after,.service-grid picture:after,.side-cards picture:after,.imgcrol picture:after,.three-feature picture:after{content:"";position:absolute;right:10px;bottom:10px;width:54px;height:54px;background:url("../images/brand/al-noaimi-round-logo.svg") center/contain no-repeat;opacity:.36;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.certificate-frame picture:after{left:50%;top:50%;right:auto;bottom:auto;width:96px;height:96px;transform:translate(-50%,-50%);opacity:.34}
.certificate-frame picture{display:block}
.certificate-frame .qhs-img{width:100%;height:auto;margin-bottom:0}
.client-grid picture:after,.brand picture:after,.slide-logo picture:after,.gallery-grid picture:after,.certificate-frame picture:after{display:none}
.gallery-grid picture:after,.projects-grid picture:after{width:46px;height:46px;right:9px;bottom:9px}
.side-cards picture:after,.service-grid picture:after,.imgcrol picture:after{width:42px;height:42px;right:8px;bottom:8px}
@media(max-width:900px){.page-copy{text-align:center}.page-copy .row{justify-content:center!important}.page-copy [class*="col-"]{flex:1 1 100%!important}.page-copy p,.page-copy li{text-align:left}.plants-list{width:min(320px,100%)}.plants-more{min-height:56px!important}.content>section>picture,.two-col-layout>section>picture{width:min(360px,100%)}.content>section>picture img,.two-col-layout>section>picture img{width:100%}.content picture:after,.gallery-grid picture:after,.projects-grid picture:after,.equipment-grid picture:after,.service-grid picture:after,.side-cards picture:after,.imgcrol picture:after,.three-feature picture:after{width:42px;height:42px;right:8px;bottom:8px}}
@media(max-width:520px){.page-copy .row{display:block!important}.plants-list{padding-left:22px!important}.plants-list li{font-size:15px!important}.content picture:after,.gallery-grid picture:after,.projects-grid picture:after,.equipment-grid picture:after,.service-grid picture:after,.side-cards picture:after,.imgcrol picture:after,.three-feature picture:after{width:34px;height:34px;right:7px;bottom:7px}}

.image-viewer{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:54px 68px}
.image-viewer.open{display:flex}
.image-viewer img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.image-viewer button{position:absolute;border:0;background:rgba(45,120,0,.92);color:#fff;cursor:pointer;border-radius:4px;line-height:1}
.image-viewer button:hover{background:#67A611}
.viewer-close{top:16px;right:16px;width:42px;height:42px;font-size:28px}
.viewer-prev,.viewer-next{top:50%;width:46px;height:58px;margin-top:-29px;font-size:34px}
.viewer-prev{left:14px}
.viewer-next{right:14px}
.viewer-count{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);color:#fff;font-size:14px;letter-spacing:.04em}
@media(max-width:700px){.image-viewer{padding:54px 42px}.viewer-prev,.viewer-next{width:36px;height:48px;font-size:28px}.viewer-prev{left:4px}.viewer-next{right:4px}.viewer-close{right:10px}}
.certificate-frame picture:after{left:50%;top:50%;right:auto;bottom:auto;width:96px;height:96px;transform:translate(-50%,-50%)}
@media(max-width:900px){.certificate-frame picture:after{width:74px;height:74px;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}}
@media(max-width:520px){.certificate-frame picture:after{width:62px;height:62px;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}}

/* Top news and social strip */
.top-bg-head,.top-bg-head .container,.topbar{height:auto}
.topbar{min-height:32px}
.top-hed{order:2}
.top-hed-soc{display:flex;align-items:center;justify-content:flex-end;gap:13px;line-height:1}
.top-hed-soc{order:1;justify-content:flex-start}
.top-hed-soc li{display:flex;align-items:center;padding:0}
.top-hed-soc .news-link{display:inline-flex;align-items:center;min-height:32px;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:18px;color:#fff}
.social-icon svg{display:block;width:15px;height:15px;fill:currentColor}
.social-icon span{display:block;color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:700;line-height:1}
.top-hed-soc a:hover{opacity:.78}
@media(max-width:900px){.top-bg-head,.top-bg-head .container,.topbar{height:auto!important;min-height:0}.topbar{justify-content:center;gap:8px;flex-wrap:wrap;padding:4px 0}.top-hed,.top-hed-soc{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.top-hed{order:2}.top-hed-soc{order:1;width:100%;gap:14px}.top-hed-soc .news-link{min-height:26px}}
@media(max-width:520px){.top-hed-soc{gap:12px}.top-hed-soc .news-link{font-size:13px}.social-icon,.social-icon svg{width:14px;height:14px}}

/* Contact form: email + WhatsApp options, Turnstile, honeypot */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.contact-form .cf-turnstile{margin:4px 0 2px}
.contact-form .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.contact-form .form-actions button{width:auto;margin:0;border:0;padding:11px 20px;font:inherit;font-size:16px;color:#fff;cursor:pointer;border-radius:4px}
.contact-form .btn-primary{background:var(--green)}
.contact-form .btn-primary:hover{background:#256500}
.contact-form .btn-whatsapp{background:#25d366}
.contact-form .btn-whatsapp:hover{background:#1eb457}
.contact-form .form-actions button:disabled{opacity:.6;cursor:default}
.contact-form .form-note{margin:10px 0 0;font-size:14px;line-height:1.5;color:#616161;text-align:left}
.contact-form .form-note[data-state="ok"]{color:#1d7a1d}
.contact-form .form-note[data-state="error"]{color:#b3261e}
.contact-form .form-note[data-state="pending"]{color:#616161}
@media(max-width:520px){.contact-form .form-actions{flex-direction:column}.contact-form .form-actions button{width:100%}}

/* News and events */
.news-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;align-items:start}
.news-side-cards{display:grid;gap:18px}
.news-card{display:block;overflow:hidden;border-radius:3px;background:#2d7800;color:#fff;text-align:center}
.news-card span{display:block;padding:9px 10px;color:#fff;font-size:16px;line-height:1.2;text-transform:uppercase}
.news-card picture{display:block}
.news-card img{width:100%;height:120px;object-fit:cover}
.news-list>.panel-heading{margin-top:16px;margin-bottom:14px;font-size:26px}
.news-list-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:34px;align-items:start}
.news-thumb{display:block;width:200px;min-height:150px;background:#fff;border:1px solid #d8d8d8;border-radius:4px;box-shadow:5px 5px 6px rgba(0,0,0,.16)}
.news-thumb img{width:200px;height:150px;object-fit:cover;border-radius:3px}
.news-summary h2{margin:8px 0 22px;font-size:13px;line-height:1.35;font-weight:400;text-transform:uppercase}
.news-summary h2 a{color:#2477dd}
.news-summary p{margin:0;color:#111;font-size:15px;line-height:1.45}
@media(max-width:900px){.news-layout{grid-template-columns:1fr;gap:24px}.news-side-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.news-list>.panel-heading{text-align:center}.news-list-item{grid-template-columns:190px minmax(0,1fr);gap:20px}.news-thumb,.news-thumb img{width:190px}.news-summary h2{margin-top:0}}
@media(max-width:640px){.news-side-cards{grid-template-columns:1fr}.news-card{max-width:300px;margin:0 auto;width:100%}.news-card img{height:150px}.news-list-item{grid-template-columns:1fr;text-align:center}.news-thumb{margin:0 auto}.news-summary p{text-align:left}}

/* Social icons: uniform size, square, aligned (final) */
.top-hed-soc{gap:16px}
.top-hed-soc li{align-items:center}
.social-icon,a.social-icon{width:24px;height:24px;line-height:1}
.social-icon svg,.social-icon.youtube svg,.social-icon.linkedin svg,.social-icon.twitter svg{width:19px;height:19px}
.social-icon span{font-size:16px}
.top-hed-soc a[href*="linkedin"],.top-hed-soc a[href*="youtube"]{font-size:inherit}
@media(max-width:900px){.top-hed-soc{gap:18px}.social-icon,a.social-icon{width:26px;height:26px}.social-icon svg,.social-icon.youtube svg,.social-icon.linkedin svg,.social-icon.twitter svg{width:21px;height:21px}}
@media(max-width:520px){.top-hed-soc{gap:16px}.social-icon,a.social-icon{width:24px;height:24px}.social-icon svg,.social-icon.youtube svg,.social-icon.linkedin svg,.social-icon.twitter svg{width:19px;height:19px}}