@font-face {
    font-family: 'Nunito Sans Regular';
    src: url('/assets/fonts/NunitoSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito Sans Bold';
    src: url('/assets/fonts/NunitoSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito Sans ExtraBold';
    src: url('/assets/fonts/NunitoSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito Sans SemiBold';
    src: url('/assets/fonts/NunitoSans-SemiBold.ttf') format('truetype');
}

html {
    font-family: 'Nunito Sans Regular', sans-serif, Arial;
}

.circle {
    background-image: url("/assets/circle.svg");
    font-family: 'Nunito Sans Bold', sans-serif, Arial;
    width: 3em;
    height: 3em;
    font-size: 1.0em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}

.circle-selected {
    background-image: url("/assets/circle-selected.svg");
    font-family: 'Nunito Sans Bold', sans-serif, Arial;
    width: 3em;
    height: 3em;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    cursor: pointer;
}

.button {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-family: Nunito Sans Regular,Helvetica,Arial,sans-serif;
    z-index: 2;
}

.button a {
    overflow-wrap: anywhere;
    box-sizing: inherit;
    transition: all .2s linear;
    font-family: "Nunito Sans Bold";
    font-weight: 700;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.1em;
    letter-spacing: 0;
    padding: 0.5625rem 1rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0.5rem;
    border: 0.125rem solid transparent;
    background: linear-gradient(106deg, #E7EA75 0%, #E1E628 100%);
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    outline: none;
    color: #272727;
}

.button a:hover {
    background: linear-gradient(106deg, #F0F2A8 0%, #EDF081 100%);
}

.pointer {
    cursor: pointer;
}

p {
    font-size: 1.1em;
}

* {
    line-height: 1.5;
    word-spacing: 0.16em;
}

*:focus-visible {
    border: 3px rgb(225, 230, 40) solid !important;
    border-radius: 5px !important;
}

.control-carousel-btn {
    height: 100% !important;
}