/*=========================================================
ABOUT US
=========================================================*/

.about-section{

padding:90px 20px;
background:#f6f9fc;

}

.container{

max-width:1300px;
margin:auto;

}

.about-hero{

text-align:center;
max-width:900px;
margin:auto auto 70px;

}

.section-badge{

display:inline-block;
padding:8px 22px;
background:#eaf7ef;
color:#0d7a43;
border-radius:30px;
font-size:.82rem;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:20px;

}

.about-hero h2{

font-size:3rem;
font-weight:800;
line-height:1.2;
color:#13293d;
margin-bottom:25px;

}

.about-hero p{

font-size:1.12rem;
line-height:1.9;
color:#5b6777;

}

/* Stats */

.stats-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-bottom:80px;

}

.stat-card{

background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
box-shadow:0 12px 35px rgba(0,0,0,.06);
transition:.35s;

}

.stat-card:hover{

transform:translateY(-8px);

}

.stat-card h3{

font-size:2.8rem;
color:#198754;
margin-bottom:10px;

}

.stat-card p{

font-weight:600;
color:#667;

}

/* Grid */

.about-grid{

display:grid;
grid-template-columns:1.4fr 1fr;
gap:60px;
align-items:start;
margin-bottom:80px;

}

.about-content h3{

font-size:2rem;
margin-bottom:25px;
color:#143f2e;

}

.about-content p{

font-size:1.05rem;
line-height:2;
color:#4d5562;
margin-bottom:20px;

}

/* Feature */

.mission-grid{

display:grid;
gap:25px;

}

.feature-card{

background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.35s;

}

.feature-card:hover{

transform:translateY(-8px);

}

.icon{

font-size:2rem;
margin-bottom:18px;

}

.feature-card h4{

font-size:1.25rem;
margin-bottom:15px;
color:#15613d;

}

.feature-card p{

line-height:1.8;
color:#666;

}

/* Journals */

.journal-section{

margin-top:70px;

}

.journal-section h3{

text-align:center;
font-size:2rem;
margin-bottom:45px;
color:#123;

}

.journal-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;

}

.journal-card{

padding:35px;
background:#fff;
border-radius:18px;
border-top:5px solid #198754;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.35s;

}

.journal-card:hover{

transform:translateY(-10px);

}

.journal-card h4{

font-size:1.15rem;
color:#163;
margin-bottom:15px;

}

.journal-card p{

line-height:1.8;  
color:#666;

}

/* Responsive */

@media(max-width:900px){

.about-grid{

grid-template-columns:1fr;

}

.about-hero h2{

font-size:2.2rem;

}

}