@charset "utf-8";
/* Infinite Fidelis Consulting | Home Mobile CSS | V1.0 */

.hero {
    padding: 220px 0 160px;
}

.hero-inner {
    flex-direction: column;
    gap: 50px;
}

.hero-content,
.hero-video {
    width: 100%;
    max-width: 620px;
}

.hero-divider {
    height: 180px;
}

.services {
    padding-bottom: 110px;
}

.services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 55px 35px;
}

.service-card:nth-child(n) {
    margin-top: 0;
}

.development-card {
    max-width: 650px;
    padding-top: 220px;
}

.development-video {
    top: -85px;
    left: 5%;
    width: 100%;
}

.training-section {
    padding: 100px 0;
}

.training-grid {
    grid-template-columns: 1fr;
    gap: 75px;
}

.partner-group {
    margin-top: 90px;
}

.appointment-section {
    padding: 120px 0;
}

.appointment-section h2 {
    font-size: 56px;
}

/* COMMUNITY IMPACT */
.community-impact {
    padding: 100px 0;
}

.impact-grid {
    grid-template-columns: 1fr;
    gap: 55px;
}

.impact-content {
    text-align: center;
}

.impact-content h2 {
    max-width: 620px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 48px;
}

.impact-content p {
    margin: 0 auto;
}

.impact-stats {
    max-width: 650px;
    margin: 0 auto;
}

.impact-stat-main {
    min-height: 330px;
}

.impact-stat-main strong {
    font-size: 76px;
}
    .impact-content p {
        margin-bottom: 40px;
    }

@media (max-width: 600px) {
    .hero {
        padding: 225px 0 145px;
    }

    .services {
        padding: 80px 0 100px;
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }

    .development {
        padding: 80px 0 0;
    }

    .development-card {
        padding-top: 145px;
    }

    .development-content {
        padding: 50px 28px 60px;
    }

    .development-content h2,
    .appointment-section h2 {
        font-size: 42px;
    }

    .training-section {
        padding: 120px 0 100px;
    }
    
    .training-grid {
        gap: 0;
    }

    .training-callout {
        padding: 45px 28px;
    }
    
    .community-impact {
        padding: 80px 0;
    }

    .impact-grid {
        gap: 45px;
    }

    .impact-content h2 {
        font-size: 42px;
    }

    .impact-stats {
        grid-template-columns: 1fr;
    }

    .impact-stat,
    .impact-stat-main {
        min-height: auto;
        padding: 32px 28px;
    }

    .impact-stat-main {
        grid-row: auto;
    }

    .impact-stat strong {
        font-size: 48px;
    }

    .impact-stat-main strong {
        font-size: 68px;
    }

    .impact-content p {
        margin-bottom: 40px;
    }
}