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

.services-hero{

    background:
    linear-gradient(rgba(13,71,161,0.75), rgba(0,166,81,0.65)),
    url("../assets/images/services/cleaning-bg.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 650px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: white;

    padding: 120px 20px;

}

.services-hero h1{

    color:white;

    font-size:52px;

    margin-bottom:20px;

}

.services-hero p{

    color:white;

    font-size:20px;

}

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

.services-section{

    background:#FFFFFF;

}

.services-section h2{

    text-align:center;

    margin-bottom:50px;

}

.services-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:30px;

}

.service-card{

    background:#F8FAFC;

    padding:35px;

    border-radius:12px;

    box-shadow:var(--shadow);

    transition:.3s;

}

.service-card:hover{

    transform:translateY(-8px);

}

.service-card h3{

    color:var(--primary);

}

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

.service-process{

    background:#F5F7FA;

}

.service-process h2{

    text-align:center;

    margin-bottom:50px;

}

.process-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:30px;

}

.process-card{

    background:white;

    padding:30px;

    border-radius:12px;

    text-align:center;

    box-shadow:var(--shadow);

}

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

.cta-section{

    background:#0D4C92;

    text-align:center;

    color:white;

}

.cta-section h2{

    color:white;

}

.cta-section p{

    color:white;

    margin-bottom:30px;

}