*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#f7fff7;
overflow-x:hidden;
}

/* Navbar */

.navbar{
background:#ffffff;
padding:16px 0;
box-shadow:0 4px 15px rgba(0,0,0,0.06);
}

.navbar-brand{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
}

.navbar-brand img{
height:48px;
}

.brand-text{
font-size:28px;
font-weight:700;
color:#14532d;
}

.navbar-nav .nav-link{
font-size:16px;
font-weight:600;
color:#1e3a2f !important;
margin-left:28px;
transition:0.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
color:#198754 !important;
}

/* Hero */

.about-hero{
padding:180px 0 110px;
background:
linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),
url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?q=80&w=1600');
background-size:cover;
background-position:center;
text-align:center;
color:white;
}

.about-hero h1{
font-size:clamp(32px,6vw,64px);
font-weight:800;
}

.about-hero p{
font-size:20px;
margin-top:20px;
}

/* About */

.about-card{
background:white;
border-radius:30px;
padding:50px;
box-shadow:0 10px 40px rgba(0,0,0,0.08);
margin-top:-60px;
}

.about-content h2{
font-size:42px;
font-weight:700;
color:#0f5132;
margin-bottom:25px;
}

.about-content p{
font-size:17px;
line-height:2;
color:#444;
text-align:justify;
}

/* Founder + Marketing */

.manager-section{
padding:100px 0;
}

.manager-card{
background:linear-gradient(135deg,#ffffff,#f7fff7);
border-radius:35px;
padding:45px 35px;
box-shadow:0 15px 50px rgba(0,0,0,0.08);
height:100%;
transition:0.4s;
}

.manager-card:hover{
transform:translateY(-8px);
}

.manager-image img{
width:100%;
height:420px;
object-fit:cover;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.manager-badge{
background:#198754;
color:white;
padding:8px 18px;
border-radius:50px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
display:inline-block;
margin-bottom:20px;
}

.manager-content h2{
font-size:34px;
font-weight:800;
color:#14532d;
text-transform:uppercase;
margin-bottom:10px;
}

.manager-content h4{
font-size:22px;
font-weight:700;
color:#198754;
margin-bottom:25px;
}

.manager-content p{
font-size:16px;
line-height:2;
color:#444;
text-align:center;
}

.signature-box{
margin-top:35px;
}

.signature-box img{
width:160px;
}

.signature-box h5{
font-size:22px;
font-weight:700;
margin-top:10px;
color:#14532d;
}

/* Footer */

.footer{
background:#0f172a;
color:white;
padding:70px 0 20px;
margin-top:80px;
}

.whatsapp-float{
position:fixed;
width:60px;
height:60px;
bottom:25px;
right:25px;
background:#25d366;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
text-decoration:none;
z-index:9999;
}

@media(max-width:768px){

.about-hero h1{
font-size:42px;
}

.about-card{
padding:25px;
}

.manager-card{
padding:30px 20px;
text-align:center;
}

.manager-content h2{
font-size:28px;
}

.manager-content h4{
font-size:18px;
}

.manager-image img{
height:320px;
}

.navbar-nav .nav-link{
margin-left:0;
padding:10px 0;
}

}