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

.hero {
    min-height: auto;
    padding: 190px 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;
}

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

    .services-grid {
        grid-template-columns: 1fr;
    }

    .development {
        padding-top: 80px;
    }

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

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

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

    .training-callout {
        padding: 45px 28px;
    }
}