.about-grid{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:60px;
align-items:center;
}

.about-image img{
width:100%;
border-radius:12px;
}

.grid-our-story{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:30px;
}

.our-story-item{
display:flex;
align-items:center;
gap:10px;
}

.scroll-animation{
opacity:0;
transform:translateY(40px);
transition:all .8s ease;
}

.scroll-animation.active{
opacity:1;
transform:translateY(0);
}

/* ===== Layout ===== */

.about-grid{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:60px;
align-items:center;
}

.about-image img{
width:100%;
border-radius:12px;
}


/* ===== Features Grid ===== */

.grid-our-story{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:30px;
}

.our-story-item{
display:flex;
align-items:center;
gap:10px;
}


/* ===== Scroll Animation ===== */

.scroll-animation{
opacity:0;
transform:translateY(40px);
transition:all .8s ease;
}

.scroll-animation.active{
opacity:1;
transform:translateY(0);
}


/* ===== Tablet Responsive ===== */

@media(max-width:992px){

.about-grid{
grid-template-columns:1fr;
gap:40px;
}

.about-image{
order:-1;
}

.grid-our-story{
grid-template-columns:repeat(2,1fr);
}

}


/* ===== Mobile Responsive ===== */

@media(max-width:576px){

.about-grid{
gap:30px;
}

.grid-our-story{
grid-template-columns:1fr;
}

.our-story-title{
font-size:24px;
line-height:1.4;
}

.our-story-description{
font-size:15px;
}

.our-story-item{
align-items:flex-start;
}

}