html, body {
    font-family: Inter-Regular;
    scroll-behavior: smooth;
}

.mschoa-background-brand {
    background-color: var(--mschoa-color-background-brand);
}

.mschoa-body h1, h2, .wb-body h1, .wb-body h2 {
    color: var(--mschoa-color-blue-standard);
    font-family: 'Inter-Regular';
}

#steps-container, #steps-container-modal {
    border: 1px solid var(--mschoa-login-color-password-toggler);
    border-radius: unset;
    border-color: var(--bs-border-color);
}

#steps-container .nav-item {
    width: 19%;
}

#steps-container-modal .nav-item {
    width: 10%;
}

.text-login-custom {
    color: rgb(145 145 145) !important;
}

.nav-pills .nav-link {
    color: var(--mschoa-login-color-password-toggler);
    background-color: var(--mschoa-color-white);
    opacity: .3;
}

.nav-pills .nav-link.active {
    color: var(--mschoa-color-blue-standard-selected);
    background-color: var(--mschoa-color-white);
    opacity: 1;
    display: block;
}

#steps-container .vertical-line, #steps-container-modal .vertical-line {
    border-left: 1px solid var(--bs-border-color);
    height: 100%;
}

#mschoa-master-noauth-brand {
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, .3);
    min-height: 565px;
    border-bottom-left-radius: var(--bs-border-radius);
    border-top-left-radius: var(--bs-border-radius);
}

#mschoa-master-noauth-brand h1 {
    color: var(--mschoa-color-white);
    font-family: 'Inter-Light-BETA';
}

#mschoa-master-noauth-brand p {
    color: var(--mschoa-color-white);
}

#mschoa-login .card-body h1 {
    color: var(--mschoa-color-white);
    font-family: 'Inter-Light-BETA';
    font-size: 3em;
}

#steps-container-modal {
    font-size: .9em;
}

.form-check label {
    font-family: 'Inter-Light-BETA';
    color: var(--mschoa-color-text);
}

.font-bold {
    font-family: 'Inter-Bold';
}

.font-light {
    font-family: 'Inter-Light-BETA';
}

.size-bold {
    font-size: 1.1em;
}

.card-wrap {
    max-width: 200px !important;
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text)
}

.mschoa-modal-title-section {
    font-family: 'Inter-Light-BETA';
    color: var(--mschoa-color-text);
}

code, kbd, samp {
    font-family: 'Inter-Regular';
    background-color: var(--mschoa-color-dots);
    color: var(--bs-accordion-active-color);
}

.word-break {
    word-break: break-word;
}

::-webkit-scrollbar {
    width: 12px;
}
  
::-webkit-scrollbar-track {
    background: var(--mschoa-color-layaout);
}
  
::-webkit-scrollbar-thumb {
    background-color: var(--mschoa-login-color-password-toggler-selected);
    border-radius: 20px;
    border: 3px solid var(--mschoa-color-layaout);
}

@media (max-width: 768px) {
    #mschoa-page-wrap {
        padding-top: 5em;
    }
}