/* CSS Generated on: 2025-11-19 09:34:19 */
/* Base CSS */


/* Dynamic Overrides */
        /* Fixydo Single Service Dynamic CSS (v2.1.0) */

        /* Layout & Spacing */
        .service-page-wrapper .col-lg-8 { /* Content Area */
            width: 70%;
        }
        .service-page-wrapper .col-lg-4 { /* Sidebar Area */
            width: 30%;
        }
        .service-page-wrapper .container.py-lg-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        /* Typography */
        .service-title {
            font-family: 'Poppins', sans-serif;
            font-size: 2.25rem;
            color: #111827;
        }
        .card-body {
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            color: #6B7280;
        }

        /* Features Section */
        .fixydo-features-list {
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            color: #374151;
        }
        .fixydo-features-list li::before {
            color: #10B981;
        }

        /* Related Services */
        .service-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        /* Price Box */
        .price-overlay-box {
            background-color: #FFFFFF;
            font-family: 'Poppins', sans-serif;
            font-size: 0.9rem;
            color: #111827;
        }

        /* Mobile Action Bar */
                    .mobile-action-bar {
                background-color: #FFFFFF;
            }
            .mobile-action-item {
                color: #6B7280;
            }
            .mobile-action-item i {
                color: #6B7280;
            }
        
        /* === RESPONSIVE STYLES === */
        @media (max-width: 991.98px) { /* Tablet */
            .service-grid {
                grid-template-columns: repeat(2, 1fr);
            }
             /* On tablet, make both full width and stack */
            .service-page-wrapper .col-lg-8,
            .service-page-wrapper .col-lg-4 {
                width: 100%;
            }
        }

        @media (max-width: 767.98px) { /* Mobile */
            .service-page-wrapper .col-lg-8 {
                width: 100%;
            }
            .service-page-wrapper .container.py-lg-5 {
                padding-top: 1.5rem !important;
                padding-bottom: 1.5rem !important;
            }
            .mobile-service-title-new {
                font-size: 1.5rem;
            }
            .fixydo-features-list {
                font-size: 0.9rem;
            }
            .service-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        