@charset "utf-8";
/* CSS Document */

/*CSS for More Information Page*/
    /* Style for the unordered list */
    .custom-table {
        list-style-type: none; /* Remove default bullet points */
        margin: 2px; /* Remove default margin */
        padding: 2px; /* Remove default padding */
        display: flex; /* Use flexbox for layout */
        flex-wrap: wrap; /* Allow items to wrap */
    }

    /* Style for the list items */
    .custom-table li {
        width: calc(33.33% - 10px); /* Three columns with space between */
        padding: 10px 0; /* Add vertical spacing between items */
        display: flex; /* Use flexbox for alignment */
        align-items: center; /* Center align vertically */
        margin-right: 10px; /* Space between columns */
    }

    /* Remove margin from the last item in each row */
    .custom-table li:nth-child(3n) {
        margin-right: 2px; /* No margin on the right for the last item in each row */
    }

    /* Circle before each link */
    .custom-table li::before {
    content: "";
    display: inline-block;/* Keep it inline and properly aligned */
    width: 6px;                     /* Size of the circle */
    height: 6px;
    border-radius: 50%;              /* Make it round */
    background-color: #012d43;
    margin-right: 8px;               /* Space between dot and text */
    vertical-align: middle;          /* Align vertically with text */
}

    /* Style for the links */
    .custom-table a {
        color: #012d43; /* Set the text color */
        text-decoration: underline; /* Underline the text */
        text-decoration-color: #ae914a; /* Underline color */
    }

    /* Style for the hover effect */
    .custom-table a:hover {
        color: #ae914a; /* Color change on hover */
        text-decoration: underline; /* Keep text underlined on hover */
        text-decoration-color: #012d43; /* Underline color on hover */
    }
    /* Default size for larger screens */
.custom-table li::before {
    width: 6px;
    height: 6px;
}

/* Smaller size for mobile screens */
@media (max-width: 600px) {
    .custom-table li::before {
        width: 6px;
        height: 6px;
    }
}