body {
    display: flex;
    justify-content: center;
}

h2 {
    font-size: 24px;
    font-weight: bold;
}

.references {
    margin-top: -78px;
    padding-left: 700px;
    list-style: disc;
    max-width: 1200px;
    width: 100%;
    column-count: 2;
    column-gap: 10px;
}

.references li {
    margin-bottom: 10px;
    padding-left: 20px; /* Adjust padding for list items */
    box-sizing: border-box;
    break-inside: avoid; /* Prevent items from breaking across columns */
}

.references a {
    text-decoration: none;
    color: #0000EE;
}

.references a:hover {
    text-decoration: underline;
    color: #FF4500;
}

/* Media query for mobile view */
@media screen and (max-width: 768px) {
    .references {
        padding-left: 40px;
        margin-top: -72px;
        column-count: 1; /* Display in a single column on mobile */
    }

    .references li {
        width: 100%;
        padding-left: 10px;
    }
}


.page-content-wrapper {
    z-index: 1;
    display: block;
    position: relative;
    padding: 0px 0 0px;
}




/* Default styling for desktop view */
.page-header {
    color: black;
}

.page-header .page-header__title,
.page-header .thm-breadcrumb a,
.page-header .thm-breadcrumb li {
    color: inherit; /* Inherit color from parent container */
}

.icon-andle-dabble {
    color: inherit; /* Inherit color from parent container */
}

/* Styling for mobile view */
@media (max-width: 767px) {
    .page-header {
        color: white;
    }

    .page-header .page-header__title,
    .page-header .thm-breadcrumb a,
    .page-header .thm-breadcrumb li,
    .icon-andle-dabble {
        color: inherit; /* Inherit color from parent container */
    }
}