/* industries/commercial.php */

/* Mobile Responsive Styles */
    @media (max-width: 991px) {
        .timeline-line {
            left: 30px !important;
            transform: none !important;
        }

        .timeline-marker {
            width: 60px !important;
            height: 60px !important;
            box-shadow: 0 0 0 6px #f8f9fa, 0 0 0 8px #04458B !important;
        }

        .timeline-marker span {
            font-size: 18px !important;
        }

        .timeline-content {
            margin-left: 20px !important;
            margin-right: 0 !important;
            padding: 30px !important;
        }

        .timeline-content h4 {
            font-size: 20px !important;
        }

        .timeline-content p {
            font-size: 15px !important;
        }
    }

    @media (max-width: 767px) {
        .timeline-line {
            left: 25px !important;
        }

        .timeline-marker {
            width: 50px !important;
            height: 50px !important;
            box-shadow: 0 0 0 5px #f8f9fa, 0 0 0 7px #04458B !important;
        }

        .timeline-marker span {
            font-size: 16px !important;
        }

        .timeline-content {
            margin-left: 15px !important;
            padding: 25px !important;
        }

        .timeline-content h4 {
            font-size: 18px !important;
        }

        .timeline-content .timeline-icon {
            width: 40px !important;
            height: 40px !important;
            margin-right: 15px !important;
        }

        .timeline-content .timeline-icon i {
            font-size: 18px !important;
        }

        .success-story {
            padding: 30px !important;
        }

        .success-story h4 {
            font-size: 22px !important;
        }

        .success-story p {
            font-size: 16px !important;
        }
    }

    @media (max-width: 575px) {
        .timeline-line {
            left: 20px !important;
        }

        .timeline-marker {
            width: 40px !important;
            height: 40px !important;
            box-shadow: 0 0 0 4px #f8f9fa, 0 0 0 6px #04458B !important;
        }

        .timeline-marker span {
            font-size: 14px !important;
        }

        .timeline-content {
            margin-left: 10px !important;
            padding: 20px !important;
        }

        .timeline-content h4 {
            font-size: 16px !important;
        }

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

        .timeline-content .timeline-icon {
            width: 35px !important;
            height: 35px !important;
            margin-right: 12px !important;
        }

        .timeline-content .timeline-icon i {
            font-size: 16px !important;
        }
    }