/* Mobile Styles */
@media (max-width: 768px) {
    /* Typography */
    body {
        font-family: 'SangBleuKingdom', sans-serif;
    }

    h1 {
        font-size: 2.5rem !important;
        font-family: 'SangBleuKingdom', serif !important;
    }

    h2 {
        font-size: 2.2rem !important;
        font-family: 'SangBleuKingdom', serif !important;
    }

    h3 {
        font-size: 1.8rem !important;
        font-family: 'SangBleuKingdom', serif !important;
    }

    p {
        font-size: 1.1rem !important;
        line-height: 1.8 !important;
    }

    /* Mobile Navigation */
    .header {
        padding: 15px 0;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        height: 100vh;
        background: rgba(17, 17, 17, 0.95);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 80px 20px 20px;
        transition: left 0.3s ease;
        z-index: 1000;
    }

    .navbar-collapse.show {
        left: 0;
    }

    .nav-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .nav-links a {
        font-size: 1.4rem !important;
        font-family: 'SangBleuKingdom', sans-serif !important;
        opacity: 0;
        transform: translateX(-20px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .navbar-collapse.show .nav-links a {
        opacity: 1;
        transform: translateX(0);
    }

    .schedule-btn {
        margin-top: 20px;
        width: 100%;
        text-align: center;
        font-size: 1.2rem !important;
    }

    /* Core Values Slider */
    .core-values-slider {
        padding: 20px 0;
    }

    .core-value {
        flex: 0 0 calc(100% - 40px);
        margin: 0 20px;
    }

    .core-value h3 {
        font-size: 1.6rem !important;
        margin-bottom: 15px;
    }

    .core-value p {
        font-size: 1.1rem !important;
        line-height: 1.8;
    }

    /* Services Slider */
    .services-slider {
        padding: 20px 0;
    }

    .service-card {
        flex: 0 0 calc(100% - 40px);
        margin: 0 20px;
    }

    .service-card-content {
        padding: 25px;
    }

    .service-card h3 {
        font-size: 1.6rem !important;
        margin-bottom: 15px;
    }

    .service-card p {
        font-size: 1.1rem !important;
        line-height: 1.8;
    }

    /* Hero Sections */
    .hero-text h1 {
        font-size: 2.5rem !important;
        margin-bottom: 20px;
    }

    .hero-text p {
        font-size: 1.2rem !important;
        line-height: 1.8;
    }

    /* About Section */
    .about-content p {
        font-size: 1.1rem !important;
        line-height: 1.8;
    }

    /* Project Cards */
    .project-card h3 {
        font-size: 1.6rem !important;
    }

    .project-card p {
        font-size: 1.1rem !important;
    }

    /* Contact Section */
    .contact-info p {
        font-size: 1.1rem !important;
    }

    .contact-form label {
        font-size: 1.1rem !important;
    }

    .contact-form input,
    .contact-form textarea {
        font-size: 1.1rem !important;
        padding: 12px 15px;
    }

    /* Footer */
    .footer-content h3 {
        font-size: 1.6rem !important;
    }

    .footer-content p,
    .footer-content a {
        font-size: 1.1rem !important;
    }

    /* General Mobile Improvements */
    .container {
        padding: 0 20px;
    }

    .section-padding {
        padding: 60px 0;
    }

    /* Buttons */
    .btn,
    .cta-btn,
    .download-btn {
        font-size: 1.1rem !important;
        padding: 12px 25px;
    }
}