body{
background:#f6f7f5;
overflow-x:hidden;
color:#1f2937;
}


/* HERO */

.about-hero{

position:relative;
padding:120px 0 120px;

background-image:
linear-gradient(
90deg,
rgba(255,255,255,.97) 0%,
rgba(255,255,255,.92) 35%,
rgba(255,255,255,.45) 60%,
rgba(255,255,255,.10) 100%
),
url("../images/about-hero-green-rose.webp");

background-size:cover;
background-position:center;
background-repeat:no-repeat;

overflow:hidden;

}

.about-hero-grid{

display:grid;
grid-template-columns:1fr;

min-height:540px;
align-items:center;

}

.hero-left{

padding-top:40px;
padding-bottom:80px;
max-width:580px;

}



.breadcrumbs{

font-size:12px;
font-weight:700;
letter-spacing:.5px;
color:#114c2f;
margin-bottom:18px;

}

.hero-title{

font-size:42px;
line-height:1.02;
font-weight:800;
letter-spacing:-1.5px;
color:#0d4429;

max-width:430px;

margin:0 0 22px;

}

.hero-description{

font-size:16px;
line-height:1.8;
font-weight:400;

max-width:520px;

color:#505050;

margin-bottom:28px;

}

.hero-description strong{

color:#2c9d45;
font-weight:700;

}

.hero-btn{

display:inline-flex;
align-items:center;
gap:10px;

padding:14px 24px;

background:#2f9443;
color:white;

border-radius:12px;
text-decoration:none;

font-size:15px;
font-weight:600;

box-shadow:
0 8px 20px rgba(47,148,67,.18);

transition:.25s;

}

.hero-btn:hover{

transform:translateY(-2px);

}


/* STATS */

.stats{

margin-top:-40px;
position:relative;
z-index:20;

}

.stats-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;

}

.stat-card{

background:#fff;

padding:20px;

border-radius:18px;

display:flex;
align-items:center;
gap:16px;

box-shadow:
0 8px 20px rgba(0,0,0,.04);

border:1px solid rgba(0,0,0,.03);

}

.stat-icon{

width:56px;
height:56px;

border-radius:50%;

background:#6bc54a;

display:flex;
align-items:center;
justify-content:center;

font-size:24px;
color:white;

flex-shrink:0;

}

.stat-card strong{

font-size:20px;
font-weight:800;

display:block;

color:#0d4429;

line-height:1.2;

}

.stat-card span{

font-size:14px;
color:#666;

display:block;

margin-top:3px;

}


/* MAIN */

.about-section{

padding:70px 0 100px;

}

.info-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;

background:white;

padding:45px;

border-radius:22px;

box-shadow:
0 5px 20px rgba(0,0,0,.03);

}

.info-box{

padding:0 35px;
border-right:1px solid #ececec;

}

.info-box:last-child{

border:none;

}

.info-box i{

font-size:42px;
color:#67be46;

margin-bottom:18px;

display:block;

}

.info-box h2{

font-size:18px;
font-weight:800;

margin-bottom:14px;

color:#0d4429;

}

.info-box p{

font-size:15px;
line-height:1.9;

color:#555;

}


/* REASONS */

.reason-wrap{

margin-top:70px;

}

.reason-title{

font-size:26px;
font-weight:800;

text-align:center;

color:#0d4429;

margin-bottom:15px;

}

.reason-line{

width:70px;
height:4px;

margin:auto;

background:#67be46;

border-radius:50px;

margin-bottom:55px;

}

.reason-grid{

display:grid;
grid-template-columns:repeat(4,1fr);

gap:35px;

}

.reason-card{

position:relative;

}

.reason-number{

position:absolute;

top:-3px;
left:58px;

height:28px;
width:28px;

background:#67be46;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:13px;
font-weight:700;

color:white;

}

.reason-icon{

width:82px;
height:82px;

background:#eff4ea;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

margin-bottom:15px;

color:#0d4429;

}

.reason-card h3{

font-size:18px;
font-weight:700;

color:#0d4429;

margin-bottom:10px;

}

.reason-card p{

font-size:14px;
line-height:1.8;

color:#555;

}


/* CTA */

.cta-bottom{

margin-top:60px;
text-align:center;

}

.cta-bottom a{

display:inline-flex;
align-items:center;
gap:10px;

padding:16px 32px;

background:#67be46;

border-radius:14px;

color:white;

font-size:17px;
font-weight:700;

text-decoration:none;

box-shadow:
0 10px 20px rgba(103,190,70,.2);

}


/* MOBILE */

@media(max-width:991px){

.about-hero{

padding-top:40px;

}

.about-hero-grid,
.stats-grid,
.info-grid,
.reason-grid{

grid-template-columns:1fr;

}

.hero-left{

padding:0 0 35px;

}

.hero-right{

height:320px;
border-radius:25px;

}

.hero-title{

font-size:38px;
max-width:100%;

}

.hero-description{

font-size:15px;

}

.stats{

margin-top:25px;

}

.info-box{

padding:25px 0;
border-right:none;
border-bottom:1px solid #eee;

}

.info-box:last-child{

border-bottom:none;

}

.reason-title{

font-size:22px;

}

}