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

.services-hero{
position:relative;
background:url('../images/services-bg.jpg') center/cover no-repeat;
padding:120px 20px 80px 20px;
}

.services-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.80);
z-index:1;
}

.services-container{
position:relative;
z-index:2;
max-width:1200px;
margin:auto;
text-align:center;
}

.services-hero-content{
color:white;
margin-bottom:60px;
}

.services-hero h1{
font-size:48px;
margin-bottom:15px;
}

.services-hero p{
color:#ddd;
font-size:18px;
}

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

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:35px;
margin-bottom:60px;
}

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

.service-card{
background:#ffffff;
padding:35px;
border-radius:20px;
text-align:left;
transition:0.4s ease;
box-shadow:0 12px 35px rgba(0,0,0,0.15);
}

.service-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.25);
}

.service-card i{
font-size:32px;
color:#F77F00;
margin-bottom:18px;
}

.service-card h3{
margin-bottom:15px;
color:#111;
font-size:20px;
}

.service-card ul{
padding-left:18px;
margin-bottom:18px;
color:#555;
font-size:14px;
}

.service-card li{
margin-bottom:6px;
}

/* Objectif en vert visible */

/* ================= OBJECTIF (CORRIGÉ) ================= */

.objectif{
color:#009E60 !important;   /* Vert visible */
font-weight:500;            /* Texte normal mais légèrement lisible */
font-size:16px;             /* Légèrement plus grand */
margin-top:10px;
margin-bottom:18px;
opacity:1 !important;       /* Supprime tout effet grisé */
}

/* ================= BUTTON ================= */

.btn-download{
display:inline-block;
background:#F77F00;
color:white;
padding:10px 20px;
border-radius:8px;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.btn-download:hover{
background:#009E60;
}

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

.services-cta{
margin-top:10px;
}

.btn-main-contact{
display:inline-block;
background:#F77F00;
color:white;
padding:16px 45px;
border-radius:50px;
font-weight:bold;
text-decoration:none;
transition:0.3s;
}

.btn-main-contact:hover{
background:#009E60;
}

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

@media(max-width:768px){

.services-hero h1{
font-size:30px;
}

.services-hero{
padding-top:100px;
}

.service-card{
padding:25px;
}

}

.service-card .objectif{
color:#009E60 !important;
opacity:1 !important;
filter:none !important;
}