@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');:root{
	
 --primary-dark:#0B5D3B;
  --white:#FFFFFF;  
  --light-green:#EDF9F1; 
  --dark-light:#163B29;
  --text:#173A28; 
 --text-light:#66736D; 
 --text-white:#DCEEDF;
  --border:#E4EFE8; 
 --glass-border:rgba(255,255,255,.15);
  --shadow-sm:0 8px 20px rgba(0,0,0,.06); 
 --shadow-md:0 15px 35px rgba(0,0,0,.12); 
 --shadow-lg:0 20px 50px rgba(0,0,0,.18);
  --radius-sm:12px; 
 --radius-md:20px; 
 --radius-lg:28px; 
 --radius-xl:36px;
  --transition:.35s ease-in-out;	 
 --bs-primary:#198754; --bs-primary-rgb:25,135,84;
 --bs-success:#22C55E; --bs-success-rgb:34,197,94;
 --bs-secondary:#6DF48B; --bs-secondary-rgb:109,244,139;
 --bs-dark:#0B2D18; --bs-dark-rgb:11,45,24;
 --bs-light:#F7FBF8; --bs-light-rgb:247,251,248;
 --bs-body-bg:#FFFFFF; --bs-body-color:#173A28; 
 --bs-link-color:#198754; 
 --bs-link-hover-color:#0B5D3B; 
 --bs-border-radius:.75rem; 
 --bs-border-radius-lg:1.25rem; 
 --bs-border-radius-xl:1.75rem; 
 --bs-font-sans-serif:'Poppins',sans-serif;
 
 --bs-box-shadow:0 .5rem 1rem rgba(0,0,0,.08); --bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.15);}
 
 *{ margin:0; padding:0; box-sizing:border-box;}
*,
*::before,
*::after{ transition:background-color .35s ease,border-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease,opacity .35s ease;}html{ scroll-behavior:smooth; scroll-padding-top:100px;}
body{
 font-family:'Poppins',sans-serif; background:var(--white); color:var(--text);
 overflow-x:hidden; line-height:1.4; animation:pageFade .8s ease;}

 img{ max-width:100%; height:auto; display:block;}
 a{ text-decoration:none; transition:var(--transition);}
 ul{ list-style:none; padding:0; margin:0;}
 section{ position:relative; padding:100px 0; overflow:hidden;background:#f1fbe6}
 h1,h2,h3,h4,h5,h6{ color:var(--text); font-weight:700; line-height:1.05;}
 h1{ font-size:64px;}
h2{ font-size:48px;}
h3{ font-size:36px;}
h4{ font-size:26px;}
p{ color:var(--text-light); font-size:14px; line-height:1.5; margin-bottom:0;}

section .section-title{ margin-top:18px; font-size:48px; font-weight:700; color:var(--text); line-height:1.08; margin-bottom:20px;}
.section-tag{ display:inline-flex; align-items:center; gap:8px; background:rgba(25,135,84,.10); color:var(--primary); padding:10px 20px; border-radius:50px; font-size:13px; font-weight:600; letter-spacing:1px; text-transform:uppercase;}

.section-subtitle{ max-width:990px; margin:auto; font-size:17px; line-height:1.4;}
.btn{ transition:var(--transition); font-weight:600;}
.btn-success{ background:var(--primary); border:none; color:#fff; padding:14px 30px; border-radius:50px;}
.btn-success:hover{ background:var(--primary-dark); transform:translateY(-3px); box-shadow:var(--shadow-md);}
.btn-outline-light{ border:1px solid rgba(255,255,255,.4); color:#fff; backdrop-filter:blur(8px);}
.btn-outline-light:hover{ background:#fff; color:var(--primary);}
.glass{ background:rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid var(--glass-border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);}
.card-style{ background:#fff; border-radius:var(--radius-md); padding:30px; border:1px solid var(--border); transition:var(--transition);}
.card-style:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); border-color:var(--primary);}
.icon-box{
 width:68px; height:68px;
 border-radius:18px;
 background:var(--light-green);
 display:flex; align-items:center; justify-content:center;
 color:var(--primary);
 font-size:28px;
 transition:var(--transition);}
.card-style:hover .icon-box{ background:var(--primary); color:#fff; transform:rotate(8deg);}
.text-green{ color:var(--primary);}
.text-light-green{ color:var(--secondary);}
.bg-light-green{ background:var(--light-green);}
.bg-dark-green{ background:var(--dark);}
.rounded-xl{ border-radius:var(--radius-xl);}
.shadow-green{ box-shadow:0 15px 35px rgba(25,135,84,.15);}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background:#EDF6F0;border-radius: 20px;}
::-webkit-scrollbar-thumb {background: linear-gradient(180deg,var(--primary),var(--secondary));border-radius: 20px;border: 2px solid #EDF6F0;}
::-webkit-scrollbar-thumb:hover {background: var(--primary-dark);}
::selection{ background:#0F8A43; color:#fff;}
::-moz-selection{background:#0F8A43;color:#fff;}

.reveal{ opacity:0; transform:translateY(40px);}
.reveal.active{ opacity:1; transform:translateY(0);}
@keyframes float{
	0%,
	100%{
	 transform:translateY(0); }
	 50%{transform:translateY(-12px); }
	 }
.float{ animation:float 5s ease-in-out infinite;}
.container{ position:relative; z-index:2;}
.container,
.container-fluid{
 position:relative; z-index:2;}
.btn{ font-weight:600; border-radius:50px; transition:all .35s ease; padding:14px 28px; letter-spacing:.2px;}
.btn-lg{padding:16px 36px; font-size:16px;}
.btn-sm{padding:10px 22px;}
.btn-primary{background:linear-gradient(135deg,#198754,#22C55E); border:none; color:#fff; box-shadow:0 10px 25px rgba(25,135,84,.25);}
.btn-primary:hover{background:linear-gradient(135deg,#0B5D3B,#198754); transform:translateY(-3px); box-shadow:0 18px 35px rgba(25,135,84,.35);}
.btn-success{background:#22C55E; border:none; color:#fff;}
.btn-success:hover{background:#16A34A; color:#fff; transform:translateY(-3px);}
.btn-outline-success{color:#22C55E; border:2px solid #22C55E; background:transparent;}
.btn-outline-success:hover{background:#22C55E; color:#fff;}
.btn-outline-light{border:1px solid rgba(255,255,255,.4); color:#fff; backdrop-filter:blur(8px);}
.btn-outline-light:hover{background:#fff; color:#198754;}

.form-control,
.form-select{border-radius:14px; border:1px solid #D8E8DD;padding:14px 18px;font-size:15px; color:#173A28;transition:.3s ease;}
.form-control::placeholder{color:#8DA69A;}
.form-control:focus,
.form-select:focus{border-color:#22C55E;box-shadow:0 0 0 .2rem rgba(34,197,94,.15);}textarea.form-control{resize:none;}

.accordion{
 --bs-accordion-border-width:0; --bs-accordion-btn-focus-box-shadow:none; --bs-accordion-active-bg:#198754; --bs-accordion-active-color:#FFFFFF; --bs-accordion-btn-icon-width:1rem;}
 
.accordion-item{overflow:hidden; margin-bottom:16px;}
.accordion-button{font-weight:600; padding:22px 24px; }
.accordion-button:not(.collapsed){background:#198754; color:#fff;}
.accordion-body{ padding:22px 24px; color:#66736D; line-height:1.8;}

.card{ border:none; border-radius:22px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.06);}
.card-body{padding:30px;}
.card:hover{transform:translateY(-6px); transition:.35s ease;}

.nav-pills .nav-link{color:#173A28; border-radius:50px; padding:12px 24px; font-weight:600;}
.nav-pills .nav-link.active{background:#198754; color:#fff;}

.badge{padding:8px 14px; border-radius:50px; font-weight:600; letter-spacing:.5px;}
.bg-success{background:#22C55E !important;}
.page-link{border:none; color:#198754; border-radius:12px; margin:0 5px;}
.page-link:hover{ background:#EDF9F1; color:#0B5D3B;}
.page-item.active .page-link{background:#198754; color:#fff;}
.modal-content{border:none; border-radius:24px; overflow:hidden;}
.modal-header{border-bottom:1px solid #EDF2EE;}
.modal-footer{border-top:1px solid #EDF2EE;}
.dropdown-menu{border:none; border-radius:18px; padding:10px; box-shadow:0 15px 35px rgba(0,0,0,.12);}
.dropdown-item{border-radius:10px; padding:10px 14px; font-weight:500;}
.dropdown-item:hover{background:#EDF9F1; color:#198754;}

.table{border-radius:18px; overflow:hidden;}
.table thead{background:#198754; color:#fff;}
.table th{ padding:16px; font-weight:600;}
.table td{ padding:16px; vertical-align:middle;}

.progress{ height:10px; border-radius:50px; background:#EAF4EE;}
.progress-bar{ background:linear-gradient(90deg,#198754,#22C55E);}
.py-section{ padding:100px 0;}
.mt-section{ margin-top:100px;}
.mb-section{ margin-bottom:100px;}
.custom-navbar{position:fixed; top:16px; left:50%; transform:translateX(-50%);
 width:95%; max-width:1320px; z-index:1050; background:rgba(8,35,18,.82); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
 border:1px solid rgba(255,255,255,.08); border-radius:22px; padding:0px 24px; transition:all .35s ease;}
.custom-navbar.scrolled{top:8px;background:rgba(8,35,18,.22);box-shadow:0 15px 35px rgba(0,0,0,.18);border-color:rgba(255,255,255,.12);
 padding:1px 24px;}
.navbar-brand{ display:flex; align-items:center;}
.navbar-brand img{
 width:170px; height:auto; transition:.3s;}
.custom-navbar.scrolled .navbar-brand img{width:155px;}
.navbar-nav{ align-items:center;}
.navbar-nav .nav-item{ margin:0 4px;}
.navbar-nav .nav-link{position:relative;color:#ffffff !important;font-size:15px; font-weight:500;padding:10px 14px !important;transition:all .3s ease;}
.navbar-nav .nav-link:hover{color:#6DF48B !important;}
.navbar-nav .nav-link::after{ content:"";position:absolute; left:50%; bottom:4px; transform:translateX(-50%); width:0%; height:2px;
 background:#6DF48B; border-radius:20px; transition:.3s ease;}
.navbar-nav .nav-link:hover::after{ width:70%;}
.navbar-nav .nav-link.active{ color:#6DF48B !important;}
.navbar-nav .nav-link.active::after{ width:70%;}
.nav-btn{ background:linear-gradient(135deg,#198754,#22C55E);
 color:#fff !important; border:none; padding:12px 22px; font-size:14px; font-weight:600; border-radius:50px; display:flex; align-items:center; gap:8px; box-shadow:0 10px 25px rgba(25,135,84,.25); transition:.3s ease;}
.nav-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0B5D3B,#198754);box-shadow:0 15px 30px rgba(25,135,84,.35); border:1px solid #DCEEDF}
.navbar-toggler{border:none !important; box-shadow:none !important; padding:4px;}
.navbar-toggler:focus{ box-shadow:none;}
.navbar-toggler-icon{ filter:brightness(0) invert(1);}

.info-card{ position: absolute; width: 260px; background: rgba(255,255,255,.10); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.15); border-radius: 22px; padding: 20px; color: #fff; box-shadow: 0 20px 45px rgba(0,0,0,.18); transition: .35s ease; animation: floatCard 5s ease-in-out infinite;}
.info-card:hover{ transform: translateY(-10px); background: rgba(255,255,255,.16);}
.info-card i{ width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; background: #1DB954; border-radius: 16px; font-size: 24px; color: #fff; margin-bottom: 15px;}
.info-card h5{ color: #fff; font-size: 18px; margin-bottom: 10px;}
.info-card p{ color: #DCEEDF; font-size: 14px; line-height: 1.5;}
.card-top{ top: 0px; right: 10px;}
.card-middle{ top: 190px; left: 20px;animation-delay: .8s;}
.card-bottom{ bottom: -20px; right: 35px; animation-delay: 1.6s;}

@keyframes floatCard{
 0%,100%{transform: translateY(0); }
 50%{transform: translateY(-12px); }
 }
.about-section{ background: var(--light); position: relative; overflow: hidden; }
.about-section::before{ content:""; position:absolute; top:-120px; right:-120px; width:320px; height:320px; background: radial-gradient(circle, rgba(34,197,94,.12), transparent 70%); border-radius:50%;}
.about-section::after{ content:""; position:absolute; bottom:-120px; left:-120px; width:280px; height:280px; background: radial-gradient(circle, rgba(25,135,84,.08), transparent 70%); border-radius:50%;}
.about-content{ padding-left:20px; padding-top:5px;}
.about-content .section-title{ max-width:600px;}
.about-content p{margin-bottom:16px;line-height:1.8;}
.text-success{display:block;}
.about-image{ position:relative; border-radius:28px; overflow:hidden; box-shadow: var(--shadow-lg);}
.about-image img{ width:100%; border-radius:28px; transition:.5s ease;}
.about-image:hover img{ transform:scale(1.05);}
.experience-card{ position:absolute; bottom:25px; left:25px; background:rgba(25,135,84,.95); backdrop-filter:blur(16px);color:#fff;
 padding:20px 24px; border-radius:20px; min-width:180px; box-shadow:0 15px 35px rgba(25,135,84,.35);}
.experience-card h2{ color:#fff; font-size:36px; margin-bottom:5px;}
.experience-card p{ color:#DCEEDF; font-size:14px; margin:0;}
.about-highlight{ margin-top:25px; background:#EAF8EE; background:#F4FAF6; border:1px solid #D8ECE1; border-left:4px solid #16A34A; border-radius:18px; padding:22px;height:100%;transition:.35s ease;}
.about-highlight:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(16,163,74,.12);
}
.about-highlight h5{ color:var(--primary);margin:10px 0 8px; color:#0F5132;}
.about-highlight p{ margin:0; color:var(--text); font-style:italic;  margin:0; font-size:14px;line-height:1.7;}
.feature-box{background:#fff;border-radius:18px;height:100%;transition:.35s ease;background:#fff; border:1px solid var(--border); padding:20px;
 display:flex; align-items:flex-start; gap:15px;height:100%; transition:var(--transition);}
 
.feature-box:hover{border-color:#16A34A;transform:translateY(-6px);box-shadow:0 20px 35px rgba(15,138,67,.10);}
.icon-box{width:54px;height:54px;border-radius:14px;background:#EDF8F1;color:#16A34A;font-size:24px;}

.feature-box:hover{ transform:translateY(-6px); border-color:var(--secondary); box-shadow:var(--shadow-md);}
.feature-box .icon{ width:52px; height:52px; background:var(--light-green); border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.feature-box .icon i{ font-size:22px; color:var(--primary);}
.feature-box:hover .icon{ background:var(--primary);}
.feature-box:hover .icon i{ color:#fff;}
.feature-box h6{ margin-bottom:6px; font-size:16px; color:var(--text);}
.feature-box p{ font-size:14px; color:var(--text-light); line-height:1.5; margin-bottom:0px;}
.mission-card{ margin-top:35px; background:linear-gradient(135deg,#198754,#22C55E); color:#fff; border-radius:24px; padding:28px; display:flex; align-items:flex-start; gap:20px; box-shadow:0 20px 45px rgba(25,135,84,.20);}
.mission-card i{ font-size:34px; color:#B6FFD0;}
.mission-card h5{ color:#fff; margin-bottom:8px;}
.mission-card p{ color:#EAF8EE; margin:0;}
.about-content .btn-success{ margin-top:30px; padding:15px 30px;}
.feature-box.hidden, .mission-card.hidden{ opacity:0; transform:translateY(40px);}
.feature-box.show, .mission-card.show{ opacity:1; transform:translateY(0); transition:.8s ease;}

.services-section{ position:relative; padding:110px 0; background:linear-gradient(rgba(8,35,18,.88), rgba(8,35,18,.88)),url("../assets/images/services-bg.jpg"); background-size:cover; background-position:center; background-attachment:fixed; overflow:hidden;}
.services-section::before{ content:""; position:absolute; top:-120px; right:-120px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(34,197,94,.18),transparent 70%);}
.services-section::after{ content:""; position:absolute; bottom:-120px; left:-120px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);}
.services-section .section-tag{ background:rgba(255,255,255,.12); color:#6DF48B;}
.services-section .section-title{ color:#FFFFFF;}
.services-section .section-subtitle{ color:#DCEEDF;}
.service-card{ position:relative; height:100%; border-radius:24px;   background:rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.12);  transition:all .4s ease; box-shadow:0 15px 35px rgba(0,0,0,.15);}
.service-card:hover{ transform:translateY(-10px); border-color:#22C55E; box-shadow:0 25px 45px rgba(0,0,0,.35);}
.service-image{ position:relative; overflow:hidden; height:220px;}
.service-image img{ width:100%; height:100%; object-fit:cover; transition:.5s ease;}
.service-card:hover .service-image img{ transform:scale(1.08);}
.service-overlay{ position:absolute; inset:0; background:linear-gradient( to top, rgba(11,45,24,.85),rgba(11,45,24,.85) );}
.service-icon{ position:absolute; bottom:-28px; left:25px; width:64px; height:64px; background:#22C55E; color:#fff;
 border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:28px; box-shadow:0 12px 25px rgba(34,197,94,.35); transition:.35s ease;}
.service-card:hover .service-icon{ transform:rotate(10deg) scale(1.08); background:#fff; color:#198754;}
.service-content{ padding:45px 25px 25px;}
.service-content h4{ color:#fff; font-size:22px; margin-bottom:12px;}
.service-content p{ color:#DCEEDF; font-size:15px; line-height:1.6; margin-bottom:20px;}
.service-list{ margin-bottom:25px;}
.service-list li{ display:flex; align-items:center; gap:10px; color:#EAF8EE; margin-bottom:10px; font-size:14px;}
.service-list i{ color:#6DF48B; font-size:16px;}
.service-link{ display:inline-flex; align-items:center; gap:8px; color:#6DF48B; font-weight:600; transition:.3s ease;}
.service-link i{ transition:.3s ease;}
.service-link:hover{ color:#fff;}
.service-link:hover i{ transform:translateX(6px);}
.service-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(34,197,94,.12),transparent 70% ); opacity:0; transition:.35s ease;}
.service-card:hover::after{ opacity:1;}
.services-cta{ margin-top:70px; padding:45px; border-radius:28px; background:linear-gradient(135deg,#198754,#22C55E); color:#fff;
 display:flex; justify-content:space-between; align-items:center; gap:25px; box-shadow:0 20px 45px rgba(25,135,84,.25);}
.services-cta h3{ color:#fff; margin-bottom:10px;}
.services-cta p{ color:#EAF8EE; margin:0;}
.services-cta .btn{ white-space:nowrap;}
.hidden-service{ opacity:0; transform:translateY(40px);}
.visible{ opacity:1; transform:translateY(0); transition:.8s ease;}
.how-section{ position:relative; background:#ffffff; overflow:hidden;}
.how-section::before{ content:""; position:absolute; top:-120px; left:-120px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,     rgba(34,197,94,.12),     transparent 70%);}
.how-section::after{ content:""; position:absolute; bottom:-120px; right:-120px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle,     rgba(25,135,84,.08),     transparent 70%);}
.timeline{ position:relative; max-width:900px; margin:70px auto 0; padding-left:40px;}
.timeline::before{ content:""; position:absolute; top:0; left:28px; width:4px; height:100%; border-radius:20px; background:linear-gradient(     to bottom,     #22C55E,     #198754,     rgba(25,135,84,.15) );}
.timeline-step{ position:relative; display:flex; align-items:flex-start; gap:28px; margin-bottom:50px;}
.step-number{ position:relative; z-index:2; width:60px; height:60px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,#198754,#22C55E); display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:700; box-shadow:0 10px 30px rgba(34,197,94,.35); transition:.35s ease;}
.timeline-step:hover .step-number{ transform:scale(1.08) rotate(8deg);}
.step-card{ flex:1; background:rgba(255,255,255,.9); backdrop-filter:blur(14px); border:1px solid var(--border); border-radius:10px; padding:28px; box-shadow:var(--shadow-sm); transition:.35s ease;}
.timeline-step:hover .step-card{ transform:translateY(-6px); border-color:#198754; box-shadow:var(--shadow-lg);}

.step-card h4{ font-size:22px; margin-bottom:12px; color:var(--text);}
.step-card p{ color:var(--text-light); line-height:1.6; font-size:15px; margin-bottom:18px;}
.step-badge{ display:inline-flex; align-items:center; gap:8px;
 background:rgba(25,135,84,.08); color:#198754;
 padding:8px 16px; border-radius:10px;
 font-size:13px; font-weight:600;}
.step-badge i{ font-size:14px;}
.timeline-cta{ margin-top:40px; background:linear-gradient(135deg,#198754,#22C55E); color:#fff; border-radius:10px; padding:40px; display:flex; align-items:center; justify-content:space-between; gap:25px; box-shadow:0 20px 45px rgba(25,135,84,.20);}
.timeline-cta h3{ color:#fff; margin-bottom:8px;}
.timeline-cta p{ color:#EAF8EE; margin:0;}
.timeline-cta .btn{ white-space:nowrap;}
.step-hidden{ opacity:0; transform:translateY(50px);}
.step-visible{ opacity:1; transform:translateY(0); transition:.8s ease;}
.impact-section{ position:relative; padding:120px 0; background:     linear-gradient(rgba(8,35,18,.92), rgba(8,35,18,.92)),     url("../assets/images/impact-bg.jpg"); background-size:cover; background-position:center; background-attachment:fixed; overflow:hidden;}
.impact-section::before{ content:""; position:absolute; top:-150px; right:-120px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle,rgba(34,197,94,.18),transparent 70%);}
.impact-section::after{ content:""; position:absolute; bottom:-120px; left:-120px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.06),     transparent 70%);}
.impact-section .section-tag{ background:rgba(255,255,255,.12); color:#6DF48B;}
.impact-section .section-title{ color:#fff;}
.impact-section .section-subtitle, .why-section .section-subtitle, .core-values .section-subtitle{ color:#DCEEDF;}
.impact-card{ position:relative; height:100%; background:rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:30px 25px; text-align:center; transition:.35s ease; box-shadow:0 15px 35px rgba(0,0,0,.15);}
.impact-card:hover{ transform:translateY(-8px); border-color:#22C55E; box-shadow:0 20px 45px rgba(34,197,94,.18);}
.impact-card h4,  .impact-banner h3{ color:#0ba52d}
.impact-banner p{ color:#DCEEDF}
.impact-icon{ width:72px; height:72px; margin:0 auto 18px; border-radius:20px; background:rgba(34,197,94,.15); display:flex; align-items:center; justify-content:center; font-size:32px; color:#6DF48B; transition:.35s ease;}
.impact-card:hover .impact-icon{ background:#22C55E; color:#fff; transform:rotate(10deg);}
.counter{ color:#6DF48B; font-size:52px; font-weight:700; line-height:1;}
.counter-plus{ color:#6DF48B; font-size:34px; font-weight:700;}
.impact-card h5{ color:#fff; margin-top:14px; margin-bottom:12px;}
.impact-card p{ color:#DCEEDF; font-size:14px; line-height:1.6;}
.impact-highlight{margin-top:5px;  background:linear-gradient(135deg,#198754,#22C55E); border-radius:10px; padding:30px; color:#fff; box-shadow:0 20px 50px rgba(25,135,84,.22); min-height:170px; text-align:center;}
.impact-highlight h3{ color:#fff; font-size:34px; margin-bottom:18px; }
.impact-highlight p{ color:#EAF8EE; line-height:1.6; }
.impact-progress{ margin-top:30px;}
.progress-item{ margin-bottom:22px;}
.progress-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.progress-header span{ color:#fff; font-size:14px; font-weight:600;}
.progress-value{ color:#6DF48B;}
.progress{ height:10px; background:rgba(255,255,255,.12); border-radius:50px; overflow:hidden;}
.progress-bar{ background:linear-gradient(90deg,#6DF48B,#22C55E); border-radius:50px; transition:width 1.5s ease;}
.impact-badges{ display:flex; flex-wrap:wrap; gap:15px; margin-top:30px;}
.impact-badge{ display:flex; align-items:center; gap:10px; padding:12px 18px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); border-radius:50px; color:#fff; font-size:14px;}
.impact-badge i{ color:#6DF48B;}
.impact-cta{ margin-top:70px; text-align:center;}
.impact-cta h3{ color:#fff; margin-bottom:15px;}
.impact-cta p{ color:#DCEEDF; max-width:650px; margin:auto auto 30px;}
.impact-cta .btn{ padding:15px 35px;}
.impact-card{ opacity:0; transform:translateY(40px);}
.impact-card.show{ opacity:1; transform:translateY(0); transition:.8s ease;}

.impact-highlight i{font-size:80px; color:#fff; display:flex; align-items:center; justify-content:center; transition:.35s ease; position:absolute; right: 1%; bottom: 1%;z-index:-2; opacity:0.2}
.impact-highlight:hover { transform:rotate(10deg) scale(1.08); color:#ff8cc4;}
.impact-highlight h5{color:#72e3a0; font-size:26px;}

.why-section{ position:relative; padding:110px 0; background:linear-gradient(180deg,#F7FBF8 0%, #FFFFFF 100%); overflow:hidden;background:
        radial-gradient(circle at left,#0f5d36 0%,transparent 40%),
        radial-gradient(circle at right,#0b4128 0%,transparent 35%),
        linear-gradient(180deg,#061712,#0a241b,#061712);}
.why-section::before{ content:""; position:absolute; top:-120px; right:-120px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,     rgba(34,197,94,.12),     transparent 70%);}
.why-section::after{content:""; position:absolute; bottom:-140px; left:-140px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(25,135,84,.08),transparent 70%);}
.why-section .section-title{color: var(--white);}
.why-section .section-tag, .core-values .section-tag{ background:rgba(255,255,255,.12); color:#6DF48B;}

.why-card:hover { transform:translateY(-8px); border-color:#22C55E; box-shadow:0 20px 45px rgba(34,197,94,.18);}
.why-image{ position:relative; border-radius:30px; overflow:hidden; box-shadow:var(--shadow-lg);}
.why-image img{ width:100%; border-radius:30px; transition:.5s ease;}
.why-image:hover img{ transform:scale(1.05);}
.trust-badge{ position:absolute; left:25px; bottom:25px; display:flex; align-items:center; gap:15px; background:rgba(25,135,84,.95); backdrop-filter:blur(18px); color:#fff; padding:18px 22px; border-radius:18px;
 box-shadow:0 15px 35px rgba(25,135,84,.35);}
 .trust-metric h3{ color:#6DF48B;}
 .trust-metric p{color:var(--white);}
.trust-badge i{ font-size:34px; color:#8CF9A7;}
.trust-badge h5{ margin:0; color:#fff; font-size:17px; font-weight:600;}
.trust-badge small{ color:#DCEEDF; font-size:13px;}
.why-card{ position:relative; height:100%; overflow:hidden; background:rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:30px 25px; text-align:center; transition:.35s ease; box-shadow:0 15px 35px rgba(0,0,0,.15); }
.why-card:hover{ transform:translateY(-8px); border-color:#22C55E; box-shadow:var(--shadow-lg);}
.why-card::before{ content:""; position:absolute; inset:0; background:linear-gradient(     135deg,     rgba(34,197,94,.08), transparent 70% ); opacity:0; transition:.35s ease;}
.why-card:hover::before{ opacity:1;}
.why-icon{width:72px; height:72px; margin:0 auto 18px; border-radius:10px; background:rgba(34,197,94,.15); display:flex; align-items:center; justify-content:center; font-size:32px; color:#6DF48B; transition:.35s ease;}
 
.why-card:hover .why-icon{ background:#198754; color:#fff; transform:rotate(8deg);}
.why-card h5{ font-size:18px; color:#6DF48B; margin-bottom:10px;}
.why-card p{ color:var(--white); font-size:14px; line-height:1.6;}
.why-cta{ margin-top:70px; background:linear-gradient(135deg,#198754,#22C55E); border-radius:10px; padding:45px; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:25px; box-shadow:0 20px 45px rgba(25,135,84,.20);}
.why-cta h3{ color:#fff; margin-bottom:12px;}
.why-cta p{ color:#EAF8EE; margin:0;}
.why-cta .btn{ white-space:nowrap;}
.why-hidden{ opacity:0; transform:translateY(40px);}
.why-visible{ opacity:1; transform:translateY(0); transition:.8s ease;} 
.faq-section{ position:relative;  padding:100px 0; overflow:hidden;background:url(assets/images/contact-bg) cover cover/center fixed;}
.faq-section::before{ content:""; position:absolute; top:-120px; right:-120px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle,rgba(34,197,94,.18),transparent 70%);}
.faq-section::after{ content:""; position:absolute; bottom:-150px; left:-150px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);}
 
.faq-animation-wrapper{position:relative;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.3;animation:blobFloat 12s ease-in-out infinite;}
.glow1{width:260px;height:260px;background:#19d55d;top:20px;left:20px;}
.glow2{width:180px;height:180px;background:#32ff84;bottom:60px;right:40px;animation-delay:3s;}
.glow3{width:120px;height:120px;background:#ff9800;top:60%;left:50%;animation-delay:5s;}
.faq-center-icon{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#00c853,#00843d);
    display:flex;justify-content:center;align-items:center;color:#EAF8EE;font-size:65px;z-index:5;
    box-shadow:0 0 40px rgba(0,255,120,.35);animation:pulseGlow 3s ease-in-out infinite;
}
.ring{    position:absolute;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}
.ring1{
    width:230px;
    height:230px;
    animation:rotateRing 16s linear infinite;
}
.ring2{
    width:320px;
    height:320px;
    animation:rotateRingReverse 20s linear infinite;
}
.floating-icon{position:absolute;
    width:54px;
    height:54px;
    border-radius:18px;
    background:rgba(6,125, 45,.8);
    backdrop-filter:blur(10px);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#52ff9b;
    font-size:24px;
    border:1px solid rgba(82,255,155,.2);
    box-shadow:0 0 20px rgba(0,255,120,.08);
    animation:iconFloat 5s ease-in-out infinite;
}
.icon1{ top:12%; left:45%; }
.icon2{ top:42%; left:8%; animation-delay:1s; }
.icon3{ bottom:18%; left:55%; animation-delay:2s; }
.icon4{ top:58%; right:12%; animation-delay:3s; }


@keyframes pulseGlow{
    0%,100%{transform:scale(1);}
    50%{
        transform:scale(1.08);
        box-shadow:0 0 60px rgba(0,255,120,.45);
    }
}@keyframes rotateRing{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}@keyframes rotateRingReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}@keyframes blobFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-30px);}
}@keyframes iconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}
.faq-section .section-subtitle{ color:#173A28}
.faq-image{ max-width:420px; margin:auto; animation:floatFaq 5s ease-in-out infinite;}

@keyframes floatFaq{ 
	50%
	{transform:translateY(-12px); }
	}
.custom-faq{ display:flex; flex-direction:column; gap:18px;}
.custom-faq .accordion-item{  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.15);transition:.35s ease;}
.custom-faq .accordion-item:hover{transform:translateY(-4px);border-color:#2dff8a;box-shadow:0 0 25px rgba(0,255,120,.12);}

.custom-faq .accordion-item:has(.accordion-button:not(.collapsed)){ border-color:#22C55E; box-shadow:0 15px 35px rgba(34,197,94,.15);}
.custom-faq .accordion-button{background:#173A28; color:#FFFFFF;font-size:17px; font-weight:600;padding:22px 24px;
 box-shadow:none; border:none;}
.custom-faq .accordion-button:focus{ box-shadow:none;}
.custom-faq .accordion-button:not(.collapsed){background:#173A28; color:#8CF9A7;}
.custom-faq .accordion-button::after{ filter:brightness(0) invert(1); transition:.35s ease;}
.custom-faq .accordion-button:not(.collapsed)::after{ transform:rotate(-180deg); filter:none;}
.custom-faq .accordion-body{background:#ffffff;color: #06582e; padding:15px 24px; line-height:1.6; font-size:15px; }
.faq-icon{ width:42px; height:42px; background:rgba(34,197,94,.15); border-radius:10px; display:flex; align-items:center; justify-content:center; color:#8CF9A7; font-size:18px; flex-shrink:0;}
.custom-faq .accordion-button:not(.collapsed) .faq-icon{ background:#22C55E; color:#fff;}

.faq-cta{ margin-top:70px; background:linear-gradient(135deg,#198754,#22C55E); border-radius:10px; padding:45px;
text-align:center; color:#fff; box-shadow:0 20px 45px rgba(25,135,84,.25);}
.faq-cta h3{ color:#fff; font-size:32px; margin-bottom:15px;}
.faq-cta p{ color:#EAF8EE; margin:auto auto 25px;}
.faq-cta .btn{ padding:14px 32px;}
.faq-hidden{ opacity:0; transform:translateY(35px);}
.faq-visible{ opacity:1; transform:translateY(0); transition:.8s ease;}
.info-item{ display:flex; align-items:flex-start; gap:18px; margin-bottom:22px; padding:18px; background:rgba(255,255,255,.06); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.08); border-radius:10px;
 transition:.35s ease;}
.info-item:hover{ transform:translateX(8px); border-color:#22C55E; background:rgba(255,255,255,.10);}
.info-icon{ width:58px; height:58px; flex-shrink:0; border-radius:10px; background:linear-gradient(135deg,#198754,#22C55E); display:flex; align-items:center; justify-content:center;
 color:#fff; font-size:24px; box-shadow:0 10px 25px rgba(34,197,94,.25);}
.info-item small{ color:#8CF9A7; display:block; margin-bottom:4px;}
.info-item h6{ color:#fff; font-size:16px; margin:0; line-height:1.6;}

.map-card{height:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);backdrop-filter:blur(12px);box-shadow:0 20px 45px rgba(0,0,0,.18);}
.map-card iframe{width:100%;height:100%;min-height:560px; border:0;display:block;}

.footer-section{ position:relative;  color:#DCEEDF; padding-top:0; padding:90px 0 40px; overflow:hidden;
contact-bg.jpg; background:linear-gradient(rgba(8,35,18,.90),rgba(8,35,18,.92)), url("../assets/images/contact-bg.jpg");
 background-size: cover; background-position: center; background-attachment: fixed; }
.footer-section::before{ content:""; position:absolute; top:-120px; left:-120px;
 width:320px; height:320px;
 border-radius:50%; background:radial-gradient(circle,     rgba(34,197,94,.15),     transparent 70%);}
.footer-section::after{ content:""; position:absolute; bottom:-120px; right:-120px;
 width:280px; height:280px;
 border-radius:50%; background:radial-gradient(circle,     rgba(255,255,255,.05),     transparent 70%);}
.footer-wave{ width:100%; overflow:hidden; line-height:0;}
.footer-wave svg{ display:block; width:100%; height:90px;}
.footer-logo{ width:180px; margin-bottom:25px;}
.footer-text{ color:#AFCDBD; line-height:1.6; font-size:15px; margin-bottom:30px;}
.footer-section h5{ color:#FFFFFF; font-size:18px; margin-bottom:25px; font-weight:600;}
.footer-links{ list-style:none; padding:0; margin:0;}
.footer-links li{ margin-bottom:6px;}
.footer-links a{ color:#AFCDBD; text-decoration:none; transition:.3s ease; position:relative;}
.footer-links a::before{ content:""; position:absolute; left:-15px; top:50%; transform:translateY(-50%);
 width:0; height:2px; background:#22C55E; transition:.3s ease;}
.footer-links a:hover{ color:#6DF48B; padding-left:15px;}
.footer-links a:hover::before{ width:8px;}
.footer-links li:not(:has(a)){ color:#AFCDBD;}
.footer-contact{ display:flex; flex-direction:column; gap:18px;}
.contact-row{ display:flex; align-items:flex-start; gap:14px;}
.contact-row i{ width:42px; height:42px;
 background:rgba(34,197,94,.12); color:#6DF48B;
 border-radius:12px;
 display:flex; align-items:center; justify-content:center;
 flex-shrink:0; font-size:18px;}
.contact-row span{ color:#AFCDBD; line-height:1.5; font-size:14px;}
.social-icons{ display:flex; gap:12px; flex-wrap:wrap;}
.social-icons a{ width:46px; height:46px;
 border-radius:50%;
 background:rgba(255,255,255,.08);
 display:flex; align-items:center; justify-content:center;
 color:#FFFFFF;
 transition:.35s ease;}
.social-icons a:hover{ background:#22C55E; color:#FFFFFF; transform:translateY(-5px) rotate(8deg); box-shadow:0 12px 25px rgba(34,197,94,.30);}
.footer-divider{ margin:20px 0 25px; border-color:rgba(255,255,255,.08);}
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; border-top: 1px solid rgba(255, 255, 255, 0.5); margin-top:20px;  padding: 20px 0 0;}
.copyright{ color:#8FB4A2; font-size:14px; margin:0;}
.footer-bottom-links{ display:flex; gap:25px; flex-wrap:wrap;}
.footer-bottom-links a{ color:#8FB4A2; font-size:14px; text-decoration:none; transition:.3s ease;}
.footer-bottom-links a:hover{ color:#6DF48B;}
.vm-credit{ margin-top:20px; text-align:center; padding-top:20px; border-top:1px solid rgba(255,255,255,.05);}
.vm-credit p{ color:#8FB4A2; font-size:13px; margin:0;}
.vm-credit span{ color:#6DF48B; font-weight:600;}
.footer-hidden{ opacity:0; transform:translateY(40px);}
.footer-visible{ opacity:1; transform:translateY(0); transition:.8s ease;}
.whatsapp-float{ position:fixed; bottom:10px; right:30px; width:55px; height:55px; background:linear-gradient(135deg,#25D366,#128C7E); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; text-decoration:none; z-index:999; box-shadow:0 15px 35px rgba(37,211,102,.35); transition:all .35s ease; animation:whatsappFloat 3s ease-in-out infinite;}
 .whatsapp-float:hover{ color:#fff; transform:translateY(-6px) scale(1.08); box-shadow:0 20px 40px rgba(37,211,102,.45);}
.whatsapp-float::before{ content:""; position:absolute; inset:0;
 border-radius:50%; border:2px solid rgba(37,211,102,.45);
 animation:whatsappPulse 2.5s infinite;}
 .whatsapp-float::after{ content:""; position:absolute; inset:-10px;
 border-radius:50%; border:2px solid rgba(37,211,102,.20);
 animation:whatsappPulse 2.5s infinite .6s;}
 .whatsapp-tooltip{ position:absolute; right:82px;
 background:#fff; color:#198754;
 padding:10px 16px;
 border-radius:30px;
 font-size:13px; font-weight:600;
 white-space:nowrap;
 box-shadow:0 12px 30px rgba(0,0,0,.15);
 opacity:0; visibility:hidden;
 transform:translateX(10px);
 transition:.35s ease;}
 
 .whatsapp-float:hover .whatsapp-tooltip{ opacity:1; visibility:visible; transform:translateX(0);}
 
 @keyframes whatsappFloat{
 0%,100%{
	 transform:translateY(0); }
 50%{
	 transform:translateY(-8px); }
	 }
@keyframes whatsappPulse{
 0%{
	 transform:scale(1);opacity:.8; }
 70%{
	 transform:scale(1.6);
	 opacity:0; }
 100%{
	 transform:scale(1.8);
	 opacity:0; }
	}
	 
#backToTop{ position:fixed; right:30px; bottom:80px;  
 width:48px; height:48px;
 border:none; border-radius:50%;
 background:linear-gradient(135deg, #18e162, #076039); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
 border:1px solid rgba(255,255,255,.15);
 color:#FFFFFF; font-size:22px;
 display:flex; align-items:center; justify-content:center;
 cursor:pointer;
 z-index:998;
 opacity:0; visibility:hidden;
 transform:translateY(25px);
 transition:all .35s ease;
 box-shadow:0 12px 30px rgba(0,0,0,.18);}
#backToTop.show{ opacity:1; visibility:visible; transform:translateY(0);}
#backToTop:hover{ background:linear-gradient(135deg,#198754,#22C55E); color:#fff;
 transform:translateY(-6px) scale(1.08);
 box-shadow:0 18px 35px rgba(34,197,94,.35);}
#backToTop::before{ content:""; position:absolute; inset:-6px;
 border-radius:50%; border:2px solid rgba(34,197,94,.18);
 opacity:0; transition:.35s ease;}
#backToTop:hover::before{ opacity:1; transform:scale(1.08);}
#backToTop i{ transition:.3s ease;}
#backToTop:hover i{ transform:translateY(-3px);}
.reveal-up,
.reveal-left,
.reveal-right,
.reveal-zoom{ opacity:0; transition:all .8s ease; will-change:transform, opacity;}
.reveal-up{ transform:translateY(50px);}
.reveal-left{ transform:translateX(-50px);}
.reveal-right{ transform:translateX(50px);}
.reveal-zoom{ transform:scale(.95);}
.show{ opacity:1 !important; transform:translate(0,0) scale(1) !important;}
.float-slow{ animation:floatSlow 6s ease-in-out infinite;}
.float-medium{ animation:floatMedium 4.5s ease-in-out infinite;}
.float-fast{ animation:floatFast 3.5s ease-in-out infinite;}

@keyframes floatSlow{ 
	50%
	{ transform:translateY(-14px); }
	}
@keyframes floatMedium{ 
	50%
	{ transform:translateY(-10px); }
	}
@keyframes floatFast{ 
	50%
	{ transform:translateY(-7px); }
	}
.shine-card{ position:relative; overflow:hidden;}
.shine-card::before{ content:""; position:absolute; top:0; left:-120%;
 width:60%; height:100%; background:linear-gradient(120deg,transparent,rgba(10,100,50,.15),transparent );
 transform:skewX(-25deg);}
 .shine-card:hover::before{ left:130%; transition:1s ease;}
 .hover-glow:hover{ transform:translateY(-10px); box-shadow:0 20px 45px rgba(34,197,94,.22);}
 .image-hover{ overflow:hidden; border-radius:14px 0 0;}
.image-hover img{ transition:transform .6s ease;}
.image-hover:hover img{ transform:scale(1.08);}
.icon-hover{ transition:.35s ease;}
.icon-hover:hover{ transform:rotate(12deg) scale(1.1);}
.btn-hover{ position:relative; overflow:hidden;}
.btn-hover::before{ content:""; position:absolute; inset:0; background:linear-gradient(     135deg,     rgba(255,255,255,.18),     transparent );
 opacity:0;}
.btn-hover:hover::before{ opacity:1;}
.btn-hover:hover{ transform:translateY(-4px);}
.magnetic-btn{ transition:transform .25s ease;}
.magnetic-btn:hover{ transform:scale(1.05);}
.social-hover:hover{ transform:translateY(-5px) rotate(10deg);}
.link-hover{ position:relative;}
.link-hover::after{ content:""; position:absolute; bottom:-4px; left:0;
 width:0; height:2px;
 background:#22C55E; transition:.35s ease;}
.link-hover:hover::after{ width:100%;}
.gradient-border{ position:relative; overflow:hidden;}
.gradient-border::before{ content:""; position:absolute; inset:0; padding:1px; border-radius:inherit;
 background:linear-gradient(135deg,#198754,#22C55E); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite:xor; mask-composite:exclude;
 opacity:0; transition:.35s ease;}
.gradient-border:hover::before{ opacity:1;}
.scroll-dot{ width:10px; height:10px; border-radius:50%; background:#6DF48B; animation:scrollDot 2s infinite;}
@keyframes scrollDot{ 
	0%{transform:translateY(0); opacity:1; } 
	70%{transform:translateY(18px); opacity:0; } 
	100%{transform:translateY(0); opacity:0; }}
.blob{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.35; animation:blobMove 10s ease-in-out infinite alternate;}

@keyframes blobMove{ 
	100%
	{transform:translate(40px,-30px) scale(1.15); }
	}
.counter{ display:inline-block; animation:counterPop .8s ease;}
@keyframes counterPop{ 
	0%{transform:scale(.6);opacity:0; } 
	70%{transform:scale(1.1); } 
	100%{transform:scale(1);opacity:1; }}
.accordion-item:hover{ transform:translateY(-4px);}
.nav-link{ position:relative;}
.nav-link:hover{ color:#6DF48B !important;}
.section-divider{ width:90px; height:4px;margin:20px auto;background:linear-gradient(90deg,#198754,#6DF48B);border-radius:10px;animation:dividerGlow 3s infinite;}
@keyframes dividerGlow{ 
	50%{
	width:120px;opacity:.8; }
	}
.loader{ position:fixed; inset:0;background:#071E12;display:flex; justify-content:center; align-items:center;z-index:99999;}
.loader-circle{ width:70px; height:70px;border-radius:50%; border:5px solid rgba(255,255,255,.12); border-top-color:#22C55E;animation:spin 1s linear infinite;}
@keyframes spin{ to{ transform:rotate(360deg); }}

@keyframes pageFade{ 
from{opacity:0; } 
to{opacity:1; }
}
.feature-box:hover,
.problem-card:hover,
.service-card:hover,
.impact-card:hover,
.why-card:hover,
.info-item:hover{ transform:translateY(-8px);}

/* ==========================================
   OUR STORY SECTION
========================================== */

.our-story{
    padding:110px 0;
}

.story-content{
    max-width:560px;
}

.story-content p{
    font-size:16px;
    line-height:1.9;
    color:#5C6F66;
    margin-bottom:18px;
}

.story-content .section-title{
    margin:15px 0 22px;
}

.story-content .section-title span{
    color:#16A34A;
}

.story-image{
    position:relative;
}

.story-image img{
    width:100%;
    height:620px;
    object-fit:cover;
    border-radius:18px;
    box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.story-badge{
    position:absolute;
    right:-20px;
    bottom:35px;
    background:#ffffff;
    border-radius:10px;
    padding:18px 22px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 20px 40px rgba(15,138,67,.15);
}

.story-badge i{
    font-size:34px;
    color:#16A34A;
}

.story-badge strong{
    display:block;
    color:#163B2C;
    margin-bottom:3px;
}

.story-badge span{
    font-size:13px;
    color:#687972;
}

.story-stats{
    display:flex;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.stat-card{
    flex:1;
    min-width:180px;
    background:#F4FBF6;
    border:1px solid #DCEFE2;
    border-radius:10px;
    padding:24px;
}

.stat-card h3{
    color:#16A34A;
    font-size:30px;
    margin-bottom:6px;
    font-weight:700;
}

.stat-card span{
    color:#5C6F66;
    font-size:14px;
}




/* ==========================================
   WHY CHOOSE EBRSPL
========================================== */

.why-choose{
    padding:110px 0;
    background:#f4ffe9;
	
    position: relative;
    overflow: hidden;
    isolation: isolate;
	overflow:hidden; background:linear-gradient(rgba(8,35,18,.92), rgba(8,35,18,.92)), url("../assets/images/faq-bg.jpg"); background-size:cover; background-position:center; background-attachment:fixed;
}
.why-choose::before{
    content: "";
    position: absolute;
    top: -180px;
    right: -150px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(22,163,74,0.16) 0%,
        rgba(22,163,74,0.08) 40%,
        transparent 75%);
    filter: blur(40px);
    z-index: -2;
}
.why-choose::after{
    content: "";
    position: absolute;
    bottom: -220px;
    left: -180px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(15,138,67,0.12) 0%,
        rgba(15,138,67,0.05) 45%,
        transparent 75%);
    filter: blur(45px);
    z-index: -2;
}

.why-content .section-title span{
    color:#16A34A;
}

.why-content .section-subtitle{
    margin:20px 0 35px;
    color:#5C6F66;
    line-height:1.8;
}

.why-choose .container{
    position: relative;
    z-index: 2;
}
.why-grid{
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 1;

    background-image:
        linear-gradient(rgba(15,138,67,0.08) 1px, transparent 1px),
        linear-gradient(
		, rgba(15,138,67,0.08) 1px, transparent 1px);

    background-size: 70px 70px;

    /* Fade edges */
    mask-image: radial-gradient(circle at center,
        black 45%,
        rgba(0,0,0,.75) 70%,
        transparent 100%);
    -webkit-mask-image: radial-gradient(circle at center,
        black 45%,
        rgba(0,0,0,.75) 70%,
        transparent 100%);
}

.why-list .row{
    row-gap: 24px;
}

.why-list{
    display:flex;
    flex-direction:column;
    gap:18px;
	
}

.why-item{
    display:flex;
    gap:18px;
    background:#fff;
    border:1px solid #E5F2EA;
    border-radius:10px;
	max-width:410px;
	margin-right:25px;
    transition:all .45s cubic-bezier(.22,.61,.36,1);
    transform-style:preserve-3d;
	
    align-items: flex-start;

    padding: 20px;
    height: 100%;
    transition: .3s ease;
}

.why-item:hover{
    border-color:#16A34A;
    transform:
        perspective(900px)
        rotateX(5deg)
        rotateY(-3deg)
        translateY(-12px);
    box-shadow:
        0 25px 60px rgba(0,0,0,.10),
        0 10px 30px rgba(22,163,74,.15);
}


.why-item i{
    color:#FFF;
    font-size:22px;
    margin-top:4px;
	
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #16A34A;
    border-radius: 50%;

}

.why-item h5{
    color:#163B2C;
	
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.why-item p{
    margin:0;
    color:#5C6F66;
    font-size:15px;
    line-height:1.7;
	
	
}



.why-item-icon{
    width:54px;
    height:54px;
    border-radius:10px;
    background:#EDF8F1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#16A34A;
    transition:.35s ease;
}

.why-item:hover .why-item-icon{background:#16A34A; color:#fff; box-shadow:0 12px 25px rgba(22,163,74,.25);}

.core-values{background: radial-gradient(circle at left, #0f5d36 0%, transparent 40%), radial-gradient(circle at right, #0b4128 0%, transparent 35%), linear-gradient(180deg, #061712, #0a241b, #061712);}
.core-values .section-title {    color: var(--white);}
.value-card h4 {
    font-size: 18px;
    color: #6DF48B;
    margin-bottom: 10px;
}
.value-card {border:1px solid #24a747; padding:25px; background:#24a74725}
.value-card p {color:#F7F9F8}
.value-icon{color:#24a747}
.value-icon i{font-size:45px;}
.hero-section{position:relative;height:100vh;overflow:hidden; background:linear-gradient(180deg,#FFFFFF 0%,#F7F9F8 100%);}
.hero-section::before{content:"";position:absolute;width:900px;height:900px;top:-300px;right:-250px;background:radial-gradient(circle,rgba(15,138,67,.08),transparent 70%);border-radius:50%;}
.hero-section::after{content:"";position:absolute;width:800px;height:800px;left:-300px;bottom:-350px;background:radial-gradient(circle,rgba(15,138,67,.05),transparent 70%);border-radius:50%;}

.hero-content{position:relative;z-index:5;max-width:850px;padding:0px 100px; hight:100vh; }
.hero-tag{display:inline-block;color:var(--green);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;
	border: 1px solid var(--green);padding: 10px;border-radius: 10px;}
.hero-title{font-size:4.8rem;font-weight:800;line-height:0.95;color:#111827; padding-top:15px;}
.hero-title span{color:#0F8A43;}
.hero-text{margin:28px 0 36px;font-size:1.1rem;line-height:1.8;color:#5F6B66;}

.hero-slide::before{
    content: "";position: absolute; width: 400px;height: 400px;top: 10px;right: 230px;
    background: radial-gradient(circle, rgb(206 234 185 / 40%));border-radius: 50%;
}
.btn-ebr{background:linear-gradient(90deg, var(--green), var(--green-dark));color:#fff !important;border:none;display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:14px 28px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;white-space:nowrap;}

.btn-ebr:hover{background:linear-gradient(90deg, #18C964, var(--green));color:#fff !important;transform:translateY(-2px);box-shadow:0 12px 24px rgba(24,201,100,.25);}
.btn-outline-ebr{border:2px solid var(--green);color:var(--green);border-radius:50px;padding:14px 28px;font-weight:600;}
.btn-outline-ebr:hover{background:var(--green);color:#fff;}
.carousel{}
.carousel-inner::before {
    content: "";position: absolute; width: 400px;height: 400px;bottom: 10px;left: -230px;
    background: radial-gradient(circle, rgb(206 234 185 / 40%));border-radius: 50%;
	z-index:-1;
}
.carousel-inner {padding-top:4%;}
#hero .carousel-indicators{bottom: 135px;gap: 12px;}
#hero .carousel-indicators [data-bs-target]{width: 14px !important;height: 14px !important;border-radius: 50% !important;background: rgba(255,255,255,.45) !important;border: 2px solid #1ED760 !important;margin: 0 6px !important;opacity: 1 !important;transition: all .35s ease;}

#hero .carousel-indicators .active{width: 12px !important;height: 14px !important;border-radius: 20px !important;background: linear-gradient(90deg,#0F8A43,#2BE57A) !important;box-shadow: 0 0 18px rgba(43,229,122,.5);}

.hero-feature div{font-size:.95rem;color:#52605B;display:flex;align-items:center;gap:8px;}
.hero-feature i{color:var(--green);font-size:1.2rem;}
.hero-image{position:absolute;top:0;right:0;width:58%;height:100%;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:1;}
.hero-image img{width:100%;height:100%;object-fit:contain;object-position:right center;transform:scale(1.08);}

@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

.custom-control{width:55px;height:55px;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;color:var(--green);opacity:1;box-shadow:0 10px 25px rgba(0,0,0,.08);}
.carousel{min-height:85vh;}
.custom-control i{font-size:1.4rem;}
.carousel-control-prev,
.carousel-control-next{position:absolute;top:auto;bottom:28px;transform:none;width:54px;height:54px;background:#FFFFFF;border-radius:50%;color:#0F8A43;opacity:1;box-shadow:0 8px 24px rgba(0,0,0,.10);transition:.3s ease;z-index:6;}
.carousel-control-prev{left:auto;right:95px;}
.carousel-control-next{left:auto;right:30px;}
.carousel-control-prev i,
.carousel-control-next i{font-size:20px;font-weight:700;}
.carousel-control-prev:hover,
.carousel-control-next:hover{background:#0F8A43;color:#FFFFFF;}

.hero-navigation{position:absolute;left:50%;bottom:0px}
.custom-indicators .active{width:25px !important;border-radius:20px;background:#195745 !important;}
.custom-indicators{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);margin:0;z-index:5; }
.custom-indicators button{border-radius:50%;background:#195745 !important;border:none;opacity:1;margin:0 6px !important;transition:all .3s ease; width:25px !important;}


/* ===============================
   OUR APPROACH + COMMITMENT
================================ */

.approach-section {
  position: relative;
    padding: 110px 0 0;
    overflow: hidden;
}

.approach-section::before {
  content: "";
  position: absolute;
  top: 0;
    top: -70px;
    right: -90px;
    width: 300px;
    height: 300px;
    background: rgb(25 135 45 / 31%);
    border-radius: 50%;
    filter: blur(35px);
  opacity: 0.7;
}


.approach-process {
  display: grid;
  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr;

  align-items: center;gap: 20px;margin: 65px 0;
}

.approach-step {text-align: center;min-width: 150px;}
.step-icon {position: relative;width: 145px;height: 145px;margin: 0 auto 22px;display: flex;align-items: center;justify-content: center;border: 2px solid #a7d9ae;border-radius: 50%;

  background:
    radial-gradient(
      circle,
      #ffffff 45%,
      #f0faf2 100%
    );

  transition: 0.35s ease;
}

.step-icon i {font-size: 54px;color: #1d9750;}

.step-icon span {position: absolute;top: -8px;left: -8px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #123d2e;color: #ffffff;font-size: 15px;font-weight: 700;}

.approach-step:hover .step-icon {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(24, 132, 71, 0.15);
}

.approach-step h3 {margin: 0 0 10px;font-size: 22px;font-weight: 700;color: #123c2c;}
.approach-step p {max-width: 170px;margin: auto;font-size: 14px;line-height: 1.55;color: #66756f;}
.step-arrow {color: #29934d;font-size: 32px;}
.step-arrow i {transition: 0.3s ease;}
.approach-step:hover + .step-arrow i {
  transform: translateX(7px);
}

.commitment-container {
  position: relative;
  min-height: 400px;
  padding: 70px 8%;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  overflow: hidden;

  background:
    linear-gradient(
      120deg,
      #f6fcf7 0%,
      #edf8ef 55%,
      #e4f5e7 100%
    );
}

.commitment-content {position: relative;z-index: 3;max-width: 700px;}
.commitment-content h2 {margin: 0 0 25px;font-size: clamp(38px, 4vw, 58px);line-height: 1.08;letter-spacing: -2px;color: #123c2c;}
.commitment-content h2 span {color: #3fae58;}
.commitment-content p {max-width: 700px;margin: 0;color: #52645c;font-size: 16px;line-height: 1.8;}
.commitment-content strong {color: #168447;}
.commitment-visual {position: relative;height: 300px;display: flex;align-items: center;justify-content: center;}
.eco-circle {position: relative;width: 230px;height: 230px;display: flex;align-items: center;justify-content: center;
  border: 8px solid #42a95a;border-top-color: transparent;border-bottom-color: #218c49;border-radius: 50%;
background: rgba(255,255,255,0.5);box-shadow:0 20px 50px rgba(24, 132, 71, 0.12);}

.eco-circle i {font-size: 105px;color: #29984d;}
.leaf {position: absolute;font-size: 55px;opacity: 0.9;animation: floatingLeaf 5s ease-in-out infinite;}
.leaf-1 {top: 15px;right: 15%;transform: rotate(20deg);}
.leaf-2 {bottom: 20px;right: 5%;transform: rotate(-30deg);}
.leaf-3 {top: 45%;left: 5%;transform: rotate(-20deg);}
.leaf-4 {bottom: 0;left: 25%;transform: rotate(25deg);}

@keyframes floatingLeaf {

  0%,
  100% {
    transform: translateY(0) rotate(20deg);
  }

  50% {
    transform: translateY(-10px) rotate(28deg);
  }

}