/* ABOUT */

.about{

padding:100px 8%;
background:white;
text-align:center;

}

.about h2{

font-size:40px;
margin-bottom:25px;
color:#0f6f73;

}

.container{

max-width:900px;
margin:auto;

}


/* ABOUT PAGE */

.about-hero{

padding:140px 8%;

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

gap:80px;

align-items:center;

background:#f8f5f2;

}

.about-image img{

width:100%;

border-radius:40px;

box-shadow:0 15px 40px rgba(0,0,0,.12);

}

.about-text span{

font-size:30px;

color:#d78c58;

font-family:cursive;

}

.about-text h1{

font-size:75px;

line-height:1.1;

margin:20px 0 35px;

}

.about-text p{

font-size:20px;

line-height:2;

margin-bottom:25px;

color:#555;

}

.about-text h3{

margin-top:40px;

font-size:38px;

}


/* TEAM */

.team-section{

padding:120px 8%;

background:white;

}

.team-title{

text-align:center;

margin-bottom:80px;

}

.team-title h2{

font-size:70px;

color:#d78c58;

margin-bottom:10px;

}

.team-title p{

font-size:28px;

color:#555;

}

.team-grid{

display:grid;

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

gap:40px;

}

.team-card{

background:#f8f5f2;

padding:40px;

border-radius:35px;

text-align:center;

transition:.4s;

}

.team-card:hover{

transform:translateY(-10px);

}

.team-card img{

width:230px;
height:230px;

object-fit:cover;

border-radius:50%;

border:8px solid #d78c58;

margin-bottom:30px;

}

.team-card h3{

font-size:35px;

margin-bottom:10px;

}

.team-card span{

display:block;

color:#d78c58;

font-weight:600;

margin-bottom:25px;

font-size:20px;

}

.team-card p{

line-height:1.9;

color:#666;

font-size:18px;

}


/* VALUES */

.values-section{

padding:100px 8%;

display:grid;

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

gap:35px;

background:#d78c58;

}

.value-box{

background:white;

padding:50px;

border-radius:30px;

text-align:center;

}

.value-box i{

font-size:55px;

color:#d78c58;

margin-bottom:25px;

}

.value-box h3{

font-size:32px;

margin-bottom:20px;

}

.value-box p{

line-height:1.8;

color:#666;

}


