.about-page{

    padding:100px 40px;

}

.container{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:420px 1fr;

    gap:70px;

    align-items:center;

}

.about-image img{

    width:100%;

    border-radius:25px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.section-subtitle{

    color:#4CAF7D;

    text-transform:uppercase;

    font-weight:600;

    letter-spacing:2px;

}

.about-content h1{

    margin:15px 0 30px;

    font-size:46px;

    line-height:1.2;

}

.about-content p{

    font-size:18px;

    color:#666;

    line-height:1.9;

    margin-bottom:22px;

}

.about-boxes{

    display:grid;

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

    gap:20px;

    margin-top:40px;

}

.box{

    background:#fff;

    padding:28px;

    border-radius:18px;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:.3s;

}

.box:hover{

    transform:translateY(-8px);

}

.box h3{

    margin-bottom:12px;

    color:#4CAF7D;

}

.box p{

    margin:0;

    font-size:16px;

}

@media(max-width:900px){

.container{

grid-template-columns:1fr;

}

.about-boxes{

grid-template-columns:1fr;

}

.about-content h1{

font-size:36px;

}

}