/* ===================================================
   EDEN SELLC - style.css
=================================================== */

/* ===== ROOT ===== */
:root{
  --green:#0B7005;
  --green-dark:#1f6b1c;
  --green-soft:#eef7e9;
  --text:#1e1e1e;
  --muted:#666;
  --white:#ffffff;
}

/* ===== RESET ===== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  color:var(--text);
  overflow-x:hidden;
  background:#fff;
}

/* ===== COMMON ===== */
.section-space{
  padding:90px 0;
}

.section-light{
  padding:90px 0;
  background:#f8faf7;
}

.section-tag{
  display:inline-block;
  color:#0B7005;
  font-weight:700;
  margin-bottom:12px;
  font-size:1.2rem;
  text-transform:uppercase;
  letter-spacing:1px;
}

.section-title{
  font-size:2.2rem;
  font-weight:800;
  margin-bottom:18px;
}

.section-text{
  color:var(--muted);
  font-size:1.2rem;
  line-height:1.8;
  text-align: justify;
}

/* ===== BUTTONS ===== */
.btn-main{
  background:#064403;
  color:#fff;
  border-radius:40px;
  padding:14px 34px;
  font-weight:700;
  border:none;
}

.btn-main:hover{
  background:var(--green-dark);
  color:#fff;
}

.btn-outline-main{
  border:2px solid var(--green);
  color:var(#0B7005);
  border-radius:40px;
  padding:12px 34px;
  font-weight:700;
  background:#fff;
}

.btn-outline-main:hover{
  background:var(--green-dark);
  color:#fff;
}

/* ===================================================
   NAVBAR
=================================================== */
.custom-navbar{
  background:#fff;
  padding:5px 0;
  border-bottom:1px solid #eee;
  transition:all .25s ease;
}

.custom-navbar.scrolled{
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:12px 0;
}

.brand-logo{
  width:auto;
  height:85px;

}

.brand-text{
  line-height:1.1;
}

.brand-name{
  display:block;
  color:#1e4aa8;
  font-size:2rem;
  font-weight:800;
}

.brand-text small{
  color:#1e4aa8;
  font-size:.78rem;
  font-weight:700;
}

.navbar-nav{
  gap:26px;
}

.nav-link{
  color:#222 !important;
  font-weight:700;
  font-size:1rem;
  padding:10px 0 !important;
  position:relative;
}

.nav-link:hover, 
.nav-link.active {
  color: #1B4588 !important;
}

.nav-link.active::after{
  content:"";
  position:absolute;
  left:0; 
  bottom:-8px;
  width:100%;
  height:3px;
  background:#133162;
}

/* dropdown */
.dropdown-menu{
  border:none;
  border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.08);
  padding:10px;
}

.dropdown-item{
  border-radius:10px;
  padding:10px 14px;
}

.dropdown-item:hover{
  background:var(--green-soft);
  color:var(--green);
}

/* language */
.lang-switch{
  display:flex;
  border:1px solid #ddd;
  border-radius:30px;
  overflow:hidden;
}

.lang-btn{
  border:none;
  background:#fff;
  padding:7px 16px;
  font-weight:700;
  color:#333;
}

.lang-btn.active{
  background:#064403;
  color:#fff;
}

/* ===================================================
   HERO
=================================================== */
.hero-section{
  position:relative;
  min-height:100vh;
  padding-top:150px;
  background:#fff;
  overflow:hidden;
}

/* abstract shape */
.hero-shape{
  position:absolute;
  top:-80px;
  right:120px;
  width:460px;
  height:380px;
  background:#edf5e7;
  border-radius:0 0 80px 180px;
  z-index:1;
}

.hero-content{
  position:relative;
  z-index:5;
}

.hero-label{
  color:#4d6b3c;
  font-size:1.25rem;
  font-weight:800;
  margin-bottom:18px;
}

.hero-title{
  font-size:6rem;
  line-height:.95;
  font-weight:900;
  color:#1f3c5b;
  margin-bottom:18px;
}

.hero-subtitle{
  font-size:2rem;
  line-height:1.3;
  font-weight:800;
  color:#3d6478;
  margin-bottom:22px;
}

.hero-desc{
  font-size:1.5rem;
  color:#4d6b3c;
  font-weight:600;
  margin-bottom:35px;
}

.hero-buttons{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

/* right */
.hero-right{
  position:relative;
}

.hero-year{
  position:absolute;
  left:40px;
  top:0;
  font-size:4rem;
  line-height:.92;
  font-weight:800;
  color:#0B7005;
}

.hero-circle-image{
  width:560px;
  height:560px;
  border-radius:50%;
  overflow:hidden;
  border:8px solid #0B7005;
  margin-left:auto;
  position:relative;
}

.hero-circle-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* wave */
.hero-wave{
  position:absolute;
  left:-5%;
  bottom:230px;
  width:110%;
  height:150px;
  background:linear-gradient(90deg,#064403,#1c6a1c);
  border-radius:100% 0 0 0;
  transform:rotate(-5deg);
  z-index:2;
}

/* bottom image */
.hero-bottom-image{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:300px;
  z-index:1;
}

.hero-bottom-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ===================================================
   FOCUS
=================================================== */
.focus-card{
  background:#fff;
  border-radius:20px;
  padding:35px 20px;
  text-align:center;
  height:100%;
  border:1px solid #eee;
  transition:.25s ease;
}

.focus-card i{
  font-size:34px;
  color:var(--green);
  margin-bottom:18px;
}

.focus-card h5{
  font-weight:700;
  margin:0;
}

.focus-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,.06);
}

/* ===================================================
   IMPACT
=================================================== */
.impact-box{
  background:#fff;
  padding:35px 20px;
  border-radius:20px;
  border:1px solid #eee;
}

.counter{
  font-size:3rem;
  font-weight:900;
  color:var(--green);
  margin-bottom:8px;
}

.impact-box p{
  margin:0;
  color:#555;
  font-weight:600;
}

/* ===================================================
   CONTENT CARDS
=================================================== */
.content-card{
  text-align: justify;
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  border:1px solid #eee;
  height:100%;
  transition:.25s ease;
}

.content-card:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.content-card img{
  width:100%;
  height:250px;
  object-fit:cover;
}

.content-body{
  padding:24px;
}

.content-body h5{
  font-weight:800;
  margin-bottom:10px;
}

.content-body p{
  color:#666;
  line-height:1.7;
  min-height:56px;
}

.content-body a{
  text-decoration:none;
  color:var(--green);
  font-weight:700;
}

/* ===================================================
   FOOTER
=================================================== */
/* ===================================================
   FOOTER
=================================================== */
.footer-main{
  background:#c3cfdd;
  color:black;
  padding:70px 0 30px;
}

.footer-logo{
  height:100px;
  margin:auto;
}

.footer-social{
  display:flex;
  justify-content:center;
  gap:14px;
}

.footer-social a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#1f2937;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
}

.footer-social a:hover{
  background:var(--green);
  transform:translateY(-4px);
}

.footer-main p{
  margin:0 0 8px;
}

.footer-main hr{
  border-color:rgba(255,255,255,.08);
  margin:24px 0 16px;
}

.footer-copy{
  color:#1d1c1c;
  font-size:.95rem;
}

/* ===================================================
   RESPONSIVE
=================================================== */
@media(max-width:1200px){

.hero-title{
  font-size:5rem;
}

.hero-circle-image{
  width:460px;
  height:460px;
}

}

@media(max-width:992px){

.navbar-nav{
  gap:10px;
  margin-top:20px;
}

.hero-section{
  padding-top:130px;
  text-align:center;
}

.hero-title{
  font-size:4rem;
}

.hero-subtitle{
  font-size:1.4rem;
}

.hero-desc{
  font-size:1.1rem;
}

.hero-buttons{
  justify-content:center;
}

.hero-right{
  margin-top:50px;
}

.hero-year{
  display:none;
}

.hero-circle-image{
  width:340px;
  height:340px;
  margin:auto;
}

.hero-wave,
.hero-bottom-image{
  display:none;
}

.section-title{
  font-size:1.8rem;
}

.footer-main{
  text-align:center;
}

}

@media(max-width:576px){

.brand-logo{
  height:46px;
}

.brand-name{
  font-size:1.5rem;
}

.hero-title{
  font-size:3rem;
}

.hero-circle-image{
  width:280px;
  height:280px;
}

.btn-main,
.btn-outline-main{
  width:100%;
}

.content-card img{
  height:220px;
}

}



/* ===============================
NEW IMPACT
=============================== */

.home-insight-section{
padding:110px 0;
background:
linear-gradient(to bottom,#f8faf7,#ffffff);
position:relative;
overflow:hidden;
}

.insight-sub{
max-width:760px;
margin:auto;
color:#666;
font-size:1.05rem;
line-height:1.8;
}

.focus-pro-card{
background:#fff;
padding:34px 28px;
border-radius:24px;
height:100%;
text-align:left;
border:1px solid #edf2e8;
transition:.3s ease;
box-shadow:0 12px 35px rgba(0,0,0,.03);
}

.focus-pro-card:hover{
transform:translateY(-10px);
box-shadow:0 24px 45px rgba(0,0,0,.08);
}

.focus-icon{
width:70px;
height:70px;
border-radius:50%;
background:#eef7e9;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#064403;
margin-bottom:22px;
}

.focus-pro-card h4{
font-size:1.25rem;
font-weight:800;
margin-bottom:12px;
}

.focus-pro-card p{
margin:0;
color:#666;
line-height:1.8;
font-size:  1.05em;
}

.impact-pro-card{
background:#fff;
padding:38px 20px;
border-radius:24px;
text-align:center;
border:1px solid #edf2e8;
box-shadow:0 12px 35px rgba(0,0,0,.03);
transition:.3s ease;
position:relative;
overflow:hidden;
}

.impact-pro-card:hover{
transform:translateY(-8px);
box-shadow:0 24px 45px rgba(0,0,0,.08);
}

.impact-pro-card h3{
font-size:3.2rem;
font-weight:900;
color:#064403;
display:inline-block;
margin-bottom:10px;
}

.impact-pro-card span{
font-size:1.8rem;
font-weight:800;
color:#064403;
margin-left:4px;
}

.impact-pro-card p{
margin:0;
font-size:1rem;
font-weight:700;
color:#444;
}

.impact-pro-card::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#064403,#064403);
}

@media(max-width:768px){

.focus-pro-card,
.impact-pro-card{
text-align:center;
}

.focus-icon{
margin:0 auto 18px;
}

}