: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%}}

/* ===== Aesthetic polish (subtle & lightweight) ===== */
/* Homepage SEO intro */
.seo-intro{padding:28px 0 8px;text-align:center}
.seo-intro h1{font-size:30px;font-weight:600;color:var(--green);margin:0 0 10px;line-height:1.25}
.seo-intro p{max-width:840px;margin:0 auto;color:#5f5f5f;font-size:16px;line-height:1.7}
.seo-intro h1::after,.faq-title::after{content:"";display:block;width:64px;height:3px;margin:12px auto 0;background:linear-gradient(90deg,var(--green),#8bc34a);border-radius:3px}
.lead-intro{font-size:15.5px;line-height:1.7;color:#4f4f4f;margin:0 0 16px;text-align:left}
.panel-heading{position:relative}

/* Home feature columns as soft cards */
.three-feature{grid-template-columns:repeat(3,1fr)!important;gap:20px!important;padding:6px 0}
.three-feature>div{border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.05);transition:transform .35s ease,box-shadow .35s ease}
.three-feature>div:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(45,120,0,.14)}

/* Image zoom-on-hover inside clipped frames */
.imgcrol a,.service-body,.gallery-grid .media-frame,.projects-grid .project-card,.three-feature a{overflow:hidden}
.imgcrol img,.service-body img,.gallery-grid img,.project-card img,.three-feature .inmg-hov{transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.imgcrol a:hover img,.service-body:hover img,.gallery-grid .media-frame:hover img,.project-card:hover img{transform:scale(1.07)}
.inmg-hov:hover{opacity:.92}
.three-feature a:hover .inmg-hov{transform:scale(1.05);opacity:1}
.imgcrol .border-img,.gallery-grid img,.service-body img{border-radius:8px}
.imgcrol li{transition:transform .35s ease}
.imgcrol li:hover{transform:translateY(-3px)}

/* Buttons */
.but-sub,.prof-link a,.project-links a{transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.but-sub:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(45,120,0,.28)}
.prof-link a:hover,.project-links a:hover{background:var(--green);color:#fff}

/* Nav underline slide */
.main-nav>ul>li>a{position:relative}
.main-nav>ul>li>a::after{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.main-nav>ul>li:hover>a::after{transform:scaleX(1)}
@media(max-width:900px){.main-nav>ul>li>a::after{display:none}}

/* FAQ accordion */
.faq-section{padding:34px 0 12px}
.faq-title{text-align:center;font-size:28px;font-weight:600;color:#333;margin:0 0 22px}
.faq-list{max-width:840px;margin:0 auto;text-align:left}
.faq-item{border:1px solid #e6e6e6;border-radius:10px;margin:0 0 12px;background:#fff;overflow:hidden;transition:box-shadow .3s ease}
.faq-item[open]{box-shadow:0 6px 18px rgba(0,0,0,.06)}
.faq-item summary{list-style:none;cursor:pointer;padding:15px 46px 15px 18px;font-size:16px;font-weight:600;color:#2f2f2f;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--green);transition:transform .3s ease}
.faq-item[open] summary::after{content:"+";transform:translateY(-50%) rotate(45deg)}
.faq-a{padding:2px 18px 16px;color:#5b5b5b;font-size:15px;line-height:1.65}
.faq-a p{margin:0}

/* Scroll reveal — only active when JS adds .reveal-ready; degrades gracefully */
html.reveal-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html.reveal-ready .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.reveal-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Clients page: full-colour logo cards in clean square boxes */
.client-grid .media-frame{padding:0 10px 22px}
.client-grid .media-frame picture{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;border:1px solid #e2e2e2;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.06);padding:18px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.client-grid .media-frame:hover picture{transform:translateY(-5px);border-color:var(--green);box-shadow:0 14px 28px rgba(45,120,0,.14)}
.client-grid .media-frame img{max-height:82%;width:auto;max-width:100%;object-fit:contain;border:0;border-radius:0;padding:0;margin:0;filter:none;opacity:1;transition:transform .3s ease}
.client-grid .media-frame:hover img{transform:scale(1.04)}
.clients-named{max-width:900px;margin:2px auto 22px;color:#5b5b5b;font-size:15px;line-height:1.7;text-align:center}

/* Stats / credibility band */
.stats-band{background:linear-gradient(135deg,#2d7800,#4a9e17);color:#fff;padding:34px 0;margin:38px 0}
.stats-band .container{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.stat-item{padding:6px 12px}
.stat-item+.stat-item{border-left:1px solid rgba(255,255,255,.22)}
.stat-num{font-size:38px;font-weight:700;line-height:1.05;letter-spacing:.4px}
.stat-label{font-size:13.5px;margin-top:9px;text-transform:uppercase;letter-spacing:.06em;opacity:.92;line-height:1.35}
@media(max-width:700px){.stats-band .container{grid-template-columns:repeat(2,1fr);gap:26px 14px}.stat-item+.stat-item{border-left:0}.stat-item:nth-child(3){border-top:1px solid rgba(255,255,255,.22);padding-top:22px}.stat-item:nth-child(4){border-top:1px solid rgba(255,255,255,.22);padding-top:22px}.stat-num{font-size:32px}}

@media(max-width:900px){.seo-intro h1{font-size:24px}.three-feature{gap:16px!important}.faq-title{font-size:24px}}

/* 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}}


/* ===== Topbar: contact left, social right, aligned (final) ===== */
.top-bg-head .topbar{align-items:center;flex-wrap:wrap;gap:8px 20px}
.top-hed{order:1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px}
.top-hed-soc{order:2;display:flex;align-items:center;gap:16px}
.top-hed li{display:flex;align-items:center;padding:0}
.top-hed a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px}
.top-mini-icon{display:inline-block;width:14px;height:14px;background:center/contain no-repeat;flex-shrink:0}
.top-mini-icon.phone{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27%23fff%27%3E%3Cpath%20d=%27M6.6%2010.8a15.5%2015.5%200%200%200%206.6%206.6l2.2-2.2a1%201%200%200%201%201-.24%2011.4%2011.4%200%200%200%203.6.57%201%201%200%200%201%201%201V20a1%201%200%200%201-1%201A17%2017%200%200%201%203%204a1%201%200%200%201%201-1h3.5a1%201%200%200%201%201%201%2011.4%2011.4%200%200%200%20.57%203.6%201%201%200%200%201-.24%201z%27/%3E%3C/svg%3E")}
.top-mini-icon.mail{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27%23fff%27%3E%3Cpath%20d=%27M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204-8%205-8-5V6l8%205%208-5z%27/%3E%3C/svg%3E")}
.top-hed-soc .news-link{order:0;margin-right:2px}
.top-hed-soc .social-icon,.top-hed-soc a.social-icon{width:22px;height:22px}
.top-hed-soc .social-icon svg,.top-hed-soc .social-icon.youtube svg,.top-hed-soc .social-icon.linkedin svg,.top-hed-soc .social-icon.twitter svg,.top-hed-soc .social-icon.facebook svg,.top-hed-soc .social-icon.pinterest svg{width:17px;height:17px}
@media(max-width:900px){.top-bg-head .topbar{flex-direction:column;gap:7px}.top-hed{order:2;justify-content:center}.top-hed-soc{order:1;justify-content:center;width:auto}}

/* ===== Contact page: premium content redesign (scoped) ===== */
.contact-content{--c-green:#2d7800;--c-green2:#67A611;--c-cream:#f4f8f3;--c-text:#2c3e35;--c-gray:#64748b;padding:56px 0 84px;text-align:left}
.contact-content .container{width:min(1200px,92vw)}
.contact-content h1,.contact-content h2,.contact-content h3,.contact-content h4,.contact-content h5{font-family:'Poppins',Candara,Arial,sans-serif;color:var(--c-green)}
.contact-content p,.contact-content .form-row,.contact-content input,.contact-content textarea{font-family:'Inter',Candara,Arial,sans-serif}
.page-intro{max-width:760px;margin:0 0 42px}
.page-intro .kicker{color:var(--c-green2);font-weight:700;text-transform:uppercase;font-size:12.5px;letter-spacing:2px;display:inline-block;margin-bottom:12px}
.page-intro h1{font-size:30px;font-weight:700;letter-spacing:-.3px;margin:0 0 14px;line-height:1.25}
.page-intro p{font-size:16px;line-height:1.8;color:var(--c-gray);margin:0}
.contact-layout{display:grid;grid-template-columns:372px 1fr;gap:44px;align-items:start;margin-bottom:56px}
.contact-info{display:flex;flex-direction:column;gap:22px}
.info-card{background:#fff;border-radius:18px;box-shadow:0 18px 38px rgba(11,61,29,.06);border:1px solid rgba(11,61,29,.06);padding:26px 28px}
.info-card h4{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px}
.info-card h5{font-size:15px;font-weight:700;color:var(--c-green2);margin:0 0 6px}
.info-line{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--c-text);margin-bottom:10px;line-height:1.55}
.info-line:last-child{margin-bottom:0}
.info-line svg{color:var(--c-green2);margin-top:3px;flex-shrink:0}
.info-line a{color:var(--c-text);transition:color .25s}
.info-line a:hover{color:var(--c-green2)}
.form-card{background:#fff;border-radius:20px;box-shadow:0 18px 38px rgba(11,61,29,.06);border:1px solid rgba(11,61,29,.06);padding:38px 40px}
.form-card>p{margin:0 0 24px;color:var(--c-gray);font-size:15px;line-height:1.7}
.contact-content .form-row{margin-bottom:18px}
.contact-content .form-row label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--c-green);margin-bottom:8px}
.contact-content .form-row input,.contact-content .form-row textarea{width:100%;padding:14px 18px;border-radius:12px;border:1px solid rgba(11,61,29,.14);font-size:15px;color:var(--c-text);background:var(--c-cream);transition:border-color .25s,box-shadow .25s,background .25s}
.contact-content .form-row input:focus,.contact-content .form-row textarea:focus{outline:none;border-color:var(--c-green2);box-shadow:0 0 0 3px rgba(45,120,0,.12);background:#fff}
.contact-content .form-row textarea{resize:vertical;min-height:118px}
.contact-content .cf-turnstile{margin:6px 0 16px}
.contact-content .form-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:2px}
.form-submit,.whatsapp-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;padding:15px 32px;border-radius:50px;font-weight:700;font-family:'Poppins',Candara,sans-serif;font-size:15px;border:none;cursor:pointer;color:#fff;text-decoration:none;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}
.form-submit{background:var(--c-green)}
.form-submit:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(11,61,29,.18)}
.form-submit:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}
.whatsapp-submit-btn{background:#1eaa52}
.whatsapp-submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(37,211,102,.28)}
.contact-content .form-note{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--c-gray)}
.contact-content .form-note[data-state="ok"]{color:#1d7a1d}
.contact-content .form-note[data-state="error"]{color:#b3261e}
.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.map-block h3{font-size:18px;font-weight:700;margin:0 0 14px}
.map-frame{border-radius:18px;overflow:hidden;box-shadow:0 18px 38px rgba(11,61,29,.06)}
.map-frame iframe{width:100%;height:330px;border:0;display:block}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:26px}.map-grid{grid-template-columns:1fr}.form-card{padding:28px 22px}.page-intro h1{font-size:25px}}
@media(max-width:600px){.contact-content .form-actions{flex-direction:column}.form-submit,.whatsapp-submit-btn{width:100%}}

/* ===== Round: hero full-bleed, service image size, contact align+font, topbar match ===== */
/* 1) Homepage hero: full-width edge-to-edge, no green frame below or beside */
.hero-wrap{padding:0!important;margin:0!important;background:#67A611!important}
.hero-wrap>.container{width:100%!important;max-width:100%!important;padding:0}
.hero-wrap .banner,.hero-wrap .slides{height:440px}
.hero-wrap .banner{margin:0}
@media(max-width:900px){.hero-wrap .banner,.hero-wrap .slides{height:300px}}
@media(max-width:520px){.hero-wrap .banner,.hero-wrap .slides{height:230px}}

/* 2) Service pages: one definitive size for the top feature image */
.feature-img{display:block;width:auto!important;max-width:min(430px,100%)!important;height:auto!important;margin:0 auto 20px!important;border-radius:10px;border:1px solid #e2e2e2;box-shadow:0 6px 16px rgba(0,0,0,.07)}
.content>section>picture,.two-col-layout>section>picture{width:auto;max-width:100%}

/* 3) Contact page: equal column heights + slightly bigger type */
.contact-layout{grid-template-columns:400px 1fr;align-items:stretch}
.contact-info{height:100%}
.contact-info .info-card{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;margin-bottom:0}
.page-intro h1{font-size:32px}
.page-intro p,.form-card>p{font-size:17px}
.info-card h4{font-size:16px}
.info-line{font-size:15.5px;line-height:1.6}
.contact-content .form-row label{font-size:13.5px}
.contact-content .form-row input,.contact-content .form-row textarea{font-size:16px}
.contact-content .form-note{font-size:15px}
.form-submit,.whatsapp-submit-btn{font-size:16px}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-info{height:auto}.page-intro h1{font-size:26px}}

/* 4) Topbar: match approved screenshot (uppercase News link, tidy spacing) */
.top-hed-soc .news-link{text-transform:uppercase;font-size:13px;letter-spacing:.5px;margin-right:6px}
.top-hed a{font-size:14.5px}
.top-bg-head{padding:3px 0}

/* ===== Home: light green gradient feature cards + small touches ===== */
.three-feature>div{background:linear-gradient(180deg,#f7fbf2 0%,#e9f3dc 100%)!important;border-color:#dcead0}
.three-feature>div:nth-child(2){background:linear-gradient(180deg,#fbfdf8 0%,#edf5e2 100%)!important}
.arrow_box,.arrow_box1{background:transparent!important}
.three-feature hr.mid{background:#c9dfae!important;border-top-color:#c9dfae!important;max-width:210px!important;margin:0 auto 8px!important}
.three-feature>div:hover{box-shadow:0 14px 30px rgba(45,120,0,.16)}

/* Section heading: accent underline instead of plain full-width line */
.servi{font-weight:600;font-size:34px;color:#2f2f2f;margin-top:40px}
hr.mid-cent{width:64px;height:3px;margin:12px auto 6px;background:linear-gradient(90deg,var(--green),#8bc34a);border:0;border-radius:3px}

/* Service thumbnails: label turns green on hover */
.imgcrol span{padding-top:8px;transition:color .25s ease}
.imgcrol li:hover span{color:var(--green)}

/* CTA band: soft green tint to tie in with the cards */
.ftr-top-bg{background:linear-gradient(180deg,#f5f7f6 0%,#e9f3dc 100%)}

/* ===== Hero: follow the photo's own ratio so wide screens don't crop the bottom ===== */
@media(min-width:901px){.hero-wrap .banner,.hero-wrap .slides{height:min(38.06vw,560px)}}
.slide-img{object-position:50% 64%}
.hero-wrap .slide-logo{top:50%;transform:translate(-50%,-50%)}
@keyframes logoRise{from{opacity:0;transform:translate(-50%,-42%)}to{opacity:.5;transform:translate(-50%,-50%)}}

/* ===== Landscaping page ===== */
.ls-hero{position:relative;overflow:hidden;background:#1f5a00;color:#fff;text-align:left;min-height:430px}
.ls-hero picture{position:absolute;inset:0;display:block;max-width:none}
.ls-hero picture>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 68%}
.ls-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,44,6,.84) 0%,rgba(8,44,6,.56) 48%,rgba(8,44,6,.12) 100%),linear-gradient(0deg,rgba(8,44,6,.35),rgba(8,44,6,0) 40%)}
.ls-hero .container{position:relative;z-index:2}
.ls-hero-inner{max-width:720px;padding:34px 0 54px}
.ls-hero .breadcrumb{color:#d7ebc2;padding:0 0 26px}
.ls-hero .breadcrumb a{color:#fff}
.ls-hero .breadcrumb li+li:before{color:#a9cf8a}
.ls-hero h1{font-size:50px;line-height:1.08;font-weight:600;margin:0 0 16px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.ls-lead{font-size:19px;line-height:1.65;color:#eef6e6;margin:0 0 26px;max-width:640px}
.ls-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.ls-btn{display:inline-block;padding:13px 26px;border-radius:50px;font-size:16px;font-weight:600;line-height:1.2;border:2px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.ls-btn-primary{background:#67a611;color:#fff}
.ls-btn-primary:hover{background:#5a9410;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.25)}
.ls-btn-ghost{border-color:#fff;color:#fff}
.ls-btn-ghost:hover{background:#fff;color:#2d7800;transform:translateY(-2px)}
.ls-btn-outline{border-color:#2d7800;color:#2d7800;background:#fff}
.ls-btn-outline:hover{background:#2d7800;color:#fff;transform:translateY(-2px)}
.ls-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:#e3f1d2}
.ls-trust li:before{content:"\2713";color:#9bd24a;font-weight:700;margin-right:8px}

.ls-page{text-align:left;color:#555}
.ls-block{padding:60px 0}
.ls-soft{background:linear-gradient(180deg,#f6faf1,#eef5e4)}
.ls-h2{font-size:34px;line-height:1.2;font-weight:600;color:#2a2a2a;text-align:center;margin:0 0 12px}
.ls-h2::after{content:"";display:block;width:64px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,#2d7800,#8bc34a);border-radius:3px}
.ls-h2.ls-left{text-align:left}
.ls-h2.ls-left::after{margin-left:0}
.ls-sub{max-width:760px;margin:14px auto 34px;text-align:center;font-size:17px;line-height:1.7;color:#666}
.ls-split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ls-text p{font-size:17px;line-height:1.8;margin:0 0 16px;color:#555}
.ls-text a,.faq-a a,.ls-why a{color:#2d7800;font-weight:600;border-bottom:1px solid rgba(45,120,0,.35)}
.ls-text a:hover,.faq-a a:hover,.ls-why a:hover{border-bottom-color:#2d7800}
.ls-ticks{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.ls-ticks li{position:relative;padding-left:30px;font-size:16px;color:#3f3f3f}
.ls-ticks li:before{content:"\2713";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:#e4f1d3;color:#2d7800;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ls-photo{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 20px 44px rgba(20,60,10,.18)}
.ls-photo picture{display:block}
.ls-photo img{width:100%;height:auto;display:block}
.ls-photo:after{content:"";position:absolute;right:14px;bottom:14px;width:62px;height:62px;background:url("../images/brand/al-noaimi-round-logo.svg") center/contain no-repeat;opacity:.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));pointer-events:none}
.ls-badge{position:absolute;left:16px;top:16px;background:rgba(45,120,0,.94);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;font-size:18px;line-height:1.15;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.ls-badge small{display:block;font-weight:400;font-size:12px;opacity:.9;letter-spacing:.03em;text-transform:uppercase}

.ls-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ls-card{background:#fff;border:1px solid #e1ebd5;border-radius:16px;padding:28px 26px;box-shadow:0 6px 18px rgba(30,70,10,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ls-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(45,120,0,.14);border-color:#b9d79a}
.ls-ico{display:inline-flex;width:54px;height:54px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d7800,#67a611);color:#fff;margin-bottom:16px}
.ls-card h3{font-size:21px;font-weight:600;color:#2d7800;margin:0 0 10px;line-height:1.25}
.ls-card p{font-size:16px;line-height:1.7;margin:0;color:#5d5d5d}

.ls-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ls-steps li{background:#fff;border-radius:16px;padding:30px 22px 26px;text-align:center;box-shadow:0 6px 18px rgba(30,70,10,.07);border-top:4px solid #67a611}
.ls-num{display:inline-flex;width:46px;height:46px;border-radius:50%;background:#2d7800;color:#fff;font-size:20px;font-weight:700;align-items:center;justify-content:center;margin-bottom:14px}
.ls-steps h3{font-size:20px;color:#2a2a2a;margin:0 0 8px}
.ls-steps p{font-size:15.5px;line-height:1.65;margin:0}

.ls-sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ls-sectors article{background:#f6faf1;border:1px solid #e1ebd5;border-left:4px solid #67a611;border-radius:12px;padding:22px 24px;transition:transform .3s ease,box-shadow .3s ease}
.ls-sectors article:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(45,120,0,.12)}
.ls-sectors h3{font-size:19px;color:#2d7800;margin:0 0 8px}
.ls-sectors p{font-size:15.5px;line-height:1.65;margin:0}

.ls-page .table-wrap{overflow-x:auto;border-radius:14px;box-shadow:0 8px 24px rgba(30,70,10,.08);background:#fff;margin:0}
.ls-table{width:100%;min-width:720px;border-collapse:collapse;font-size:15.5px;text-align:left}
.ls-table th{background:#2d7800;color:#fff;font-weight:600;padding:14px 16px;border:0;text-transform:uppercase;font-size:13.5px;letter-spacing:.05em}
.ls-table td{padding:13px 16px;border:0;border-bottom:1px solid #e8efe0;color:#4b4b4b;vertical-align:top}
.ls-table tbody tr:nth-child(even){background:#f6faf1}
.ls-table tbody tr:hover{background:#eaf3dc}
.ls-table td:first-child{font-weight:600;color:#2d2d2d}
.ls-table td:last-child{white-space:nowrap}
.ls-more{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:28px 0 0}

.ls-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ls-shot{margin:0;position:relative;overflow:hidden;border-radius:14px;aspect-ratio:4/3;box-shadow:0 6px 18px rgba(0,0,0,.1);background:#e9efe2}
.ls-shot picture{display:block;width:100%;height:100%;max-width:none}
.ls-shot img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ls-shot:hover img{transform:scale(1.06)}

.ls-why{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ls-why article{background:#fff;border-radius:16px;padding:26px 22px;box-shadow:0 6px 18px rgba(30,70,10,.07);border-bottom:4px solid #67a611}
.ls-why h3{font-size:20px;color:#2d7800;margin:0 0 10px}
.ls-why p{font-size:15.5px;line-height:1.7;margin:0}

.ls-chips{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px}
.ls-chips li{background:#eef5e4;border:1px solid #cfe3b8;color:#2d7800;padding:9px 20px;border-radius:50px;font-size:16px;font-weight:600}

.ls-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ls-related a{display:block;background:#fff;border:1px solid #e1ebd5;border-radius:14px;padding:22px 24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ls-related a:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(45,120,0,.13);border-color:#b9d79a}
.ls-related strong{display:block;font-size:19px;color:#2d7800;margin-bottom:6px}
.ls-related span{display:block;font-size:15.5px;line-height:1.6;color:#666}

@media(max-width:1000px){.ls-cards,.ls-sectors,.ls-related,.ls-steps,.ls-why{grid-template-columns:repeat(2,1fr)}.ls-split{grid-template-columns:1fr;gap:30px}.ls-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ls-hero::after{background:linear-gradient(180deg,rgba(8,44,6,.8),rgba(8,44,6,.62))}}
@media(max-width:640px){.ls-hero{min-height:0}.ls-hero h1{font-size:32px}.ls-lead{font-size:17px}.ls-h2{font-size:26px}.ls-block{padding:44px 0}.ls-cards,.ls-sectors,.ls-related,.ls-steps,.ls-why,.ls-ticks{grid-template-columns:1fr}.ls-gallery{gap:10px}.ls-hero-inner{padding:24px 0 38px}.ls-btn{padding:12px 22px;font-size:15px}}

/* landscaping: climate section extras */
.ls-flip .ls-photo{order:0}
.ls-points{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.ls-points li{position:relative;padding:14px 16px 14px 20px;background:#f6faf1;border-left:4px solid #67a611;border-radius:10px;font-size:16px;line-height:1.65;color:#555}
.ls-points strong{color:#2d7800}
.ls-points a{color:#2d7800;font-weight:600;border-bottom:1px solid rgba(45,120,0,.35)}
@media(max-width:1000px){.ls-flip .ls-photo{order:2}}

/* contact: optional label hint */
.contact-content .form-row .opt{font-weight:400;text-transform:none;letter-spacing:0;color:#7a8a80;font-size:.9em}

/* ===== Inner pages (irrigation, plants, soil, garden centre, services, about, projects) ===== */
.ls-cards.c2{grid-template-columns:repeat(2,1fr)}
.ls-cards.c4{grid-template-columns:repeat(4,1fr)}
.ls-card .ls-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.ls-card .ls-list li{position:relative;padding-left:22px;font-size:15.5px;color:#555;line-height:1.5}
.ls-card .ls-list li:before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:#67a611}
.ls-card .ls-more-link{display:inline-block;margin-top:14px;font-weight:600;color:#2d7800;border-bottom:1px solid rgba(45,120,0,.35)}
.ls-card .ls-more-link:hover{border-bottom-color:#2d7800}
.ls-card .ls-pimg{margin:-28px -26px 18px;border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:3/2;background:#e9efe2}
.ls-card .ls-pimg picture{display:block;width:100%;height:100%;max-width:none}
.ls-card .ls-pimg img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ls-card:hover .ls-pimg img{transform:scale(1.06)}

.ls-wm:after{content:"";position:absolute;right:10px;bottom:10px;width:46px;height:46px;background:url("../images/brand/al-noaimi-round-logo.svg") center/contain no-repeat;opacity:.55;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));pointer-events:none;z-index:2}
.ls-photo.ls-nowm:after{display:none}
.ls-photo.ls-contain{background:#fff;border:1px solid #e1ebd5;padding:18px}
.ls-photo.ls-contain img{border-radius:8px}

.ls-logos{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px}
.ls-logos li{background:#fff;border:1px solid #e1ebd5;border-radius:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:0 6px 16px rgba(30,70,10,.06);transition:transform .3s ease,box-shadow .3s ease}
.ls-logos li:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(45,120,0,.13)}
.ls-logos picture{display:block;max-width:100%}
.ls-logos img{max-height:90px;width:auto;max-width:100%;object-fit:contain}

.ls-certs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:0 auto}
.ls-certs a{position:relative;display:block;background:#fff;border:1px solid #e1ebd5;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(30,70,10,.08);transition:transform .3s ease}
.ls-certs a:hover{transform:translateY(-4px)}
.ls-certs picture{display:block}
.ls-certs img{width:100%;height:auto;display:block}

.ls-timeline{list-style:none;margin:0 auto;padding:0;max-width:880px;position:relative}
.ls-timeline:before{content:"";position:absolute;left:98px;top:6px;bottom:6px;width:3px;background:linear-gradient(180deg,#2d7800,#9bd24a);border-radius:3px}
.ls-timeline li{position:relative;display:grid;grid-template-columns:98px 1fr;gap:0 32px;padding:0 0 28px}
.ls-timeline li:last-child{padding-bottom:0}
.ls-timeline .yr{font-size:22px;font-weight:700;color:#2d7800;text-align:right;line-height:1.2;padding-right:30px}
.ls-timeline li:before{content:"";position:absolute;left:89px;top:6px;width:19px;height:19px;border-radius:50%;background:#fff;border:4px solid #67a611;box-sizing:border-box;z-index:1}
.ls-timeline h3{font-size:19px;color:#2a2a2a;margin:0 0 4px}
.ls-timeline p{font-size:16px;line-height:1.65;margin:0;color:#5d5d5d}

.ls-projcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ls-pcard{background:#fff;border:1px solid #e1ebd5;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(30,70,10,.06);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.ls-pcard:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(45,120,0,.14)}
.ls-pcard .ph{position:relative;aspect-ratio:3/2;background:#e9efe2;overflow:hidden}
.ls-pcard .ph picture{display:block;width:100%;height:100%;max-width:none}
.ls-pcard .ph img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ls-pcard:hover .ph img{transform:scale(1.06)}
.ls-pcard .ph.logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6faf1,#e6f1d6)}
.ls-pcard .ph.logo picture{width:auto;height:auto;max-width:70%}
.ls-pcard .ph.logo img{width:auto;height:auto;min-height:96px;max-height:150px;max-width:100%;object-fit:contain;background:#fff;padding:20px 28px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.ls-pcard .pb{padding:20px 22px 22px}
.ls-pcard h3{font-size:18px;line-height:1.3;color:#2d7800;margin:0 0 12px;text-transform:none}
.ls-pcard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}
.ls-pcard dt{color:#7b8a80;font-weight:600}
.ls-pcard dd{margin:0;color:#444}

.ls-filter-row{display:flex;justify-content:flex-end;margin:0 0 14px}
.ls-filter{width:min(420px,100%);padding:12px 18px;border-radius:50px;border:1px solid #cfe3b8;font:inherit;font-size:16px;background:#fff;color:#333}
.ls-filter:focus{outline:none;border-color:#67a611;box-shadow:0 0 0 3px rgba(103,166,17,.18)}
.ls-count{text-align:center;color:#6b7a70;font-size:15px;margin:12px 0 0}
.ls-table tr.is-hidden{display:none}

.ls-news{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid #e1ebd5;border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(30,70,10,.06);max-width:900px;margin:0 auto}
.ls-news picture{display:block;border-radius:12px;overflow:hidden}
.ls-news img{width:100%;height:auto;display:block}
.ls-news .kick{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#67a611;font-weight:700;margin:0 0 6px}
.ls-news h3{font-size:22px;color:#2d7800;margin:0 0 8px}
.ls-news p{margin:0 0 12px;font-size:16px;line-height:1.65;color:#5d5d5d}

.ls-note{max-width:820px;margin:22px auto 0;text-align:center;font-size:15px;color:#6b7a70}

@media(max-width:1000px){.ls-cards.c4{grid-template-columns:repeat(2,1fr)}.ls-projcards{grid-template-columns:repeat(2,1fr)}.ls-news{grid-template-columns:1fr}}
@media(max-width:640px){.ls-cards.c2,.ls-cards.c4,.ls-projcards{grid-template-columns:1fr}.ls-logos{grid-template-columns:repeat(2,1fr)}.ls-certs{grid-template-columns:repeat(3,1fr);gap:10px}.ls-timeline:before{left:12px}.ls-timeline li{grid-template-columns:1fr;padding-left:40px}.ls-timeline li:before{left:4px}.ls-timeline .yr{text-align:left}.ls-filter-row{justify-content:stretch}}