.about-hero{

height:45vh;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

background:#181818;

}

.about-hero h1{

font-size:60px;

color:#F4A100;

}

.about{

width:90%;

max-width:1200px;

margin:100px auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;

}

.about-image img{

width:100%;

border-radius:20px;

}

.about-content h2{

font-size:45px;

margin-bottom:20px;

color:#F4A100;

}

.about-content p{

line-height:2;

color:#ccc;

}

.about-boxes{

display:flex;

gap:20px;

margin-top:40px;

}

.box{

flex:1;

background:#1b1b1b;

padding:25px;

border-radius:15px;

text-align:center;

}

.box h3{

font-size:35px;

color:#F4A100;

}