section {
    overflow: hidden;
    width: 100% !important;
    border-radius: 0.375em;
    display: flex;
    flex-direction: column;
    transition: background-color 0.3s ease;
    color: var(--text-primary);
    background-color: var(--bg-secondary) !important;
}

/*Commenting these out as this was a Bodge for the Monolith*/
/*    section.w-75 {
        width: 100% !important;
    }

    section.w-50 {
        width: 100% !important;
    }

    section.w-45 {
        width: 100% !important;
    }


    section.w-60 {
        width: 100% !important;
    }*/

    section form {
        display: flex;
        flex-direction: column;
    }

    section.shadow {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    }

    section.rounded-top {
        border-top-left-radius: 0.375em !important;
        border-top-right-radius: 0.375em !important;
    }

    section.rounded-bottom {
        border-bottom-left-radius: 0.375em !important;
        border-bottom-right-radius: 0.375em !important;
    }

    section.rounded {
        border-radius: 0.375em !important;
    }

    section.border {
        border: 1px solid rgba(24, 111, 181, 0.2) !important;
    }

    section.border-blue {
        border: 1px solid var(--blueteq-blue) !important;
    }

    section.mt-4 {
        margin-top: 10em;
    }

    section.allow-overflow {
        overflow: visible;
    }

/* High Contrast mode for sections */
[data-theme="high-contrast"] section {
    background-color: #000000 !important;
    border: 3px solid #ffffff !important;
}

    [data-theme="high-contrast"] section.shadow {
        box-shadow: none !important;
    }

    [data-theme="high-contrast"] section.border,
    [data-theme="high-contrast"] section.border-blue {
        border: 3px solid #ffffff !important;
    }