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

.services{

    background:#ffffff;

    padding:120px 0;

}

/*=========================
        TITLE
=========================*/

.services .section-title{

    max-width:750px;

    margin:0 auto 70px;

    text-align:center;

}

.services .section-tag{

    display:inline-block;

    color:#D4AF37;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.services .section-title h2{

    font-size:52px;

    color:#111;

    margin-bottom:22px;

    line-height:1.2;

}

.services .section-title p{

    color:#666;

    font-size:17px;

    line-height:1.8;

}

/*=========================
        GRID
=========================*/

.services-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
        CARD
=========================*/

.service-card{

    background:#fafafa;

    border:1px solid #ececec;

    border-top:4px solid #D4AF37;

    border-radius:18px;

    padding:40px 35px;

    transition:.35s ease;

    min-height:260px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

/*=========================
      NUMBER
=========================*/

.service-number{

    color:#D4AF37;

    font-size:34px;

    font-weight:700;

    margin-bottom:25px;

}

/*=========================
        TITLE
=========================*/

.service-card h3{

    color:#111;

    font-size:24px;

    margin-bottom:16px;

    line-height:1.3;

}

/*=========================
        TEXT
=========================*/

.service-card p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}

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

@media(max-width:992px){

.services-grid{

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

}

}

@media(max-width:768px){

.services{

    padding:90px 0;

}

.services .section-title h2{

    font-size:40px;

}

.services-grid{

    grid-template-columns:1fr;

}

.service-card{

    min-height:auto;

}

}

@media(max-width:480px){

.services .section-title h2{

    font-size:32px;

}

.services .section-title p{

    font-size:15px;

}

.service-card{

    padding:30px 24px;

}

.service-card h3{

    font-size:22px;

}

.service-number{

    font-size:28px;

}

}