:root{
    --wild-green:#1B4332;
    --wild-gold:#E09F3E;
    --light-bg:#f8f9f7;
    --text-dark:#333;
}


/* =====================
   HERO
===================== */

.services-hero{

    background:
    linear-gradient(
        rgba(27,67,50,.95),
        rgba(27,67,50,.95)
    );

    color:white;
    padding:90px 0;

}


.services-hero h1{

    letter-spacing:-1px;

}


.services-hero span,
.section-title span{

    color:var(--wild-gold);

}


.services-hero p{

    max-width:700px;
    margin:auto;
    opacity:.9;

}




/* =====================
   BUTTONS
===================== */

.btn-gold{

    background:var(--wild-gold);
    color:white;
    padding:13px 32px;
    border-radius:50px;
    border:none;
    font-weight:600;
    transition:.3s ease;

}


.btn-gold:hover{

    background:#c98324;
    color:white;
    transform:translateY(-3px);

}





/* =====================
   SERVICE CARDS
===================== */

.service-card{

    background:white;
    padding:40px 28px;
    border-radius:20px;
    text-align:center;
    height:100%;
    box-shadow:
    0 8px 25px rgba(0,0,0,.07);

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.service-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);

}



.service-card i{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:80px;
    height:80px;

    border-radius:50%;

    background:
    rgba(224,159,62,.12);

    font-size:38px;

    color:var(--wild-gold);

    margin-bottom:25px;

}



.service-card h3{

    color:var(--wild-green);
    font-size:23px;
    font-weight:700;
    margin-bottom:15px;

}



.service-card p{

    color:#666;
    line-height:1.8;

}





/* =====================
   PROCESS
===================== */

.process-section{

    background:
    linear-gradient(
        135deg,
        var(--wild-green),
        #123021
    );

}


.process-box{

    background:white;
    padding:35px 25px;

    border-radius:18px;

    text-align:center;

    height:100%;

    transition:.3s ease;

}


.process-box:hover{

    transform:translateY(-8px);

}



.process-box strong{

    display:block;

    font-size:45px;

    font-weight:800;

    color:var(--wild-gold);

    margin-bottom:10px;

}


.process-box h4{

    color:var(--wild-green);
    font-weight:700;

}





/* =====================
   CTA
===================== */

.cta-section{

    background:
    linear-gradient(
        135deg,
        var(--wild-gold),
        #c98324
    );

    color:white;

}


.cta-section h2{

    font-size:42px;
    font-weight:800;

}



.cta-section p{

    font-size:18px;

}



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


@media(max-width:768px){

    .services-hero{

        padding:60px 0;

    }


    .services-hero h1{

        font-size:38px;

    }


    .cta-section h2{

        font-size:32px;

    }


    .service-card{

        padding:30px 20px;

    }

}