/* =========================================================
   DATAMIND SERVICES PAGE
========================================================= */

/* HERO */

.dm-services-hero {

    padding: 140px 0 100px;

    text-align: center;

}

.dm-services-hero h1 {

    max-width: 900px;

    margin: 20px auto;

}

.dm-services-hero p {

    max-width: 700px;

    margin: 0 auto;

}

/* SERVICES */

.dm-service-card {

    background: #ffffff;

    padding: 35px;

    border-radius: var(--radius-xl);

    border: 1px solid var(--color-border);

    box-shadow: var(--shadow-sm);

    transition: .3s;

}

.dm-service-card:hover {

    transform: translateY(-8px);

    box-shadow: var(--shadow-md);

}

.dm-service-card span {

    font-size: 2.5rem;

    display: block;

    margin-bottom: 20px;

}

.dm-service-card h3 {

    margin-bottom: 15px;

}

/* PROCESS */

.dm-process-section {

    background: var(--color-bg-section);

    padding: var(--space-xxl) 0;

}

.dm-process-card {

    background: #ffffff;

    text-align: center;

    padding: 30px;

    border-radius: var(--radius-lg);

}

.dm-process-card span {

    display: inline-flex;

    width: 50px;

    height: 50px;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    background: var(--color-primary);

    color: white;

    font-weight: 700;

    margin-bottom: 15px;

}

/* BENEFITS */

.dm-benefit-card {

    background: #ffffff;

    border: 1px solid var(--color-border);

    padding: 30px;

    border-radius: var(--radius-lg);

}

.dm-benefit-card h3 {

    margin-bottom: 15px;

}

/* CTA */

.dm-services-cta {

    padding: 120px 0;

    background: linear-gradient(
        135deg,
        #f4f6f2,
        #eef5ee
    );

}

.dm-services-cta p {

    max-width: 700px;

    margin: 20px auto 30px;

}