/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* ------------------------------------------------------------ *\
	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;
    -webkit-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;
    }
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html {
    font-size: 62.5%;
}
body {
    min-width: 320px;
    background: #fff;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #000;
}
body.home {
    background-color: #000;
    color: #fff;
}
body.has-open-nav {
    overflow: hidden;
}
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.5em / 2);
}
.h1,
h1 {
    font-size: 5.2rem;
    font-weight: 700;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h1,
    h1 {
        font-size: 4rem;
    }
}
.h2,
h2 {
    font-size: 3.6rem;
    font-weight: 700;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h2,
    h2 {
        font-size: 3rem;
    }
}
.h3,
h3 {
    font-size: 3rem;
    font-weight: 400;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h3,
    h3 {
        font-size: 2.4rem;
        line-height: 1.5;
    }
}
.h4,
h4 {
    font-size: 2.4rem;
    font-weight: 500;
}
.h5,
h5 {
    font-size: 1.8rem;
    font-weight: 700;
}
.h6,
h6 {
    font-size: 16px;
    font-weight: 700;
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
    margin-bottom: 1em;
}
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;
}
/* ------------------------------------------------------------ *\
  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
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */
.accordion .accordion__section {
    border-bottom: solid 2px #000;
}
.accordion .accordion__section:last-child {
    border-bottom: none;
}
.accordion .accordion__head {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;
    padding: 3rem 0;
    transition: padding 0.4s;
}
@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.2rem;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: solid 2px #9c42ff;
}
.accordion .accordion__toggle:before,
.accordion .accordion__toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.8rem;
    border-radius: 1rem;
    border: solid 1px #9c42ff;
    transition: width 0.4s;
}
.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: 4.4rem;
}
.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;
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    appearance: none;
    background-color: #9c42ff;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 1.3rem 1.3rem 1.1rem;
    border: solid 2px #9c42ff;
    min-width: 13.2rem;
    transition:
        background-color 0.4s,
        border-color 0.4s,
        color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
    .btn:hover {
        background: #fff;
        color: #000;
        border-color: #9c42ff;
    }
}
/*  btn secondary  */
.btn--secondary {
    border-color: #fff;
    background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
    .btn--secondary:hover {
        background: #fff;
        color: #000;
        border-color: #9c42ff;
    }
}
/*  Btn block  */
.btn--block {
    display: block;
    padding-left: 0;
    padding-right: 0;
}
/* ------------------------------------------------------------ *\
	Card register
\* ------------------------------------------------------------ */
.card-register {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 4rem 10rem;
}
@media (max-width: 1199px) {
    .card-register {
        padding: 4rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card-register {
        padding: 3rem;
    }
}
.card-register h4 {
    font-weight: 700;
    margin-block-end: 4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card-register h4 {
        font-size: 1.6rem;
        margin-block-end: 3rem;
    }
}
.card-register h5 {
    color: #9c42ff;
    margin-block-end: 1.2rem;
}
.card-register ul {
    display: flex;
    list-style-type: none;
    gap: 0;
    counter-reset: step;
    margin: 0 -5rem;
}
@media (max-width: 1199px) {
    .card-register ul {
        margin: 0 -2rem;
    }
}
@media (max-width: 1023px) {
    .card-register ul {
        flex-direction: column;
        gap: 2.8rem 0rem;
        margin: 0;
    }
}
.card-register li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 5rem;
}
@media (max-width: 1199px) {
    .card-register li {
        padding: 0 2rem;
    }
}
@media (max-width: 1023px) {
    .card-register li {
        padding: 0;
        max-width: 100%;
        flex: 1;
    }
}
.card-register li:before {
    counter-increment: step;
    content: counter(step);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid 2px #9c42ff;
    font-size: 1.8rem;
    font-weight: 700;
    color: #9c42ff;
    margin: 0 auto 1.4rem;
}
.card-register p:not(:last-child) {
    margin-bottom: 1.8rem;
}
/* ------------------------------------------------------------ *\
	Card winner
\* ------------------------------------------------------------ */
.card-winner {
    text-align: center;
    font-size: 1.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card-winner {
        font-size: 1.6rem;
    }
}
.card-winner .card__media {
    position: relative;
    padding: 0rem 4rem;
    margin-block-end: 3rem;
}
@media (max-width: 1023px) {
    .card-winner .card__media {
        padding: 0rem 2rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card-winner .card__media {
        padding: 0;
        margin-block-end: 2.1rem;
    }
}
.card-winner .card__image {
    max-width: 98.1rem;
    position: relative;
    margin: 0 auto;
    aspect-ratio: 981/700;
}
.card-winner .card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-winner h4 {
    font-weight: 700;
    margin-block-end: 1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card-winner h4 {
        font-size: 1.8rem;
        margin-block-end: 0rem;
    }
}
/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */
.card {
    position: relative;
    font-size: 1.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card {
        padding-block-end: 2.3rem;
        font-size: 1.6rem;
    }
}
.card h2 {
    color: #9c42ff;
    margin-block-end: 0rem;
}
.card .card__image {
    position: relative;
    aspect-ratio: 624/342;
    text-align: center;
    margin-block-end: 2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card .card__image {
        padding: 1.8rem 0;
        aspect-ratio: auto;
        margin-block-end: 2rem;
    }
}
.card .card__image img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card .card__image img {
        width: auto;
        height: auto;
        /* object-fit: none; */
    }
}
.card p {
    line-height: 1.5;
}
.card p:not(:last-child) {
    margin-bottom: 2.4rem;
}
.card .card__actions {
    margin-top: 3rem;
}
.card button {
    min-width: 20.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card button {
        width: 100%;
    }
}
.card--secondary {
    /* font-size: 1.6rem; */
}
.card--green h2 {
    color: #24b573;
}
.card--yellow h2 {
    color: #ffba00;
}
.card--pink h2 {
    color: #ff94ab;
}
.card--red h2 {
    color: #ff3b47;
}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
    background-color: #000;
    margin-block-start: 6rem;
    padding: 2rem 0;
    color: #fff;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer {
        margin-block-start: 2rem;
        text-align: center;
    }
}
.footer .footer__nav {
    margin-block-end: 1.8rem;
}
.footer .copyright {
    font-size: 1rem;
}
/* ------------------------------------------------------------ *\
	Form update table
\* ------------------------------------------------------------ */
.form-update-table {
    max-width: 58.2rem;
    margin-block-end: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-update-table {
        margin-block-end: 4rem;
    }
}
@media (max-width: 374px) {
    .form-update-table {
        flex-direction: column;
    }
}
.form-update-table .form__head {
    margin-block-end: 1.4rem;
    max-width: 60.1%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-update-table .form__head {
        max-width: 100%;
        margin-block-end: 0.6rem;
    }
}
.form-update-table .form__head h6 {
    font-weight: 500;
}
.form-update-table .form__body {
    display: flex;
    align-items: flex-end;
    gap: 2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-update-table .form__body {
        gap: 1.3rem;
    }
}
@media (max-width: 374px) {
    .form-update-table .form__body {
        flex-direction: column;
    }
}
.form-update-table .form__controls {
    width: 100%;
    flex: 0 0 60.1%;
    max-width: 60.1%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-update-table .form__controls {
        flex: 0 0 63.2%;
        max-width: 63.2%;
    }
}
@media (max-width: 374px) {
    .form-update-table .form__controls {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.form-update-table button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.8rem;
    width: 100%;
    min-width: 0;
    line-height: 1.3;
    padding: 1.2rem 1.3rem 1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-update-table button {
        font-size: 1.2rem;
    }
}
@media (max-width: 374px) {
    .form-update-table button {
        width: 100%;
    }
}
.form-update-table .form__actions {
    width: 100%;
    flex: 1;
}
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid {
    overflow: hidden;
    /*  Grid col 1of2  */
    /*  Grid col 1of3  */
}
.grid .grid__cols {
    display: flex;
    flex-flow: row wrap;
    margin: -4.2rem;
    align-items: flex-end;
}
@media (max-width: 1023px) {
    .grid .grid__cols {
        margin: -3.5rem 0rem;
    }
    .mobileHide {
        display: none;
    }
}
.grid .grid__col {
    padding: 4.2rem;
    max-width: 100%;
    flex: 1;
}
@media (max-width: 1023px) {
    .grid .grid__col {
        padding: 3.5rem 0;
    }
    #pt0 {
        padding-top: 0;
    }
    .pt40 {
        padding-top: 40px;
    }
}
.listPadding li {
    margin-top: 1rem;
}
@media (max-width: 1023px) {
    .grid .grid__col + .grid__col {
        border-top: solid 2px #fff;
    }
}
.grid .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%;
}
@media (max-width: 1023px) {
    .grid .grid__col--1of2 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
.grid .grid__col--1of3 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
}
@media (max-width: 1023px) {
    .grid .grid__col--1of3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
    position: relative;
    background-color: #292929;
    padding: 1.6rem 0;
    z-index: 5;
}
.header .header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
@media (max-width: 1023px) {
    .header .header__nav {
        width: 100%;
        position: absolute;
        top: 100%;
        right: 0;
        height: calc(100dvh - 100%);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition:
            opacity 0.4s,
            visibility 0.4s;
    }
}
@media (max-width: 1023px) {
    .header .header__nav .nav {
        transition: transform 0.4s;
        transform: translateX(100%);
    }
}
@media (max-width: 1023px) {
    .header .header__nav.is-active {
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 1023px) {
    .header .header__nav.is-active .nav {
        transform: none;
    }
}
.header .header__nav:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
}
/* ------------------------------------------------------------ *\
	Hero
\* ------------------------------------------------------------ */
.hero {
    overflow: hidden;
    padding: 8rem 0 5.1rem;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero {
        padding: 4rem 0 1.3rem;
        font-size: 1.6rem;
    }
}
.hero .hero__inner {
    position: relative;
}
.hero .hero__decoration {
    position: absolute;
    top: -11.5rem;
    right: -17.6%;
}
@media (max-width: 1599px) {
    .hero .hero__decoration {
        right: -10.6%;
    }
}
@media (max-width: 1023px) {
    .hero .hero__decoration {
        max-width: 9.8rem;
        top: -7rem;
        right: -7rem;
    }
}
@media (max-width: 1023px) {
    .hero .hero__decoration img {
        width: 100%;
    }
}
.hero .hero__decoration--secondary {
    top: 11.8rem;
    right: 11%;
}
@media (max-width: 1599px) {
    .hero .hero__decoration--secondary {
        right: 18%;
    }
}
@media (max-width: 1023px) {
    .hero .hero__decoration--secondary {
        display: none;
    }
}
.hero .hero__decoration--tertiary {
    top: 4.8rem;
    right: 38%;
}
@media (max-width: 1599px) {
    .hero .hero__decoration--tertiary {
        right: 45%;
    }
}
@media (max-width: 1023px) {
    .hero .hero__decoration--tertiary {
        display: none;
    }
}
.hero .hero__content {
    max-width: 50.5%;
    padding-inline-end: 1rem;
}
@media (max-width: 1023px) {
    .hero .hero__content {
        max-width: 100%;
        padding-inline-end: 0rem;

    }
}
/* @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero .hero__title {
        max-width: 66.8%;
    }
} */
.hero .hero__title:not(:last-child) {
    margin-block-end: 3.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero .hero__title:not(:last-child) {
        /* max-width: 66.8%; */
        margin-block-end: 2rem;
    }
}
.hero p:not(:last-child) {
    margin-block-end: 2.7rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero p:not(:last-child) {
        margin-block-end: 2.4rem;
    }
}
.hero .hero__actions {
    margin-block-start: 5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero .hero__actions {
        margin-block-start: 3rem;
        flex-direction: column;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero .hero__btn {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .hero__media_yourDay {
        display: none;
    }
}
.hero .hero__media {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 97.2%;
    margin-block-end: 3rem;
    margin-inline-start: 0.4rem;
}

@media (min-width: 1024px) {
    .hero__media_yourDay {
        display: block;
    }
    .twoBlocks {
        display: flex;
        flex-direction: row;
        gap: 8rem;
    }
    .hero .hero__media {
        /* position: relative;
        bottom: auto;
        right: auto;
        max-width: 97.2%;
        margin-block-end: 3rem;
        margin-inline-start: 0.4rem; */
        position: absolute;
        bottom: 5rem;
        right: -11.7%;
        max-width: 58.8%;
    }
}

/* .hero__media {
    position: absolute;
    bottom: -5.2rem;
    right: -0.2%;
    max-width: 58.8%;
} */
@media (max-width: 1023px) {
    .hero__media {
        position: absolute;
        bottom: 5rem;
        right: -11.7%;
        max-width: 58.8%;
    }
}
.block {
    flex-basis: 44%;
}

.block2 {
    flex-basis: 50%;
    align-self: flex-end;
}
.pt-4 {
    padding-top: 4rem;
}
.pr-4 {
    padding-right: 6rem;
}
/*  hero secondary  */
.hero--secondary {
    background-color: #000;
    color: #fff;
    padding: 4rem 0 4rem;
    font-size: 1.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero--secondary {
        padding: 3rem 0;
    }
}
.hero--secondary .hero__decoration {
    top: -5.4rem;
    right: -16%;
}
@media (max-width: 1599px) {
    .hero--secondary .hero__decoration {
        right: -4%;
    }
}
@media (max-width: 1023px) {
    .hero--secondary .hero__decoration {
        right: 0;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero--secondary .hero__decoration {
        top: -4.5rem;
    }
}
.hero--secondary .hero__decoration--secondary {
    top: 4rem;
    right: -1.8%;
}
@media (max-width: 1599px) {
    .hero--secondary .hero__decoration--secondary {
        right: 10.2%;
    }
}
.hero--secondary .hero__decoration--tertiary {
    top: -2.4rem;
    right: 7.7%;
}
@media (max-width: 1599px) {
    .hero--secondary .hero__decoration--tertiary {
        right: 19.7%;
    }
}
@media (max-width: 1023px) {
    .hero--secondary .hero__decoration--tertiary {
        display: none;
    }
}
.hero--secondary .hero__content {
    max-width: 50%;
}
@media (max-width: 1023px) {
    .hero--secondary .hero__content {
        max-width: 100%;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero--secondary .hero__title {
        line-height: 1.3;
    }
}
.hero--secondary .hero__title:not(:last-child) {
    margin-block-end: 4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero--secondary .hero__title:not(:last-child) {
        margin-block-end: 2rem;
    }
}

/*  hero secondary big  */
.hero--secondary-big {
    padding-block-end: 6.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero--secondary-big {
        padding-block-end: 3rem;
    }
}
/* ------------------------------------------------------------ *\
	Nav footer
\* ------------------------------------------------------------ */
.nav-footer {
    color: #fff;
}
.nav-footer ul {
    display: flex;
    gap: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav-footer ul {
        justify-content: center;
        gap: 2rem;
    }
}
.nav-footer li {
    font-size: 1.2rem;
}
.nav-footer a {
    text-decoration: none;
    transition: color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
    .nav-footer a:hover {
        color: #9c42ff;
    }
}
/* ------------------------------------------------------------ *\
	Nav lang
\* ------------------------------------------------------------ */
.nav-lang {
    margin-block-end: 2rem;
}
.nav-lang ul {
    display: flex;
    align-items: center;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav-lang ul {
        justify-content: center;
    }
}
.nav-lang li {
    text-transform: uppercase;
}
.nav-lang li.is-current {
    font-weight: 700;
}
.nav-lang li:hover a {
    color: #fff;
}
.nav-lang li + li {
    margin-left: 0.5rem;
}
.nav-lang li + li:before {
    content: "|";
}
.nav-lang a {
    text-decoration: none;
    transition: color 0.4s;
}
/* ------------------------------------------------------------ *\
	Nav trigger
\* ------------------------------------------------------------ */
.nav-trigger {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
}
@media (min-width: 1023.02px) {
    .nav-trigger {
        display: none;
    }
}
.nav-trigger span {
    width: 2rem;
    border: solid 1px #fff;
    border-radius: 1rem;
    position: absolute;
    left: 0.2rem;
    top: 0.4rem;
    transition:
        top 0.4s 0.4s,
        transform 0.4s,
        opacity 0.4s;
}
.nav-trigger span:nth-child(2) {
    top: 1.1rem;
}
.nav-trigger span:nth-child(3) {
    top: 1.8rem;
}
.nav-trigger.is-active span {
    transition:
        top 0.4s,
        transform 0.4s 0.4s,
        opacity 0.4s;
}
.nav-trigger.is-active span:first-child {
    top: 1.1rem;
    transform: rotate(45deg);
}
.nav-trigger.is-active span:nth-child(2) {
    opacity: 0;
}
.nav-trigger.is-active span:nth-child(3) {
    top: 1.1rem;
    transform: rotate(-45deg);
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
    color: #fff;
}
@media (max-width: 1023px) {
    .nav {
        overflow-y: auto;
        background-color: #9c42ff;
        padding: 3rem;
        max-width: 31.4rem;
        height: 100%;
        margin-left: auto;
    }
}
.nav ul {
    display: flex;
    gap: 3rem;
}
@media (max-width: 1023px) {
    .nav ul {
        display: block;
    }
}
@media (max-width: 1023px) {
    .nav li + li {
        margin-top: 2rem;
    }
}
.nav li {
    font-size: 1.4rem;
}
@media (max-width: 1023px) {
    .nav li {
        font-size: 1.6rem;
        font-weight: 600;
    }
}
.nav a {
    text-decoration: none;
    transition: color 0.4s;
}
.nav a:hover {
    color: #9c42ff;
}
@media (max-width: 1023px) {
    .nav a:hover {
        color: #2c0159;
    }
}
/* ------------------------------------------------------------ *\
	Section alt
\* ------------------------------------------------------------ */
.section-alt {
    padding-block-end: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-alt {
        padding-block-end: 5.8rem;
    }
}
.section-alt .section__head {
    color: #fff;
    background-color: #292929;
    padding: 3rem 2rem;
    margin-block-end: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-alt .section__head {
        margin: 0rem -2rem 2.5rem;
        padding: 3.2rem 2rem;
    }
}
.section-alt .section__tables {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-alt .section__tables {
        gap: 2.8rem;
    }
}

@media (min-width: 1100px) {
    .section-alt .section__tables {
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/* ------------------------------------------------------------ *\
	Section faq
\* ------------------------------------------------------------ */
.section-faq:last-child .accordion .accordion__section:last-child {
    border-bottom: solid 2px #000;
}
.section-faq .section__head {
    color: #fff;
    background-color: #292929;
    padding: 3rem 2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-faq .section__head {
        margin: 0rem -2rem;
        padding: 3.2rem 2rem;
    }
}
.section-faq .section__foot {
    border-top: solid 2px #000;
    padding: 3rem 0rem 6.3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-faq .section__foot {
        padding: 3rem 0rem 4rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-faq .section__foot button {
        width: 100%;
    }
}
/* ------------------------------------------------------------ *\
	Section priamry
\* ------------------------------------------------------------ */
.section-primary {
    padding: 4.1rem 0 2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary {
        padding: 3rem 0 3.8rem;
    }
}
.section-primary .section__inner > h4 {
    font-weight: 700;
    margin-block-end: 2rem;
    /* padding-inline-start: 0.7rem; */
}
.section-primary .section__entry {
    font-size: 1.8rem;
    margin-block-end: 4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary .section__entry {
        font-size: 1.6rem;
        margin-block-end: 3.6rem;
    }
}
.section-primary p + .section__card {
    margin-block-start: 4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary p + .section__card {
        margin-block-start: 3rem;
    }
}
.section-primary .section__card {
    margin-block-end: 4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary .section__card {
        margin-block-end: 3rem;
    }
}
.section-primary .section__inner > em {
    font-size: 1.8rem;
    font-style: normal;
    text-decoration: underline;
    display: inline-block;
}
.section-primary p + em {
    margin: -0.3rem 0 2rem;
}
.section-primary .section__inner > ol {
    margin: -0.4rem 0 3rem;
    padding-inline-start: 4.3rem;
}
.section-primary p + h6 {
    margin-block-start: 3rem;
}
.section-primary p + h4 {
    margin-block-start: 3rem;
}
.section-primary .section__inner > h6 {
    margin-block-end: 2.4rem;
}
.section-primary p + .section__list {
    margin-block-start: 3rem;
}
.section-primary .section__inner > .section__list strong {
    display: block;
}
.section-primary .section__inner > .section__list {
    padding-inline-start: 2.2rem;
}
.section-primary .section__inner > .section__list li {
    position: relative;
}
.section-primary .section__inner > .section__list li::marker {
    font-weight: 700;
}
.section-primary .section__inner > .section__list li + li {
    margin-top: 2.4rem;
}
.section-primary .section__inner > .section__list-alt li::marker {
    font-weight: 700;
}
.section-primary button {
    min-width: 20rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary button {
        width: 100%;
    }
}
.section-primary button:not(:last-child) {
    margin-block-end: 3rem;
}
.section-primary p + button {
    margin-block-start: 0.5rem;
}
.section-primary p + .table-program {
    margin-block-start: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary p + .table-program {
        margin-block-start: 4rem;
    }
}
.section-primary .table-program {
    margin-block-end: 3rem;
}
.section-primary .section__inner > ul {
    margin: 2rem 0 3rem;
    padding-inline-start: 4.3rem;
}
.section-primary .section__inner > ul li::marker {
    font-size: 1rem;
}
.section-primary h5 + .table {
    margin-block-start: 2rem;
}
.section-primary .table {
    margin-block-end: 3rem;
}
.section-primary .line {
    width: 100%;
    border: solid 1px #000;
    display: block;
    margin: 3rem 0;
}
.section-primary .section__foot {
    border-top: solid 2px #000;
    padding-block-start: 3rem;
}
.section-primary .section__foot button {
    min-width: 29.2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-primary .section__foot button {
        min-width: 100%;
        width: 100%;
    }
}
.section-primary--alt {
    padding: 3rem 0;
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section + .section .section__inner {
    border-top: solid 2px #fff;
}
.section .section__head {
    padding: 3rem 0;
    border-bottom: solid 2px #fff;
}
.section .section__body {
    padding: 4rem 0 6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__body {
        padding: 3rem 0;
    }
}
/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select {
    position: relative;
    width: 100%;
}
.select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 1.4rem;
    height: 0.8rem;
    transform: translateY(-50%);
    background: url(../assets/images/svg/chevron-down.svg) 0 0 no-repeat;
}
.select select {
    padding: 1.1rem 4rem 1.1rem 1.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
    width: 100%;
    border-radius: 0;
    border: solid 1px #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}
.select select::-ms-expand {
    display: none;
}
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
    max-width: calc(132.9rem + 2rem * 2);
    padding-left: 2rem;
    padding-right: 2rem;
    margin: auto;
    width: 100%;
}
/* Shell Fluid */
.shell--fluid {
    max-width: none;
}
/* ------------------------------------------------------------ *\
	Table program
\* ------------------------------------------------------------ */
.table-program {
    max-width: 46.4rem;
    text-align: left;
}
.table-program tr {
    position: relative;
}
.table-program th {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1.3rem 2rem;
    position: relative;
    z-index: 1;
}
.table-program td {
    padding: 1.2rem 2rem 1.1rem;
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
}
.table-program .table__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.4rem 0;
}
.table-program .table__row span,
.table-program .table__row strong {
    flex: 1;
}
.table-program .table__row strong + span {
    flex: 0 0 41%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table-program .table__row strong + span {
        flex: 0 0 45%;
    }
}
.table-program .table__row strong {
    font-weight: 600;
}
.table-program .green {
    background-color: #3abc81;
}
.table-program .light-green {
    background-color: #d3f0e3;
}
.table-program .blue {
    background-color: #4083ef;
}
.table-program .light-blue {
    background-color: #d5e3fb;
}
.table-program .yellow {
    background-color: #ffc119;
}
.table-program .light-yellow {
    background-color: #fff1cc;
}
.table-program .purple {
    background-color: #8854a5;
}
.table-program .light-purple {
    background-color: #c4a2d7;
}
.table-program .lightBlue {
    background-color: #58a3ff;
}
.table-program .light-lightBlue {
    background-color: #cce3ff;
}
.table-program .red {
    background-color: #ff4f59;
}
.table-program .light-red {
    background-color: #ffd8da;
}
.table-program .black {
    background-color: #191919;
    color: #fff;
}
.table-program .grey {
    background-color: #cccccc;
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {
    font-size: 1.4rem;
    line-height: 1.2;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table {
        line-height: 1.5;
    }
}
.table td,
.table th {
    text-align: left;
    padding: 1.1rem 0.9rem;
    border: solid 2px #000;
    vertical-align: baseline;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table td,
    .table th {
        padding: 0.8rem 0.9rem 0.9rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table .table__col--size1 {
        width: 37% !important;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table .table__col--size2 {
        width: 63% !important;
    }
}
/*  table ranking  */
.table--ranking {
    max-width: 35rem;
    font-size: 1rem;
    line-height: 1.5;
}
.table--ranking th {
    padding: 0.7rem 0.9rem;
}
.table--ranking th:first-child {
    width: 46.9%;
}
.table--ranking th:nth-child(2),
.table--ranking th:nth-child(3),
.table--ranking th:nth-child(4) {
    font-weight: 400;
    width: 17.7%;
    text-align: center;
}
.table--ranking td {
    padding: 0.7rem 0.9rem;
    text-align: center;
    vertical-align: middle;
}
.table--ranking td:first-child {
    font-weight: 700;
    text-align: left;
    vertical-align: baseline;
}
.table--ranking th:nth-child(3),
.table--ranking td:nth-child(3) {
    color: #24b573;
}
/*  table prizes  */
.table--prizes {
    overflow-y: auto;
    margin-right: -2rem;
}
.table--prizes table {
    width: 82.4rem;
}
/*  table awards  */
.table--awards {
    margin-right: -2rem;
}
.table--awards .table__content {
    overflow-y: auto;
    padding-right: 2rem;
}
.table--awards table {
    width: 64.1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table--awards h5 {
        margin-block-end: 1rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table--awards .table__col--size1 {
        width: 21.5% !important;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table--awards .table__col--size2 {
        width: 20% !important;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table--awards .table__col--size3 {
        width: 31.3% !important;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .table--awards .table__col--size4 {
        width: 27.2% !important;
    }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
    overflow: hidden;
    position: relative;
    min-height: 100vh;
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {
    position: relative;
    background-color: #292929;
    color: #fff;
    text-align: center;
    padding: 3rem 8rem;
    margin-block-end: 5.4rem;
}
@media (max-width: 1023px) {
    .slider {
        padding: 3rem 4rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider {
        padding: 3rem 2rem;
        margin: 0 -2rem 3.2rem;
    }
}
.slider .slider__clip {
    position: relative;
}
.slider .slider__head {
    margin-block-end: 3rem;
}
.slider .slick-list {
    margin: 0 -5px;
}
.slider .slick-slide > div {
    padding: 0 5px;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider .slider__controls {
        display: none;
    }
}
.slider .slider__prev,
.slider .slider__next {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 37.5%;
    transform: translateY(-50%);
}
.slider .slider__next {
    right: 0;
    left: auto;
}
.slider .slider__dots {
    margin: 1.4rem 0rem 3.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider .slider__dots {
        margin: 2rem 0rem 3rem;
    }
}
.slider .slider__dots ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.8rem;
    list-style-type: none;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider .slider__dots ul {
        gap: 1.2rem;
    }
}
.slider .slider__dot {
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    transition: background-color 0.4s;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider .slider__dot {
        width: 0.8rem;
        height: 0.8rem;
    }
}
.slider li.slick-active .slider__dot {
    background-color: #9c42ff;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider button {
        width: auto;
    }
}
/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form alt
\* ------------------------------------------------------------ */
.form-alt .form__head {
    margin-bottom: 4vh;
}
.form-alt .form__body {
    max-width: 24.6vw;
    margin: 0 auto;
    text-align: left;
}
.form-alt .form__label {
    display: block;
    margin-bottom: 0.5vh;
    font-weight: 500;
}
.form-alt .form__row {
    margin-bottom: 1.4vh;
}
/* ------------------------------------------------------------ *\
	Form asign points
\* ------------------------------------------------------------ */
.form.form-asign-points h1 {
    margin-bottom: 2.1rem;
}
.form.form-asign-points p {
    line-height: 1.6;
}
.form.form-asign-points p span {
    display: block;
}
.form.form-asign-points .form__head {
    margin-bottom: 2rem;
}
.form.form-asign-points .form__body {
    margin-bottom: 3.6rem;
    text-align: left;
}
.form.form-asign-points .form__foot .btn--primary {
    min-width: 20rem;
}
.form.form-asign-points .form__foot .btn--outline-solid {
    padding: 1.4rem 3.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form-asign-points .form__foot .list-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 420px) {
    .form.form-asign-points .form__foot .list-buttons {
        display: block;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form-asign-points .form__foot .list-buttons li + li {
        margin-left: 3rem;
        margin-top: 0;
    }
}
@media (max-width: 420px) {
    .form.form-asign-points .form__foot .list-buttons li + li {
        margin-left: 0;
        margin-top: 2rem;
    }
}
.form.form-asign-points .form__foot .btn {
    line-height: 1.2;
}
@media (max-width: 420px) {
    .form.form-asign-points .form__foot .btn {
        display: block;
        width: 100%;
    }
}
/* ------------------------------------------------------------ *\
 	Form prize selection
\* ------------------------------------------------------------ */
.form.form-prize-selection h5 {
    margin-bottom: 2rem;
}
.form.form-prize-selection .form__head {
    margin-bottom: 5.6rem;
}
.form.form-prize-selection .form__body {
    margin-bottom: 4.6rem;
}
.form.form-prize-selection .form__group + .form__group {
    margin-top: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form-prize-selection .form__list-logos {
        margin-bottom: 4.5rem;
    }
}
/* ------------------------------------------------------------ *\
	Form stq primary
\* ------------------------------------------------------------ */
.form.form-stq--primary h5 {
    margin-bottom: 1.3rem;
}
.form.form-stq--primary .form__row + .form__row {
    margin-top: 2.1rem;
}
.form.form-stq--primary .form__row + .form__group {
    margin-top: 3.4rem;
}
.form.form-stq--primary .form__group + .form__group {
    margin-top: 3.1rem;
}
.form.form-stq--primary .form__table {
    margin-bottom: 3.7rem;
    max-width: 17rem;
}
.form.form-stq--primary .form__inner-content-wrapper {
    margin-top: 2.3rem;
}
.form.form-stq--primary .form__body {
    margin-bottom: 1.8rem;
}
.form.form-stq--primary .form__btn {
    line-height: 1.4;
}
.form.form-stq--primary .form__btn + .form__btn {
    margin-top: 1.9rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form.form-stq--primary .form__list-logos {
        margin-bottom: 4.6rem;
    }
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form h1 {
    margin-bottom: 2.4rem;
}
.form h5 {
    margin-bottom: 1.6rem;
}
.form p {
    line-height: 1.38;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form p {
        letter-spacing: 0;
    }
}
.form .form__head {
    text-align: center;
    margin-bottom: 3.2rem;
}
.form .form__body {
    margin-bottom: 4.3rem;
}
.form .form__foot {
    text-align: center;
}
.form .form__label {
    display: block;
    margin-bottom: 0.8rem;
    font-weight: 500;
    color: #000000;
}
.form .form__row + .form__row {
    margin-top: 1.5rem;
}
.form .form__row + .form__checkboxes {
    margin-top: 3.8rem;
}
.form .form__btn {
    padding: 1.3rem 4.2rem;
    min-width: 22.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form .form__btn {
        display: block;
        width: 100%;
    }
}
.form .form__group + .form__group {
    margin-top: 3rem;
}
.form .form__table {
    margin-bottom: 3.4rem;
    max-width: 15rem;
}
.form .form__asterisk {
    display: block;
    margin-top: 1rem;
    line-height: 1.4;
}
.form .form__list-logos {
    margin-bottom: 5.2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form .form__list-logos {
        margin-bottom: 3rem;
    }
}
.form .form__controls--alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.form .form__controls--alt p {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 1.8rem;
    font-weight: 500;
}
.form .form__controls--alt .field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10.2rem;
    flex: 0 0 10.2rem;
    margin-right: 2rem;
}
/* Form stq */
.form--stq .form__body {
    margin-bottom: 3.8rem;
}
.form--stq .form__checkbox {
    margin: 2.4rem 0 1.8rem;
}
/* ------------------------------------------------------------ *\
	Form login
\* ------------------------------------------------------------ */
.form--primary .form__body {
    margin-bottom: 3.8rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form--primary .form__body {
        margin-bottom: 2.8rem;
    }
}
/* Form primary alt */
.form--primary-alt .form__head {
    margin-bottom: 2.3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form--primary-alt .form__head {
        margin-bottom: 2rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form--primary-alt .form__body {
        margin-bottom: 3.8rem;
    }
}
.form--primary-alt .form__btn {
    min-width: 20rem;
}
/* Form registration alt */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .form-registration--alt .form__list-logos {
        margin-bottom: 4.5rem;
    }
}

/* ------------------------------------------------------------ *\
	Section form
\* ------------------------------------------------------------ */
.section-form {
    padding: 4rem 0 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form {
        padding: 0;
    }
}
.section-form .section__content {
    max-width: 53.6rem;
    margin: 0 auto;
    padding: 3.3rem 7.6rem 4.8rem;
    background: #fff;
    color: #292929;
    border-radius: 0.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form .section__content {
        max-width: calc(100% + 4.4rem);
        margin: 0 -2.2rem;
        border-radius: 0;
        padding: 3.3rem 2.2rem 4.8rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form .section__inner {
        width: 100%;
    }
}
/* Section form alt */
.section-form--alt {
    padding: 9rem 0;
}
@media (max-width: 1199px) {
    .section-form--alt {
        padding: 7rem 0;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form--alt {
        padding: 5.7rem 0;
    }
}
.section-form--alt h1 {
    margin-bottom: 1.8rem;
    line-height: 1.3;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form--alt h1 {
        margin-bottom: 2.2rem;
    }
}
.section-form--alt p {
    margin: 0 -0.2rem;
    line-height: 1.57;
    letter-spacing: 0;
}
.section-form--alt .section__logo {
    text-align: center;
    margin-bottom: 15.2rem;
    display: block;
}
@media (max-width: 1199px) {
    .section-form--alt .section__logo {
        margin: 0 auto 9.6rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form--alt .section__logo {
        max-width: 13.4rem;
    }
}
.section-form--alt .section__content {
    padding: 0;
    max-width: 38.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-form--alt .section__content {
        margin: 0 auto;
    }
}

/* ------------------------------------------------------------ *\
	Fields
\* ------------------------------------------------------------ */
.field {
    display: block;
    width: 100%;
    height: 4.8rem;
    border: 0.1rem solid #838383;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.1rem;
    color: #292929;
    padding: 0.1rem 1.1rem 0;
    -webkit-transition: border-color 0.4s;
    -o-transition: border-color 0.4s;
    transition: border-color 0.4s;
}
.field:focus,
.field:active {
    border-color: #9b34fb;
}
/* Field alt */
.field--alt {
    height: auto;
    padding: 1.2vw 1.3vw;
    letter-spacing: 0;
    font-size: 2vw;
    border: 0.1vw solid #838383;
}

.pointer {
    cursor: pointer;
}

.textCenter {
    text-align: center;
}

.white {
    background-color: white;

    padding-bottom: 25px;
}

.blackBackground {
    background-color: #000;
}

.accordion__body-inner p,
.section__inner > p,
.section__foot > p {
    color: #000;
}

.center {
    text-align: center;
}

.colorBlack {
    color: #000;
}
.colorWhite {
    color: #fff;
}
.marginTop {
    margin-top: 1.5rem;
}

.textArea {
    text-align: left;
    text-transform: none;
    padding: 15px;
    margin-top: 8px;
    min-height: 10rem;
    max-height: 15rem;

    min-width: 246px;
}

.containerWrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.footerBottom {
    margin-top: auto;
}

.displayFlex {
    display: flex;
}

/* .calendarImg {
  position: absolute;
  bottom: -5.2rem;
  right: -0.2%;
  max-width: 58.8%;
} */
/* @media (max-width: 1023px) { */
.calendarImg {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 84.9%;
    margin: -9rem 0 2.2rem auto;
    text-align: right;
}
@media (min-width: 1023px) {
    .calendarImg {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
    }
    .hideDesktop {
        display: none;
    }
}

.calendarWrapper {
    border-top: 2px solid #fff;
}

.calendarItem:nth-child(odd) {
    background-color: rgba(83, 83, 83, 0.229);
}

.calendarTitle {
    padding: 15px 15px 0;
    margin-bottom: 50px;
}

.calendarEvent {
    padding: 0 15px 15px;
    margin: 0;
    color: #9b34fb;
}

@media (min-width: 1023px) {
    .calendarItem {
        padding-left: 20px;
        padding-top: 15px;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
    }
    .calendarTitle {
        min-width: 35%;
    }
}

/* @media (min-width: 1023px) {
  .marginTop54 > a {
    margin-top: 54px;
  }
  .marginTop55 > a {
    margin-top: 55px;
  }
} */

.flex2 {
    display: flex;
    flex-direction: row;
}

.bannerList {
    margin-bottom: 0em;
}
.bannerList,
.bannerList ul {
    list-style-type: none;
}

.listDecor {
    padding: 0 1.5em;
}
.wrapperBannerList {
    border: 1px solid #000;
    border-top: none;
    padding: 1.1rem 1.8rem;
}

.bannerItem:hover {
    cursor: pointer;
    background-color: #9c42ff;
    color: #fff;
}

.tableSurprize {
    border: 1px solid #000;
    padding: 1.1rem 2.1em 1.1em 1.4em;

    margin-bottom: 1.1em;
}
@media (max-width: 1024px) {
    .tableSurprize {
        padding: 1rem;
    }
}
.tbodySurprize > tr > td > p {
    padding: 0.5em 0;
}

.listLineHeight {
    line-height: 1.8;
    margin: 0 0 3rem;
    padding-inline-start: 3rem;
}

@media (min-width: 1024px) {
    .imageContainer {
        display: flex;
        justify-content: space-between;
    }

    .imgWrapper {
        margin-left: 20px;
        width: 100%;
        max-width: 350px;
    }
}

#listSmall {
    padding-inline-start: 0;
    margin-top: 0;
    margin-bottom: 1rem;
}
#listSmall > li {
    list-style-type: none;
}

#listSmall > li:before {
    content: "- ";
}

.section1-pt > p {
    padding-top: 1rem;
}

.recipeGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}

.react-player__preview {
    background-position: top center;
}

.videoWrapper {
    min-height: 22rem;
    max-height: 22rem;
    max-width: 39rem;
    margin: 2rem 0 3rem;
    position: relative;
}
.videoWrapper iframe {
    min-height: 22rem;
}

.videoWrapper .react-player__preview {
    min-height: 22rem;
    max-height: 22rem;
    background-position: left 10% !important;
}

@media (min-width: 1020px) {
    .videoWrapper {
        min-height: 26rem;
    }
    .videoWrapper .react-player__preview {
        min-height: 26rem;
        max-height: 26rem;
    }
}
.card__steps {
    padding-inline-start: 4.3rem;
    margin: 2rem 0 3rem;
    list-style: disc;
}
.card__steps li + li {
    margin-top: 0 !important;
}
.pdf__viewer {
    width: 1080px;
    height: 100%;
}

.pdf__viewer embed {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 800px;
}

.ydts {
    max-width: 720px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #222;
}

.ydts h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.ydts h2 {
    font-size: 1.2rem;
    margin-top: 1.5rem;
}

.ydts ul {
    padding-left: 1.2rem;
}

.ydts li {
    margin-bottom: 0.5rem;
}

.ydts .link {
    font-weight: 600;
}

.ydts .closing {
    margin-top: 1.2rem;
    font-weight: 600;
}

.ydts .footer,
.ydts .faq {
    margin-top: 1rem;
    font-size: 0.9rem;
}
.termsSmall {
    font-size: 12px;
    margin-top: 4rem;
    color: #000;
}
.titleYouDay {
    font-size: 4rem;
    padding-bottom: 2rem;
}

@media (min-width: 1024px) {
    .flexTitle {
        display: flex;
        flex-direction: row;
        gap: 0;
    }

    .flexTitle h3 {
        width: 50%;
        text-align: left;
    }
    .flexTitle > .mobileHide {
        padding-left: 42px;
    }

    .flexTitle > h3 {
        margin-bottom: 0;
    }
}

.pt-0 {
    padding-top: 0;
}

.error-message {
    margin-top: 15px;
    color: #ee0200;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.error-message img {
    margin-top: 0;
    margin-right: 8px;
    flex-shrink: 0;
}

.counter-wrapper  {
  counter-reset: section-counter;
}

.section-heading {
  counter-increment: section-counter;
}

.section-heading::before {
  content: counter(section-counter) ". ";
}

.pb-4{
    margin-bottom: 2rem;
}