body {
            font-family: 'Droid Arabic Kufi', sans-serif;
            background-color: #0b172a;
        }
        * {
            transition: none !important;
            animation: none !important;
            box-shadow: none !important;
        }
        .navbar-custom {
            background-color: #27539a;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .nav-link-custom {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.95rem;
        }
        .nav-link-custom:hover,
        .nav-link-custom.active {
            color: #ffffff !important;
        }
        .hero-section {
            min-height: 520px;
            height: 580px;
        }
        .hero-overlay {
            background: linear-gradient(180deg, rgba(11, 23, 42, 0.85) 0%, rgba(11, 23, 42, 0.6) 50%, rgba(11, 23, 42, 0.9) 100%);
        }
        .hero-logo {
            height: 140px;
            width: auto;
        }
        .brand-strip {
            max-height: 110px;
            width: auto;
            max-width: 85%;
            object-fit: contain;
            opacity: 0.9;
        }
        .feature-card {
            border: 1px solid #e5e7eb;
            border-radius: 16px;
            background-color: #ffffff;
        }
        .feature-icon-wrapper {
            width: 64px;
            height: 64px;
        }
        .badge-pill-navy {
            background-color: #27539a;
            color: #ffffff;
            font-size: 0.85rem;
            padding: 6px 18px;
            border-radius: 6px;
            display: inline-block;
        }
        .check-pill {
            background-color: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 14px 20px;
        }
        .brands-html-card {
            background-color: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
        }
        .brand-item-box {
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 16px 20px;
        }
        .branch-card {
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
        }
        .hours-box {
            background-color: #f8fafc;
            border: 1px solid #edf2f7;
            border-radius: 10px;
        }
        .btn-whatsapp {
            background-color: #10b981;
            color: #ffffff;
            border: 1px solid #10b981;
        }
        .btn-whatsapp:hover {
            background-color: #059669;
            color: #ffffff;
            border-color: #059669;
        }
        .btn-map {
            background-color: #27539a;
            color: #ffffff;
            border: 1px solid #27539a;
        }
        .btn-map:hover {
            background-color: #1e407a;
            color: #ffffff;
            border-color: #1e407a;
        }
        .contact-box {
            background-color: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
        }
        .contact-icon-box {
            width: 46px;
            height: 46px;
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            flex-shrink: 0;
        }
        .form-control-custom {
            background-color: #ffffff;
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            padding: 12px 16px;
            font-size: 0.95rem;
        }
        .form-control-custom:focus {
            border-color: #27539a;
        }
        .footer-custom {
            background-color: #0d131f;
            color: #ffffff;
        }
        .footer-link {
            color: #94a3b8;
            text-decoration: none;
            font-size: 0.92rem;
        }
        .footer-link:hover {
            color: #ffffff;
        }
        .footer-brand-tag {
            background-color: #1a2232;
            border: 1px solid rgba(255, 255, 255, 0.08);
            color: #cbd5e1;
            font-size: 0.85rem;
            padding: 8px 16px;
            border-radius: 6px;
            display: inline-block;
        }
        .footer-social-btn {
            width: 40px;
            height: 40px;
            background-color: #1a2232;
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #ffffff;
            border-radius: 50%;
        }
        .footer-social-btn:hover {
            background-color: #27539a;
            color: #ffffff;
        }

        @media (max-width: 576px) {
            .hero-section {
                min-height: 480px;
                height: auto;
                padding-top: 3.5rem;
                padding-bottom: 3.5rem;
            }
        }