body { font-family: 'Inter', sans-serif; background-color: #f8fafc; color: #334155; } 
        .navbar-custom { background-color: #001233; } 
        
        .gallery-card {
            background: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
        } 
        .gallery-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.06);
        } 
        .gallery-img-wrapper {
            height: 180px;
            overflow: hidden;
            position: relative;
        } 
        .gallery-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        } 
        .gallery-video-wrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            height: 0;
            overflow: hidden;
        } 
        .gallery-video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        } 
        .nav-pills .nav-link {
            color: #002266;
            font-weight: 600;
            border-radius: 8px;
            padding: 0.5rem 1.2rem;
            font-size: 0.85rem;
        } 
        .nav-pills .nav-link.active {
            background-color: #002266;
            color: #ffffff;
        }