.elementor-525 .elementor-element.elementor-element-86447ae{--display:flex;}/* Start custom CSS for html, class: .elementor-element-955d69c */*{
box-sizing:border-box;
}


body{
font-family:'Poppins',sans-serif;
margin:0;
}


.about-container{
max-width:1200px;
margin:auto;
padding:70px 20px;
display:flex;
align-items:center;
gap:60px;
}



/* HERO */

.about-hero{
background:#fff8f3;
}


.about-text{
flex:1;
}


.about-text span{
color:#d88b6c;
font-size:15px;
font-weight:600;
text-transform:uppercase;
letter-spacing:2px;
}


.about-text h1{
font-size:48px;
line-height:1.2;
color:#222;
margin:20px 0;
}


.about-text p{
font-size:17px;
line-height:1.8;
color:#666;
}


.about-image{
flex:1;
}


.about-image img,
.story-image img{

width:100%;
border-radius:25px;
}



/* BUTTON */

.about-btn{

display:inline-block;
margin-top:25px;
background:#b86b4c;
color:white;
padding:14px 35px;
border-radius:30px;
text-decoration:none;
font-weight:600;

}




/* STORY */

.story-content{
flex:1;
}


.story-content h2,
.section-title h2{

font-size:38px;
color:#222;

}


.story-content p{

font-size:16px;
line-height:1.8;
color:#666;

}




/* VALUES */


.values{

background:#faf6f2;
padding:70px 20px;

}


.section-title{

text-align:center;
margin-bottom:40px;

}


.cards{

max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}



.card{

background:white;
padding:35px;
text-align:center;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.06);

}



.icon{

font-size:35px;
color:#c78361;
margin-bottom:15px;

}



.card h3{

font-size:22px;

}


.card p{

color:#666;
line-height:1.7;

}




/* MISSION */


.mission{

background:#b86b4c;
color:white;
text-align:center;
padding:80px 20px;

}


.mission h2{

font-size:42px;

}


.mission p{

max-width:700px;
margin:20px auto;
font-size:18px;
line-height:1.7;

}


.mission .about-btn{

background:white;
color:#b86b4c;

}




/* MOBILE */


@media(max-width:768px){


.about-container{

flex-direction:column;
padding:40px 20px;

}


.about-text h1{

font-size:34px;

}


.cards{

grid-template-columns:1fr;

}


.mission h2{

font-size:30px;

}

}/* End custom CSS */