/* expertise/consultancy.php */

/* Reception Services - Complete Mobile Styles */

    /* Introduction Section */
    @media (max-width: 768px) {
        .module-overview-area {
            padding: 15px 0 !important;
        }

        .module-intro {
            padding: 30px 20px !important;
            border-radius: 15px !important;
        }

        .intro-header h3 {
            font-size: 24px !important;
            margin-bottom: 20px !important;
        }

        .module-intro div[style*="font-size: 18px"] {
            font-size: 16px !important;
            line-height: 1.6 !important;
        }

        .module-intro p {
            margin-bottom: 20px !important;
        }
    }

    /* CTA Section */
    @media (max-width: 768px) {
        .reception-cta-section {
            height: 40vh !important;
            background-position: center center !important;
        }

        .cta-content {
            max-width: 90% !important;
            padding: 0 20px !important;
            margin: 0 15px !important;
        }

        .cta-content h3 {
            font-size: 32px !important;
            margin-bottom: 20px !important;
            line-height: 1.1 !important;
        }

        .cta-content p {
            font-size: 18px !important;
            margin-bottom: 35px !important;
            max-width: 100% !important;
        }

        .cta-content div[style*="display: flex"] {
            flex-direction: column !important;
            gap: 15px !important;
            align-items: center !important;
        }

        .cta-content a {
            padding: 15px 25px !important;
            font-size: 16px !important;
            width: 80% !important;
            max-width: 280px !important;
            justify-content: center !important;
        }
    }

    /* Final Detailed Services Section */
    @media (max-width: 768px) {
        .reception-services-detailed {
            padding: 50px 0 !important;
        }

        .section-header {
            margin-bottom: 50px !important;
            padding: 0 20px !important;
        }

        .section-header h3 {
            font-size: 28px !important;
            margin-bottom: 20px !important;
        }

        .section-header p {
            font-size: 16px !important;
        }

        /* Service Features */
        .service-feature {
            margin-bottom: 50px !important;
        }

        .service-feature .row {
            flex-direction: column !important;
        }

        /* Feature badges */
        .feature-badge {
            font-size: 12px !important;
            padding: 6px 16px !important;
            margin-bottom: 20px !important;
        }

        .feature-content h4 {
            font-size: 26px !important;
            margin-bottom: 20px !important;
            line-height: 1.2 !important;
        }

        .feature-content p {
            font-size: 15px !important;
            margin-bottom: 25px !important;
        }

        /* Feature points */
        .feature-points div[style*="display: flex"] {
            margin-bottom: 15px !important;
            gap: 12px !important;
        }

        .feature-points div[style*="width: 24px"] {
            width: 20px !important;
            height: 20px !important;
            margin-top: 1px !important;
        }

        .feature-points h6 {
            font-size: 15px !important;
            margin-bottom: 6px !important;
        }

        .feature-points p {
            font-size: 13px !important;
        }

        /* Feature visuals */
        .feature-visual {
            padding: 20px !important;
            margin-top: 30px !important;
        }

        .feature-visual div[style*="padding: 50px"] {
            padding: 30px !important;
            border-radius: 15px !important;
        }

        .feature-visual div[style*="width: 100px"] {
            width: 70px !important;
            height: 70px !important;
            margin-bottom: 20px !important;
        }

        .feature-visual i {
            font-size: 32px !important;
        }

        .feature-visual h5 {
            font-size: 16px !important;
            margin-bottom: 12px !important;
        }

        .feature-visual p {
            font-size: 13px !important;
        }

        /* Communication icons */
        .communication-icons {
            gap: 15px !important;
            margin-bottom: 20px !important;
        }

        .communication-icons div[style*="max-width: 80px"] {
            padding: 15px !important;
            max-width: 60px !important;
        }

        .communication-icons i {
            font-size: 24px !important;
        }

        /* Support services grid */
        .support-services {
            grid-template-columns: 1fr !important;
            gap: 20px !important;
        }

        .support-services h6 {
            font-size: 15px !important;
            margin-bottom: 8px !important;
        }

        .support-services p {
            font-size: 13px !important;
        }

        /* Professional standards */
        .standards-section {
            margin-bottom: 40px !important;
        }

        .standard-item {
            padding: 25px !important;
            margin-bottom: 15px !important;
            border-radius: 12px !important;
        }

        .standard-item div[style*="width: 70px"] {
            width: 60px !important;
            height: 60px !important;
            margin-bottom: 15px !important;
        }

        .standard-item i {
            font-size: 24px !important;
        }

        .standard-item h6 {
            font-size: 15px !important;
            margin-bottom: 12px !important;
        }

        .standard-item p {
            font-size: 13px !important;
        }

        /* Background sections */
        .service-feature[style*="background: white"] {
            padding: 40px 20px !important;
            border-radius: 15px !important;
        }

        /* Bottom CTA */
        .reception-cta {
            padding: 40px 25px !important;
            border-radius: 15px !important;
        }

        .reception-cta h4 {
            font-size: 26px !important;
            margin-bottom: 20px !important;
        }

        .reception-cta p {
            font-size: 16px !important;
            margin-bottom: 25px !important;
        }

        .reception-cta a {
            padding: 15px 35px !important;
            font-size: 16px !important;
        }
    }

    /* Small Mobile Styles */
    @media (max-width: 480px) {

        /* Introduction */
        .module-intro {
            padding: 25px 15px !important;
            border-radius: 12px !important;
        }

        .intro-header h3 {
            font-size: 22px !important;
            margin-bottom: 15px !important;
        }

        .module-intro div[style*="font-size: 18px"] {
            font-size: 15px !important;
        }

        .module-intro p {
            margin-bottom: 18px !important;
        }

        /* CTA */
        .reception-cta-section {
            height: 35vh !important;
        }

        .cta-content {
            padding: 0 15px !important;
            margin: 0 10px !important;
        }

        .cta-content h3 {
            font-size: 28px !important;
            margin-bottom: 15px !important;
        }

        .cta-content p {
            font-size: 16px !important;
            margin-bottom: 30px !important;
        }

        .cta-content a {
            padding: 14px 20px !important;
            font-size: 15px !important;
            width: 90% !important;
            max-width: 250px !important;
        }

        /* Final Section */
        .reception-services-detailed {
            padding: 40px 0 !important;
        }

        .section-header {
            margin-bottom: 40px !important;
            padding: 0 15px !important;
        }

        .section-header h3 {
            font-size: 26px !important;
        }

        .service-feature {
            margin-bottom: 40px !important;
        }

        .feature-content h4 {
            font-size: 24px !important;
        }

        .feature-content p {
            font-size: 14px !important;
        }

        .feature-points div[style*="width: 24px"] {
            width: 18px !important;
            height: 18px !important;
        }

        .feature-points h6 {
            font-size: 14px !important;
        }

        .feature-points p {
            font-size: 12px !important;
        }

        .feature-visual {
            padding: 15px !important;
        }

        .feature-visual div[style*="padding: 50px"] {
            padding: 25px !important;
        }

        .feature-visual div[style*="width: 100px"] {
            width: 60px !important;
            height: 60px !important;
        }

        .feature-visual i {
            font-size: 28px !important;
        }

        .feature-visual h5 {
            font-size: 15px !important;
        }

        .feature-visual p {
            font-size: 12px !important;
        }

        .communication-icons div[style*="max-width: 80px"] {
            padding: 12px !important;
            max-width: 50px !important;
        }

        .communication-icons i {
            font-size: 20px !important;
        }

        .support-services h6 {
            font-size: 14px !important;
        }

        .support-services p {
            font-size: 12px !important;
        }

        .standard-item {
            padding: 20px !important;
        }

        .standard-item div[style*="width: 70px"] {
            width: 50px !important;
            height: 50px !important;
        }

        .standard-item i {
            font-size: 20px !important;
        }

        .standard-item h6 {
            font-size: 14px !important;
        }

        .standard-item p {
            font-size: 12px !important;
        }

        .service-feature[style*="background: white"] {
            padding: 35px 15px !important;
        }

        .reception-cta {
            padding: 35px 20px !important;
        }

        .reception-cta h4 {
            font-size: 24px !important;
        }

        .reception-cta p {
            font-size: 15px !important;
        }

        .reception-cta a {
            padding: 14px 30px !important;
            font-size: 15px !important;
        }
    }