/* iSender360 ar marketing layout styles converted from Laravel Blade. */

        /* Premium Compact Footer Styling */
        .premium-footer {
            background: linear-gradient(180deg, #f0f9f4 0%, #ffffff 100%) !important;
            border-top: 1px solid rgba(37, 211, 102, 0.3) !important;
            box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.03) !important;
            padding: 50px 0 0 0 !important;
            color: #2D3748 !important;
            font-family: 'Tajawal', sans-serif !important;
            position: relative !important;
            z-index: 10 !important;
            overflow: hidden !important;
        }
        
        .premium-footer::before {
            content: '';
            position: absolute;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(37, 211, 102, 0.15) 0%, rgba(255,255,255,0) 70%);
            bottom: -200px !important;
            left: -120px;
            pointer-events: none;
            z-index: 0;
        }

        .premium-footer::after {
            content: '';
            position: absolute;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(37, 211, 102, 0.15) 0%, rgba(255,255,255,0) 70%);
            bottom: -200px !important;
            right: -120px;
            pointer-events: none;
            z-index: 0;
        }

        .premium-footer .container,
        .premium-footer .footer-bottom-bar {
            position: relative;
            z-index: 2;
        }
        
        /* Custom Button Global Modernization & Size Optimization */
        .btn, .btn-outline, .btn-primary, .btn-success, .btn-success-custom, .premium-submit-btn, .premium-tech-btn {
            height: auto !important;
            width: auto !important;
            padding: 6px 18px !important;
            font-size: 14px !important;
            line-height: 1.5 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            border-radius: 50px !important;
            font-family: 'Tajawal', sans-serif !important;
            font-weight: 700 !important;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
            white-space: nowrap !important;
        }

        .btn.w-100, .btn-outline.w-100, .btn-primary.w-100, .btn-success.w-100, .premium-submit-btn.w-100 {
            width: 100% !important;
        }

        .btn span, .btn-outline span, .btn-primary span, .btn-success span, .btn-success-custom span, .premium-submit-btn span, .premium-tech-btn span,
        .btn i, .btn-outline i, .btn-primary i, .btn-success i, .btn-success-custom i, .premium-submit-btn i, .premium-tech-btn i {
            font-size: 14px !important;
        }

        .premium-title-gradient {
            display: block !important;
        }

        h1, h2, h3, h4, h5, h6, 
        .display-one, .display-two, .display-three, .display-four, .display-five, .display-six, 
        .fs-one, .fs-two, .fs-three, .fs-four, .fs-five, .fs-six, .fs-seven, .fs-eight, .fs-nine, .fs-ten,
        .fw-bold, .fw-extrabold, .fw-semibold, .pricing-title, .chat-bubble-name, .faq-title, .logo-text {
            letter-spacing: -0.5px !important;
        }
        
        .btn, .btn-primary, .btn-success, .btn-success-custom, .premium-submit-btn, .premium-tech-btn {
            background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important;
            color: #ffffff !important;
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.22) !important;
            border: none !important;
            text-shadow: none !important;
        }
        
        .btn *, .btn-primary *, .btn-success *, .btn-success-custom *, .premium-submit-btn *, .premium-tech-btn * {
            color: #ffffff !important;
        }

        .btn:hover, .btn-primary:hover, .btn-success:hover, .btn-success-custom:hover, .premium-submit-btn:hover, .premium-tech-btn:hover,
        .btn:focus, .btn-primary:focus, .btn-success:focus, .btn-success-custom:focus, .premium-submit-btn:focus, .premium-tech-btn:focus,
        .btn:active, .btn-primary:active, .btn-success:active, .btn-success-custom:active, .premium-submit-btn:active, .premium-tech-btn:active {
            background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important;
            color: #ffffff !important;
            box-shadow: 0 0 25px rgba(37, 211, 102, 0.65) !important;
            transform: translateY(-2px) scale(1.02) !important;
            border: none !important;
        }
        
        .premium-footer h4 {
            color: #053b34 !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            margin-bottom: 20px !important;
            position: relative;
            padding-bottom: 8px;
            font-family: 'Tajawal', sans-serif !important;
        }
        
        .premium-footer h4::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 35px;
            height: 2px;
            background: #25D366;
            border-radius: 2px;
            box-shadow: 0 0 8px rgba(37, 211, 102, 0.6);
        }

        .premium-footer.ltr h4::after {
            right: auto;
            left: 0;
        }
        
        .premium-footer p {
            color: #4A5568 !important;
            font-size: 13px !important;
            line-height: 1.6 !important;
            font-family: 'Tajawal', sans-serif !important;
        }
        
        .footer-link-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #4A5568 !important;
            font-size: 13px !important;
            text-decoration: none !important;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
            margin-bottom: 12px !important;
            font-family: 'Tajawal', sans-serif !important;
        }
        
        .footer-link-item:hover {
            color: #25D366 !important;
            transform: translateX(-6px);
            text-shadow: 0 0 8px rgba(37, 211, 102, 0.3);
        }
        
        .premium-footer.ltr .footer-link-item:hover {
            transform: translateX(6px);
        }
        
        .footer-link-item i {
            color: #25D366 !important;
            font-size: 11px;
            transition: all 0.25s ease;
            filter: drop-shadow(0 0 2px rgba(37, 211, 102, 0.4));
        }
        
        .footer-link-item:hover i {
            color: #25D366 !important;
            filter: drop-shadow(0 0 5px rgba(37, 211, 102, 0.8));
        }
        
        .footer-contact-row {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 15px !important;
            font-size: 13px !important;
            color: #4A5568 !important;
            font-family: 'Tajawal', sans-serif !important;
            line-height: 1.5;
        }
        
        .footer-contact-row i {
            font-size: 17px !important;
            color: #128C7E !important;
            flex-shrink: 0;
            margin-top: 3px;
        }
        
        .footer-contact-row a {
            color: #4A5568 !important;
            text-decoration: none !important;
            transition: all 0.25s ease;
        }
        
        .footer-contact-row a:hover {
            color: #25D366 !important;
            text-shadow: 0 0 8px rgba(37, 211, 102, 0.3);
        }
        
        .footer-social-box {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }
        
        .footer-social-btn {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #ffffff;
            border: 1px solid rgba(18, 140, 126, 0.15);
            color: #128C7E !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            text-decoration: none;
        }
        
        .footer-social-btn:hover {
            background: #25D366 !important;
            color: #ffffff !important;
            border-color: #25D366 !important;
            transform: translateY(-4px);
            box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3) !important;
        }
        
        .footer-bottom-bar {
            border-top: 1px solid rgba(18, 140, 126, 0.08) !important;
            padding: 20px 0 !important;
            background: #ffffff !important;
            font-size: 13px !important;
            color: #718096 !important;
            font-family: 'Tajawal', sans-serif !important;
        }
        
        .footer-bottom-bar a {
            color: #128C7E !important;
            text-decoration: none !important;
            font-weight: 600;
            transition: all 0.25s ease;
        }
        
        .footer-bottom-bar a:hover {
            color: #25D366 !important;
            text-shadow: 0 0 8px rgba(37, 211, 102, 0.3);
        }
        
        /* Modern Floating WhatsApp Button */
        .whatsapp-float {
            position: fixed !important;
            width: 60px !important;
            height: 60px !important;
            bottom: 30px !important;
            right: 30px !important;
            z-index: 9999 !important;
            text-decoration: none !important;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        .whatsapp-float:hover {
            transform: scale(1.08) translateY(-3px) !important;
        }

        .whatsapp-svg-icon {
            width: 60px !important;
            height: 60px !important;
            display: block !important;
            filter: drop-shadow(0 4px 12px rgba(37, 211, 102, 0.4)) drop-shadow(0 2px 4px rgba(0,0,0,0.12));
            transition: filter 0.3s ease !important;
            border-radius: 50% !important;
        }

        .whatsapp-float:hover .whatsapp-svg-icon {
            filter: drop-shadow(0 8px 20px rgba(37, 211, 102, 0.55)) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.18));
        }

        /* Pulse ring animation */
        .whatsapp-pulse {
            position: absolute !important;
            width: 60px !important;
            height: 60px !important;
            border-radius: 50% !important;
            background: rgba(37, 211, 102, 0.35) !important;
            animation: whatsapp-pulse-ring 2s infinite !important;
            pointer-events: none !important;
        }

        @keyframes whatsapp-pulse-ring {
            0% { transform: scale(1); opacity: 0.8; }
            70% { transform: scale(1.5); opacity: 0; }
            100% { transform: scale(1.5); opacity: 0; }
        }
        /* Premium Glowing High-Tech Hero for Inner Pages */
        .inner-page-hero {
            background: linear-gradient(180deg, #f4faf7 0%, #ffffff 100%) !important;
            padding: 110px 0 60px !important;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid rgba(18, 140, 126, 0.08) !important;
            text-align: center;
        }
        
        .inner-page-hero::before {
            content: '' !important;
            position: absolute !important;
            top: 0; left: 0; right: 0; bottom: 0;
            background-image: 
                linear-gradient(rgba(18, 140, 126, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(18, 140, 126, 0.03) 1px, transparent 1px) !important;
            background-size: 40px 40px !important;
            pointer-events: none;
            z-index: 1;
        }

        .inner-page-hero .hero-glow-blob-1 {
            position: absolute;
            width: 350px;
            height: 350px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(37, 211, 102, 0.35) 0%, transparent 70%) !important;
            filter: blur(40px) !important;
            top: -50px;
            right: 10%;
            pointer-events: none;
            z-index: 1;
            animation: float-hero-blob-ar 8s infinite alternate ease-in-out;
        }

        .inner-page-hero .hero-glow-blob-2 {
            position: absolute;
            width: 400px;
            height: 400px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(18, 140, 126, 0.25) 0%, transparent 70%) !important;
            filter: blur(50px) !important;
            bottom: -80px;
            left: 5%;
            pointer-events: none;
            z-index: 1;
            animation: float-hero-blob-ar 10s infinite alternate-reverse ease-in-out;
        }

        @keyframes float-hero-blob-ar {
            0% { transform: translateY(0) scale(1) rotate(0deg); }
            100% { transform: translateY(20px) scale(1.05) rotate(10deg); }
        }

        .inner-page-hero h1 {
            font-size: 40px !important;
            font-weight: 900 !important;
            color: #053b34 !important;
            margin-bottom: 15px !important;
            position: relative;
            z-index: 2;
            background: linear-gradient(135deg, #053b34 0%, #128C7E 100%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            text-shadow: none !important;
            letter-spacing: -0.5px !important;
        }

        .inner-page-hero .hero-badge {
            display: none !important;
        }

        .inner-page-hero .hero-badge::before {
            content: '';
            width: 7px;
            height: 7px;
            background-color: #25D366 !important;
            border-radius: 50%;
            display: inline-block;
            box-shadow: 0 0 10px rgba(37, 211, 102, 0.5) !important;
            animation: pulseBadgeDot 1.5s infinite;
        }

        @keyframes badgeBounceGlow {
            0% { transform: translateY(0) scale(1); box-shadow: 0 4px 15px rgba(37, 211, 102, 0.15) !important; }
            50% { transform: translateY(-8px) scale(1.05); box-shadow: 0 12px 25px rgba(37, 211, 102, 0.25) !important; }
            100% { transform: translateY(0) scale(1); box-shadow: 0 4px 15px rgba(37, 211, 102, 0.15) !important; }
        }

        @keyframes pulseBadgeDot {
            0% { transform: scale(0.9); opacity: 0.6; }
            50% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 12px rgba(37, 211, 102, 0.5); }
            100% { transform: scale(0.9); opacity: 0.6; }
        }

        .inner-page-hero p {
            color: #4A5568 !important;
            font-size: 16px !important;
            max-width: 600px;
            margin: 0 auto !important;
            position: relative;
            z-index: 2;
            line-height: 1.8 !important;
        }

        /* Spacing adjustment for Home Page Hero to clear the fixed header on desktop */
        .particial-bg {
            padding-top: 125px !important;
            padding-bottom: 40px !important;
        }

        /* 📱 Responsive & Mobile Optimization Fixes by Antigravity */
        @media (max-width: 991px) {
            /* Fix Home Page Hero spacing on tablet */
            .particial-bg {
                padding-top: 105px !important;
                padding-bottom: 30px !important;
            }

            /* Fix Dropdown Menu behavior on mobile to prevent floating/clipping */
            .navbar-nav .dropdown-menu {
                position: static !important;
                box-shadow: none !important;
                background: #f4faf7 !important; /* Soft light green background to stand out */
                border: 1px solid rgba(18, 140, 126, 0.12) !important;
                border-radius: 8px !important;
                padding: 6px 12px !important; /* Compact padding */
                margin: 4px 0 !important; /* Compact margin */
                transform: none !important;
            }
            .navbar-nav .dropdown-menu .dropdown-item {
                padding: 4px 8px !important; /* Compact padding for submenu items */
                font-size: 12px !important; /* Smaller font size for submenu items */
                font-weight: 500 !important; /* Less bold for visual hierarchy */
                color: #4A5568 !important; /* Lighter text color */
            }

            /* Prevent menu items from overlapping with absolute positioned header elements */
            .header-section .navbar .navbar-collapse {
                margin-top: 45px !important; /* Adjusted margin */
            }

            /* Disable menu scrollbar and tighten spacing between items on mobile */
            .header-section .navbar .navbar-collapse .navbar-nav {
                gap: 6px !important; /* Extremely tight gap */
                padding-top: 5px !important;
                padding-bottom: 10px !important;
                max-height: none !important; /* Disable maximum height constraint */
                overflow-y: visible !important; /* Allow normal expansion without scrollbar */
            }

            /* Make main menu items slightly smaller on mobile */
            .header-section .navbar .navbar-collapse .navbar-nav a.nav-link,
            .header-section .navbar .navbar-collapse .navbar-nav button.dropdown-toggle {
                font-size: 14px !important; /* Smaller font size */
                padding: 4px 8px !important; /* Compact padding */
            }

            nav.navbar {
                min-height: 70px !important;
            }

            /* 1. Hide the Start Now CTA button wrapper on mobile to prevent navbar overlapping with logo and hamburger menu */
            .header-section .navbar .custom-pos,
            .header-section .navbar .right-area {
                display: none !important;
            }
            
            /* 2. Fix Navbar Toggler position on mobile (Left-aligned for Arabic RTL) */
            .header-section .navbar .navbar-toggler {
                display: inline-block !important;
                position: absolute !important;
                left: 15px !important;
                right: auto !important;
                top: 35px !important;
                transform: translateY(-50%) !important;
                margin: 0 !important;
                width: 30px !important;
                height: 30px !important;
            }
            
            /* Position logo container on the right */
            .header-section .logo-container {
                position: absolute !important;
                right: 8px !important;
                left: auto !important;
                top: 35px !important;
                transform: translateY(-50%) !important;
                max-width: 70%;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* Swaps the WhatsApp logo and text position so logo is on the right/before the text in Arabic */
            .logo-container a.navbar-brand {
                display: flex !important;
                flex-direction: row-reverse !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                gap: 6px !important;
                margin: 0 !important;
                padding: 0 !important;
                white-space: nowrap !important;
            }
            
            .logo-text {
                font-size: 18px !important;
            }
            .logo {
                max-height: 28px !important;
            }
        }
        
        @media (max-width: 575px) {
            /* Fix Home Page Hero spacing on mobile */
            .particial-bg {
                padding-top: 95px !important;
                padding-bottom: 20px !important;
            }

            .inner-page-hero {
                padding: 95px 0 35px !important;
            }
            .inner-page-hero h1 {
                font-size: 28px !important;
                margin-bottom: 8px !important;
            }
            .inner-page-hero p {
                font-size: 14px !important;
                line-height: 1.6 !important;
            }
            .inner-page-hero .hero-glow-blob-1,
            .inner-page-hero .hero-glow-blob-2 {
                width: 200px !important;
                height: 200px !important;
                filter: blur(35px) !important;
            }
            
            /* 3. Make hero page main title compact and elegant on mobile */
            .particial-bg h1, 
            .display-four {
                font-size: 24px !important;
                line-height: 1.4 !important;
                font-weight: 700 !important;
                letter-spacing: -0.3px !important;
            }
            
            .particial-bg p,
            .fs-ten {
                font-size: 13px !important;
                line-height: 1.6 !important;
            }
            
            /* 4. Fix floating WhatsApp button on mobile to be compact and not overlay content */
            .whatsapp-float {
                width: 50px !important;
                height: 50px !important;
                bottom: 20px !important;
                right: 20px !important;
                background: transparent !important;
                box-shadow: none !important;
            }
            .whatsapp-svg-icon {
                width: 50px !important;
                height: 50px !important;
            }
            .whatsapp-pulse {
                width: 50px !important;
                height: 50px !important;
            }
        }
    
.marketing-root { min-height: 100vh; font-family: 'Tajawal', 'Inter', sans-serif; }
.marketing-root .marketing-contact-form { width: 100%; }
.marketing-root .navbar { position: relative; z-index: 50; }
.marketing-root .navbar-collapse:not(.d-lg-flex) { width: 100%; }
.marketing-root .whatsapp-float { text-decoration: none; }
.marketing-root .whatsapp-svg-icon { display: grid; place-items: center; font-size: 26px; }
@media (max-width: 991px) {
 .marketing-root .navbar-collapse { position: absolute; top: 100%; inset-inline: 0; background: white; box-shadow: 0 10px 28px rgba(0,0,0,.08); padding: 18px; }
 .marketing-root .navbar-nav { flex-direction: column; align-items: flex-start; }
 .marketing-root .navbar .dropdown-menu { position: static !important; }
}