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

section.no-bg {
    background-color: transparent !important;
}

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

    section.w-75 {
        width: 75%;
    }

    section.w-50 {
        width: 50%;
    }

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

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

    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;
}