/* infrastructure/technical-services.php */

/* Technical Installation - Introduction Section Mobile Styles */
    @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;
        }
    }

    @media (max-width: 480px) {
        .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;
        }
    }

    /* Technical Installation - CTA Section Mobile Styles */
    @media (max-width: 768px) {
        .technical-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;
        }
    }

    @media (max-width: 480px) {
        .technical-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;
        }
    }

    /* Technical Installation - Final Detailed Services Section Mobile Styles */
    @media (max-width: 768px) {
        .technical-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 sections with alternating layout */
        .service-section {
            margin-bottom: 50px !important;
        }

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

        .service-icon-large i {
            font-size: 48px !important;
            margin-bottom: 15px !important;
        }

        .service-content h4 {
            font-size: 24px !important;
            margin-bottom: 18px !important;
        }

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

        /* Service details grid */
        .service-details {
            flex-direction: column !important;
            gap: 20px !important;
        }

        .service-details>div {
            min-width: 100% !important;
        }

        .service-details h6 {
            font-size: 16px !important;
            margin-bottom: 8px !important;
        }

        .service-details p {
            font-size: 14px !important;
        }

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

        /* Bottom guarantee section */
        .installation-guarantee {
            padding: 40px 25px !important;
            border-radius: 15px !important;
        }

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

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

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

    @media (max-width: 480px) {
        .technical-services-detailed {
            padding: 40px 0 !important;
        }

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

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

        .service-icon-large i {
            font-size: 42px !important;
        }

        .service-content h4 {
            font-size: 22px !important;
        }

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

        .service-details h6 {
            font-size: 15px !important;
        }

        .service-details p {
            font-size: 13px !important;
        }

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

        .installation-guarantee {
            padding: 35px 20px !important;
        }

        .installation-guarantee h4 {
            font-size: 24px !important;
        }

        .installation-guarantee p {
            font-size: 15px !important;
        }

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