.main-menu li a {
    display: block;
    padding: 4px;
    border: 2px solid transparent;
    /* Default border */
    border-radius: 5px;
    text-decoration: none;
    /* Remove underline */
    color: black;
    /* Default text color */
    transition: border-color 0.3s ease;
    /* Smooth transition */
}

.btn-outline-success-2x {
    padding: 0.25rem 0.5rem;
    /* Adjust these values to reduce button size */
    margin-left: 10px;
}


#card1 {
    height: 820px;
    /* Ensure the card does not extend beyond the viewport */
    /* overflow-y: auto; */
    /* Enable scrolling if content exceeds the height */
}

.main-menu li a:hover,
.main-menu li a.active {
    border-color: green;
    /* Change border color on hover and when active */

    .info-row {
        display: flex;
        margin-bottom: 10px;
    }

    .info-row h6 {
        width: 150px;
        /* Set a fixed width for labels */
        font-weight: bold;
        margin-right: 10px;
        /* Space between label and value */
    }

    .info-row p {
        margin: 0;
        /* Remove default margin for <p> */
    }
}