.nav-link.active {
    font-weight: bold;
}


/* Underline design for h3 */

.underline-heading {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    /* Adjust spacing below the heading */
    margin-bottom: 5px;
    font-size: calc(30px * var(--multi));
    /* Adjust spacing below the heading */
}

p {
    font-size: 16px;
    font-size: calc(16px * var(--multi));
}

ul li {
    font-size: 16px;
    font-size: calc(16px * var(--multi));
}

a.btn,
button.btn {
    font-size: 16px;
    font-size: calc(16px * var(--multi));
}

.underline-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33%;
    height: 2px;
    /* Adjust thickness of the underline */
    background: linear-gradient(to right, #007bff, #00c6ff);
    /* Gradient underline */
    /* For a solid color underline, use: background-color: #007bff; */
    border-radius: 2px;
    /* Optional: rounded edges */
}

.tab-content {
    text-align: justify;
}

.tab-pane {
    margin-bottom: 20px;
}

ul {
    margin-left: 20px;
}

.nav-item {
    cursor: pointer;
}

@media (max-width: 576px) {
    h2 {
        font-size: 1.5rem;
        text-align: center;
    }
    .nav-tabs .nav-link {
        font-size: 0.9rem;
    }
    .nav-item {
        flex: 1 1 auto;
        text-align: center;
    }
}

@media (max-width: 768px) {
    h3 {
        font-size: 1.75rem;
        text-align: center;
    }
    .nav-tabs .nav-link {
        font-size: 1rem;
    }
}

.nav-item {
    cursor: pointer;
}