/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  SCSS Functions
\* ------------------------------------------------------------ */
/* example usage*/
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
* {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}
*:before,
*:after {
    box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
    display: block;
}
template {
    display: none;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    /* text-size-adjust: none; */
}
img,
iframe,
video,
audio,
object {
    max-width: 100%;
}
img,
iframe {
    border: 0 none;
}
img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
img,
[style*="background-image"] {
    image-rendering: -webkit-optimize-contrast;
}
b,
strong {
    font-weight: bold;
}
address {
    font-style: normal;
}
svg:not(:root) {
    overflow: hidden;
}
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
    cursor: pointer;
}
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
    appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    appearance: none;
}
textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
button,
select {
    text-transform: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
nav ul,
nav ol {
    list-style: none outside none;
}
input::placeholder {
    color: inherit;
    opacity: 1;
}
textarea::placeholder {
    color: inherit;
    opacity: 1;
}
/* input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
} */
input[type="text"],
input[type="button"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="date"],
input[type="search"],
textarea {
    appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: "GT-Flexa";
    src: url("../assets/fonts/GT-Flexa-Standard-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GT-Flexa";
    src: url("../assets/fonts/GT-Flexa-Condensed-Black-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "GT-Flexa";
    src: url("../assets/fonts/GT-Flexa-Compressed-Black-Italic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "GT-Flexa";
    src: url("../assets/fonts/GT-Flexa-Standard-Bold.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GT-Flexa Reg";
    src: url("../assets/fonts/GT-Flexa-Standard-Regular.woff") format("woff"), url("../assets/fonts/GT-Flexa-Condensed-Regular-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GT-Flexa";
    src: url("../assets/fonts/GT-Flexa-Standard-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GT-Flexa Italic";
    src: url("../assets/fonts/GT-Flexa-Condensed-Bold-Italic.woff") format("woff"), url("../assets/fonts/GT-Flexa-Condensed-Bold-Italic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "GT-Flexa Cond";
    src: url("../assets/fonts/GT-Flexa-Condensed-Black-Italic.woff") format("woff"), url("../assets/fonts/GT-Flexa-Condensed-Black-Italic.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GT-Flexa Cond Italic";
    src: url("../assets/fonts/GT-Flexa-Condensed-Black-Italic.woff") format("woff"), url("../assets/fonts/GT-Flexa-Condensed-Regular-Italic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html {
    font-size: 62.5%;
}
body {
    min-width: 320px;
    background: #00c849;
    font-family: "GT-Flexa", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #000;
}
body.is-hidden {
    overflow: hidden;
}
.sprite {
    display: none;
}
a {
    color: inherit;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a[href^="tel"] {
    text-decoration: none;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    margin-bottom: calc(1.2em / 2);
    font-family: "GT-Flexa Cond", sans-serif;
}
.h1,
h1,
h2 {
    font-size: 30px;
    font-family: "GT-Flexa Cond Italic", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 900;
    line-height: 30px;
}
.h2,
h2 {
    line-height: 1.13;
}
.h3,
h3 {
    font-size: 1.8rem;
}
.h4,
h4 {
    font-size: 18px;
    font-family: "GT-Flexa Cond Italic", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
}
.h5,
h5 {
    font-size: 1.4rem;
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
    margin-bottom: 1.2em;
}
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
    margin-bottom: 0;
}
p {
    font-family: "GT-Flexa", sans-serif;
    font-size: 14px;
    font-weight: 400;
}
label {
    font-family: "GT-Flexa Italic", sans-serif;
    font-size: 14px;
    font-weight: 400;
}
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after {
    content: "";
    line-height: 0;
    display: table;
    clear: both;
}
/* sr-only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/*  Notext  */
.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden;
}
.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}
/*  Hidden  */
[hidden],
.hidden {
    display: none;
}
/*  Disabled  */
[disabled],
.disabled {
    cursor: default;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hidden-xs {
        display: none !important;
    }
    .visible-xs-block {
        display: block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 767.02px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
    }
    .visible-sm-block {
        display: block !important;
    }
    .visible-sm-inline {
        display: inline !important;
    }
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
    .visible-md-block {
        display: block !important;
    }
    .visible-md-inline {
        display: inline !important;
    }
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1199.02px) {
    .hidden-lg {
        display: none !important;
    }
    .visible-lg-block {
        display: block !important;
    }
    .visible-lg-inline {
        display: inline !important;
    }
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
/* ------------------------------------------------------------ *\
	Components
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    appearance: none;
    background-color: #000;
    color: #fff;
    font-family: "GT-Flexa Cond Italic", sans-serif;
    font-style: italic;
    font-size: 20px;
    text-transform: uppercase;
    /* display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem; */
    font-weight: 800;
    padding: 1rem 2.75rem 1rem;
    border: 3px solid #000;
    border-radius: 0.4rem;
    transition: background-color 0.8s;
}
@media (hover: hover) {
    .btn:hover {
        background-color: #d4f035;
        color: #000;
        border: 3px solid #000;
    }
}
.btn svg {
    margin-top: -0.2rem;
}
/*  Btn large  */
.btn--large {
    width: 100%;
    letter-spacing: 0.032em;
}

/*  Btn medium  */
.btn--medium {
    font-size: 16px;
    padding: 1.2rem 1.8rem;
    min-height: unset;
}
/*  Btn small  */
.btn--small {
    font-size: 1rem;
    padding: 0.8rem 0.7rem 0.6rem;
    letter-spacing: 0;
}
/*  Btn rounded  */
.btn--rounded {
    border-radius: 2rem;
    min-height: unset;
}
/*  Btn small offset  */
.btn--small-offset {
    padding-inline: 1.15rem;
}
/*  Btn transparent  */
.btn--transparent {
    background-color: transparent;
}
/*  Btn block  */
.btn--block {
    display: block;
    padding-left: 0;
    padding-right: 0;
}
.btn-dark {
    background-color: #00c849;
    border: 3px solid black;
    color: #000;
}
.btn-transparent {
    background-color: #fff;
    color: #000;
}
.btnLink {
    border: none;
    background-color: inherit;
    font-size: 18px;
    text-transform: uppercase;
}
.flex {
    display: flex;
}

/* ------------------------------------------------------------ *\
	Card Dashboard
\* ------------------------------------------------------------ */
.dashboardTitle {
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    line-height: 40px;
    text-align: center;
    padding-bottom: 2rem;
}
.card-dashboard {
    background: #00c849;
    border: 2px solid #000;
    max-width: 37rem;
    width: 33rem;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.card-dashboard .card__wrapper {
    position: relative;
}
.card-dashboard .card__wrapper-image {
    position: relative;
    aspect-ratio: 1/0.47;
    background-color: rgba(212, 240, 53, 1);
}
/* .card-dashboard .card__wrapper-image:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%);
} */
.card-dashboard .card__wrapper-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-dashboard .card__wrapper-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
@media (max-width: 1399px) {
    .card-dashboard .card__wrapper-content h2 {
        font-size: 3.7rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card-dashboard .card__wrapper-content h2 {
        font-size: 3.4rem;
    }
}
@media (max-width: 575px) {
    .card-dashboard .card__wrapper-content h2 {
        font-size: 3.2rem;
    }
}
@media (max-width: 374px) {
    .card-dashboard .card__wrapper-content h2 {
        font-size: 3rem;
    }
}
.card-dashboard .card__entry {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.card-dashboard .card__entry-content {
    flex-grow: 1;
    margin-bottom: 3rem;
}
.card-dashboard .card__entry-content h3 {
    margin-bottom: 1.2rem;
    font-family: "GT-Flexa", sans-serif;
}
.card-dashboard .card__entry-content p {
    font-size: 1.4rem;
    line-height: 1.14;
}
/* ------------------------------------------------------------ *\
	Card Invite
\* ------------------------------------------------------------ */
.card-invite {
    border: 2px solid #000000;
    border-radius: 1rem;
    padding: 1.3rem 1rem 1rem 1.4rem;
    display: flex;
    gap: 2rem;
    flex-direction: column;
}

.card-invite h5 {
    font-family: "GT-Flexa", sans-serif;
    margin-bottom: 0.5rem;
}
.card-invite .card__content {
    font-size: 1rem;
    line-height: 1.4;
}
.card-invite .card__content a {
    text-decoration: none;
    transition: 0.4s;

    line-break: anywhere;
}
.card-invite .card__content a:hover {
    color: #016927;
}
/* .card-invite .card__actions,
.card-invite .card__actions a:not(.btn) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}
@media (max-width: 374px) {
    .card-invite .card__actions,
    .card-invite .card__actions a:not(.btn) {
        gap: 0.5rem;
    }
}
.card-invite .card__actions a:not(.btn) {
    transition: color 0.4s;
}
@media (max-width: 374px) {
    .card-invite .card__actions a:not(.btn) svg {
        width: 2rem;
        height: 2rem;
    }
}
.card-invite .card__actions a:not(.btn):hover {
    color: #015e23;
} */
/* ------------------------------------------------------------ *\
	Card Post
\* ------------------------------------------------------------ */
.card-post {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    padding: 7.2rem 2rem 4.6rem;
    text-align: center;
}
.card-post .card__back,
.card-post .card__back img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.card-post .card__back img {
    object-fit: cover;
}
.card-post .card__logo {
    margin-bottom: 7.2rem;
    margin-inline: auto;
}
.card-post .card__logo img {
    max-width: 100%;
    height: auto;
}
.card-post .card__content {
    margin-bottom: 8.9rem;
    position: relative;
    text-transform: uppercase;
}
.card-post .card__content:after {
    content: "";
    display: block;
    width: 10rem;
    height: 0.4rem;
    background-color: #008841;
    position: absolute;
    bottom: -2.2rem;
    left: 50%;
    transform: translateX(-50%);
}
.card-post .card__content h4 {
    margin-bottom: 1.1rem;
    line-height: 2.13;
}
.card-post .card__info {
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: 400;
}
.card-post .card__info img {
    margin-bottom: 2.6rem;
}
.card-post .card__info p {
    margin-bottom: 0;
}
/* Small Card */
.card-post--small {
    padding: 3.1rem 2rem 2.2rem;
}
.card-post--small .card__logo {
    max-width: 10.8rem;
    margin-bottom: 2.4rem;
}
.card-post--small .card__content {
    margin-bottom: 4rem;
}
.card-post--small .card__content:after {
    width: 7rem;
    height: 0.2rem;
    bottom: -1rem;
}
.card-post--small .card__content h2 {
    font-size: 3rem;
}
.card-post--small .card__content h4 {
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 0.8rem;
}
/* Card Post Horizontal */
.card-post--horizontal {
    padding: 3.6rem 2.9rem 1.3rem;
}
@media (max-width: 374px) {
    .card-post--horizontal {
        padding: 3rem 2rem 1rem;
    }
}
.card-post--horizontal .card__logo {
    margin-bottom: 0;
}
.card-post--horizontal .card__wrapper {
    display: grid;
    gap: 0 3.7rem;
    grid-template: auto auto/9.87rem auto;
}
@media (max-width: 374px) {
    .card-post--horizontal .card__wrapper {
        gap: 0 2rem;
        grid-template: auto auto/8.5rem auto;
    }
}
.card-post--horizontal .card__logo {
    grid-row: 1/3;
    grid-column: 1;
    padding-top: 1rem;
}
.card-post--horizontal .card__content {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 1.9rem;
}
.card-post--horizontal .card__content:after {
    width: 5.6rem;
    height: 0.16rem;
    bottom: -1rem;
}
.card-post--horizontal .card__content h4 {
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}
.card-post--horizontal .card__content h2 {
    font-size: 2.4rem;
}
@media (max-width: 374px) {
    .card-post--horizontal .card__content h2 {
        font-size: 2.2rem;
    }
}
.card-post--horizontal .card__info {
    grid-column: 2;
    grid-row: 2;
    max-width: 8.6rem;
    margin: 0 auto;
}
.card-post--horizontal .card__info img {
    max-width: 3.7rem;
    margin-bottom: 0.7rem;
}
/* ------------------------------------------------------------ *\
	Cards Dashboard
\* ------------------------------------------------------------ */
.cards-dashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
/* ------------------------------------------------------------ *\
	Cards Invites
\* ------------------------------------------------------------ */
.cards-invites .cards__item + .cards__item {
    margin-top: 3rem;
}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
    padding: 2rem 0 3rem;
    background: #00c849;
    color: #000;
    text-align: center;
}
.footer .footer__links {
    margin-bottom: 1.4rem;
}
.footer .footer__links ul li {
    font-family: "GT-Flexa Cond Italic", sans-serif;
}
.footer .footer__links ul {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 2.43;
}
.footer .footer__links ul li + li {
    display: flex;
    align-items: center;
}
.footer .footer__links ul li + li:before {
    content: "";
    display: block;
    /* width: 0.1rem;
    height: 1.2rem;
    background-color: #000; */
    margin: 0 0.6rem 0 0.6rem;
}
.footer .footer__links ul li a {
    transition: color 0.4s;
}
.footer .footer__links ul li a:hover {
    font-weight: 900;
}
.footer .footer__copy {
    font-size: 10px;
    font-family: "GT-Flexa Reg";
    font-weight: 400;
}
.footer .footer__copy p {
    margin-bottom: 1.3rem;
}
/* ------------------------------------------------------------ *\
	Form Bets
\* ------------------------------------------------------------ */
.form-bets {
    counter-reset: row;
}
.form-bets .form__row {
    /* border-bottom: 0.1rem solid #676767; */
    padding: 1.95rem 0;

    font-family: "GT-Flexa Cond", sans-serif;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-bets .form__row {
        display: block;
        margin-inline: -3.4rem;
        padding-inline: 3.4rem;
    }
}

.form-bets .form__label {
    text-transform: uppercase;
    font-weight: 700;

    line-height: 1.3;
    font-size: 1.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-bets .form__label {
        margin-bottom: 1.4rem;
        gap: 0.5rem;
        letter-spacing: -0.07em;
        grid-template-columns: 1.5rem 1fr;
    }
}

.form-bets .form__controls {
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
}
.form-bets .form__controls-radio {
    width: calc(50% - 0.6rem);
}
@media (max-width: 374px) {
    .form-bets .form__controls-radio {
        width: 100%;
    }
}
.form-bets .form__controls-radio--large {
    width: 100%;
}
.form-bets .form__actions {
    margin-top: 4rem;
}
.form-bets .form__actions button {
    display: block;
    margin: 0 auto;
}
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid {
    display: flex;
    flex-flow: row wrap;
    /*  Grid col 1of2  */
    /*  Grid col 1of3  */
}
.grid .grid__col {
    max-width: 100%;
    flex: 1;
}
.grid .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%;
}
.grid .grid__col--1of3 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
    width: 100%;
    /* background-color: #d4f035; */
    background: url("./images/banner-desktop.svg") no-repeat;
    background-size: cover;
    background-position: center;
    font-family: "GT-Flexa Cond", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 4rem;
}
@media (max-width: 1399px) {
    .header {
        font-size: 1.4rem;
    }
}
@media (max-width: 1023px) {
    .header {
        padding: 1.4rem 0;
        font-size: 3rem;
    }
}
.header .header__shell {
    display: flex;
    align-items: center;
}
@media (max-width: 1023px) {
    .header .header__shell {
        justify-content: space-between;
        align-items: center;
    }
}
.header .header__menu {
    flex-grow: 1;
    display: flex;
}
@media (max-width: 1023px) {
    .header .header__menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        background-color: #d4f035;
        color: #000;
        z-index: 110;
        display: block;
        text-align: left;
        padding: 11.5rem 3.4rem 13rem;
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s, visibility 0.4s;
    }
    .header .header__menu.is-active {
        opacity: 1;
        visibility: visible;
    }
    .header .header__menu::-webkit-scrollbar {
        display: none;
    }
}
.header .header__nav {
    flex-grow: 1;
    padding-inline: 3rem 9.4rem;
}
@media (max-width: 1399px) {
    .header .header__nav {
        padding-inline: 3rem;
    }
}
@media (max-width: 1399px) {
    .header .header__nav {
        padding-inline: 2rem;
    }
}
@media (max-width: 1023px) {
    .header .header__nav {
        flex-grow: 0;
        padding: 0;
    }
}
.header .header__logo {
    padding: 1.4rem 0;
}
@media (max-width: 1023px) {
    .header .header__logo {
        padding: 0;
    }
}
.header .header__logo,
.header .header__actions {
    flex-shrink: 0;
}
.header .header__actions {
    display: flex;
    align-items: center;
    padding: 1.4rem 0;
}
@media (max-width: 1023px) {
    .header .header__actions {
        display: block;
        padding: 0;
        margin-top: 3rem;
    }
}
.header .header__actions a {
    display: block;
    transition: color 0.4s;
}
@media (max-width: 1023px) {
    .header .header__actions a {
        text-decoration: none;
    }
}
@media (hover: hover) {
    .header .header__actions a:hover {
        color: #015e23;
        text-decoration: underline;
    }
}
@media (hover: hover) and (max-width: 1023px) {
    .header .header__actions a:hover {
        text-decoration: none;
    }
}
.header .header__toggle {
    display: none;
    position: relative;
    z-index: 115;
}
@media (max-width: 1023px) {
    .header .header__toggle {
        display: block;
    }
}

.banner {
    width: 100%;
    display: flex;
    justify-content: center;
}
.banner img {
    margin-top: 4rem;
}
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico-download,
.ico-friends {
    width: 1.8rem;
    height: 1.8rem;
}
.ico-arrow-left,
.ico-home {
    width: 1.9rem;
    height: 1.8rem;
}
.ico-instagram,
.ico-facebook {
    width: 4rem;
    height: 4rem;
}
.ico-x {
    width: 4rem;
    height: 3.8rem;
}
.ico-exit {
    width: 2.4rem;
    height: 2.4rem;
}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro {
    position: relative;
}
@media (max-width: 1199px) {
    .intro {
        overflow: hidden;
    }
}
@media (max-width: 575px) {
    .intro {
        margin-bottom: -2rem;
    }
}
.intro .intro__wrapper {
    position: relative;
}
.intro .intro__aside {
    position: absolute;
    width: 100%;
    /* top: -3.5rem; */
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    text-align: center;
}
@media (max-width: 1199px) {
    .intro .intro__aside {
        width: 62.1rem;
        top: -2rem;
    }
}
.intro .intro__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.intro .intro__content:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 1rem);
    z-index: -1;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 29rem;
    transform: rotate(-12.102deg);
    position: absolute;
    top: 0;
    left: 0;
}
.intro .intro__image {
    width: 100%;
    max-width: 33.8rem;
    margin: 3rem auto;
    height: auto;
}
.intro .intro__image img {
    width: 100%;
    height: auto;
}
/* ------------------------------------------------------------ *\
	List Socials
\* ------------------------------------------------------------ */
.list-socials {
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap: 4.4rem;
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {
    display: block;
    text-decoration: none;
    width: 25rem;
}

.logoTitleEn {
    white-space: nowrap;
    margin-top: 2rem;
    font-size: 16px;
    letter-spacing: 0.2px;
    text-align: center;
}

.logoTitleFr {
    white-space: nowrap;
    margin-top: 2rem;
    font-size: 15.8px;
    letter-spacing: 0;
    text-align: center;
}

@media (max-width: 1023px) {
    .logo {
        max-width: 22rem;
    }

    .logoTitleEn {
        font-size: 14px;
        letter-spacing: 0.3px;
        text-align: center;
    }

    .logoTitleFr {
        font-size: 13.9px;
        letter-spacing: 0;
        text-align: center;
    }
}
.logo img {
    width: 100%;
    height: auto;
}
/* ------------------------------------------------------------ *\
	Menu Toggle
\* ------------------------------------------------------------ */
.menu-toggle {
    position: relative;
    z-index: 115;
}
.menu-toggle span {
    display: block;
    width: 3rem;
    height: 0.3rem;
    background-color: #000;
    border-radius: 0.2rem;
    opacity: 1;
    transition: opacity 0.2s, transform 0.4s, background-color 0.4s;
}
.menu-toggle span + span {
    margin-top: 0.6rem;
}
.menu-toggle.is-active span {
    background-color: #000;
}
.menu-toggle.is-active span:first-child {
    transform: translateY(0.9rem) rotate(45deg);
}
.menu-toggle.is-active span:nth-child(2) {
    transform: translateX(100vw);
    opacity: 0;
}
.menu-toggle.is-active span:last-child {
    transform: translateY(-0.9rem) rotate(-45deg);
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
    height: 100%;
}
.nav ul {
    list-style-type: none;
    display: flex;
    color: #000;
    justify-content: center;
    gap: 3.05rem;
    height: 100%;
}
@media (max-width: 1399px) {
    .nav ul {
        gap: 2rem;
    }
}
@media (max-width: 1399px) {
    .nav ul {
        gap: 1.5rem;
    }
}
@media (max-width: 1023px) {
    .nav ul {
        flex-direction: column;
        gap: 3rem;
        justify-content: start;
    }
}
.nav li.is-current a {
    color: #015e23;
}
.nav a {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 3.4rem 0;
    text-decoration: none;
    transition: color 0.4s;
}
@media (max-width: 1023px) {
    .nav a {
        padding: 0;
    }
}
@media (hover: hover) {
    .nav a:hover {
        color: #015e23;
    }
}
@media (hover: hover) and (max-width: 1023px) {
    .nav a:hover {
        color: #000;
    }
}
.nav li.has-dropdown {
    position: relative;
}
.nav .nav__dropdown {
    z-index: 10;
    position: absolute;
    top: 100%;
    left: -2rem;
    width: fit-content;
    min-width: 13rem;
    background-color: #1a1a1a;
    padding: 2rem 0;
    border-radius: 0 0 0.4rem 0.4rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, visibility 0.4s;
}
@media (max-width: 1023px) {
    .nav .nav__dropdown {
        opacity: 1;
        visibility: visible;
        position: static;
        width: 100%;
        min-width: unset;
        background-color: transparent;
        font-size: 2.6rem;
        display: grid;
        grid-template-rows: 0;
        padding: 0;
        transition: grid-template-rows 0.4s;
    }
}
.nav li.has-dropdown.is-open .nav__dropdown {
    grid-template-rows: 1fr;
}
.nav li.has-dropdown:hover .nav__dropdown {
    opacity: 1;
    visibility: visible;
}
.nav .nav__dropdown ul {
    flex-direction: column;
    gap: 1.4rem;
    width: 100%;
}
@media (max-width: 1023px) {
    .nav .nav__dropdown ul {
        gap: 2rem;
        overflow: hidden;
        margin: 1rem 0 0 2rem;
    }
}
.nav .nav__dropdown ul li {
    padding: 0 2rem;
}
@media (max-width: 1023px) {
    .nav .nav__dropdown ul li {
        padding: 0;
    }
}
.nav .nav__dropdown ul li a {
    padding: 0;
}
/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */
.radio label {
    border-radius: 0.4rem;
    display: block;
    border: 0.1rem solid #ffd100;
    background-color: #151515;
    text-align: center;
    /* text-transform: uppercase; */
    text-transform: none;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    padding: 2.05rem;
    transition: background-color 0.4s, color 0.4s;
}
.radio input {
    display: none;
}
.radio input:checked + label {
    background-color: #ffd100;
    color: #000;
}
/* ------------------------------------------------------------ *\
	Section Cards
\* ------------------------------------------------------------ */
.section-cards {
    padding: 5.2rem 0 16.9rem;
}
@media (max-width: 1023px) {
    .section-cards {
        padding: 3rem 0 13rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-cards {
        padding: 1.8rem 0 9.5rem;
    }
}
/* ------------------------------------------------------------ *\
	Section Entries
\* ------------------------------------------------------------ */
.section-entries {
    padding-bottom: 10rem;
}
@media (max-width: 1023px) {
    .section-entries {
        padding-bottom: 7.5rem;
    }
}
.section-entries .section__head {
    margin-bottom: 4rem;
}
@media (max-width: 575px) {
    .section-entries .section__head {
        line-height: 1.15;
    }
}
.section-entries .section__head h1 {
    margin-bottom: 1.6rem;
    text-transform: uppercase;
}
.section-entries .section__body-entry + .section__body-entry {
    margin-top: 5rem;
}
.section-entries .section__entry-card {
    margin-bottom: 2rem;
}
/* .section-entries .section__entry-content h4 {
    margin-bottom: 1.6rem;
    font-family: "GT-Flexa", sans-serif;
} */
.section-entries .section__foot {
    display: none;
    padding-top: 13.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-entries .section__foot {
        display: block;
    }
}
/* ------------------------------------------------------------ *\
	Section Listing
\* ------------------------------------------------------------ */
.section-listing {
    padding: 0 0 10rem;
}
@media (max-width: 575px) {
    .section-listing {
        padding-bottom: 6rem;
    }
}
.section-listing .section__head {
    margin-bottom: 2.1rem;
    font-size: 1.4rem;
    line-height: 1.1;
}
.section-listing .section__head h1:not(:last-child) {
    margin-bottom: 1.6rem;
}
.section-listing .section__head p:not(:last-child) {
    margin-bottom: 1.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-listing .section__head p:not(:last-child) {
        margin-bottom: 2.2rem;
    }
}
.section-listing .section__head span {
    display: block;
    width: fit-content;
    border: 0.3rem solid #008841;
    font-family: "GT-Flexa Cond", sans-serif;
    padding: 1rem 1.5rem 1.2rem;
    font-size: 2.4rem;
    font-weight: 900;
}
.section-listing .section__body {
    margin-bottom: 2.4rem;
}
.section-listing .section__body ul {
    list-style-type: none;
    counter-reset: list-number;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    font-family: "GT-Flexa Cond", sans-serif;
}
.section-listing .section__body ul li {
    display: grid;
    grid-template-columns: 1fr 9rem;
    gap: 1.4rem;
    counter-increment: list-number;
}
@media (max-width: 374px) {
    .section-listing .section__body ul li {
        display: block;
    }
}
.section-listing .section__body ul li + li {
    margin-top: -0.08rem;
}
@media (max-width: 374px) {
    .section-listing .section__body ul li + li {
        margin-top: 1.5rem;
    }
}
.section-listing .section__body ul li p {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1.4rem 1fr;
    gap: 0.4rem;
}
@media (max-width: 374px) {
    .section-listing .section__body ul li p {
        display: block;
        margin-bottom: 0.5rem;
    }
}
.section-listing .section__body ul li span {
    display: block;
    flex-shrink: 0;
    text-align: right;
}
@media (max-width: 374px) {
    .section-listing .section__body ul li span {
        display: inline;
    }
}
.section-listing .section__body ul li span:before {
    content: counter(list-number) ". ";
}
.section-listing .section__body ul li strong {
    font-weight: 700;
    color: #015e23;
}
.section-listing .section__foot {
    display: flex;
    gap: 1.8rem;
}
@media (max-width: 374px) {
    .section-listing .section__foot {
        flex-direction: column;
        gap: 1.2rem;
    }
}
.section-listing .section__form {
    margin-top: 4.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-listing .section__form {
        margin-top: 0;
    }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {
    padding-bottom: 17.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section {
        padding-bottom: 5rem;
    }
}
.section .section__head,
.section .section__head-title {
    margin-bottom: 3rem;
}
.section .section__head-actions {
    display: flex;
    justify-content: space-between;
    gap: 0.3rem;
}
@media (max-width: 374px) {
    .section .section__head-actions {
        flex-direction: column;
        gap: 1rem;
    }
}
.section .section__body-entry + .section__body-entry {
    margin-top: 3rem;
}
.section .section__entry-title {
    margin-bottom: 1.6rem;
}
/* .section .section__entry-title h4 {
    font-family: "GT-Flexa", sans-serif;
} */
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
    max-width: calc(32.2rem + 3.4rem * 2);
    padding-left: 2rem;
    padding-right: 2rem;
    margin: auto;
    width: 100%;
}
/* Shell Medium */
.shell--medium {
    max-width: calc(72.2rem + 3.4rem * 2);
    padding-left: 3.4rem;
    padding-right: 3.4rem;
    margin: auto;
    width: 100%;
}
/* Shell Large */
.shell--large {
    max-width: calc(137.8rem + 3.4rem * 2);
    padding-left: 3.4rem;
    padding-right: 3.4rem;
    margin: auto;
    width: 100%;
}
/* Shell Fluid */
.shell--fluid {
    max-width: none;
    padding-inline: 6rem;
}
@media (max-width: 1399px) {
    .shell--fluid {
        padding-inline: 3.4rem;
    }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.wrapper .wrapper__inner {
    flex-grow: 1;
    background-color: #00c849;
}
/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Section accordion
\* ------------------------------------------------------------ */
.section-accordion.section-alt .section__body p {
    margin-bottom: 2.8rem;
}
/* ------------------------------------------------------------ *\
	Section alt
\* ------------------------------------------------------------ */
.section-alt {
    padding: 0.3rem 0 5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-alt {
        padding: 0.3rem 3rem 3rem;
    }
}
.section-alt .section__head {
    margin-bottom: 3rem;
}
.section-alt .section__body {
    margin-bottom: 3rem;
}
.section-alt .section__logo {
    display: inline-block;
    margin-bottom: 3.4rem;
}
.section-alt .section__images-group img + img {
    margin-top: 3rem;
}
/* Section alt primary */
@media (max-width: 1023px) {
    .section-alt--primary {
        padding: 0.3rem 0 3rem;
    }
}
.section-alt--primary .section__head {
    margin-bottom: 3.2rem;
}
@media (max-width: 1023px) {
    .section-alt--primary .section__head {
        margin-bottom: 2.2rem;
    }
}
.section-alt--primary .section__body {
    margin-bottom: 2rem;
}
/* Section alt secondary */
.section-alt--secondary {
    padding: 2rem 0 5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-alt--secondary {
        padding: 3rem 0 2.8rem;
    }
}
.section-alt--secondary .section__head {
    margin-bottom: 2.4rem;
}

/* ------------------------------------------------------------ *\
	Field
\* ------------------------------------------------------------ */
.field {
    display: block;
    width: 100%;
    background: #00c849;
    color: #000;
    font-family: "GT-Flexa", sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    appearance: none;
    border: 2px solid #000;
    border-radius: 6px;
    transition: border 0.4s;
    padding: 0 2rem;
    height: 4.8rem;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #00c849 inset !important;
}
.fieldSmall {
    padding: 0 1rem;
}
.field:focus {
    border: 3px solid #000;
}
/* Field center */
.field--center {
    text-align: center;
}
/* Field light */
.field--light {
    height: 4rem;
    padding: 0 1.2rem;
    background: #00c849;
    border: 0.1rem solid #00c849;
    color: #000;
}
.field--light::placeholder {
    color: rgba(0, 0, 0, 0.5);
}
/* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */
.checkbox input {
    display: none;
}
.checkbox input:checked + label:after {
    display: inline-block;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 4.4rem;
    font-size: 1.4rem;
    font-family: "GT-Flexa Reg", sans-serif;
    line-height: 1.2;
}
.checkbox label:before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border: 2px solid #000;
    border-radius: 0.4rem;
    background-color: #00c849;
    position: absolute;
    top: -0.7rem;
    left: 0;
}
.checkbox label:after {
    content: "";
    display: none;
    background-image: url(../assets/images/checkWhite.svg);
    width: 1.6rem;
    height: 1.1rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0.2rem;
    left: 0.7rem;
    z-index: 1;
    pointer-events: none;
}
.checkbox a {
    display: inline-block;
    position: relative;
    text-decoration: underline;
}
.checkbox a:hover {
    text-decoration: underline;
    color: #01742b;
}
/* ------------------------------------------------------------ *\
	Checkboxes
\* ------------------------------------------------------------ */
.checkboxes ul {
    list-style-type: none;
}
.checkboxes li + li {
    margin-top: 3.7rem;
}
/* ------------------------------------------------------------ *\
	Datepicker
\* ------------------------------------------------------------ */
.datepicker .form__controls {
    position: relative;
}
.datepicker .form__controls:before {
    content: "";
    display: inline-block;
    background-image: url(images/svg/calendar.svg);
    width: 2.2rem;
    height: 2.2rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    z-index: 1;
    pointer-events: none;
}
.datepicker .field--light {
    padding: 0 3.2rem 0 1.2rem;
}

/* ////////////////////////////////////NEW/////////////////////////////////////// */

.link-btn {
    border: none;
    background-color: transparent;
    text-decoration: underline;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.buttonLink {
    font-family: "GT-Flexa Cond Italic", sans-serif;
    border: none;
    background-color: transparent;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 700;
}
.buttonLink:hover {
    text-decoration: none;
}

.submitted-title {
    padding: 20px 0;
}
.submitted_picks {
    margin-left: 2rem;
}
.submitted_picks li {
    padding-bottom: 2rem;
}

.submitted_question {
    padding-bottom: 0px;
    margin-bottom: 1rem;
    font-size: 14px;
}

.submitted_answer {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.submitted_number {
    vertical-align: top;
    width: 25px;
}
.submitted-actions {
    display: flex;
    gap: 20px;
}

/* Phones Portrait */

@media (min-width: 360px) and (max-width: 400px) and (orientation: portrait) {
    .popup {
        width: auto;
    }
    .popup .popup__body {
        max-height: auto;
    }
}

@media (min-width: 401px) and (max-width: 450px) and (orientation: portrait) {
    .popup {
        width: auto;
    }
    .popup .popup__body {
        max-height: auto;
    }
}

@media (min-width: 451px) and (max-width: 500px) and (orientation: portrait) {
    .popup {
        width: auto;
    }
    .popup .popup__body {
        max-height: auto;
    }
}

/* Tablets Lanscape */

@media (min-width: 767px) and (max-width: 800px) and (orientation: portrait) {
    .popup {
        width: auto;
    }
    .popup .popup__body {
        max-height: 100%;
    }
}

/* Desktop */

@media (min-width: 1200px) and (max-width: 1300px) and (orientation: landscape) {
    .popup {
        width: 500px;
    }
}

@media (min-width: 1301px) and (max-width: 1400px) and (orientation: landscape) {
    .popup {
        width: 500px;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) and (orientation: landscape) {
    .popup {
        width: 500px;
    }
}

@media (min-width: 1501px) and (max-width: 1600px) and (orientation: landscape) {
    .popup {
        width: 500px;
    }
}

@media (min-width: 1901px) and (orientation: landscape) {
    .popup {
        width: 500px;
    }
}

.head {
    font-size: 16px;
    font-family: "GT Eesti";
    font-weight: 900;
    font-style: normal;
}

.thanks_head {
    font-size: 18px;
    font-family: "GT Eesti";
    font-weight: 900;
    font-style: normal;
}

.tickImg {
    margin-bottom: 30px;
}

/* Modal styles */

.popup {
    position: relative;
    /* padding: 4.7rem 2rem; */
    margin: 0 auto;
    /* width: 100%; */
    max-width: 93.6rem;
    background: #00c849;
    border: 0.1rem solid #151515;
    color: #fff;
    border-radius: 12px;
}
.popup p {
    margin-bottom: 1.8rem;
    font-size: 14px;
    font-family: "GT-Flexa", sans-serif;
    letter-spacing: 0.02rem;
}
.popup .popup__inner {
    max-width: 63rem;
    margin: 0 auto;
}
.popup .popup__head {
    text-align: center;
    margin-bottom: 1.5rem;
}
.popup .popup__head h4 {
    font-weight: 900;
    color: #252525;
}
.popup .popup__body {
    max-height: 52.2rem;
    overflow-y: auto;
    margin-bottom: 9.5rem;
    padding-right: 1.2rem;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 2000px) {
    .popup .popup__body {
        max-height: 35rem;
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 1600px) {
    .popup .popup__body {
        max-height: 25rem;
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 1500px) {
    .popup .popup__body {
        max-height: 24rem;
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 1400px) {
    .popup .popup__body {
        max-height: 19rem;
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 1300px) {
    .popup .popup__body {
        max-height: 30rem;
        margin-bottom: 2rem;
    }
}
/* @media (max-width: 767px),
    screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__body {
      max-height: 24rem;
      margin-bottom: 2.5rem;
    }
  } */
.popup .popup__body::-webkit-scrollbar {
    width: 1rem;
}
.popup .popup__body::-webkit-scrollbar-track {
    background: #151515;
}
.popup .popup__body::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 0.5rem;
}
.popup .popup__foot {
    text-align: center;
}
.popup .popup__btn {
    max-width: 34.8rem;
    padding: 1.4rem 2.1rem;
    line-height: 1.2;
}

.close {
    position: absolute;
    top: 15px;
    right: 16px;
    z-index: 10;
}
.closeWhite {
    position: absolute;
    top: 50%;
    right: -3px;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.white {
    color: rgb(0, 0, 0);
    background-color: #fff;
}
.toastBody {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    align-items: center;
}
.check {
    padding: 5px;
    background-color: #30db56;
    border-radius: 50px;
}

.center {
    text-align: center;
}
.question {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}

.question span {
    width: 60px;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form .form__label {
    margin-bottom: 0.3rem;
    display: block;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bold;
}
.form .form__label--alt {
    margin-bottom: 0.6rem;
    font-family: "GT-Flexa Italic", sans-serif;
    font-weight: normal;
    text-transform: none;
}
.form__row .form__label--alt {
    text-transform: uppercase;
}
.form .form__row + .form__row {
    margin-top: 1.7rem;
}
.form .form__row + .form__checkboxes {
    margin-top: 3.6rem;
}
.form .form__asterisk {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 1.8rem;
}
/* Form date */
.form--date .form__head {
    margin-bottom: 5.2rem;
}
.form--date .form__head h1 {
    /* max-width: 27rem; */
    font-family: "GT-Flexa Cond Italic", sans-serif;
    margin: 0 auto;
}
.form--date .form__body {
    margin-bottom: 3rem;
}
@media (max-width: 374px) {
    .form--date .form__grid {
        display: block;
    }
}
@media (max-width: 374px) {
    .form--date .form__grid .grid__col--1of3 {
        max-width: 100%;
    }
}
@media (max-width: 374px) {
    .form--date .form__grid .grid__col + .grid__col {
        margin-top: 2rem;
    }
}
@media (max-width: 374px) {
    .form--date .form__grid .form__controls {
        max-width: 10.8rem;
        margin: 0 auto;
    }
}
/* Form registration */
.form--registration h1 {
    margin-bottom: 2.8rem;
    font-family: "GT-Flexa Cond Italic", sans-serif;
}
.form--registration a {
    text-decoration: underline;
}
.form--registration a:hover {
    text-decoration: underline;
    color: #015e23;
}
.form--registration .form__head {
    margin-bottom: 2.6rem;
}
.form--registration .form__head p {
    font-size: 1.4rem;
}
.form--registration .form__body {
    margin-bottom: 4rem;
    text-align: left;
}
/* .form--registration .form__foot h4 {
    font-family: "GT-Flexa Cond", sans-serif;
    font-weight: bold;
} */
.form--registration .form__btn {
    margin-bottom: 3rem;
}
/* Form primary */
.form--primary .form__head {
    margin-bottom: 0.8rem;
}
.form--primary .form__body {
    margin: 0 -2.7rem 2.6rem;
}
@media (max-width: 374px) {
    .form--primary .form__body {
        margin: 0 -1.5rem 2.6rem;
    }
}
.form--primary .form__group + .form__group {
    border-top: 0.1rem solid #676767;
}
.form--primary .form__group-inner h6 {
    line-height: 1.28;
    margin-bottom: 1.5rem;
    margin-right: 0.5rem;
    font-family: "GT-Flexa Cond", sans-serif;
}
.form--primary .form__group-inner {
    padding: 2.1rem 2.7rem 2.3rem;
    border-top: 0.1rem solid #676767;
}
@media (max-width: 374px) {
    .form--primary .form__group-inner {
        padding: 2.1rem 1.5rem 2.3rem;
    }
}
.form--primary .form__info {
    padding: 2rem 2.7rem;
}
@media (max-width: 374px) {
    .form--primary .form__info {
        padding: 2rem 1.5rem;
    }
}
/* Form declaration */
.form--declaration h4 {
    margin-bottom: 2rem;
    font-family: "GT-Flexa Cond", sans-serif;
    text-transform: none;
}
.form--declaration p {
    /* margin-bottom: 2.6rem; */
    font-size: 1.4rem;
    font-family: "GT-Flexa Cond", sans-serif;
    line-height: 1.57;
}
.form--declaration .form__head {
    margin-bottom: 3rem;
    text-align: center;
}
.form--declaration .form__body {
    margin-bottom: 3.2rem;
}
.form--declaration .form__group + .form__group {
    margin-top: 1.9rem;
}
.form--declaration .form__entry {
    margin-top: 2.8rem;
    height: 20.2rem;
    overflow-y: auto;
    padding-right: 1rem;
}
.form--declaration .form__entry::-webkit-scrollbar {
    width: 1rem;
}
.form--declaration .form__entry::-webkit-scrollbar-track {
    background: transparent;
}
.form--declaration .form__entry::-webkit-scrollbar-thumb {
    background: #9f9f9f;
    border-radius: 0.5rem;
}
.form--declaration .form__entry p {
    font-size: 1.4rem;
    font-family: "GT-Flexa Cond", sans-serif;
}
/* Form signature */
.form--signature h4 {
    font-family: "GT-Flexa Cond", sans-serif;
}
.form--signature .form__head {
    margin-bottom: 1.7rem;
}
.form--signature .form__body {
    margin-bottom: 2rem;
}
/* Form login */
.form.form--login h1 {
    text-transform: uppercase;
}
.form.form--login a {
    display: inline-flex;
    font-size: 1.4rem;
    text-decoration: underline;
}
.form.form--login a:hover {
    color: #40a83c;
}
.form.form--login .form__head {
    margin-bottom: 2.6rem;
}
.form.form--login .form__body {
    margin-bottom: 2.9rem;
    text-align: left;
}
.form.form--login .form__row + a {
    margin-top: 1.8rem;
}
.form.form--login .form__row + .form__row {
    margin-top: 2rem;
}
/* Form questions */
.form.form--questions h2 {
    margin-bottom: 3.4rem;
    font-family: "GT-Flexa", sans-serif;
    color: #373a3c;
}
.form.form--questions h4 {
    margin-bottom: 1.5rem;
    font-family: "GT-Flexa", sans-serif;
    color: #373a3c;
}
.form.form--questions .form__body {
    margin-bottom: 5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__body {
        margin-bottom: 4rem;
    }
}
.form.form--questions .form__row + .form__grid {
    margin-top: 1.7rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__row + .form__grid {
        margin-top: 1.6rem;
    }
}
.form.form--questions .form__grid + .form__grid {
    margin-top: 1.7rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__grid + .form__grid {
        margin-top: 1.6rem;
    }
}
.form.form--questions .form__group + .form__group {
    margin-top: 3.2rem;
}
.form.form--questions .form__group-inner + .form__group-inner {
    margin-top: 4.3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__group-inner + .form__group-inner {
        margin-top: 4.1rem;
    }
}
.form.form--questions .form__group-wrapper h2 {
    font-family: "GT-Flexa", sans-serif;
    color: #373a3c;
}
.form.form--questions .form__group-wrapper + .form__group-wrapper {
    margin-top: 4.3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__group-wrapper + .form__group-wrapper {
        margin-top: 3rem;
    }
}
.form.form--questions .form__grid {
    margin: 0 -1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__grid {
        display: block;
    }
}
.form.form--questions .form__grid .grid__col {
    padding: 0 1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__grid .grid__col + .grid__col {
        margin-top: 1.6rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__grid .grid__col--size-1 {
        max-width: 100%;
    }
}
.form.form--questions .form__btn {
    padding: 1.3rem 3.8rem;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "GT-Flexa", sans-serif;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions .form__btn {
        display: block;
        padding: 1.6rem 3.8rem;
        width: 100%;
        font-size: 1.8rem;
    }
}
/* Form questions alt */
.form.form--questions--alt h4 {
    margin-bottom: 1.8rem;
}
.form.form--questions--alt p {
    margin-bottom: 1.8rem;
}
.form.form--questions--alt .form__body {
    margin-bottom: 4.2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--questions--alt .form__body {
        margin-bottom: 5.46rem;
    }
}
/* Form main */
.form--main h4 {
    font-family: "GT-Flexa Cond", sans-serif;
}
.form--main p {
    color: #1a1a1a;
}
.form--main .form__head {
    margin-bottom: 1.2rem;
}
.form--main .form__body {
    margin-bottom: 7.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form--main .form__body {
        margin-bottom: 5.6rem;
    }
}
.form--main .form__foot .list--buttons {
    justify-content: flex-end;
}
@media (max-width: 374px) {
    .form--main .form__foot .list--buttons {
        flex-flow: column wrap;
    }
}
@media (max-width: 429px) {
    .form--main .form__foot .list--buttons li {
        flex: 0 0 50%;
    }
}
@media (max-width: 374px) {
    .form--main .form__foot .list--buttons li {
        flex: 0 0 100%;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .form--main .form__foot .list--buttons li + li {
        margin-top: 1.7rem;
    }
}
.form--main .form__foot .btn {
    padding: 1.6rem 3.6rem;
    min-width: 14.8rem;
}
@media (max-width: 429px) {
    .form--main .form__foot .btn {
        padding: 1.6rem 1rem;
        min-width: auto;
        width: 100%;
    }
}
/* Form matchup */
.form.form--matchup .form__group + .form__group {
    margin-top: 3.6rem;
}
.form.form--matchup .form__row + .form__grid {
    margin-top: 2rem;
}
.form.form--matchup .form__group-inner {
    margin-bottom: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form.form--matchup .form__group-inner h2 {
    margin: 0 1rem 0 0;
    font-family: "GT-Flexa", sans-serif;
}
.form.form--matchup .form__body {
    margin-bottom: 3.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__body {
        margin-bottom: 3rem;
    }
}
.form.form--matchup .form__foot .list--buttons {
    margin: 0 -1.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__foot .list--buttons {
        flex-flow: column;
    }
}
.form.form--matchup .form__foot .list--buttons li {
    padding: 0 1.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__foot .list--buttons li {
        flex: 0 0 100%;
        width: 100%;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__foot .list--buttons li:nth-child(1) {
        order: 2;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__foot .list--buttons li:nth-child(2) {
        margin-bottom: 2.2rem;
        order: 1;
    }
}
.form.form--matchup .form__foot .list--buttons .btn {
    padding: 1.2rem 1.7rem;
    font-size: 1.6rem;
    font-weight: bold;
    min-width: 14rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__foot .list--buttons .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 1.1rem 1rem;
    }
}
.form.form--matchup .form__controls select {
    color: rgba(0, 0, 0, 0.5);
}
.form.form--matchup .form__controls select.placeholder {
    color: #000;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__grid .grid__col--1of2 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form--matchup .form__grid .grid__col + .grid__col {
        margin-top: 1.7rem;
    }
}
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1.2rem;
    /*  Grid col 1of2  */
    /*  Grid col 1of3  */
    /*  Grid col size 1  */
    /*  Grid col size 2  */
}
.grid .grid__col {
    max-width: 100%;
    flex: 1;
    padding: 0 1.2rem;
}
.grid .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%;
}
.grid .grid__col--1of3 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
}
.grid .grid__col--size-1 {
    max-width: calc(100% - 12.2rem);
    flex: 1;
}
.grid .grid__col--size-2 {
    max-width: 12.2rem;
    flex: 0 0 12.2rem;
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
[class*="ico-"] {
    display: inline-block;
}
.ico-plus-circle {
    width: 2.2rem;
    height: 2.2rem;
}
/* ------------------------------------------------------------ *\
	Info
\* ------------------------------------------------------------ */
.info h1 {
    margin: 0 2rem 0 0 !important;
}
.info i {
    flex: 0 0 1.8rem;
}
.info .info__inner {
    padding: 1.5rem 1.9rem;
    display: inline-flex;
    align-items: center;
    border: 0.3rem solid #40a83c;
}
/* ------------------------------------------------------------ *\
	link main
\* ------------------------------------------------------------ */
.link-main {
    display: flex;
    align-items: center;
    font-family: "GT-Flexa Cond", sans-serif;
    font-size: 2.4rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #1a1a1a;
}
.link-main i {
    display: inline-block;
    margin: 0 0.8rem 0.3rem 0;
}
.link-main span {
    display: inline-block;
}
/* ------------------------------------------------------------ *\
	List buttons
\* ------------------------------------------------------------ */
.list--buttons {
    list-style-type: none;
}
.list--buttons li + li {
    margin-top: 2.1rem;
}
/* ------------------------------------------------------------ *\
	List buttons alt
\* ------------------------------------------------------------ */
.list--buttons-alt {
    display: flex;
    align-items: center;
    margin: 0 -1rem;
}
.list--buttons-alt li {
    padding: 0 1rem;
    flex: 0 0 50%;
}
.list--buttons-alt li + li {
    margin-top: 0;
}
/* ------------------------------------------------------------ *\
	List buttons secondary
\* ------------------------------------------------------------ */
.list--buttons-secondary {
    display: flex;
    align-items: center;
    margin: 0 -1rem;
}
.list--buttons-secondary li {
    padding: 0 1rem;
}
.list--buttons-secondary li + li {
    margin-top: 0;
}
/* ------------------------------------------------------------ *\
	Magnific
\* ------------------------------------------------------------ */
.mfp-container {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
}
@media (max-width: 374px) {
    .mfp-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.mfp-close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    opacity: 1;
    color: #1a1a1a;
    font-size: 3.2rem;
    font-weight: 300;
    font-size: 0;
    transition: opacity 0.4s;
}
.mfp-close:active {
    top: 1.2rem;
}
.mfp-close:hover {
    opacity: 0.7;
}
.mfp-close:before {
    content: "";
    display: inline-block;
    background-image: url(assets/images/svg/close.svg);
    width: 1.4rem;
    height: 1.4rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 1.4rem;
    right: 1.4rem;
    z-index: 1;
    pointer-events: none;
}
.mfp-bg {
    background: rgba(0, 0, 0, 0.5);
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {
    padding-bottom: 12rem;
    min-height: calc(100% - 6rem);
    text-align: center;
}
.main .main__background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .main .main__background {
        width: auto;
        left: -7.5rem;
        right: -7.5rem;
    }
}
.main .main__background img {
    width: 100%;
}
.main .main__inner {
    position: relative;
    z-index: 1;
}
/* Main alt */
.main--alt {
    text-align: left;
    padding-bottom: 0;
    min-height: calc(100% - 8rem);
}
@media (max-width: 1023px) {
    .main--alt {
        min-height: calc(100% - 6rem);
    }
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */
.popup {
    position: relative;
    /* color: #1a1a1a; */
    width: 100%;
    max-width: 37.4rem;
    margin: 0 auto;
}
.popup .popup__inner {
    display: block;
    border-radius: 0.4rem;
    background: #fff;
    padding: 2.4rem 1.8rem 3rem;
}
.popup .popup__inner .btn--outline-success {
    color: #1a1a1a;
}
.popup .popup__inner .btn--outline-success:hover {
    color: #fff;
}
.popup .popup__inner .btn--success {
    color: #fff;
}
.popup .popup__inner .btn--success:hover {
    color: #1a1a1a;
}
/* Popup alt */
.popup--alt {
    max-width: 58rem;
}
.popup--alt .popup__inner {
    padding: 6rem 6rem 6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--alt .popup__inner {
        padding: 6rem 3rem 6rem;
    }
}
@media (max-width: 374px) {
    .popup--alt .popup__inner {
        padding: 6rem 3rem 3rem;
    }
}
.popup--alt .popup__inner .btn--success {
    color: #fff;
}
.popup--alt .popup__inner .btn--success:hover {
    color: #40a83c;
}
.quantity {
    position: relative;
    width: 100%;
}
.quantity .quantity__field {
    padding: 0 2rem 0 0.8rem;
    color: rgba(0, 0, 0, 0.5);
    /* -moz-appearance: textfield; */
}
.quantity .quantity__field::-webkit-inner-spin-button,
.quantity .quantity__field::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.quantity .quantity__field:focus {
    color: rgb(0, 0, 0);
}
.quantity .quantity__btn {
    position: absolute;
    right: 0;
    width: 2rem;
    height: 1.5rem;
    cursor: pointer;
}
.quantity .quantity__btn:before {
    content: "";
    display: inline-block;
    background-image: url(../assets/images/svg/arrow-solid.svg);
    width: 0.7rem;
    height: 1.2rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    left: 0;
}
.quantity .quantity__btn--up {
    top: 0.6rem;
}
.quantity .quantity__btn--up:before {
    top: 0;
    transform: rotate(90deg);
}
.quantity .quantity__btn--down {
    top: 2.2rem;
}
.quantity .quantity__btn--down:before {
    transform: rotate(-90deg);
}
/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */
.radio input {
    display: none;
}
.radio input:checked + label {
    background: rgba(212, 240, 53, 1);
    color: #1a1a1a;
}
.radio input:checked + label span {
    color: #1a1a1a;
}
.radio label {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    /* text-transform: uppercase; */
    border-radius: 0.4rem;
    height: 5.8rem;
    border: 0.2rem solid #000;
    background: inherit;

    padding: 0.7rem 0.2rem 0.3rem;
    font-size: 1.4rem;
    font-family: "GT-Flexa", sans-serif;
    font-weight: normal;
    text-align: center;
}
@media (max-width: 374px) {
    .radio label {
        font-size: 1.3rem;
    }
}
.radio label span {
    margin-top: 0.3rem;
    display: block;
    color: #40a83c;
}
@media (max-width: 374px) {
    .radio label span {
        margin-top: 0;
    }
}
/* ------------------------------------------------------------ *\
	Radio alt
\* ------------------------------------------------------------ */
.radio--alt input {
    display: none;
}
.radio--alt input:checked + label:after {
    display: inline-block;
}
.radio--alt label {
    position: relative;
    display: inline-block;
    padding-left: 3.5rem;
}
.radio--alt label:before {
    content: "";
    display: inline-flex;
    width: 2.6rem;
    height: 2.6rem;
    border: 0.1rem solid #676767;
    border-radius: 50%;
    position: absolute;
    top: -0.4rem;
    left: 0;
}
.radio--alt label:after {
    content: "";
    display: none;
    width: 1.6rem;
    height: 1.6rem;
    background: #676767;
    border-radius: 50%;
    position: absolute;
    top: 0.1rem;
    left: 0.5rem;
}
/* ------------------------------------------------------------ *\
	Radios
\* ------------------------------------------------------------ */
.radios ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin: 0 -0.7rem;
}
.radios li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.7rem;
}
/* ------------------------------------------------------------ *\
	Radios
\* ------------------------------------------------------------ */
.radios--alt ul {
    list-style-type: none;
}
.radios--alt li + li {
    margin-top: 2.3rem;
}
/* ------------------------------------------------------------ *\
	Section accordion
\* ------------------------------------------------------------ */
.section-accordion.section-alt .section__body p {
    margin-bottom: 2.8rem;
}

.error {
    color: #6f0403;
    border-color: #6f0403 !important;
}

.error-message {
    margin-top: 15px;
    /* margin-bottom: 25px; */
    color: #6f0403;
    font-weight: 400;
    font-size: 12px;
}
.error-message img {
    width: 18px;
    margin-top: -2px;
    padding-right: 5px;
}
.passwordControl {
    position: relative;
}
.passwordControl .viewPass {
    position: absolute;
    right: 10px;
    top: 35px;
    border: none;
    background: transparent;
}

.splash_controls {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 50px;
}
.width100 {
    width: 100%;
}
.twoLinksInRow {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    flex-direction: row;
}
.twoInRaw {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-direction: column;
}

.leaderBox {
    display: flex;
    justify-content: space-between;
    /* gap: 30px; */
    border-radius: 15px;
    padding: 20px 20px 10px;
    margin-bottom: 10px;
}
.backgroundDark {
    background: #202020;
}
.backgroundGreen {
    background: #00c849;
    color: #000;
}
.leaderHeader {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0px;
}
.leaderHeader p {
    margin-bottom: 10px;
}
.grin {
    color: #015e23;
}
.paddingRight5 {
    padding-right: 5rem;
}
.paddingRight2 {
    padding-right: 2rem;
}
.leaderTitle {
    display: flex;
    justify-content: center;
    letter-spacing: 2px;
    gap: 40px;
    padding-top: 2rem;
    border-bottom: 1px solid rgba(128, 128, 128, 0.447);
}
.underline {
    padding-bottom: 10px;
    border-bottom: 3px solid #00c849;
}
.pointer {
    cursor: pointer;
}

/*               */
/* Custom Select */
/*               */
.custom-select {
    position: relative;
}
select {
    appearance: none;
    /* safari */
    -webkit-appearance: none;
    font-size: 1.15rem;
    padding-left: 15px;
    padding-right: 15px;
    border: 2px solid #414141;
    border-radius: 0.25rem;
    cursor: pointer;
}
select option {
    background: inherit;
    color: #000;
}
.custom-select::before,
.custom-select::after {
    --size: 0.5rem;
    position: absolute;
    content: "";
    right: 1rem;
    pointer-events: none;
}
.custom-select::before {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-bottom: var(--size) solid #000;
    top: 25%;
}
.custom-select::after {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-top: var(--size) solid #000;
    top: 70%;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

input[type="date"] {
    cursor: text;
}

.borders td {
    border: 1px solid #000000;
    padding: 1rem;
}
.declaration {
    height: 400px;
    overflow-y: scroll;
}

/* Custom Scroll  */

*::-webkit-scrollbar-track {
    border-radius: 8px;
}

*::-webkit-scrollbar {
    background-color: inherit;
    width: 10px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d4f035;
    /* border: 4px solid #00c849; */
}
.center {
    text-align: center;
}
.paddingTop4 {
    padding-top: 4rem;
}
.paddingBottom {
    padding-bottom: 2rem;
}

.textP {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.44px;
}
.pt-4 {
    padding-top: 4rem;
}

.pt-3 {
    padding-top: 3rem;
}
.textLeft {
    text-align: left;
}

.prizing_card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 3rem;
}
.prizing_card p,
.prizing_card h5 {
    font-size: 16px;
}

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */
.accordion {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.accordion .accordion__body-item {
    border-bottom: solid 2px #000;
    padding-block-end: 2.3rem;
    margin-bottom: 2rem;
}
.accordion .accordion__body-item:last-child {
    border-bottom: none;
    padding-block-end: 0;
    margin-bottom: 0;
}

.accordion .accordion__section {
    border: 2px solid #000000;
    border-radius: 1rem;
    padding: 2.3rem 1.4rem 1.7rem;
}
.accordion .accordion__head {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;

    transition: padding 0.4s;
}
.accordion .accordion__head h4 {
    margin-bottom: 0;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .accordion .accordion__head {
        gap: 1.8rem;
    }
}
.accordion .accordion__section.is-current .accordion__head {
    padding-block-end: 1.6rem;
}
.accordion .accordion__head h5 {
    margin-block-end: 0;
}
.accordion .accordion__toggle {
    position: relative;
    flex: 0 0 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    border: solid 2px #000;
}
.accordion .accordion__toggle:before,
.accordion .accordion__toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.6rem;
    border-radius: 1rem;
    border: solid 2px #000;
    transition: width 0.4s;
}
.accordion__answer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 3rem;
    padding-left: 1.8rem;
}
.accordion .accordion__toggle:after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.accordion .accordion__section.is-current .accordion__toggle:after {
    width: 0;
}
.accordion .accordion__body {
    display: grid;
    grid-template-rows: 0fr;
    transition-property: grid-template-rows;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.4s;
    overflow: hidden;
}
.accordion .accordion__section.is-current .accordion__body {
    grid-template-rows: 1fr;
}
.accordion .accordion__body > div {
    overflow: hidden;
}
/* .accordion .accordion__body-inner {
    padding-block-end: 3rem;
} */
.accordion p + ol {
    margin-block-start: -0.7rem;
}
.accordion ol {
    padding-inline-start: 2.3rem;
}
.accordion p + .table {
    margin-block-start: -0.7rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .accordion p + .table {
        margin-block-start: 2.9rem;
    }
}
.accordion p + .table--prizes {
    margin-block-start: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .accordion p + .table--prizes {
        margin-block-start: 2.9rem;
    }
}
.accordion strong {
    display: block;
}
.accordion address:not(:last-child) {
    margin-block-end: 2.5rem;
}
.accordion em {
    font-style: normal;
    text-decoration: underline;
}

.result_icon img {
    margin-top: -3px;
    padding-right: 5px;
}

.noWrap {
    white-space: nowrap;
}

@media (min-width: 767px) {
    .shellLarge {
        max-width: 47rem;
    }
    .comingSoonText {
        font-size: 18px;
    }
}
.maxwidth500 {
    max-width: 670px;
}