/*=====================================
SERVICES BANNER
======================================*/

.services-banner{

    padding:180px 0 100px;

    background-image:
        linear-gradient(rgba(0,0,0,.70),rgba(0,0,0,.70)),
        url('../images/banners/services-banner.png');

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    text-align:center;

}

.services-banner h1{

    font-size:60px;

    margin-bottom:20px;

}

.services-banner p{

    color:#ddd;

    font-size:20px;

}


/*=====================================
SERVICES
======================================*/

.services-page{

    padding:120px 0;

    background:#111;

}

.services-grid{

    display:grid;

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

    gap:35px;

}

.service-card{

    background:#181818;

    padding:45px;

    border-radius:18px;

    text-align:center;

    transition:.35s;

    border:1px solid rgba(255,255,255,.06);

}

.service-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

    box-shadow:0 20px 45px rgba(212,175,55,.15);

}

.service-card i{

    font-size:55px;

    color:#D4AF37;

    margin-bottom:25px;

}

.service-card h3{

    margin-bottom:20px;

    font-size:28px;

}

.service-card p{

    color:#cfcfcf;

    line-height:1.9;

}


/*=====================================
WHY OUR SERVICES
======================================*/

.services-info{

    background:#0A0A0A;

    padding:120px 0;

}

.services-info-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}

.services-info img{

    width:100%;

    border-radius:20px;

}

.services-info h2{

    margin:20px 0;

    font-size:45px;

}

.services-info p{

    color:#cfcfcf;

    line-height:2;

    margin-bottom:30px;

}

.services-info ul{

    margin-bottom:40px;

}

.services-info li{

    margin-bottom:15px;

    color:#ddd;

    font-size:18px;

}