/*=====================================
ABOUT PAGE
======================================*/

.about-page{

    background:#0A0A0A;

    color:#fff;

}

/* Banner */

.about-banner{

    background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),
    url('../images/about/about-banner.png') center/cover;

    padding:170px 0 90px;

    text-align:center;

}

.about-banner h1{

    font-size:58px;

    margin-bottom:15px;

}

.about-banner p{

    color:#ddd;

    font-size:20px;

}

/* Grid */

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    padding:100px 0;

    align-items:center;

}

.about-image img{

    width:100%;

    border-radius:20px;

}

.about-content h2{

    font-size:42px;

    margin:20px 0;

}

.about-content h3{

    margin-top:35px;

    margin-bottom:15px;

    color:#D4AF37;

}

.about-content p{

    color:#ddd;

    line-height:1.9;

    margin-bottom:20px;

}

.values-list{

    display:grid;

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

    gap:15px;

    margin:25px 0;

}

.values-list span{

    background:#181818;

    padding:15px;

    border-radius:10px;

    text-align:center;

}

.about-content ul{

    margin:25px 0;

}

.about-content ul li{

    margin-bottom:15px;

    color:#ddd;

}

.btn-primary{

    margin-top:25px;

    display:inline-block;

}