.elementor-19268 .elementor-element.elementor-element-21bc4d2c:not(.elementor-motion-effects-element-type-background), .elementor-19268 .elementor-element.elementor-element-21bc4d2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-19268 .elementor-element.elementor-element-21bc4d2c > .elementor-container{max-width:640px;}.elementor-19268 .elementor-element.elementor-element-21bc4d2c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19268 .elementor-element.elementor-element-21bc4d2c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19268 .elementor-element.elementor-element-990e8ff:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-19268 .elementor-element.elementor-element-990e8ff > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19268 .elementor-element.elementor-element-990e8ff > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-19268 .elementor-element.elementor-element-990e8ff > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-19268 .elementor-element.elementor-element-990e8ff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19268 .elementor-element.elementor-element-8d0179a > .elementor-widget-container{margin:15px 15px 15px 15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19268 .elementor-element.elementor-element-124c5f15 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-tab-title{background-color:#17243A;}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-accordion-icon, .elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-accordion-title{color:#FFFFFF;}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-active .elementor-accordion-icon, .elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-accordion-title{font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-19268 .elementor-element.elementor-element-4eff2b68 .elementor-tab-content{color:#000000;font-family:"Cairo", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-19268 .elementor-element.elementor-element-7700b9a4 .elementor-button{background-color:#17243A;font-family:"Cairo", Sans-serif;font-weight:700;border-radius:30px 30px 30px 30px;padding:15px 70px 15px 70px;}.elementor-19268 .elementor-element.elementor-element-7700b9a4{width:100%;max-width:100%;bottom:0px;}.elementor-19268 .elementor-element.elementor-element-7700b9a4 > .elementor-widget-container{background-color:#F3F3F300;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;border-style:none;}body:not(.rtl) .elementor-19268 .elementor-element.elementor-element-7700b9a4{left:0px;}body.rtl .elementor-19268 .elementor-element.elementor-element-7700b9a4{right:0px;}.elementor-19268 .elementor-element.elementor-element-5fbd8190{--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-19268 .elementor-element.elementor-element-21780173{--spacer-size:50px;}@media(max-width:767px){.elementor-19268 .elementor-element.elementor-element-990e8ff > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-19268 .elementor-element.elementor-element-990e8ff > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-19268 .elementor-element.elementor-element-f7e97bc > .elementor-widget-container{margin:-100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19268 .elementor-element.elementor-element-7700b9a4 .elementor-button{border-radius:30px 30px 30px 30px;}}/* Start custom CSS for html, class: .elementor-element-f7e97bc */:root {
            /* Professional Color Palette */
            --primary: #ff4d00;      /* Vibrant Orange for CTA */
            --primary-dark: #cc3d00;
            --secondary: #0f172a;    /* Deep Navy for Trust */
            --accent: #3b82f6;       /* Tech Blue */
            --bg-light: #f8fafc;
            --surface: #ffffff;
            --text-main: #1e293b;
            --text-muted: #64748b;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
            --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
            --shadow-lg: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
            --radius: 16px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Cairo', sans-serif; }
        
        body { background-color: var(--bg-light); color: var(--text-main); overflow-x: hidden; }

        /* --- UI Components --- */
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        .btn {
            display: inline-flex; justify-content: center; align-items: center;
            padding: 16px 40px; font-size: 1.2rem; font-weight: 800;
            border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
            cursor: pointer; border: none; gap: 10px;
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--primary) 0%, #ff7b00 100%);
            color: white;
            box-shadow: 0 10px 20px rgba(255, 77, 0, 0.3);
            position: relative; overflow: hidden;
        }

        .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(255, 77, 0, 0.4); }
        
        /* Pulse Animation for CTA */
        .btn-pulse { animation: pulse-orange 2s infinite; }
        @keyframes pulse-orange {
            0% { box-shadow: 0 0 0 0 rgba(255, 77, 0, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(255, 77, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 77, 0, 0); }
        }

        /* --- Header --- */
        header {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            padding: 15px 0;
            position: fixed; top: 0; width: 100%; z-index: 1000;
            border-bottom: 1px solid rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        
        .logo { font-size: 1.8rem; font-weight: 900; color: var(--secondary); letter-spacing: -1px; }
        .logo span { color: var(--primary); }

        /* --- Hero Section --- */
        .hero {
            padding-top: 120px; padding-bottom: 60px;
            background: radial-gradient(circle at top right, #e2e8f0 0%, #f8fafc 100%);
            position: relative; overflow: hidden;
        }

        .hero-content h1 {
            font-size: 3rem; line-height: 1.2; color: var(--secondary); margin-bottom: 20px;
        }
        
        .hero-content p { font-size: 1.3rem; color: var(--text-muted); margin-bottom: 30px; }

        .hero-badge {
            background: #dbeafe; color: var(--accent); padding: 5px 15px;
            border-radius: 20px; font-weight: 700; font-size: 0.9rem;
            display: inline-block; margin-bottom: 15px;
        }

        .hero-image-container {
            position: relative;
            margin-top: 30px;
        }

        .hero-img {
            width: 100%; border-radius: 20px;
            box-shadow: var(--shadow-lg);
            border: 4px solid white;
        }

        /* --- Features/Problem Grid --- */
        .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 2.2rem; color: var(--secondary); margin-bottom: 10px; }
        .section-title .line { width: 80px; height: 4px; background: var(--primary); margin: 0 auto; border-radius: 2px; }

        .features { padding: 80px 0; background: white; }
        
        .feature-card {
            background: var(--bg-light); padding: 30px; border-radius: var(--radius);
            text-align: center; transition: 0.3s; border: 1px solid transparent;
        }

        .feature-card:hover {
            background: white; transform: translateY(-10px);
            box-shadow: var(--shadow-md); border-color: #e2e8f0;
        }

        .feature-icon {
            width: 70px; height: 70px; background: white; color: var(--primary);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-size: 2rem; margin: 0 auto 20px; box-shadow: var(--shadow-sm);
        }

        /* --- Product Showcase (Pro Grid) --- */
        .showcase { padding: 80px 0; background: #f1f5f9; }
        
        .product-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px;
        }

        .product-card {
            background: white; border-radius: var(--radius); overflow: hidden;
            box-shadow: var(--shadow-sm); transition: 0.3s; position: relative;
        }

        .product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }

        .card-img-wrap { height: 220px; overflow: hidden; background: #f8fafc; }
        .card-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
        .product-card:hover .card-img-wrap img { transform: scale(1.1); }

        .card-body { padding: 20px; }
        .card-body h3 { font-size: 1.1rem; color: var(--secondary); margin-bottom: 8px; }
        .card-body p { font-size: 0.9rem; color: var(--text-muted); }

        /* --- Offer Section --- */
        .offer {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: white; padding: 60px 0; margin-top: 50px;
            position: relative; overflow: hidden;
        }

        /* Glassmorphism Price Box */
        .price-box {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 20px; padding: 30px;
            text-align: center; max-width: 500px; margin: 0 auto;
        }

        .price-new { font-size: 3.5rem; font-weight: 900; color: #fbbf24; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
        .price-old { font-size: 1.5rem; text-decoration: line-through; color: #94a3b8; }
        
        .timer {
            display: flex; justify-content: center; gap: 15px; margin: 20px 0;
            font-size: 1.5rem; font-weight: 700; color: white;
        }

        /* --- Form Section --- */
        .form-area { padding: 80px 0; background: white; }
        
        .order-card {
            background: white; border-radius: 20px;
            box-shadow: var(--shadow-lg); padding: 40px;
            max-width: 600px; margin: -100px auto 0; /* Overlap effect */
            position: relative; z-index: 10;
            border-top: 5px solid var(--primary);
        }

        .input-group { margin-bottom: 20px; position: relative; }
        .input-group i { position: absolute; right: 15px; top: 18px; color: #94a3b8; }
        
        .form-control {
            width: 100%; padding: 15px 45px 15px 15px;
            border: 2px solid #e2e8f0; border-radius: 12px;
            font-size: 1rem; background: #f8fafc; transition: 0.3s;
        }

        .form-control:focus { border-color: var(--primary); background: white; outline: none; }

        /* Mobile Sticky Bar */
        .mobile-bar {
            position: fixed; bottom: 0; left: 0; right: 0;
            background: white; padding: 15px;
            box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
            z-index: 999; display: none;
            justify-content: space-between; align-items: center;
        }

        @media (max-width: 768px) {
            .mobile-bar { display: flex; }
            body { padding-bottom: 80px; }
            .hero-content h1 { font-size: 2rem; }
            .order-card { margin-top: 0; padding: 25px; box-shadow: none; border: 1px solid #eee; }
            .offer { border-radius: 0; }
        }/* End custom CSS */