/*==================================================
    ABOUT SECTION
==================================================*/

.about-section{
    background:#090909;
    padding:140px 0;
}

.about-main-image{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:var(--shadow-lg);
}

.about-list{
    list-style:none;
    padding:0;
    margin:35px 0;
}

.about-list li{
    margin-bottom:18px;
    font-size:18px;
    color:#ddd;
}

.about-list i{
    color:var(--primary);
    margin-right:12px;
}

.about-card{
    overflow:hidden;
    border-radius:20px;
}

.about-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

.about-card:hover img{
    transform:scale(1.05);
}

.stat-card{
    background:#111;
    border:1px solid var(--border);
    border-radius:20px;
    text-align:center;
    padding:40px 20px;
    transition:.35s;
    height:100%;
}

.stat-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
}

.stat-card h3{
    font-size:56px;
    color:var(--primary);
    margin-bottom:10px;
}

.stat-card p{
    margin:0;
    color:#ddd;
    font-size:16px;
}

/*=============================
    RESPONSIVE
=============================*/

@media (max-width:991.98px){

    .about-main-image{
        height:420px;
    }

    .section-title{
        font-size:42px;
    }

}

@media (max-width:767.98px){

    .about-section{
        padding:90px 0;
    }

    .about-main-image{
        height:320px;
    }

    .about-card img{
        height:220px;
    }

    .section-title{
        font-size:34px;
    }

    .section-text{
        font-size:16px;
    }

    .stat-card h3{
        font-size:42px;
    }

}