/*======================================================

                    ABOUT SECTION

======================================================*/

.about-section{

    padding:140px 0;

    background:#f5f5f7;

    overflow:hidden;

}

/*====================================
Row
====================================*/

.about-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:120px;

    margin-bottom:140px;

}

.about-row:last-child{

    margin-bottom:0;

}

.about-row.reverse{

    direction:rtl;

}

.about-row.reverse>*{

    direction:ltr;

}

/*====================================
Content
====================================*/

.about-content{

    max-width:560px;

}

.about-content .section-subtitle{

    display:inline-block;

    font-size:14px;

    font-weight:600;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#8b8b8b;

    margin-bottom:22px;

}

.about-content h2{

    font-size:58px;

    line-height:1.12;

    font-weight:700;

    color:#111;

    margin-bottom:28px;

}

.about-content p{

    font-size:19px;

    line-height:1.9;

    color:#6e6e73;

}

/*====================================
Image
====================================*/

.about-image{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    box-shadow:0 30px 80px rgba(0,0,0,.10);

}

.about-image img{

    width:100%;

    display:block;

    transition:transform .7s ease;

}

.about-image:hover img{

    transform:scale(1.05);

}

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

@media(max-width:992px){

.about-row{

    grid-template-columns:1fr;

    gap:50px;

    margin-bottom:90px;

}

.about-row.reverse{

    direction:ltr;

}

.about-content{
    max-width:600px;
}

.about-content h2{
    font-size:64px;
    line-height:1.1;
}

.about-content p{
    font-size:18px;
    max-width:520px;
}

}

@media(max-width:576px){

.about-section{

    padding:90px 0;

}

.about-row{

    gap:35px;

    margin-bottom:70px;

}

.about-content h2{

    font-size:34px;

}

.about-content p{

    font-size:16px;

}

.about-image{

    border-radius:22px;

}

}