*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Arial,sans-serif}#root{width:100%;min-height:100vh}.secondary-bar{background:#0c4f75;width:100%;max-width:100%;height:46px}@media (width<=700px){.secondary-bar{height:44px}}nav{background-color:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:90px;padding:0 70px;display:flex}.logo img{width:auto;height:72px;display:block}.nav-links{gap:30px;display:flex}.nav-links a{color:#174a3a;font-size:16px;font-weight:500;text-decoration:none}.nav-links a:hover{color:#087f61}nav button{color:#087f61;cursor:pointer;background-color:#fff;border:1px solid #087f61;border-radius:20px;padding:9px 22px;font-size:14px}nav button:hover{color:#fff;background-color:#087f61}.home{text-align:center;padding:80px 40px}.home h1{color:#087f61;margin-bottom:15px;font-size:48px}.home p{color:#555;font-size:20px}.hero{text-align:center;background:linear-gradient(135deg,#edf8f3 0%,#fff 50%,#e6f3fa 100%);justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:80px 40px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:900px;position:relative}.hero-label{letter-spacing:2px;color:#087f61;margin-bottom:25px;font-size:13px;font-weight:600;display:inline-block}.hero h1{color:#174a3a;margin-bottom:25px;font-size:64px;font-weight:700;line-height:1.1}.hero h1 span{color:#1677a8}.hero p{color:#4b5563;max-width:650px;margin:0 auto 35px;font-size:21px;line-height:1.6}.hero-buttons{justify-content:center;gap:15px;margin-bottom:45px;display:flex}.btn{border-radius:30px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:#087f61}.btn-primary:hover{background:#066a52;transform:translateY(-2px)}.btn-secondary{color:#087f61;background:#fff;border:1px solid #087f61}.btn-secondary:hover{color:#fff;background:#087f61}.hero-tagline{color:#4b5563;justify-content:center;gap:30px;font-size:14px;display:flex}.hero-tagline span{white-space:nowrap}@media (width<=1000px){.hero{min-height:auto;padding:100px 32px}.hero h1{font-size:54px}.services,.why-us{padding:80px 40px}.services-grid{grid-template-columns:repeat(2,1fr)}.sectors{padding:80px 40px}}@media (width<=700px){html,body,#root{width:100vw;max-width:100vw;overflow-x:hidden}.inner-page,.footer{width:100vw;min-width:100vw;max-width:100vw}.page-intro,.page-content,.contact-content{width:100%;max-width:100%}.hero{padding:75px 24px}.hero-label,.section-label{letter-spacing:1.4px;font-size:11px}.hero h1{font-size:clamp(38px,11vw,48px)}.hero p{font-size:17px}.hero-buttons{flex-direction:column;align-items:stretch;max-width:320px;margin:0 auto 32px}.btn{text-align:center}.hero-tagline{flex-wrap:wrap;gap:12px 18px}.services,.why-us,.sectors{padding:65px 24px}.section-header,.why-us-header,.sectors-header{margin-bottom:40px}.section-header h2,.why-us-header h2,.sectors-header h2{font-size:32px}.services-grid,.why-us-grid{grid-template-columns:1fr;gap:16px}.service-card,.why-us-item{padding:25px}.why-us-icon{min-width:50px;height:50px;margin-right:15px}.sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{padding:18px 24px}}@media (width<=400px){.hero,.services,.why-us,.sectors{padding-inline:18px}.hero-tagline{flex-direction:column;align-items:center}.why-us-item{flex-direction:column}.why-us-icon{margin-bottom:12px;margin-right:0}}.services{background-color:#fff;padding:100px 70px}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-label{letter-spacing:2px;color:#087f61;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.section-header h2{color:#174a3a;margin-bottom:15px;font-size:42px}.section-header p{color:#6b7280;font-size:17px;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1150px;margin:0 auto;display:grid}.service-card{text-align:left;background:#fff;border:1px solid #dfeef2;border-radius:16px;padding:35px 30px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00503c1a}.service-icon{background-color:#edf8f3;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:22px;font-size:27px;display:flex}.service-card h3{color:#174a3a;margin-bottom:12px;font-size:19px}.service-card p{color:#6b7280;margin-bottom:20px;font-size:15px;line-height:1.7}.service-card a{color:#087f61;font-size:14px;font-weight:600;text-decoration:none}.service-card a:hover{color:#1677a8}.service-card:nth-child(2n) .service-icon,.sector-card:nth-child(2n) .sector-icon,.why-us-item:nth-child(2n) .why-us-icon{background-color:#e8f4fa}.service-card:nth-child(2n) .service-card h3,.service-card:nth-child(2n) .service-card a,.sector-card:nth-child(2n) .sector-card h3,.why-us-item:nth-child(2n) .why-us-content h3{color:#146f98}.why-us{background:linear-gradient(135deg,#eef8f4 0%,#fff 55%,#eaf5fa 100%);padding:100px 70px}.why-us-header{text-align:center;max-width:700px;margin:0 auto 60px}.why-us-header h2{color:#174a3a;margin-bottom:15px;font-size:42px}.why-us-header p{color:#6b7280;font-size:17px;line-height:1.7}.why-us-grid{grid-template-columns:repeat(2,1fr);gap:25px;max-width:1100px;margin:0 auto;display:grid}.why-us-item{background:#fff;border:1px solid #dcecf0;border-radius:16px;align-items:flex-start;padding:30px;transition:transform .25s,box-shadow .25s;display:flex}.why-us-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00503c14}.why-us-icon{background-color:#e9f4f9;border-radius:15px;justify-content:center;align-items:center;min-width:58px;height:58px;margin-right:20px;font-size:27px;display:flex}.why-us-content h3{color:#174a3a;margin:0 0 10px;font-size:19px}.why-us-content p{color:#6b7280;margin:0;font-size:15px;line-height:1.7}.sectors{background-color:#fff;padding:100px 70px}.sectors-header{text-align:center;max-width:700px;margin:0 auto 55px}.sectors-header h2{color:#174a3a;margin-bottom:15px;font-size:42px}.sectors-header p{color:#6b7280;font-size:17px;line-height:1.7}.sectors-grid{grid-template-columns:repeat(5,1fr);gap:18px;max-width:1100px;margin:0 auto;display:grid}.sector-card{text-align:center;background-color:#f7fbfc;border:1px solid #dfeef2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:25px 15px;transition:transform .25s,background-color .25s,box-shadow .25s;display:flex}.sector-card:hover{background-color:#fff;transform:translateY(-5px);box-shadow:0 12px 30px #00503c14}.sector-icon{background-color:#e8f4fa;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:15px;font-size:26px;display:flex}.sector-card h3{color:#174a3a;margin:0;font-size:16px;line-height:1.4}@media (width<=900px){.sectors-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.sectors{padding:70px 25px}.sectors-header h2{font-size:32px}.sectors-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sector-card{min-height:130px}}.cta{text-align:center;background:linear-gradient(135deg,#087f61 0% 55%,#146fa3 100%);padding:90px 40px}.cta-content{max-width:750px;margin:0 auto}.cta h2{color:#fff;margin:0 0 18px;font-size:40px;line-height:1.2}.cta p{color:#ffffffe6;margin-bottom:30px;font-size:17px;line-height:1.7}.cta-button{color:#087f61;background-color:#fff;border-radius:30px;align-items:center;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.cta-button span{margin-inline-start:8px}.footer{color:#fff;background-color:#123b32}.footer-container{grid-template-columns:2fr 1fr 1.5fr;gap:70px;max-width:1100px;margin:0 auto;padding:65px 40px;display:grid}.footer-company h3{color:#fff;margin:0 0 15px;font-size:24px}.footer-company p{color:#ffffffb3;max-width:350px;font-size:15px;line-height:1.8}.footer h4{color:#fff;margin:0 0 20px;font-size:16px}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#ffffffb3;width:fit-content;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-contact p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.8}.footer-bottom{text-align:center;background-color:#0c4f75;border-top:1px solid #ffffff1f;padding:20px 40px}.footer-bottom p{color:#ffffff8c;margin:0;font-size:13px}@media (width<=700px){.cta{padding:70px 25px}.cta h2{font-size:30px}.footer-container{grid-template-columns:1fr;gap:40px;padding:50px 25px}}.inner-page{min-height:70vh}.page-intro{text-align:center;background-color:#f1f8f7;padding:90px 30px 70px}.page-intro h1{color:#174a3a;margin:15px 0;font-size:48px}.page-intro p{color:#64748b;max-width:700px;margin:0 auto;font-size:18px;line-height:1.7}.page-content{max-width:900px;margin:0 auto;padding:80px 30px}.page-content h2{color:#174a3a;font-size:32px}.page-content p{color:#64748b;font-size:17px;line-height:1.9}.contact-content{grid-template-columns:1fr 1fr;gap:70px;max-width:1000px;margin:0 auto;padding:80px 30px;display:grid}.contact-info h2{color:#174a3a;font-size:32px}.contact-info p{color:#64748b;line-height:1.8}.contact-form input,.contact-form textarea{box-sizing:border-box;border:1px solid #d5e5eb;border-radius:8px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{border-color:#1677a8}@media (width<=700px){.page-intro{padding:70px 25px 50px}.page-intro h1{font-size:36px}.contact-content{grid-template-columns:1fr;gap:40px;padding:60px 25px}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e5ece9;width:100%;position:sticky;top:0}.navbar-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:30px;max-width:1200px;height:88px;margin:0 auto;padding:0 28px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.navbar-logo img{object-fit:contain;width:78px;height:78px;display:block}.navbar-links{flex:1;justify-content:center;align-items:center;gap:27px;display:flex}.navbar-links a{color:#173c33;white-space:nowrap;padding:8px 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar-ar .navbar-links a{font-family:Sakkal Majalla,serif;font-size:21px;font-weight:700}.navbar-links a:hover{color:#078b68}.navbar-links a:after{content:"";transform-origin:50%;background:#078b68;border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.navbar-links a:hover:after,.navbar-links a.active:after{transform:scaleX(1)}.navbar-links a.active{color:#078b68;font-weight:600}.language-button{color:#078b68;cursor:pointer;background:#fff;border:1px solid #078b68;border-radius:24px;flex-shrink:0;min-width:82px;padding:9px 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .2s}.language-button:hover{color:#fff;background:#078b68;transform:translateY(-1px)}.menu-toggle{cursor:pointer;background:#fff;border:1px solid #cfe2da;border-radius:10px;width:42px;height:42px;padding:9px;display:none}.menu-toggle span{background:#173c33;border-radius:2px;width:100%;height:2px;margin:4px 0;transition:transform .2s,opacity .2s;display:block}@media (width<=1050px){.navbar-container{gap:18px;padding:0 20px}.navbar-links{gap:18px}.navbar-links a{font-size:14px}}@media (width<=800px){.navbar-container{height:72px;min-height:72px;padding:8px 16px;position:relative}.navbar-logo img{width:56px;height:56px}.navbar-links{opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border-top:1px solid #e5ece9;border-bottom:1px solid #e5ece9;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px);box-shadow:0 12px 24px #173c331a}.navbar-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar-links a{padding:13px 8px;font-size:15px}.navbar-links a:after{width:30px;left:8px;right:auto}.menu-toggle{flex-shrink:0;display:block}.menu-toggle.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}@media (width<=500px){.navbar-links a{font-size:13px}.language-button{min-width:70px;padding:7px 12px;font-size:12px}}.hero .hero-title{font-size:36px;line-height:1.2}@media (width<=700px){.hero .hero-title{font-size:30px}}.plan-activity{background:#f4faf7;padding:90px 50px 110px}.plan-activity-header{text-align:center;max-width:720px;margin:0 auto 80px}.plan-activity-header span{letter-spacing:1.5px;color:#078b68;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.plan-activity-header h2{color:#174a3a;margin:0 0 15px;font-size:42px;line-height:1.2}.plan-activity-header p{color:#6b7280;margin:0;font-size:17px;line-height:1.7}.plan-activity-timeline{grid-template-columns:repeat(6,1fr);max-width:1150px;margin:0 auto;display:grid;position:relative}.plan-activity-line{z-index:0;background:#9bc9b8;height:2px;position:absolute;top:28px;left:6%;right:6%}.plan-activity-step{z-index:1;text-align:center;padding:0 10px;position:relative}.plan-activity-number{color:#fff;background:#078b68;border:4px solid #f4faf7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 22px;font-size:15px;font-weight:700;display:flex}.plan-activity-content{max-width:175px;margin:0 auto}.plan-activity-content h3{color:#174a3a;margin:0 0 10px;font-size:17px;line-height:1.4}.plan-activity-content p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}@media (width<=1000px){.plan-activity{padding:80px 30px}.plan-activity-timeline{grid-template-columns:repeat(3,1fr);row-gap:60px}.plan-activity-line{display:none}}@media (width<=650px){.plan-activity{padding:70px 25px}.plan-activity-header{margin-bottom:50px}.plan-activity-header h2{font-size:32px}.plan-activity-timeline{grid-template-columns:1fr;gap:35px}.plan-activity-step{text-align:left;align-items:flex-start;gap:18px;padding:0;display:flex}.plan-activity-number{flex-shrink:0;margin:0}.plan-activity-content{max-width:none;margin:0}}.environmental-gallery{background:#fff;padding:90px 20px}.environmental-gallery-header{text-align:center;max-width:760px;margin:0 auto 45px}.environmental-gallery-header span{letter-spacing:1.5px;color:#138a63;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.environmental-gallery-header h2{color:#173b32;margin:0 0 15px;font-size:36px;line-height:1.2}.environmental-gallery-header p{color:#6b7d76;margin:0;line-height:1.7}.environmental-gallery-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto;display:grid}.environmental-card{background:#fff;border-radius:18px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 8px 30px #173b3214}.environmental-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #173b3224}.environmental-image-wrapper{width:100%;height:240px;overflow:hidden}.environmental-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.environmental-card:hover img{transform:scale(1.05)}.environmental-card-content{padding:22px}.environmental-card-content h3{color:#173b32;margin:0 0 10px;font-size:21px}.environmental-card-content p{color:#70817a;margin:0;font-size:14px;line-height:1.6}@media (width<=900px){.environmental-gallery-grid{grid-template-columns:1fr;max-width:600px}.environmental-gallery-header h2{font-size:30px}}.gallery-carousel{justify-content:center;align-items:center;gap:25px;max-width:1000px;margin:0 auto;display:flex;position:relative}.gallery-slide{width:100%;max-width:820px}.gallery-arrow{color:#fff;cursor:pointer;background:#138a63;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .25s;display:flex;position:relative;box-shadow:0 5px 15px #00000026}.gallery-arrow:hover{background:#0f7554;transform:scale(1.08)}.gallery-arrow-left,.gallery-arrow-right{left:auto;right:auto}.gallery-dots{justify-content:center;gap:8px;margin-top:22px;display:flex}.gallery-dot{cursor:pointer;background:#b8d1c5;border:0;border-radius:50%;width:9px;height:9px;padding:0}.gallery-dot.active{background:#138a63;border-radius:10px;width:24px}@media (width<=600px){.environmental-gallery{padding:65px 16px}.environmental-gallery-header{margin-bottom:30px}.environmental-gallery-header h2{font-size:29px}.gallery-carousel{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;display:grid}.gallery-arrow{width:42px;height:42px;font-size:20px}.environmental-image-wrapper{height:200px}.environmental-card-content{padding:18px}}@media (width<=380px){.gallery-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.gallery-arrow{width:34px;height:34px;font-size:17px}}.home-page{width:100%}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1100px;margin:0 auto;padding:80px 40px 100px;display:grid}.contact-info h2{color:#174a3a;margin-bottom:18px;font-size:32px}.contact-info>p{color:#6b7280;max-width:450px;margin-bottom:40px;font-size:16px;line-height:1.7}.contact-details{flex-direction:column;gap:22px;display:flex}.contact-detail{align-items:center;gap:18px;display:flex}.contact-icon{background-color:#e6f5ef;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.contact-detail span{color:#6b7280;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.contact-detail a{color:#174a3a;font-size:16px;font-weight:600;text-decoration:none}.contact-detail a:hover{color:#078b68}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-form input,.contact-form textarea{box-sizing:border-box;background-color:#fff;border:1px solid #d5e5df;border-radius:8px;outline:none;width:100%;padding:15px 17px;font-family:inherit;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{border-color:#078b68;box-shadow:0 0 0 3px #078b6814}.contact-form textarea{resize:vertical}.contact-form button{color:#fff;cursor:pointer;background-color:#078b68;border:none;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:600}.contact-form button:hover{background-color:#066f54}@media (width<=800px){.contact-content{grid-template-columns:1fr;gap:50px;padding:60px 25px 80px}.contact-info h2{font-size:28px}}