@font-face {
    font-family: "Eina-03-bold";
    src: url("fonts/woff/eina03-bold.woff2") format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: "Eina-03-semibold";
    src: url("fonts/woff/eina03-semibold.woff2") format('woff2');
    font-weight: 600;
}

@font-face {
    font-family: "Eina-03-regular";
    src: url("fonts/woff/eina03-regular.woff2") format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: "Eina-03-light";
    src: url("fonts/woff/eina03-light.woff2") format('woff2');
    font-weight: 300;
}

:root {
    --purple: #4E4D9F;
    --violet: #8384c3;
    --mustard: #E9CB7A;
}

body {
    font-family: "Eina-03-regular", sans-serif;
}

.text-bg-purple {
    background-color: var(--purple);
    color: white;
}

.text-bg-violet {
    background-color: var(--violet);
    color: white;
}

.text-bg-mustard {
    background-color: var(--mustard);
    color: black;
}

.text-bg-white {
    background-color: #FFFFFF;
    color: black;
}

.text-bg-black {
    background-color: black;
    color: white;
}

.text-bg-lollipop {
    background-color: #FE2968;
    color: white;
}

.text-bg-dark-gray {
    background-color: #333333;
    font-family: "Eina-03-semibold", sans-serif;
    color: white;
}

.amac-radio-button {
    width: 50px !important;
    height: 50px !important;
    accent-color: #232323;
}

.amac-radio-button:checked {
    background-color: var(--mustard) !important;
    border-color: var(--mustard) !important;
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='000000'/%3e%3c/svg%3e") !important */
}

.amac-type-button {
    width: 100px;
    height: 100px;
    font-size: 40px !important;
    border-radius: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-width: 0.5px !important;
}

.amac-badge {
    border-radius: 50rem;
    padding: 5px 15px;
    font-size: 0.75rem;
    text-align: center;
    font-family: "Eina-03-semibold";
}

.amac-button {
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    transition: 0.5s;
    font-family: "Eina-03-regular", sans-serif;
}

.amac-button-lg {
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    transition: 0.3s;
    font-family: "Eina-03-semibold", sans-serif;
}

.amac-button-mustard {
    background-color: var(--mustard);
    color: black;
}

.amac-button-mustard:hover {
    background-color: #bca461;
    color: black;
}

.amac-button-outline-light {
    background-color: transparent;
    border: 1px solid;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.amac-button-outline-light:hover {
    background-color: #FFFFFF;
    color: black;
}

.amac-button-outline-secondary {
    background-color: transparent;
    border: 1px solid;
    border-color: rgb(108, 117, 125);
    color: rgb(108, 117, 125);
}

.amac-button-outline-secondary:hover {
    background-color: rgb(108, 117, 125);
    color: #FFFFFF;
}

.amac-text-mustard {
    color: var(--mustard);
}

.amac-icon-hover {
    cursor: pointer;
}

.amac-text-italic {
    font-style: italic;
}

/* Text */

.amac-text-italic {
    font-style: italic;
}

.amac-text-bold {
    font-family: "Eina-03-bold", sans-serif;
}

.amac-text-semibold {
    font-family: "Eina-03-semibold", sans-serif;
}

.amac-text-regular {
    font-family: "Eina-03-regular", sans-serif;
}

.amac-text-light {
    font-family: "Eina-03-light", sans-serif;
}

/* Text */

.form-check-input:checked{
    background-color: var(--purple) !important;
    border: 0;
    color: black;
 }

 .form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
    color: black;
    outline: 0;
    border: 0;
    box-shadow: 0 0 0 0.1rem var(--purple) !important;
 }