:root {
            --primary-blue: #275474;
            --accent-orange: #FE8001;
        }

        body { font-family: 'Segoe UI', sans-serif; color: #444; background-color: #fcfcfc; }

        /* Navigation Style (Synced) */
        .navbar { 
            background-color: white !important; 
            border-bottom: 4px solid var(--accent-orange);
            padding: 10px 0;
        }
        .navbar-brand img { max-height: 70px; width: auto; }
        .nav-link { 
            color: var(--primary-blue) !important; 
            font-weight: 600; 
            text-transform: uppercase;
            font-size: 0.9rem;
        }
        .nav-link:hover { color: var(--accent-orange) !important; }
        .dropdown-item:hover { background-color: var(--accent-orange); color: white; }

        /* Page Header */
        .page-header {
            background: linear-gradient(rgba(39, 84, 116, 0.9), rgba(39, 84, 116, 0.9)), 
                        url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 60px 0;
            border-bottom: 8px solid var(--accent-orange);
        }

        /* Content Card Styling */
        .vm-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            background: white;
            height: 100%;
            transition: transform 0.3s ease;
            overflow: hidden;
        }
        .vm-card:hover { transform: translateY(-5px); }
        
        .card-accent-blue { border-top: 6px solid var(--primary-blue); }
        .card-accent-orange { border-top: 6px solid var(--accent-orange); }

        .icon-circle {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
        .bg-blue-light { background-color: rgba(39, 84, 116, 0.1); }
        .bg-orange-light { background-color: rgba(254, 128, 1, 0.1); }

        .vm-text { line-height: 1.8; color: #555; font-size: 1.05rem; }

        /* Footer Style (Synced) */
        .footer-main { background-color: var(--primary-blue); color: #ffffff; padding: 60px 0 20px; border-top: 6px solid var(--accent-orange); }
        .footer-header { color: var(--accent-orange); font-weight: 700; margin-bottom: 25px; text-transform: uppercase; font-size: 1.1rem; }
        .footer-links ul { list-style: none; padding: 0; }
        .footer-links ul li a { color: #e0e0e0; text-decoration: none; transition: 0.3s; font-size: 0.9rem; }
        .footer-links ul li a:hover { color: var(--accent-orange); padding-left: 5px; }
        .contact-item { display: flex; margin-bottom: 15px; font-size: 0.9rem; }
        .contact-item svg { margin-right: 12px; flex-shrink: 0; }
        .footer-bottom { background-color: rgba(0,0,0,0.2); padding: 15px 0; margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.1); }