@font-face {
    font-display: swap;
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/noto-sans-display/regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans Display';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/noto-sans-display/regular-italic.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/noto-sans-display/extra-bold.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans Display';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/noto-sans-display/extra-bold-italic.woff2') format('woff2');
}


html,
body {
    font-family: 'Noto Sans Display', Arial, sans-serif !important;
}

h2 {
    font-weight: 800;
}

label,
button[type="submit"] {
    text-transform: uppercase;
}

button[type="submit"] {
    background-color: #232877;
    color: #ffffff;
}

button[type="submit"]:hover {
    background-color: #2A32A0;
}

.field-row label,
.qty-row label {
    color: #232877;
    font-weight: 700;
}

.text-primary {
    color: #232877;
}

.border-primary {
    border-color: #232877;
}

.bg-primary {
    background-color: #232877;
}

.rte a {
    color: #232877;
}