.nav-tabs .nav-item .nav-link {
    color: red;
}
.nav-tabs .nav-item .nav-link.active {
    color: black;
    font-weight: bold;
}

/* Base font scaling */
html {
    font-size: 14px; /* Mobile base */
}

@media (min-width: 768px) {
    html {
        font-size: 15px; /* Tablet base */
    }
}

@media (min-width: 992px) {
    html {
        font-size: 16px; /* Desktop base */
    }
}

/* Fluid Typography for Headings (min, preferred, max) */
h1, .h1 { font-size: clamp(1.5rem, 4vw + 1rem, 2.5rem); }
h2, .h2 { font-size: clamp(1.35rem, 3vw + 1rem, 2rem); }
h3, .h3 { font-size: clamp(1.2rem, 2.5vw + 1rem, 1.75rem); }
h4, .h4 { font-size: clamp(1.1rem, 2vw + 1rem, 1.5rem); }
h5, .h5 { font-size: clamp(1rem, 1.5vw + 1rem, 1.25rem); }
h6, .h6 { font-size: clamp(0.9rem, 1vw + 0.9rem, 1rem); }