.elementor-174 .elementor-element.elementor-element-0c9cf3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-174 .elementor-element.elementor-element-0c9cf3a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-174 .elementor-element.elementor-element-d621bf9{width:var( --container-widget-width, 102.379% );max-width:102.379%;--container-widget-width:102.379%;--container-widget-flex-grow:0;}.elementor-174 .elementor-element.elementor-element-d621bf9.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-174 .elementor-element.elementor-element-0c9cf3a{--width:99.998%;}}@media(max-width:1024px) and (min-width:768px){.elementor-174 .elementor-element.elementor-element-0c9cf3a{--width:745.969px;}}/* Start custom CSS *//* --- 1. CORE VARIABLES (DEFAULT IS NOW DARK MODE) --- */
        :root {
            --primary-blue: #0b2545;
            --accent-blue: #134074;
            --action-orange: #ff6b00;
            
            /* Dark Mode Colors (Default) */
            --bg-color: #0f172a;
            --text-dark: #f0f2f5;
            --card-bg: #1e293b;
            --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.5);
            --shadow-hard: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
        }

        /* --- LIGHT MODE OVERRIDES --- */
        body.light-mode {
            --bg-color: #f8f9fa;
            --text-dark: #1a1a1a;
            --card-bg: #ffffff;
            --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.08);
            --shadow-hard: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
        }

        /* --- 2. GLOBAL RESET --- */
        * { box-sizing: border-box; margin: 0; padding: 0; transition: background 0.3s, color 0.3s; }
        body { font-family: 'Segoe UI', Roboto, sans-serif; background-color: var(--bg-color); color: var(--text-dark); line-height: 1.6; overflow-x: hidden; }

        /* PARALLAX BG */
        .parallax-bg {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background-image: url('https://images.unsplash.com/photo-1565611195657-61763784b06f?q=80&w=2070'); 
            background-size: cover; opacity: 0.05; z-index: -1; pointer-events: none;
        }

        h1, h2, h3 { font-weight: 800; letter-spacing: -0.5px; }
        .highlight { color: var(--action-orange); }

        /* --- 3. URGENCY BAR --- */
        .urgency-bar {
            background-color: #d32f2f; color: white; text-align: center; padding: 10px;
            font-size: 0.9rem; font-weight: bold; position: sticky; top: 0; z-index: 1002;
        }

        /* --- 4. NAVIGATION --- */
        nav {
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            padding: 20px 5%; 
            background: var(--card-bg);
            box-shadow: 0 4px 20px rgba(0,0,0,0.05); 
            position: sticky; top: 40px; 
            z-index: 1000;
        }
        
        /* Logo Default (Dark Mode) = White */
        .logo { font-size: 1.8rem; font-weight: 900; color: white; text-transform: uppercase; letter-spacing: 1px; }
        
        /* Logo Light Mode = Blue */
        body.light-mode .logo { color: var(--primary-blue); }

        .theme-switch-wrapper {
            display: flex; align-items: center; justify-content: center;
            background: #334155; border-radius: 30px; padding: 5px; width: 130px; cursor: pointer;
        }
        body.light-mode .theme-switch-wrapper { background: #e0e0e0; }
        
        .theme-switch-text { font-size: 0.8rem; font-weight: bold; margin: 0 10px; color: #fff; }
        body.light-mode .theme-switch-text { color: #333; }

        /* --- CTA BUTTONS --- */
        .btn-cta {
            display: inline-block; background: var(--action-orange); color: white;
            padding: 15px 40px; font-weight: bold; text-transform: uppercase;
            border-radius: 50px; text-decoration: none; margin-top: 20px;
            box-shadow: 0 5px 15px rgba(255, 107, 0, 0.4);
            animation: pulse 2s infinite;
        }
        .btn-cta:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(255, 107, 0, 0.6); }

        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(255, 107, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); }
        }

        /* --- 5. HERO --- */
        .hero {
            text-align: center; padding: 60px 5%;
            background: linear-gradient(180deg, var(--primary-blue) 0%, var(--accent-blue) 100%);
            color: white; clip-path: polygon(0 0, 100% 0, 100% 98%, 0 100%);
        }
        .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 20px; line-height: 1.2; }
        
        .video-container {
            position: relative; width: 100%; max-width: 900px; margin: 0 auto 30px auto;
            border-radius: 12px; overflow: hidden; border: 4px solid var(--action-orange);
            box-shadow: 0 20px 50px rgba(0,0,0,0.4);
        }
        .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
        .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

        /* --- 6. STORY SECTION --- */
        .story-section { padding: 60px 10%; max-width: 1000px; margin: 0 auto; }
        .story-card {
            background: var(--card-bg); border-left: 5px solid var(--action-orange);
            padding: 40px; border-radius: 10px; box-shadow: var(--shadow-soft);
        }
        .story-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
        .story-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid var(--action-orange); }

        /* --- 7. SERVICES --- */
        .services { padding: 60px 5%; text-align: center; }
        .section-header h2 { font-size: 2.5rem; color: white; margin-bottom: 10px; } /* Default White for Dark Mode */
        body.light-mode .section-header h2 { color: var(--primary-blue); } /* Blue for Light Mode */
        
        .service-grid { 
            display: grid; 
            grid-template-columns: 1fr; /* Mobile Default */
            gap: 30px; 
            margin-top: 40px; 
        }

        .service-card {
            background: var(--card-bg); border-radius: 15px; overflow: hidden;
            box-shadow: var(--shadow-hard); border: 1px solid rgba(0,0,0,0.05);
            display: flex; flex-direction: column; height: 100%;
        }
        .service-img { width: 100%; height: 250px; object-fit: cover; }
        .service-content { padding: 30px; text-align: left; }
        .service-content h3 { color: var(--action-orange); margin-bottom: 10px; }

        /* --- NEW PRICING SECTION STYLES --- */
        .pricing-section { padding: 60px 5%; text-align: center; }
        .pricing-grid {
            display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 40px;
        }
        .pricing-card {
            background: var(--card-bg); border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px; padding: 40px 20px; position: relative;
            box-shadow: var(--shadow-hard); transition: transform 0.3s;
            display: flex; flex-direction: column; align-items: center;
        }
        .pricing-card:hover { transform: translateY(-5px); border-color: var(--action-orange); }
        .pricing-card h3 { color: var(--text-dark); font-size: 1.5rem; margin-bottom: 5px; }
        .pricing-card .specs { color: #94a3b8; font-size: 0.9rem; margin-bottom: 15px; font-weight: bold; }
        .pricing-card .range { color: var(--action-orange); font-weight: bold; margin-bottom: 5px; font-size: 1.1rem;}
        .pricing-card .price { font-size: 1.5rem; font-weight: 900; color: white; margin-bottom: 20px; }
        body.light-mode .pricing-card .price { color: var(--primary-blue); }
        .pricing-card .features { list-style: none; text-align: left; width: 100%; margin-bottom: 20px; padding: 0 10px; }
        .pricing-card .features li { margin-bottom: 10px; font-size: 0.9rem; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 5px; }
        body.light-mode .pricing-card .features li { border-bottom: 1px solid rgba(0,0,0,0.05); }
        .pricing-card .note { font-size: 0.8rem; color: #ff6b00; margin-bottom: 20px; font-style: italic; }
        .badge {
            position: absolute; top: -15px; left: 50%; transform: translateX(-50%);
            background: var(--action-orange); color: white; padding: 5px 15px;
            font-size: 0.8rem; font-weight: bold; border-radius: 20px;
            text-transform: uppercase; letter-spacing: 1px;
        }
        .btn-outline {
            border: 2px solid var(--action-orange); color: var(--action-orange);
            padding: 10px 30px; border-radius: 30px; text-decoration: none; font-weight: bold;
            transition: all 0.3s; margin-top: auto; cursor: pointer;
        }
        .btn-outline:hover { background: var(--action-orange); color: white; }

        /* --- 8. REVIEWS --- */
        .reviews-section { padding: 80px 5%; background: rgba(0,0,0,0.02); text-align: center; }
        
        .reviews-grid { 
            display: grid; 
            grid-template-columns: 1fr; /* Mobile Default */
            gap: 20px; 
            margin: 40px auto; 
        }

        .wa-screenshot {
            background: white; padding: 3px; border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid #e0e0e0;
        }
        .wa-screenshot img { width: 100%; border-radius: 10px; display: block; }

        /* --- 9. OFFER & FORM --- */
        .offer-section { padding: 60px 5%; }
        .form-wrapper {
            background: var(--card-bg); padding: 40px; border-radius: 20px;
            max-width: 800px; margin: 0 auto; box-shadow: 0 20px 60px rgba(0,0,0,0.2); border-top: 5px solid var(--primary-blue);
        }

        /* DEFAULT FORM STYLING (DARK MODE) */
        .form-wrapper h2 { color: #ffffff !important; }
        .form-wrapper p { color: #e0e0e0 !important; }
        
        .everest-form label, 
        .evf-field-label,
        .evf-label { color: #ffffff !important; }
        
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea, 
        select {
            background-color: #334155 !important;
            color: white !important;
            border: 1px solid #555 !important;
        }

        /* LIGHT MODE FORM OVERRIDES */
        body.light-mode .form-wrapper h2 { color: var(--primary-blue) !important; }
        body.light-mode .form-wrapper p { color: #333 !important; }
        body.light-mode .everest-form label, 
        body.light-mode .evf-field-label,
        body.light-mode .evf-label { color: #333 !important; }
        
        body.light-mode input[type="text"],
        body.light-mode input[type="email"],
        body.light-mode input[type="tel"],
        body.light-mode textarea, 
        body.light-mode select {
            background-color: #ffffff !important;
            color: #333 !important;
            border: 1px solid #ccc !important;
        }

        /* --- CUSTOM EVEREST FORM BUTTON --- */
        .everest-form .evf-submit-container button {
            background-color: #ff6b00 !important;
            color: white !important;
            border: none !important;
            padding: 15px 40px !important;
            font-size: 1rem !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            border-radius: 50px !important;
            cursor: pointer !important;
            width: 100% !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 5px 15px rgba(255, 107, 0, 0.4) !important;
            margin-top: 10px !important;
        }
        .everest-form .evf-submit-container button:hover {
            background-color: #e65c00 !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 10px 25px rgba(255, 107, 0, 0.6) !important;
        }

        /* --- 10. FAQ --- */
        .faq-section { padding: 60px 10%; max-width: 1000px; margin: 0 auto; }
        .accordion-item { background: var(--card-bg); margin-bottom: 15px; border-radius: 8px; overflow: hidden; border: 1px solid #ddd; }
        .accordion-header { padding: 20px; cursor: pointer; display: flex; justify-content: space-between; font-weight: bold; }
        .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 20px; background: rgba(0,0,0,0.02); }

        /* --- 11. FOOTER --- */
        footer { background: #0f172a; color: #94a3b8; padding: 60px 5%; font-size: 0.85rem; text-align: center; }
        .footer-links { margin-bottom: 20px; }
        .footer-links a { color: white; text-decoration: underline; margin: 0 10px; cursor: pointer; }
        .compliance-text { max-width: 800px; margin: 20px auto; line-height: 1.5; font-size: 0.75rem; color: #64748b; border-top: 1px solid #334155; padding-top: 20px; }

        /* --- 12. STACKED FABs --- */
        .fab-container { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 15px; z-index: 2000; }
        .fab-btn { width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.3); transition: transform 0.3s; }
        .fab-btn:hover { transform: scale(1.1); }
        .fab-phone { background-color: var(--primary-blue); }
        .fab-whatsapp { background-color: #25D366; animation: bounce 2s infinite; }
        .fab-icon { width: 30px; height: 30px; fill: white; }
        @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }
        
        /* MODALS */
        .modal { display: none; position: fixed; z-index: 3000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); backdrop-filter: blur(5px); }
        .modal-content { background: var(--bg-color); color: var(--text-dark); margin: 5% auto; padding: 30px; width: 90%; max-width: 600px; border-radius: 10px; max-height: 80vh; overflow-y: auto; }
        .modal-content ul { list-style: disc; margin-left: 20px; }
        .close { float: right; font-size: 28px; cursor: pointer; color: var(--action-orange); }

        /* --- MEDIA QUERIES --- */
        
        /* DESKTOP: 2x2 Grid for Services */
        @media (min-width: 768px) {
            .service-grid { grid-template-columns: repeat(2, 1fr); }
            /* New Grid for Pricing */
            .pricing-grid { grid-template-columns: repeat(3, 1fr); }
        }

        /* DESKTOP: 3x1 Grid for Reviews */
        @media (min-width: 768px) {
            .reviews-grid { grid-template-columns: repeat(3, 1fr); }
        }

        /* MOBILE ADJUSTMENTS */
        @media (max-width: 768px) {
            nav { flex-direction: column; gap: 15px; }
            .story-header { flex-direction: column; text-align: center; }
            .hero h1 { font-size: 2rem; }
            nav { top: 40px; }
        }
        
        /* --- UPDATED LOGO STYLE --- */
        .logo { 
            font-size: clamp(1.2rem, 4vw, 1.8rem); 
            font-weight: 900; 
            color: white; 
            text-transform: uppercase; 
            letter-spacing: 0.5px; 
            white-space: nowrap; 
        }

        /* Light Mode Override */
        body.light-mode .logo { color: var(--primary-blue); }/* End custom CSS */