:root {
            --primary-blue: #003366;
            --secondary-blue: #0056b3;
            --accent-orange: #ff8c00;
            --bg-light: #f8f9fa;
        }

        body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f0f2f5; }
	img, svg {
    	width: 100px;
    	vertical-align: middle;
	}

        /* --- 1. Top Branding Header --- */
        .branding-header { background: white; padding: 10px 0; border-bottom: 1px solid #ddd; }
        .social-icons a { 
            color: white; width: 32px; height: 32px; display: inline-flex; 
            align-items: center; justify-content: center; border-radius: 50%; 
            margin-left: 5px; text-decoration: none; font-size: 14px;
        }
        .bg-fb { background: #3b5998; } .bg-x { background: #000; } .bg-insta { background: #e1306c; }
        .bg-yt { background: #ff0000; } .bg-wa { background: #25d366; }

        /* --- 2. Navigation Tabs --- */
        .main-nav { background: white; border-bottom: 3px solid var(--primary-blue); }
        .nav-link { color: #333 !important; font-weight: 600; text-transform: uppercase; padding: 15px 20px !important; }
        .nav-link.active { color: white !important; background: var(--primary-blue); }
        .nav-link:hover:not(.active) { background: #e9ecef; }

        /* --- 3. Hero Banner --- */
        .hero-banner {
            background:  url('../images/inner-page-background.png'), linear-gradient(rgba(0,51,102,0.85), rgba(11,126,241,0.85));
	background-size: over; background-position: left; color: white; padding: 20px 0;
background-repeat: no-repeat;	

        }

        /* --- 4. Content Cards --- */
        .info-card {
            background: white; border: none; border-radius: 8px; height: 100%;
            box-shadow: 0 4px 6px rgba(0,0,0,0.07); transition: 0.3s;
            border-top: 4px solid var(--primary-blue);
        }
        .info-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
        .card-header-custom { 
            background: #f8f9fa; padding: 15px; border-bottom: 1px solid #eee;
            font-weight: bold; color: var(--primary-blue); font-size: 1.1rem;
        }
        .list-group-item { border: none; border-bottom: 1px solid #f1f1f1; padding: 12px 15px; }
        .list-group-item:last-child { border-bottom: none; }
        .btn-lang { font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; }
   
.lead {
    font-size: 2rem;
    font-weight: 300;
}