/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.bodyClass {
    position: relative;
    overflow-x: hidden
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

    audio:not([controls]) {
        height: 0;
        display: none;
    }

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

legend {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    display: table;
    color: inherit;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

:root {
    --black: #333;
    --grey: #999;
    --grey-light: #ccc;
    --grey-light-2: #f2f2f2;
    --white: #fff;
    --ease-out-power4: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-power3: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-power2: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-power1: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-in-power4: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-power3: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-power2: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-power1: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-out-power4: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-power3: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-power2: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-power1: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ff-base: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --ff-primary: "Rubik", "Georgia", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --spacing-small-5: 2px;
    --spacing-small-4: 4px;
    --spacing-small-3: 8px;
    --spacing-small-2: 12px;
    --spacing-small: 16px;
    --spacing-medium: 20px;
    --spacing-large: 24px;
    --spacing-large-2: 28px;
    --spacing-large-3: 32px;
    --spacing-large-4: 36px;
    --spacing-large-5: 40px;
    --spacing-large-6: 48px;
    --spacing-large-7: 56px;
    --spacing-large-8: 64px;
    --transition-duration: 0.4s;
    --transition-easing: var(--ease-out-power4);
    --transition-timing: var(--transition-duration) var(--transition-easing);
    --smooth-transition-duration: 0.6s;
    --smooth-transition-easing: var(--ease-out-power1);
    --smooth-transition-timing: var(--smooth-transition-duration) var(--smooth-transition-easing);
    --max-content-width: 1248px;
    --content-side-gutter: var(--spacing-medium);
    --zi-header: 10;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    font: 100%/1.2 var(--ff-base);
    font-family: "Rubik", var(--ff-base);
}

html {
    background-color: var(--grey-light-2);
    color: var(--black);
}

body {
    margin: 0;
    font-family: var(--ff-primary);
    min-height: 100dvh;
}

@media (max-width: 1024px) {
    body {
        max-height: 100dvh;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: 1.25em/1.1 var(--ff-primary);
}

a {
    outline: 0;
    color: inherit;
    text-decoration: none;
}

button {
    padding: 0;
    border: 0;
    outline: 0;
    margin: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    appearance: none;
}

img {
    max-width: 100%;
}

textarea::placeholder,
input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #9b9c9c;
}

@media (max-width: 1024px) {
    textarea::placeholder,
    input::placeholder {
        font-size: 14px;
        line-height: 22px;
    }
}

.custom-snackbar {
    border-radius: 12px !important;
    padding: 15px 16px !important;
    max-width: 800px !important;
    width: 100% !important;
}

    .custom-snackbar p {
        width: 100% !important;
    }

@media (max-width: 1024px) {
    .custom-snackbar {
        max-width: calc(100% - 48px) !important;
        margin: auto !important;
        margin-bottom: 24px !important;
    }
}

.accordion-item {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.accordion-item__container {
    padding-bottom: 16px;
    position: relative;
    width: calc(50% - 10px);
    height: auto;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}

    .accordion-item__container:first-of-type {
        border-radius: 20px 20px 0 0;
    }

    .accordion-item__container:last-of-type {
        border-radius: 0 0 20px 20px;
        border-bottom: 1px solid #d9d9d9;
    }

    .accordion-item__container.full-- {
        width: 100%;
    }

.accordion-item__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 8px;
    transition: all 0.2s linear;
    cursor: pointer;
    user-select: none;
}

    .accordion-item__title p {
        padding-right: 6px;
        font-family: "Rubik";
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        color: #454545;
    }

    .accordion-item__title sup {
        font-size: 15px;
    }

    .accordion-item__title .icon {
        padding: 5px;
        min-width: 24px;
        min-height: 24px;
        position: relative;
        top: 3px;
        align-self: baseline;
    }

        .accordion-item__title .icon:before,
        .accordion-item__title .icon:after {
            content: "";
            width: 14px;
            height: 2px;
            position: absolute;
            top: 50%;
            background-color: #009cde;
            transition: all 0.2s ease;
        }

        .accordion-item__title .icon:before {
            transform: translateY(-50%);
        }

        .accordion-item__title .icon:after {
            transform: translateY(-50%) rotate(-90deg);
        }

    .accordion-item__title.active {
        padding: 24px 24px 16px;
    }

        .accordion-item__title.active .icon:after {
            transform: translateY(-50%);
        }

.accordion-item__content {
    display: none;
}

    .accordion-item__content p {
        display: block;
        font-family: "Rubik";
        padding: 0px 24px 8px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #454545;
    }

        .accordion-item__content p + p {
            padding-top: 20px;
        }

    .accordion-item__content sup {
        font-size: 10px;
    }

@media (max-width: 800px) {
    .accordion-item__title {
        padding: 24px 10px 8px;
    }

        .accordion-item__title p {
            font-size: 16px;
            line-height: 24px;
        }

            .accordion-item__title p + p {
                padding-top: 18px;
            }

        .accordion-item__title sup {
            font-size: 13px;
        }

        .accordion-item__title .icon {
            top: 2px;
        }

        .accordion-item__title.active {
            padding: 24px 10px 16px;
        }

    .accordion-item__content {
        display: none;
    }

        .accordion-item__content p {
            padding: 0px 10px 8px;
            font-size: 14px;
            line-height: 20px;
        }

        .accordion-item__content sup {
            font-size: 9px;
        }
}

@media (max-width: 640px) {
    .accordion-item__container {
        width: 100%;
    }
}

.announcement {
    background: #efefef;
    border-radius: 20px;
    overflow: hidden;
}

.announcement__content {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    column-gap: 16px;
}

.announcement__content-icon {
    width: 24px;
    height: 24px;
}

.announcement__content-texts {
    display: flex;
    align-items: center;
}

.announcement__content-text {
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

    .announcement__content-text:not(:first-of-type) {
        margin-left: -100%;
    }

    .announcement__content-text.active-- {
        opacity: 1;
    }

.announcement__bar {
    width: 0%;
    height: 6px;
    background: #cfcfcf;
    border-radius: 4px;
}

.button {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .button.small-- {
        height: 32px;
        padding: 7px 18px;
        font-size: 12px;
        line-height: 12px;
    }

        .button.small--::after {
            width: 16px;
            height: 16px;
        }

    .button.medium-- {
        height: 40px;
        padding: 9px 22px;
        font-size: 14px;
        line-height: 14px;
    }

    .button.large-- {
        height: 48px;
        padding: 12px 26px;
        font-size: 16px;
        line-height: 16px;
    }

    .button.arrow-suffix--.small-- {
        padding: 7px 12px 7px 18px;
    }

    .button.arrow-suffix--.medium-- {
        padding: 9px 16px 9px 22px;
    }

    .button.arrow-suffix--.large-- {
        padding: 12px 20px 12px 26px;
    }

@media (max-width: 1024px) {
    .button.arrow-suffix--.medium-- {
        padding: 7px 12px 7px 18px;
    }

    .button.arrow-suffix--.large-- {
        padding: 9px 16px 9px 22px;
    }
}

.button.arrow-suffix--::after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url("../images/arrow-right.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.button.yellow-arrow-suffix--.small-- {
    padding: 7px 12px 7px 18px;
}

.button.yellow-arrow-suffix--.medium-- {
    padding: 9px 16px 9px 22px;
}

.button.yellow-arrow-suffix--.large-- {
    padding: 12px 20px 12px 26px;
}

@media (max-width: 1024px) {
    .button.yellow-arrow-suffix--.medium-- {
        padding: 7px 12px 7px 18px;
    }

    .button.yellow-arrow-suffix--.large-- {
        padding: 9px 16px 9px 22px;
    }
}

.button.yellow-arrow-suffix--::after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url("../images/nav-arrow-right-highlights-card.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.button.refresh-black-suffix--.small-- {
    padding: 7px 12px 7px 18px;
}

.button.refresh-black-suffix--.medium-- {
    padding: 9px 16px 9px 22px;
}

.button.refresh-black-suffix--.large-- {
    padding: 12px 20px 12px 26px;
}

@media (max-width: 1024px) {
    .button.refresh-black-suffix--.medium-- {
        padding: 7px 12px 7px 18px;
    }

    .button.refresh-black-suffix--.large-- {
        padding: 9px 16px 9px 22px;
    }
}

.button.refresh-black-suffix--::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/refresh-black.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.button.arrow-down-suffix--.small-- {
    padding: 7px 12px 7px 18px;
}

.button.arrow-down-suffix--.medium-- {
    padding: 9px 16px 9px 22px;
}

.button.arrow-down-suffix--.large-- {
    padding: 12px 20px 12px 26px;
}

@media (max-width: 1024px) {
    .button.arrow-down-suffix--.medium-- {
        padding: 7px 12px 7px 18px;
    }

    .button.arrow-down-suffix--.large-- {
        padding: 9px 16px 9px 22px;
    }
}

.button.arrow-down-suffix--::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/arrow-right.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.button.arrow-up-suffix--.small-- {
    padding: 7px 12px 7px 18px;
}

.button.arrow-up-suffix--.medium-- {
    padding: 9px 16px 9px 22px;
}

.button.arrow-up-suffix--.large-- {
    padding: 12px 20px 12px 26px;
}

@media (max-width: 1024px) {
    .button.arrow-up-suffix--.medium-- {
        padding: 7px 12px 7px 18px;
    }

    .button.arrow-up-suffix--.large-- {
        padding: 9px 16px 9px 22px;
    }
}

.button.arrow-up-suffix--::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/arrow-right.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
}

.button.download-suffix--.small-- {
    padding: 7px 12px 7px 18px;
}

.button.download-suffix--.medium-- {
    padding: 9px 16px 9px 22px;
}

.button.download-suffix--.large-- {
    padding: 12px 20px 12px 26px;
}

@media (max-width: 1024px) {
    .button.download-suffix--.medium-- {
        padding: 7px 12px 7px 18px;
    }

    .button.download-suffix--.large-- {
        padding: 9px 16px 9px 22px;
    }
}

.button.download-suffix--::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/download.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.button[disabled],
.button.disabled-- {
    color: #9b9c9c;
    background-color: #e6e6e6;
    pointer-events: none;
}

    .button[disabled]::after,
    .button.disabled--::after {
        opacity: 0.3;
    }

.button:focus {
    outline: solid 3px #ffe699;
}

.button.primary-- {
    border-radius: 50px;
    color: #040707;
    background-color: #ffc000;
}

    .button.primary--:hover {
        background-color: #f8a511;
    }

    .button.primary--:focus {
        outline: solid 3px #ffe699;
    }

    .button.primary--:active {
        background-color: #f38a23;
    }

    .button.primary--[disabled],
    .button.primary--.disabled-- {
        color: #9b9c9c;
        background-color: #e6e6e6;
        pointer-events: none;
    }

.button.primary-white-- {
    border-radius: 50px;
    color: #040707;
    background-color: #fff;
}

    .button.primary-white--:hover {
        background-color: #e6e6e6;
    }

    .button.primary-white--:active {
        background-color: #cdcdcd;
    }

.button.secondary-- {
    border: 2px solid #040707;
    border-radius: 50px;
    color: #040707;
}

    .button.secondary--:hover {
        background-color: rgba(4, 7, 7, 0.0509803922);
    }

    .button.secondary--:focus {
        outline: solid 2px #9b9c9c;
    }

    .button.secondary--:active {
        background-color: rgba(4, 7, 7, 0.1019607843);
    }

    .button.secondary--[disabled],
    .button.secondary--.disabled-- {
        color: #9b9c9c;
        background-color: #fff;
        border-color: #9b9c9c;
        pointer-events: none;
    }

.button.textlink-- {
    color: #f38a23;
}

    .button.textlink--.small-- {
        font-size: 14px;
        line-height: 14px;
        column-gap: 4px;
    }

    .button.textlink--.medium-- {
        font-size: 16px;
        line-height: 16px;
        column-gap: 8px;
    }

    .button.textlink--.large-- {
        font-size: 20px;
        line-height: 20px;
        column-gap: 8px;
    }

    .button.textlink--:hover {
        color: #e0781f;
    }

    .button.textlink--:active {
        color: #c7441a;
    }

    .button.textlink--[disabled],
    .button.textlink--.disabled-- {
        color: #e6e6e6;
        pointer-events: none;
    }

@media (max-width: 1024px) {
    .button.medium-- {
        height: 32px;
        padding: 7px 18px;
        font-size: 12px;
        line-height: 12px;
    }

    .button.large-- {
        height: 40px;
        padding: 9px 22px;
        font-size: 14px;
        line-height: 14px;
    }
}

.button__back-to-top {
    position: absolute;
    z-index: 9;
    top: 0;
    right: max((100% - 1248px)/2, 20px);
    float: right;
    translate: 0 -50%;
    transition: bottom 0.2s ease-out, translate 0.2s ease-out;
}

    .button__back-to-top.hide-- {
        bottom: 0;
        translate: 0 100%;
    }

@media (max-width: 1024px) {
    .button__back-to-top {
        top: 64px;
    }
}

.custom-swiper {
    width: 400px;
    height: 400px;
}

.custom-swiper__wrapper {
    width: 300px;
    height: 300px;
}

.custom-swiper__slide {
    width: 200px;
    height: 200px;
    background: gray;
}

.custom-swiper__pagination .swiper-pagination-bullet {
    border-radius: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: red;
}

.custom-swiper__pagination .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.dropdown {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .dropdown.--small .dropdown__wrapper {
        padding: 11px 16px;
        border-radius: 10px;
    }

    .dropdown.--small .dropdown__chevron {
        width: 20px;
        height: 20px;
    }

.dropdown__wrapper {
    display: flex;
    padding: 15px 16px;
    border: 1px solid #cdcdcd;
    border-radius: 16px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .dropdown__wrapper.--white {
        background-color: #fff;
    }

.dropdown__placeholder-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #9b9c9c;
}

    .dropdown__placeholder-text.--selected {
        color: #040707;
    }

.dropdown__chevron {
    transition: transform 0.2s;
}

    .dropdown__chevron.--rotated {
        transform: rotate(180deg);
    }

.dropdown__content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 56px;
    width: 100%;
    max-height: 284px;
    padding: 12px;
    border: 1px solid #cdcdcd;
    border-radius: 16px;
    background-color: #fff;
    margin-top: 8px;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0px);
    transition: 0.2s ease-in-out;
    overflow: auto;
}

    .dropdown__content.--collapsed {
        transform: translateY(-10px);
        visibility: hidden;
        opacity: 0;
    }

    .dropdown__content::-webkit-scrollbar {
        width: 4px;
    }

    .dropdown__content::-webkit-scrollbar-track {
        border-radius: 999px;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 16px;
    }

    .dropdown__content::-webkit-scrollbar-thumb {
        background-color: #4f5151;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0);
    }

    .dropdown__content::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none;
    }

.dropdown__option {
    padding: 15px 16px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

    .dropdown__option:hover {
        background-color: #f5f8f9;
    }

    .dropdown__option.--selected {
        background-color: #ffe699;
    }

@media (max-width: 1024px) {
    .dropdown__placeholder-text {
        font-size: 14px;
    }
}

.explore-further {
    background-color: #fff;
    padding: 96px 0;
}

.explore-further__title {
    margin-bottom: 64px;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.explore-further__body {
    display: flex;
    gap: 32px 48px;
}

.explore-further__body-item {
    flex: 1;
    display: flex;
    column-gap: 24px;
}

.explore-further__body-item-image {
    width: 64px;
    height: 64px;
}

.explore-further__body-item-content-title {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

.explore-further__body-item-content-desc {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.explore-further__body-item-content-cta {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    gap: 2px;
    align-items: center;
    color: #f38a23;
}

.explore-further__body-item-content-cta-arrow {
    width: 20px;
    height: 20px;
}

@media (max-width: 1280px) {
    .explore-further {
        padding: 56px 0;
    }

    .explore-further__title {
        margin-bottom: 32px;
        font-size: 24px;
        line-height: 32px;
    }

    .explore-further__body {
        flex-direction: column;
    }

    .explore-further__body-item-image {
        width: 48px;
        height: 48px;
    }

    .explore-further__body-item-content-title {
        font-size: 20px;
        line-height: 28px;
    }

    .explore-further__body-item-content-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .explore-further__body-item-content-cta {
        font-size: 14px;
        line-height: 22px;
    }
}

.gallery {
    max-width: 100%;
    width: 100vw;
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.gallery__card {
    padding: 15px;
    margin-right: 10px;
    text-align: center;
    background-color: #fff;
    width: 238px;
    max-width: 238px;
}

.gallery__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-family: "Rubik";
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-decoration-line: underline;
    color: #454545;
}

.game-sections {
    display: flex;
    column-gap: 40px;
}

.game-sections__games {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.game-sections__games-tab {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    column-gap: 24px;
    background: #efefef;
    border-radius: 20px;
}

    .game-sections__games-tab:not(.active--) {
        cursor: pointer;
    }

    .game-sections__games-tab:hover {
        background-color: #d0d0d0;
    }

    .game-sections__games-tab.active-- {
        background-color: #454545;
    }

.game-sections__games-tab-image {
    width: 60px;
    height: 60px;
}

.game-sections__games-tab-text-title {
    font-family: "Rubik";
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #454545;
}

.game-sections__games-tab.active-- .game-sections__games-tab-text-title {
    color: #f9f9f9;
}

.game-sections__games-tab-text-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.game-sections__games-tab.active-- .game-sections__games-tab-text-description {
    color: #f9f9f9;
}

.game-sections__instructions-content {
    padding: 40px;
    background: #efefef;
    border-radius: 20px;
}

.game-sections__instructions-content-top {
    margin-bottom: 32px;
}

.game-sections__instructions-content-top-win-header {
    margin-bottom: 4px;
    font-family: "Rubik";
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #454545;
}

.game-sections__instructions-content-top-win-description {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.game-sections__instructions-content-bottom {
    margin-top: 32px;
}

.game-sections__instructions-content-bottom-buttons {
    display: flex;
    gap: 32px;
    margin-bottom: 22px;
}

button.game-sections__instructions-content-bottom-buttons-button {
    display: flex;
    column-gap: 4px;
    align-items: center;
    font-family: "Rubik";
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.highlight-card {
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 24px;
    width: 400px;
    height: 168px;
    background: #fff;
    box-shadow: 0px 4px 24px rgba(3, 0, 39, 0.04), 0px 8px 32px rgba(3, 0, 39, 0.1);
    border-radius: 20px;
}

.highlight-card__image {
    width: 120px;
    height: 120px;
}

.highlight-card__description-number {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 1px;
    color: #040707;
}

.highlight-card__description-name {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.highlight-card__description-cta {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    gap: 2px;
    align-items: center;
    color: #f38a23;
}

.highlight-card__description-cta-arrow {
    width: 20px;
    height: 20px;
}

@media (max-width: 1024px) {
    .highlight-card {
        max-width: 327px;
        height: fit-content;
        padding: 16px;
    }

    .highlight-card__image {
        width: 64px;
        height: 64px;
    }

    .highlight-card__description-number {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0px;
    }

    .highlight-card__description-name {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .highlight-card__description-cta {
        font-size: 14px;
        line-height: 22px;
    }
}

.lazy-load-container {
    position: relative;
    min-height: 200px;
}

    .lazy-load-container .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        display: none;
    }

    .lazy-load-container.loading .spinner {
        display: block;
    }

    .lazy-load-container .content {
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

    .lazy-load-container.loading .content {
        opacity: 0;
    }

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.leaf-numbers {
    display: flex;
    gap: 16px 7px;
    flex-wrap: wrap;
    align-items: center;
    --primary-color: #ffb800;
    --text-color: #040707;
}

    .leaf-numbers.yellow-- {
        --primary-color: #ffb800;
        --text-color: #040707;
    }

    .leaf-numbers.blue-- {
        --primary-color: #00a3e3;
        --text-color: #ffffff;
    }

    .leaf-numbers.orange-- {
        --primary-color: #f38b23;
        --text-color: #ffffff;
    }

    .leaf-numbers.red-- {
        --primary-color: #eb2020;
        --text-color: #ffffff;
    }

.leaf-numbers__number {
    position: relative;
    width: 60px;
    height: 60px;
    background: var(--primary-color);
    border-radius: 22px 0px;
    text-align: center;
    place-content: center;
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
    color: var(--text-color);
    overflow: hidden;
}

    .leaf-numbers__number .reel {
        width: 100%;
        height: 100%;
    }

        .leaf-numbers__number .reel span {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

    .leaf-numbers__number.outline-- {
        border: solid 2px var(--primary-color);
        color: var(--primary-color);
        background-color: #fff;
    }

    .leaf-numbers__number.large-- {
        width: 80px;
        height: 80px;
        font-size: 40px;
        line-height: 48px;
        border-radius: 30px 0px;
    }

    .leaf-numbers__number.small-- {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 24px;
        border-radius: 16px 0px;
    }

@media (max-width: 1280px) {
    .leaf-numbers__number {
        width: 45px;
        height: 45px;
        font-size: 24px;
        line-height: 24px;
        border-radius: 16px 0px;
    }
}

@media (max-width: 1024px) {
    .leaf-numbers__number {
        width: 40px;
        height: 40px;
    }

        .leaf-numbers__number.small-- {
            width: 32px;
            height: 32px;
            font-size: 20px;
            font-weight: 500;
            line-height: 20px;
            border-radius: 12px 0px;
            border: solid 1px var(--primary-color);
        }

        .leaf-numbers__number.large-- {
            width: 64px;
            height: 64px;
            font-size: 24px;
            line-height: 32px;
        }
}

.leaf-numbers__group {
    display: flex;
    gap: 16px 8px;
}

    .leaf-numbers__group.wrap-- {
        flex-wrap: wrap;
    }

.leaf-numbers__plus {
    width: 40px;
    height: 40px;
    padding: 8px;
}

    .leaf-numbers__plus::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("../images/plus.svg");
        background-repeat: no-repeat;
        background-size: cover;
    }

.modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    min-height: 100vh;
    place-items: center;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

    .modal.mobile-- .modal__container {
        margin: 100px auto 0;
        padding: 19px 24px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        animation: slideUp 0.4s ease-out;
    }

        .modal.mobile-- .modal__container::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #cdcdcd;
            top: 64px;
            left: 0;
        }

    .modal.mobile-- .modal__container-close {
        margin-top: -5px;
    }

.modal__container {
    position: relative;
    margin: 40px auto 40px;
    padding: 64px 80px;
    max-width: 1036px;
    width: calc(100% - var(--content-side-gutter) * 2);
    background-color: #fff;
    border-radius: 16px;
    animation: modalFadeUp 1s;
}

.modal__container-close {
    float: right;
    position: sticky;
    margin-top: -32px;
    margin-right: -48px;
    top: 20px;
    width: 40px;
    height: 40px;
    padding: 8px;
    cursor: pointer;
    background-color: #e6e6e6;
    border-radius: 50px;
}

@media (max-width: 1024px) {
    .modal__container {
        margin: 0;
        padding: 56px 24px 40px;
        max-width: unset;
        width: 100%;
        min-height: 100%;
        border-radius: 0;
    }

    .modal__container-close {
        margin-top: -44px;
        margin-right: 0;
        top: 12px;
        width: 32px;
        height: 32px;
        padding: 6px;
    }

        .modal__container-close.--header {
            float: none;
            position: relative;
            margin: 0;
            top: 0px;
        }

    .modal__container-header {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .modal__container-header-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 18px;
        color: #040707;
    }
}

@keyframes modalFadeUp {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

.news-card {
    display: flex;
    width: 389px;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
    cursor: pointer;
}

    .news-card:hover .news-card__top-image {
        transform: scale(1.05);
    }

.news-card__top {
    position: relative;
    overflow: hidden;
    height: 219px;
}

.news-card__top-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px;
    border-radius: 0 0 20px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #f9f9f9;
    z-index: 2;
}

    .news-card__top-tag.blue {
        background-color: #4169e1;
    }

    .news-card__top-tag.light-blue {
        background-color: #00a3e3;
    }

    .news-card__top-tag.black {
        background-color: #040707;
    }

    .news-card__top-tag.olive {
        background-color: #c99000;
    }

    .news-card__top-tag.red {
        background-color: #d50112;
    }

    .news-card__top-tag.green {
        background-color: #00a86b;
    }

img.news-card__top-image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: 0.2s ease-in-out;
}

.news-card__top-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-card__bottom {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
    background: #fff;
}

.news-card__bottom-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #040707;
}

.news-card__bottom-date {
    margin-top: auto;
    font-size: 16px;
    line-height: 24px;
    color: #686a6a;
}

@media (max-width: 800px) {
    .news-card {
        width: 280px;
    }

    .news-card__top {
        height: 158px;
    }

    .news-card__bottom-title {
        font-size: 18px;
        line-height: 26px;
    }

    .news-card__bottom-date {
        font-size: 14px;
        line-height: 22px;
    }
}

.site-footer {
    position: relative;
    padding-top: 60px;
    padding-bottom: 32px;
    background-color: #e6e6e6;
    color: #040707;
}

.site-footer__top {
    display: flex;
    column-gap: 48px;
    padding-bottom: 46px;
    border-bottom: 1px solid #cdcdcd;
}

.site-footer__top-section {
    min-width: 240px;
}

.site-footer__top-section-app-container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    min-width: 240px;
}

    .site-footer__top-section-app-container a {
        flex-shrink: 0;
        display: block;
        width: 24px;
        height: 24px;
    }

        .site-footer__top-section-app-container a img {
            display: block;
            height: 24px;
            width: 24px;
        }

.site-footer__top-section-header {
    font-family: "Rubik";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.site-footer__top-section-link {
    display: block;
    margin-top: 24px;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

    .site-footer__top-section-link:first-of-type {
        margin-top: 0;
    }

.site-footer__top-section-contact {
    margin-top: 16px;
    display: flex;
    column-gap: 8px;
}

.site-footer__top-section-contact-link {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

    .site-footer__top-section-contact-link span {
        color: #454545;
    }

.site-footer__top-section-input {
    margin-top: 32px;
}

    .site-footer__top-section-input .input__wrapper {
        width: 544px;
        position: relative;
    }

        .site-footer__top-section-input .input__wrapper .submit-button {
            position: absolute;
            right: 160px;
            color: #9b9c9c;
            pointer-events: none;
            background-color: inherit;
        }

        .site-footer__top-section-input .input__wrapper .submit-button.ready {
            color: #040707;
            pointer-events: auto;
            cursor: pointer;
        }

            .site-footer__top-section-input .input__wrapper .submit-button
            .submit-button-icon--disabled {
                display: block;
            }

            .site-footer__top-section-input .input__wrapper .submit-button
            .submit-button-icon--valid {
                display: none;
            }

            .site-footer__top-section-input .input__wrapper .submit-button.ready
            .submit-button-icon--disabled {
                display: none;
            }

            .site-footer__top-section-input .input__wrapper .submit-button.ready
            .submit-button-icon--valid {
                display: block;
            }

.site-footer__top-section-app {
    display: flex;
    column-gap: 24px;
    margin-top: 16px;
}

    .site-footer__top-section-app:not(:last-of-type) {
        margin-bottom: 32px;
    }

.site-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
}

.site-footer__bottom-left {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.site-footer__bottom-left-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.site-footer__bottom-left-images-container img {
    margin-right: 16px;
}

.site-footer__bottom-right {
    display: flex;
    column-gap: 24px;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.site-footer__bottom-right-copyright {
    color: #686a6a;
}

@media (max-width: 1280px) {
    .site-footer {
        padding-top: 32px;
    }

    .site-footer__top {
        flex-direction: column;
        row-gap: 32px;
        padding-bottom: 32px;
    }

        .site-footer__top img {
            width: 56px;
            height: 56px;
        }

    .site-footer__top-section-link,
    .site-footer__top-section-header {
        font-size: 12px;
    }

    .site-footer__top-section-contact > img {
        width: 16px;
        height: 16px;
    }

    .site-footer__top-section-contact-link {
        font-size: 12px;
    }

    .site-footer__top-section-input .input__wrapper {
        max-width: 327px;
    }

        .site-footer__top-section-input .input__wrapper .submit-button {
            font-size: 14px;
            right: 16px;
        }

            .site-footer__top-section-input .input__wrapper .submit-button > img {
                width: 20px;
                height: 20px;
            }

    .site-footer__top-section-app {
        margin-top: 12px;
        column-gap: 16px;
    }

        .site-footer__top-section-app > img {
            width: 24px;
            height: 24px;
        }

    .site-footer__bottom {
        flex-direction: column;
        row-gap: 32px;
    }

    .site-footer__bottom-left,
    .site-footer__bottom-right {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        row-gap: 12px;
    }

    .site-footer__bottom-left-copyright,
    .site-footer__bottom-right-copyright {
        order: 1;
        margin-top: 20px;
    }

    .site-footer__bottom-left-link,
    .site-footer__bottom-right-link {
        order: 0;
    }

    .site-footer__top-section-link {
        margin-top: 16px;
    }
}

.site-header {
    position: sticky;
    top: 0;
    height: 72px;
    z-index: var(--zi-header);
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: -72px;
    color: #040707;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    transition: background-color 0.2s linear;
}

.site-header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    max-width: 1248px;
    margin: auto;
}

.site-header__main {
    display: flex;
    align-items: center;
    gap: 32px;
}

.site-header__main-logo {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.site-header__main-logo,
.site-header__main-nav,
.site-header__main-nav-dropdown {
    display: block;
    position: relative;
    cursor: pointer;
}

    .site-header__main-logo.--active::after,
    .site-header__main-nav.--active::after,
    .site-header__main-nav-dropdown.--active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: #f38a23;
    }

    .site-header__main-logo.--open .site-header__main-nav-dropdown-content,
    .site-header__main-nav.--open .site-header__main-nav-dropdown-content,
    .site-header__main-nav-dropdown.--open .site-header__main-nav-dropdown-content {
        opacity: 1;
        visibility: visible;
    }

    .site-header__main-logo.--open .site-header__main-nav-dropdown-label-icon,
    .site-header__main-nav.--open .site-header__main-nav-dropdown-label-icon,
    .site-header__main-nav-dropdown.--open
    .site-header__main-nav-dropdown-label-icon {
        transform: rotate(180deg);
    }

.site-header__main-nav-dropdown-label {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .site-header__main-nav-dropdown-label span {
        display: block;
        position: relative;
    }

        .site-header__main-nav-dropdown-label span.--active::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            width: 100%;
            background-color: #f38a23;
        }

.site-header__main-nav-dropdown-label-icon {
    display: block;
    width: 16px;
    height: 16px;
    transition: 0.4s var(--ease-out-power4);
}

.site-header__main-nav-dropdown-content {
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    overflow: hidden;
    padding: 12px;
    min-width: 208px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.1019607843), 0px 4px 24px 0px rgba(3, 0, 39, 0.0392156863);
    color: #040707;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s var(--ease-out-power4);
}

    .site-header__main-nav-dropdown-content.--align-right {
        left: unset;
        right: 0;
    }

    .site-header__main-nav-dropdown-content .content-wrapper {
        overflow: hidden;
    }

    .site-header__main-nav-dropdown-content .content-link {
        display: block;
        padding: 12px 16px;
        border-radius: 16px;
        width: 100%;
        text-align: left;
        font-weight: 500;
        color: #040707;
    }

        .site-header__main-nav-dropdown-content .content-link.--active {
            background-color: #ffe699;
        }

        .site-header__main-nav-dropdown-content .content-link:hover {
            background-color: #f5f8f9;
        }

.site-header__utility {
    display: flex;
    gap: 24px;
}

    .site-header__utility.--hidden {
        display: none;
    }

.site-header__utility-cta {
    height: 24px;
    cursor: pointer;
}

    .site-header__utility-cta.--mobile {
        display: none;
    }

    .site-header__utility-cta.--desktop {
        display: block;
    }

.site-header__mobile-nav {
    display: none;
}

.site-header.--scrolled {
    background-color: #fff;
}

.site-header.--forced-white {
    background-color: #fff;
}

.site-header.--white.--forced-white {
    color: #040707;
}

    .site-header.--white.--forced-white .site-header__main-nav-dropdown-label-icon,
    .site-header.--white.--forced-white .site-header__utility-cta img {
        filter: invert(0);
    }

.site-header.--white {
    color: #fff;
}

    .site-header.--white .site-header__main-nav-dropdown-label-icon,
    .site-header.--white .site-header__utility-cta img {
        filter: invert(1);
    }

    .site-header.--white.--scrolled {
        color: #040707;
    }

        .site-header.--white.--scrolled .site-header__main-nav-dropdown-label-icon,
        .site-header.--white.--scrolled .site-header__utility-cta img {
            filter: invert(0);
        }

.site-header__search {
    position: relative;
    top: -1px;
    z-index: -1;
    width: 100%;
    background-color: #fff;
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition: 0.2s linear;
}

    .site-header__search.--hidden {
        visibility: hidden;
        opacity: 0;
    }

.site-header__search-overlay {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.site-header__search-container {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .site-header__search-container .search-icon {
        width: 32px;
        height: 32px;
    }

    .site-header__search-container input {
        flex-grow: 1;
        max-height: 32px;
        outline: none;
        border: none;
        font-size: 20px;
        line-height: 28px;
        color: #040707;
    }

    .site-header__search-container .clear-icon {
        width: 24px;
        height: 24px;
        opacity: 1;
        cursor: pointer;
    }

        .site-header__search-container .clear-icon.--hidden {
            opacity: 0;
        }

.site-header #mobile-close-search {
    display: none;
}

@media (max-width: 1024px) {
    .site-header {
        position: sticky;
        height: 56px;
        background-color: #fff;
        margin-bottom: 0px;
    }

        .site-header.--white {
            color: #040707;
        }

            .site-header.--white .site-header__main-nav-dropdown-label-icon,
            .site-header.--white .site-header__utility-cta img {
                filter: invert(0);
            }

    .site-header__main-logo {
        width: 40px;
        height: 40px;
    }

    .site-header__main-nav,
    .site-header__main-nav-dropdown {
        display: none;
    }

    .site-header__utility-cta.--mobile {
        display: block;
    }

    .site-header__utility-cta.--desktop {
        display: none;
    }

    .site-header__mobile-nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        background-color: #fff;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
    }

        .site-header__mobile-nav.--open {
            transform: translateX(0%);
        }

    .site-header__mobile-nav-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 24px;
    }

    .site-header__mobile-nav-header-icon {
        display: block;
        width: 32px;
        height: 32px;
        padding: 6px;
        border-radius: 100%;
        background-color: #e6e6e6;
        cursor: pointer;
    }

    .site-header__mobile-nav-body {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .site-header__mobile-nav-dropdown.--open
    .site-header__mobile-nav-dropdown-body {
        grid-template-rows: 1fr;
        margin-top: 16px;
    }

    .site-header__mobile-nav-dropdown.--open
    .site-header__mobile-nav-dropdown-label-icon {
        transform: rotate(180deg);
    }

    .site-header__mobile-nav-link,
    .site-header__mobile-nav-dropdown-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #040707;
        cursor: pointer;
    }

        .site-header__mobile-nav-link .label-wrapper,
        .site-header__mobile-nav-dropdown-label .label-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .site-header__mobile-nav-link .prefix-icon,
        .site-header__mobile-nav-dropdown-label .prefix-icon {
            display: block;
            width: 24px;
            height: 24px;
        }

    .site-header__mobile-nav-dropdown-label-icon {
        width: 16px;
        height: 16px;
    }

    .site-header__mobile-nav-dropdown-body {
        display: grid;
        grid-template-rows: 0fr;
        margin-top: 0px;
        overflow: hidden;
        transition: 0.2s ease-in-out;
    }

        .site-header__mobile-nav-dropdown-body .dropdown-item-wrapper {
            display: flex;
            flex-direction: column;
            gap: 16px;
            overflow: hidden;
        }

            .site-header__mobile-nav-dropdown-body .dropdown-item-wrapper.--large {
                gap: 0;
            }

                .site-header__mobile-nav-dropdown-body
                .dropdown-item-wrapper.--large
                .dropdown-item {
                    padding: 8px 16px;
                    border-radius: 8px;
                    margin-left: 32px;
                }

        .site-header__mobile-nav-dropdown-body .dropdown-item {
            display: block;
            margin-left: 16px;
            font-size: 16px;
            line-height: 24px;
            color: #454545;
            cursor: pointer;
        }

            .site-header__mobile-nav-dropdown-body .dropdown-item.--active {
                background-color: #ffe699;
            }

    .site-header__mobile-nav-divider {
        width: calc(100% - 48px);
        height: 1px;
        margin: 0 auto;
        background-color: #e6e6e6;
    }

    .site-header__search {
        height: 100vh;
    }

    .site-header__search-overlay {
        display: none;
    }

    .site-header__search-container {
        height: 64px;
    }

        .site-header__search-container .search-icon {
            width: 20px;
            height: 20px;
        }

        .site-header__search-container input {
            font-size: 14px;
            line-height: 22px;
        }

        .site-header__search-container .clear-icon {
            display: none;
        }

    .site-header #mobile-close-search {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        background-color: #e6e6e6;
        border-radius: 100%;
        cursor: pointer;
    }

        .site-header #mobile-close-search.--hidden {
            display: none;
        }
}

.alert {
    padding: 20px 0;
    background-color: #eb2020;
}

.alert__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.alert__content {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.alert__content-icon {
    width: 24px;
    height: 24px;
}

.alert__dismiss {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .alert {
        padding: 16px 0;
    }

    .alert__content {
        font-size: 14px;
        line-height: 22px;
    }
}

.input {
    --input-border-color: #e6e6e6;
    --input-border-color-focus: #ffc100;
    --input-border-color-error: #ff4d4d;
    --input-text-color: #040707;
    --input-placeholder-color: #9b9c9c;
    --input-background: #ffffff;
    --input-disabled-background: #f5f5f5;
    --input-disabled-text-color: #9b9c9c;
    --input-label-color: #040707;
    --input-helper-text-color: #6e7171;
    --input-error-text-color: #ff4d4d;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: "Rubik", var(--ff-base);
}

    .input.newsletter-- .input__field {
        padding: 12px 16px;
        max-width: 400px;
        border-radius: 12px;
    }

    .input.with-icon-- .input__field {
        padding-right: 48px;
    }

    .input.search-- .input__field {
        padding-left: 64px;
        border-radius: 100px;
    }

    .input.clearable-- .input__field {
        padding-right: 64px;
    }

    .input.error-- .input__field {
        border-color: var(--input-border-color-error);
    }

        .input.error-- .input__field:focus {
            box-shadow: 0 0 0 2px rgba(255, 77, 77, 0.2);
        }

    .input.error-- .input__helper-text {
        color: var(--input-error-text-color);
    }

    .input.error-- .input__helper-error {
        display: block;
        color: var(--input-error-text-color);
        margin-top: var(--spacing-small-4);
        font-size: 12px;
        line-height: 1.4;
    }

.input__label {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--input-label-color);
}

.input__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.input__field {
    width: 100%;
    padding: 16px;
    border: 1px solid var(--input-border-color);
    border-radius: 8px;
    background-color: var(--input-background);
    font-size: 16px;
    line-height: 1.5;
    color: var(--input-text-color);
    transition: border-color var(--transition-timing), box-shadow var(--transition-timing);
}

    .input__field::placeholder {
        color: var(--input-placeholder-color);
        opacity: 1;
        font-family: "Rubik", var(--ff-base);
    }

    .input__field:focus {
        outline: none;
        border-color: var(--input-border-color-focus);
        box-shadow: 0 0 0 2px rgba(255, 193, 0, 0.2);
    }

    .input__field:disabled {
        background-color: var(--input-disabled-background);
        color: var(--input-disabled-text-color);
        cursor: not-allowed;
    }

.input__icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

    .input__icon.clickable-- {
        pointer-events: auto;
        cursor: pointer;
    }

.search-- .input__icon {
    right: unset;
    left: 24px;
}

.input__clear {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.input__field:placeholder-shown + .input__clear {
    display: none;
}

.input__helper-text {
    margin-top: var(--spacing-small-4);
    font-size: 12px;
    line-height: 1.4;
    color: var(--input-helper-text-color);
}

.input__helper-error {
    display: none;
}

@media (max-width: 1280px) {
    .input.newsletter-- .input__field {
        max-width: 327px;
    }

    .input.search-- .input__icon {
        left: 16px;
        width: 20px;
        height: 20px;
    }

    .input.search-- .input__field {
        padding-left: 46px;
    }

    .input__label {
        font-size: 12px;
    }

    .input__field {
        font-size: 14px;
    }
}

.wrapper {
    width: 100%;
    max-width: calc(var(--max-content-width) + var(--content-side-gutter) * 2);
    padding-right: var(--content-side-gutter);
    padding-left: var(--content-side-gutter);
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .wrapper {
        padding-right: 24px;
        padding-left: 24px;
    }
}

.pagination__content {
    margin-top: 2rem;
}

.pagination__item {
    padding: 1rem;
    border-bottom: 1px solid var(--border-color, #dee2e6);
}

#pagination-container {
    margin-top: 2rem;
}

.pagination {
    margin: 2rem 0;
}

.pagination__list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5rem;
}

.pagination__item {
    margin: 0;
}

.pagination__item--active .pagination__link {
    background-color: var(--primary-color, #007bff);
    color: #fff;
    border-color: var(--primary-color, #007bff);
}

.pagination__item--disabled .pagination__link {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    border: 1px solid var(--border-color, #dee2e6);
    background-color: #fff;
    color: var(--text-color, #212529);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .pagination__link:hover:not(:disabled) {
        background-color: var(--border-color, #dee2e6);
        border-color: var(--border-color, #dee2e6);
    }

    .pagination__link:focus {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.banner {
    position: relative;
    width: 100%;
    height: 480px;
    padding-top: 72px;
    overflow: hidden;
    transition: none;
}

    .banner.--searched-height {
        height: 328px;
    }

        .banner.--searched-height .banner__content {
            margin-top: 64px;
        }

    .banner.--flex-height {
        height: unset;
        padding-bottom: 80px;
    }

        .banner.--flex-height .banner__content {
            margin-top: 80px;
        }

    .banner.--tall {
        height: 560px;
    }

.banner__background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2)) translateY(100%/2);
}

    .banner__background.--desktop {
        display: block;
    }

    .banner__background.--mobile {
        display: none;
    }

.banner__content {
    margin-top: 100px;
}

.banner__title {
    max-width: 600px;
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    color: #040707;
}

    .banner__title.--large {
        max-width: 750px;
    }

.banner__subtitle {
    max-width: 600px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
    margin-top: 16px;
}

    .banner__subtitle.--large {
        max-width: 750px;
    }

    .banner__subtitle li:not(:last-child) {
        margin-bottom: 8px;
    }

.banner__cta {
    margin-top: 32px;
}

.banner__search {
    margin-top: 32px;
    max-width: 600px;
}

.banner__search-back-cta {
    display: flex;
    justify-content: flex-start;
    width: max-content;
    align-items: center;
    line-height: 24px;
    font-size: 16px;
    color: #040707;
}

    .banner__search-back-cta .back__icon {
        padding: 2px 2px 2px 0;
    }

    .banner__search-back-cta.hidden-- {
        display: none;
    }

@media (max-width: 1024px) {
    .banner {
        height: 440px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .banner.--searched-height {
            height: unset;
            padding-top: 32px;
        }

            .banner.--searched-height .banner__content {
                margin-top: 0;
            }

        .banner.--flex-height {
            height: unset;
            min-height: 480px;
            padding-bottom: 176px;
        }

            .banner.--flex-height .banner__content {
                margin-top: 0px;
            }

        .banner.--tall {
            height: 400px;
        }

    .banner__background.--desktop {
        display: none;
    }

    .banner__background.--mobile {
        display: block;
    }

    .banner__content {
        margin-top: 0;
    }

    .banner__title {
        font-size: 28px;
        line-height: 36px;
    }

    .banner__subtitle {
        font-size: 20px;
        line-height: 28px;
        margin-top: 8px;
    }

        .banner__subtitle ul {
            padding-left: 30px;
        }

    .banner__search {
        margin-top: 24px;
    }
}

.result-card {
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 400px;
    max-width: 430px;
    max-height: 500px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 8px 32px rgba(3, 0, 39, 0.1), 0px 4px 24px rgba(3, 0, 39, 0.04);
}

    .result-card.--max-height {
        width: 100%;
        height: 100%;
    }

        .result-card.--max-height .result-card__body-mgold-footer-prize {
            height: 140px;
        }

    .result-card.--live-draw {
        max-height: fit-content;
    }

.result-card__header {
    padding: 15px 24px;
    height: 84px;
}

    .result-card__header.classic {
        background-color: #ffb800;
    }

    .result-card__header.jackpot {
        background-color: #00a3e3;
    }

    .result-card__header.mgold,
    .result-card__header.jackpot-gold {
        background-color: #f58921;
    }

    .result-card__header.magnum-life {
        background-color: #eb2020;
    }

.result-card__header-content {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
}

.result-card__header-content-icon {
    width: 48px;
    height: 48px;
}

.result-card__header-content-label .title {
    font-weight: 500;
    color: #040707;
    font-size: 24px;
    line-height: 32px;
}

.result-card__header-content-label .desc {
    font-weight: 500;
    color: #040707;
    font-size: 14px;
    line-height: 22px;
}

.result-card__header-content-label.jackpot .title,
.result-card__header-content-label.jackpot .desc,
.result-card__header-content-label.mgold .title,
.result-card__header-content-label.mgold .desc,
.result-card__header-content-label.jackpot-gold .title,
.result-card__header-content-label.jackpot-gold .desc,
.result-card__header-content-label.magnum-life .title,
.result-card__header-content-label.magnum-life .desc {
    color: #fff;
}

.result-card__header-content-cta {
    width: 32px;
    height: 32px;
    margin-left: auto;
    cursor: pointer;
}

.result-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.result-card__body-classic-top-container {
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 16px;
    border-bottom: solid 1px #cdcdcd;
}

    .result-card__body-classic-top-container.--live-draw .number {
        cursor: auto;
    }

        .result-card__body-classic-top-container.--live-draw .number::after {
            display: none;
        }

.result-card__body-classic-top {
    text-align: center;
}

    .result-card__body-classic-top .label {
        color: #686a6a;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
    }

    .result-card__body-classic-top .number {
        color: #040707;
        font-variant-numeric: tabular-nums;
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        position: relative;
        cursor: pointer;
    }

        .result-card__body-classic-top .number::after {
            content: "";
            display: block;
            width: 0%;
            height: 2px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #040707;
            transition: 0.2s ease-in-out;
        }

        .result-card__body-classic-top .number:hover::after {
            width: 100%;
        }

.result-card__body-classic-runnerup-container {
    display: flex;
    height: 100%;
}

    .result-card__body-classic-runnerup-container.--live-draw .number {
        cursor: auto;
    }

        .result-card__body-classic-runnerup-container.--live-draw .number::after {
            display: none;
        }

.result-card__body-classic-runnerup {
    padding: 16px 24px 24px;
    width: 50%;
}

    .result-card__body-classic-runnerup .label {
        color: #686a6a;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .result-card__body-classic-runnerup .number-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 31px;
        row-gap: 16px;
        margin-top: 12px;
    }

    .result-card__body-classic-runnerup .number {
        position: relative;
        font-variant-numeric: tabular-nums;
        color: #040707;
        font-weight: 500;
        font-size: 24px;
        line-height: 31px;
        text-align: center;
        cursor: pointer;
    }

        .result-card__body-classic-runnerup .number::after {
            content: "";
            display: block;
            width: 0%;
            height: 2px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #040707;
            transition: 0.2s ease-in-out;
        }

        .result-card__body-classic-runnerup .number:hover::after {
            width: 100%;
        }

    .result-card__body-classic-runnerup:last-child {
        border-left: solid 1px #cdcdcd;
    }

.result-card__body-jackpot-top-container {
    padding: 24px;
}

.result-card__body-jackpot-top-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #686a6a;
    text-align: center;
}

.result-card__body-jackpot-top {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 32px;
}

    .result-card__body-jackpot-top.--live-draw .number {
        cursor: auto;
    }

        .result-card__body-jackpot-top.--live-draw .number::after {
            display: none;
        }

    .result-card__body-jackpot-top .number-container {
        display: flex;
        gap: 4px;
        justify-content: center;
        font-weight: 500;
        font-size: 24px;
        color: #040707;
        font-variant-numeric: tabular-nums;
    }

    .result-card__body-jackpot-top .number {
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        .result-card__body-jackpot-top .number::after {
            content: "";
            display: block;
            width: 0%;
            height: 2px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #040707;
            transition: 0.2s ease-in-out;
        }

        .result-card__body-jackpot-top .number:hover::after {
            width: 100%;
        }

.result-card__body-jackpot-footer {
    margin-top: auto;
    height: 188px;
    padding: 24px;
    background-color: #f5f8f9;
}

.result-card__body-jackpot-footer-prize {
    text-align: center;
}

    .result-card__body-jackpot-footer-prize .label {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #686a6a;
    }

    .result-card__body-jackpot-footer-prize .amount {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-top: 8px;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #00a86b;
    }

    .result-card__body-jackpot-footer-prize:not(:first-child) {
        margin-top: 16px;
    }

.result-card__body-mgold-top-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
    text-align: center;
    font-variant-numeric: tabular-nums;
    flex: 1;
}

.result-card__body-mgold-footer {
    padding: 24px;
    background-color: #f5f8f9;
}

.result-card__body-mgold-footer-prize {
    text-align: center;
}

    .result-card__body-mgold-footer-prize .label {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #686a6a;
    }

    .result-card__body-mgold-footer-prize .amount {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-top: 8px;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #00a86b;
    }

.result-card__body-jackpot-gold-top-container {
    padding: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
    text-align: center;
    font-variant-numeric: tabular-nums;
    flex: 1;
}

    .result-card__body-jackpot-gold-top-container .plus-icon {
        margin: 8px 0px;
    }

    .result-card__body-jackpot-gold-top-container .number-container {
        justify-content: center;
    }

.result-card__body-jackpot-gold-footer {
    padding: 24px;
    background-color: #f5f8f9;
}

.result-card__body-jackpot-gold-footer-prize {
    text-align: center;
}

    .result-card__body-jackpot-gold-footer-prize .label {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #686a6a;
    }

    .result-card__body-jackpot-gold-footer-prize .amount {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-top: 8px;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #00a86b;
    }

    .result-card__body-jackpot-gold-footer-prize:not(:first-child) {
        margin-top: 16px;
    }

.result-card__body-magnum-life-top-container {
    padding: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
    text-align: center;
    flex: 1;
}

    .result-card__body-magnum-life-top-container .number-group {
        display: flex;
        justify-content: center;
        gap: 13px;
    }

        .result-card__body-magnum-life-top-container .number-group .number {
            width: 32px;
        }

    .result-card__body-magnum-life-top-container .plus-icon {
        margin: 8px 0px;
    }

    .result-card__body-magnum-life-top-container .number-container {
        justify-content: center;
    }

.result-card__body-magnum-life-footer {
    height: 240px;
    padding: 24px;
    background-color: #f5f8f9;
}

.result-card__body-magnum-life-footer-prize {
    text-align: center;
}

    .result-card__body-magnum-life-footer-prize .label {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #686a6a;
    }

    .result-card__body-magnum-life-footer-prize .amount {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 8px;
        margin-top: 8px;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #00a86b;
    }

        .result-card__body-magnum-life-footer-prize .amount span {
            max-width: 202px;
        }

    .result-card__body-magnum-life-footer-prize:not(:first-child) {
        margin-top: 16px;
    }

.result-card__placeholder {
    padding: 24px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
    text-align: center;
}

@media (max-width: 1280px) {
    .result-card {
        width: 100%;
        max-height: 432px;
    }

    .result-card__header {
        padding: 12px 24px;
        height: auto;
    }

    .result-card__header-content {
        gap: 12px;
    }

    .result-card__header-content-icon {
        width: 40px;
        height: 40px;
    }

    .result-card__header-content-label .title {
        font-size: 18px;
        line-height: 26px;
    }

    .result-card__header-content-label .desc {
        font-size: 12px;
        line-height: 18px;
        white-space: nowrap;
    }

    .result-card__body-classic-top-container {
        padding: 22px 24px 20px;
    }

    .result-card__body-classic-top .label {
        font-size: 12px;
        line-height: 18x;
    }

    .result-card__body-classic-top .number {
        font-size: 24px;
        line-height: 32px;
    }

    .result-card__body-classic-runnerup {
        text-align: center;
        padding: 14px 22px 22px;
    }

        .result-card__body-classic-runnerup .label {
            font-size: 12px;
            line-height: 18px;
        }

        .result-card__body-classic-runnerup .number-container {
            column-gap: 16px;
            row-gap: 9px;
            margin-top: 10px;
        }

        .result-card__body-classic-runnerup .number {
            font-size: 20px;
            line-height: 28px;
        }

    .result-card__body-jackpot-top-container {
        padding: 24px;
    }

    .result-card__body-jackpot-top {
        gap: 8px 24px;
    }

        .result-card__body-jackpot-top .number-container {
            font-size: 20px;
        }

    .result-card__body-jackpot-footer {
        margin-top: auto;
        height: 164px;
        padding: 24px;
    }

    .result-card__body-jackpot-footer-prize .label {
        font-size: 12px;
        line-height: 18px;
    }

    .result-card__body-jackpot-footer-prize .amount {
        margin-top: 4px;
        font-size: 20px;
        line-height: 28px;
    }

    .result-card__body-jackpot-footer-prize:not(:first-child) {
        margin-top: 14px;
    }

    .result-card__body-mgold-top-container {
        padding: 24px;
        font-size: 20px;
    }

    .result-card__body-mgold-footer {
        height: fit-content;
        height: 164px;
        padding: 24px;
    }

    .result-card__body-mgold-footer-prize .label {
        font-size: 12px;
        line-height: 18px;
    }

    .result-card__body-mgold-footer-prize .amount {
        margin-top: 4px;
        font-size: 20px;
        line-height: 28px;
    }

    .result-card__body-jackpot-gold-top-container {
        padding: 24px;
        font-size: 20px;
        line-height: 28px;
    }

    .result-card__body-jackpot-gold-footer {
        height: 164px;
        padding: 24px;
    }

    .result-card__body-jackpot-gold-footer-prize .label {
        font-size: 12px;
        line-height: 18px;
    }

    .result-card__body-jackpot-gold-footer-prize .amount {
        margin-top: 4px;
        font-size: 20px;
        line-height: 28px;
        white-space: nowrap;
    }

    .result-card__body-jackpot-gold-footer-prize:not(:first-child) {
        margin-top: 16px;
    }

    .result-card__body-magnum-life-top-container {
        padding: 24px;
        font-size: 20px;
        line-height: 28px;
    }

        .result-card__body-magnum-life-top-container .number-group {
            gap: 12px;
        }

            .result-card__body-magnum-life-top-container .number-group .number {
                width: 26px;
            }

    .result-card__body-magnum-life-footer {
        height: fit-content;
        padding: 24px;
    }

    .result-card__body-magnum-life-footer-prize .label {
        font-size: 12px;
        line-height: 18px;
    }

    .result-card__body-magnum-life-footer-prize .amount {
        margin-top: 4px;
        font-size: 18px;
        line-height: 26px;
    }

        .result-card__body-magnum-life-footer-prize .amount span {
            max-width: 170px;
        }
}

@media (max-width: 1280px) and (max-width: 1024px) {
    .result-card {
        max-height: 424px;
    }

    .result-card__placeholder {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1280px) and (max-width: 800px) {
    .result-card__body-mgold-footer {
        max-height: 164px;
        height: fit-content;
    }
}

.prize-tag {
    position: relative;
    display: inline-flex;
    height: 22px;
    padding: 2px 8px;
    padding-left: 28px;
    margin-left: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #006540;
    border-radius: 100px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.prize-tag__icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: -3px;
}

.coin {
    padding-left: 22px;
    background-color: #00a86b;
    margin-left: 7px;
}

    .coin .prize-tag__icon {
        left: -7px;
    }

.winning-coin {
    padding-left: 22px;
    margin-left: 4px;
}

    .winning-coin .prize-tag__icon {
        width: 22px;
        height: 22px;
        left: -4px;
    }

.none {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 0px;
}

.blue {
    background-color: #00a3e3;
}

.orange {
    background-color: #f38a23;
}

.red {
    background-color: #eb2020;
}

@media (max-width: 1024px) {
    .prize-tag {
        height: 18px;
        padding: 0px 6px;
        padding-left: 26px;
        font-size: 12px;
    }

    .prize-tag__icon {
        width: 22px;
        height: 22px;
        top: -2px;
        left: -3px;
    }

    .none {
        padding-left: 12px;
        padding-right: 12px;
    }

    .coin {
        padding-left: 18px;
    }

        .coin .prize-tag__icon {
            left: -7px;
        }

    .winning-coin {
        padding-left: 18px;
    }

        .winning-coin .prize-tag__icon {
            top: 50%;
            width: 18px;
            height: 18px;
            transform: translateY(-50%);
        }
}

.mobile-banner {
    padding: 80px 0px;
    overflow: hidden;
}

    .mobile-banner.dark {
        background-color: #222;
    }

    .mobile-banner.orange {
        background-color: #ffc000;
    }

.mobile-banner__background {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    min-width: 100%;
    max-width: unset;
}

    .mobile-banner__background.--desktop {
        display: flex;
    }

    .mobile-banner__background.--tablet {
        display: none;
    }

    .mobile-banner__background.--mobile {
        display: none;
    }

.mobile-banner__content-container {
    display: flex;
    gap: 44px;
}

.mobile-banner__content-qr {
    width: 200px;
    height: 200px;
    padding: 20px;
    background-color: #fff;
    border-radius: 16px;
}

    .mobile-banner__content-qr img {
        display: block;
    }

.mobile-banner__content-body .title {
    max-width: 500px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
}

    .mobile-banner__content-body .title.--black {
        color: #040707;
    }

    .mobile-banner__content-body .title .--gold {
        color: #f39323;
    }

.mobile-banner__content-body .desc {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

    .mobile-banner__content-body .desc.--black {
        color: #040707;
    }

.mobile-banner__content-body .platform-container {
    margin-top: 32px;
    display: flex;
    gap: 16px;
}

.mobile-banner__content-body .content-body-cta {
    display: none;
}

@media (max-width: 1024px) {
    .mobile-banner {
        padding: 40px 0;
        height: 417px;
        display: flex;
        align-items: flex-start;
    }

    .mobile-banner__background {
        min-height: 100%;
    }

        .mobile-banner__background.--desktop {
            display: none;
        }

        .mobile-banner__background.--tablet {
            display: flex;
            height: 100%;
        }

        .mobile-banner__background.--mobile {
            display: none;
        }

    .mobile-banner__content-container {
        align-items: center;
        gap: 24px;
    }

    .mobile-banner__content-qr {
        flex-shrink: 0;
        width: 130px;
        height: 130px;
        padding: 13px;
    }

    .mobile-banner__content-body {
        max-width: 369px;
    }

        .mobile-banner__content-body .title {
            font-size: 22px;
            line-height: 30px;
        }

        .mobile-banner__content-body .desc {
            font-size: 16px;
            line-height: 24px;
        }

        .mobile-banner__content-body .platform-container {
            flex-wrap: wrap;
            margin-top: 24px;
        }

        .mobile-banner__content-body .platform {
            width: 133px;
            height: 39px;
        }
}

@media (max-width: 600px) {
    .mobile-banner__background.--desktop {
        display: none;
    }

    .mobile-banner__background.--tablet {
        display: none;
    }

    .mobile-banner__background.--mobile {
        display: flex;
        height: 100%;
    }

    .mobile-banner__content-container.--mobile-device .mobile-banner__content-qr {
        display: none;
    }

    .mobile-banner__content-container.--mobile-device .platform-container {
        display: none;
    }

    .mobile-banner__content-container.--mobile-device .content-body-cta {
        display: inline-flex;
        margin-top: 24px;
    }
}

.tab-container {
    width: 100%;
    max-width: 1288px;
    margin: auto;
    padding: 0 20px;
}

.tab-button-container {
    display: flex;
    overflow-x: auto;
    gap: 40px;
    border-bottom: solid 1px #e6e6e6;
}

.tab-button {
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    white-space: nowrap;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #040707;
    cursor: pointer;
}

    .tab-button.active-- {
        border-color: #ffc000;
        border-width: 4px;
        padding-bottom: 14px;
    }

    .tab-button.inactive-- {
        color: #686a6a;
    }

.separator {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    border: none;
    margin: 0;
}

.tab__content {
    margin-top: 40px;
}

.tab-content {
    display: none;
}

@media (max-width: 1024px) {
    .tab-container {
        padding: 0;
    }

    .tab-button-wrapper {
        overflow-x: auto;
    }

    .tab-button-container {
        width: fit-content;
        min-width: calc(100% - 48px);
        margin: 0 24px;
        gap: 24px;
        overflow-x: visible;
    }

        .tab-button-container.--flush {
            margin: 0;
        }

    .tab-button {
        padding-bottom: 8px;
        font-size: 16px;
        line-height: 24px;
    }

        .tab-button.active-- {
            padding-bottom: 6px;
        }

    .tab-content {
        padding: 0 24px;
    }

    .tab__content {
        margin-top: 24px;
    }
}

.datepicker__container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 6px;
    position: relative;
}

.datepicker__input {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.datepicker__input-mobile {
    display: none;
}

.datepicker__input-field {
    display: flex;
    height: fit-content;
    width: 240px;
    border: 1px solid #cdcdcd;
    border-radius: 16px;
    padding: 15px 16px;
    background-color: #fff;
    font-family: "Rubik";
    cursor: pointer;
}

.datepicker__input-button {
    position: absolute;
    right: 16px;
}

.datepicker__label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
    white-space: nowrap;
}

.datepicker__calendar {
    display: none;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 20px;
    padding: 24px;
    width: 296px;
    margin-top: 12px;
    position: absolute;
    top: 55px;
    z-index: 1;
    overflow: hidden;
}

.datepicker__calendar-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

    .datepicker__calendar-header .calendarMonthYear {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #f38a23;
        cursor: pointer;
    }

.datepicker__calendar-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative;
}

.datepicker__calendar-wrapper-days,
.datepicker__calendar-wrapper-dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    place-items: center;
    gap: 4px;
    width: 100%;
}

    .datepicker__calendar-wrapper-days .calendar-day,
    .datepicker__calendar-wrapper-dates .calendar-day {
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        color: #9b9c9c;
        height: 32px;
    }

    .datepicker__calendar-wrapper-dates.dates-- {
        grid-template-rows: repeat(5, 32px);
    }

        .datepicker__calendar-wrapper-dates.dates-- .calendar-date {
            font-size: 14px;
            line-height: 22px;
            font-weight: 400;
            color: #040707;
            width: 32px;
            height: 32px;
            border-radius: 100%;
            border: 1.5px solid #fff;
            align-content: center;
            text-align: center;
        }

            .datepicker__calendar-wrapper-dates.dates-- .calendar-date.active {
                background: #ffc000;
                cursor: pointer;
            }

            .datepicker__calendar-wrapper-dates.dates-- .calendar-date.active-prev {
                background: #fff;
                border: 1.5px solid #ffc000;
                cursor: pointer;
            }

                .datepicker__calendar-wrapper-dates.dates-- .calendar-date.active-prev:hover {
                    background: #fff2cc;
                }

            .datepicker__calendar-wrapper-dates.dates-- .calendar-date.inactive {
                color: #9b9c9c;
            }

    .datepicker__calendar-wrapper-dates.months--,
    .datepicker__calendar-wrapper-dates.years-- {
        display: grid;
        grid-template-columns: repeat(3, minmax(80px, 1fr));
        grid-template-rows: 40px 40px 40px 40px;
        text-align: center;
    }

        .datepicker__calendar-wrapper-dates.months-- .calendar-month-option,
        .datepicker__calendar-wrapper-dates.months-- .calendar-year-option,
        .datepicker__calendar-wrapper-dates.years-- .calendar-month-option,
        .datepicker__calendar-wrapper-dates.years-- .calendar-year-option {
            border: 1.5px solid #fff;
            height: 100%;
            width: 100%;
            border-radius: 100px;
            align-content: center;
        }

            .datepicker__calendar-wrapper-dates.months--
            .calendar-month-option:not(.inactive--):not(.active--):hover,
            .datepicker__calendar-wrapper-dates.months--
            .calendar-year-option:not(.inactive--):not(.active--):hover,
            .datepicker__calendar-wrapper-dates.years--
            .calendar-month-option:not(.inactive--):not(.active--):hover,
            .datepicker__calendar-wrapper-dates.years--
            .calendar-year-option:not(.inactive--):not(.active--):hover {
                background: #fff2cc;
                border: 1.5px solid #ffc000;
                cursor: pointer;
            }

            .datepicker__calendar-wrapper-dates.months-- .calendar-month-option.active--,
            .datepicker__calendar-wrapper-dates.months-- .calendar-year-option.active--,
            .datepicker__calendar-wrapper-dates.years-- .calendar-month-option.active--,
            .datepicker__calendar-wrapper-dates.years-- .calendar-year-option.active-- {
                background-color: #ffc000;
                cursor: pointer;
            }

            .datepicker__calendar-wrapper-dates.months-- .calendar-month-option.inactive--,
            .datepicker__calendar-wrapper-dates.months-- .calendar-year-option.inactive--,
            .datepicker__calendar-wrapper-dates.years-- .calendar-month-option.inactive--,
            .datepicker__calendar-wrapper-dates.years-- .calendar-year-option.inactive-- {
                color: #9b9c9c;
            }

.datepicker__calendar-wrapper.month-- {
    display: grid;
    grid-template-columns: repeat(3, 80px);
    grid-template-rows: repeat(4, 40px);
    column-gap: 4px;
    row-gap: 8px;
    margin-top: 12px;
}

    .datepicker__calendar-wrapper.month-- .month-button {
        cursor: pointer;
        border: 1.5px solid #fff;
        height: 100%;
        width: 100%;
        border-radius: 100px;
        font-size: 14px;
        line-height: 22px;
        color: #040707;
    }

        .datepicker__calendar-wrapper.month-- .month-button:hover {
            background: #fff2cc;
            border: 1.5px solid #ffc000;
        }

@media (max-width: 1024px) {
    .datepicker__calendar {
        display: block;
        border: none;
        padding: 0px;
        position: relative;
        width: 100%;
        top: 0px;
    }

    .datepicker__input {
        display: none;
    }

    .datepicker__input-mobile {
        display: flex;
    }

    .datepicker__input-button-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .datepicker__input-button-mobile img {
            width: 24px;
            height: 24px;
        }
}

.draw-guide__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.draw-guide__header {
    margin-top: 48px;
}

.draw-guide__header-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

.draw-guide__header-desc {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.draw-guide__header-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    padding: 20px 24px;
    background-color: #f6f6f6;
    border-radius: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
}

.draw-guide__step-container {
    margin-top: 24px;
}

.draw-guide__step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

    .draw-guide__step:not(:last-child) {
        border-bottom: solid 1px #e6e6e6;
    }

.draw-guide__step-content {
    max-width: 440px;
}

.draw-guide__step-content-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #040707;
}

.draw-guide__step-content-desc {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.draw-guide__step-img {
    width: 373px;
    height: auto;
}

.draw-guide__footer {
    margin-top: 24px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

@media (max-width: 1024px) {
    .draw-guide__title {
        font-size: 22px;
        line-height: 30px;
    }

    .draw-guide__header {
        margin-top: 32px;
    }

    .draw-guide__header-title {
        font-size: 20px;
        line-height: 28px;
    }

    .draw-guide__header-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .draw-guide__header-link {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 12px;
        padding: 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .draw-guide__step {
        flex-direction: column-reverse;
        align-items: flex-start;
        row-gap: 16px;
        padding-top: 32px;
        padding-bottom: 32px;
    }

        .draw-guide__step:not(:last-child) {
            padding-bottom: 24px;
        }

    .draw-guide__step-content {
        max-width: unset;
    }

    .draw-guide__step-content-title {
        font-size: 18px;
        line-height: 26px;
    }

    .draw-guide__step-content-desc {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
    }

    .draw-guide__step-img {
        width: 214px;
    }

    .draw-guide__footer {
        margin-top: 24px;
        font-size: 16px;
        line-height: 24px;
    }
}

.claim-guide__header-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.claim-guide__header-desc {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.claim-guide__body {
    margin-top: 40px;
}

    .claim-guide__body .semibold {
        font-weight: 500;
    }

    .claim-guide__body .spaced-line {
        display: block;
        margin-top: 8px;
    }

    .claim-guide__body .gold {
        color: #f38a23;
    }

.claim-guide__body-table {
    display: block;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

    .claim-guide__body-table tr:not(:last-child) td {
        border-bottom: solid 1px #e6e6e6;
    }

    .claim-guide__body-table th {
        background-color: #e3e7e9;
        padding: 16px 0px 16px 24px;
        width: 33.3333333333%;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #454545;
    }

        .claim-guide__body-table th:first-child {
            border-radius: 16px 0 0 16px;
        }

        .claim-guide__body-table th:last-child {
            border-radius: 0 16px 16px 0;
        }

    .claim-guide__body-table td {
        padding: 16px 0px 16px 24px;
        font-size: 18px;
        line-height: 26px;
        color: #040707;
    }

        .claim-guide__body-table td .side-note {
            font-size: 16px;
            line-height: 24px;
            color: #454545;
        }

.claim-guide__body-mobile {
    display: none;
}

.claim-guide__body-note {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
    color: #686a6a;
}

.claim-guide__body-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
    padding: 16px 24px;
    border-radius: 10px;
    background-color: #f5f8f9;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
}

.claim-guide__body-contact-icon {
    display: block;
    height: 24px;
    width: 24px;
}

@media (max-width: 1024px) {
    .claim-guide__header-title {
        font-size: 22px;
        line-height: 30px;
    }

    .claim-guide__header-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .claim-guide__body {
        margin-top: 16px;
    }

    .claim-guide__body-table {
        display: none;
    }

    .claim-guide__body-mobile {
        display: block;
    }

    .claim-guide__body-mobile-row {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding: 24px 0px;
    }

        .claim-guide__body-mobile-row:not(:last-child) {
            border-bottom: solid 1px #e6e6e6;
        }

    .claim-guide__body-mobile-data .label {
        font-size: 14px;
        line-height: 22px;
        color: #454545;
    }

    .claim-guide__body-mobile-data .value {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #040707;
    }

        .claim-guide__body-mobile-data .value .side-note {
            font-weight: 400;
        }

    .claim-guide__body-mobile-link {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #f38a23;
    }

    .claim-guide__body-note {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px;
    }

    .claim-guide__body-contact {
        align-items: flex-start;
        gap: 10px;
        margin-top: 24px;
        padding: 16px;
    }

    .claim-guide__body-contact-icon {
        height: 20px;
        width: 20px;
    }
}

.full-result__header {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.full-result__body {
    margin-top: 48px;
}

.full-result__magnum-life-number {
    display: flex;
    gap: 40px;
    padding: 38px 40px;
    margin-bottom: 40px;
    border-radius: 20px;
    background-color: #f6f6f6;
}

.full-result__magnum-life-number-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.full-result__magnum-life-number-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    border-left: solid 1px #cdcdcd;
}

    .full-result__magnum-life-number-group .number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 44px;
        background-color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        border: solid 1px #cdcdcd;
        border-left: none;
    }

.full-result__prize-row {
    display: flex;
    justify-content: space-between;
}

    .full-result__prize-row.--vertical-center {
        align-items: center;
    }

    .full-result__prize-row:not(:last-child) {
        border-bottom: solid 1px #d9d9d9;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

.full-result__prize-data {
    max-width: 480px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

    .full-result__prize-data.--small-container {
        width: 440px;
    }

    .full-result__prize-data.--align-end {
        max-width: 440px;
    }

.full-result__prize-label .label {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.full-result__prize-label .value {
    margin-top: 8px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #00a86b;
}

    .full-result__prize-label .value:not(:last-child) {
        margin-block: 8px;
    }

    .full-result__prize-label .value.--small {
        font-size: 24px;
        line-height: 32px;
    }

.full-result__prize-data-desc {
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.full-result__prize-jackpot-number-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px 24px;
    margin-top: 16px;
}

    .full-result__prize-jackpot-number-container.--auto-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .full-result__prize-jackpot-number-container .jackpot-number {
        font-variant-numeric: tabular-nums;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 31px;
        color: #040707;
    }

.full-result__prize-number-container {
    display: flex;
    row-gap: 16px;
    flex-wrap: wrap;
    height: 100%;
}

    .full-result__prize-number-container.--flex-height {
        height: unset;
    }

.full-result__prize-number-group {
    display: flex;
    align-items: center;
}

    .full-result__prize-number-group:first-child {
        margin-right: 16px;
    }

.full-result__prize-number {
    width: 32px;
    height: 44px;
    padding: 2px 5px;
    border: solid 1px #cdcdcd;
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

    .full-result__prize-number:not(:last-child) {
        border-right: none;
    }

    .full-result__prize-number.--empty {
        background-color: #e3e7e9;
    }

.full-result__prize-number-separator {
    margin-right: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.full-result__prize-number-row-separator {
    margin: 16px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.full-result__foot-note {
    margin-top: 48px;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

@media (max-width: 1024px) {
    .full-result__header {
        font-size: 22px;
        line-height: 30px;
    }

    .full-result__body {
        margin-top: 32px;
    }

    .full-result__magnum-life-number {
        flex-direction: column;
        gap: 24px;
        padding: 24px;
        margin-bottom: 40px;
    }

    .full-result__magnum-life-number-label {
        font-size: 16px;
        line-height: 24px;
    }

    .full-result__magnum-life-number-group {
        margin-top: 8px;
    }

        .full-result__magnum-life-number-group .number {
            width: 44px;
            height: 32px;
            font-size: 22px;
            line-height: 30px;
        }

    .full-result__prize-data {
        max-width: unset;
        font-size: 16px;
        line-height: 24px;
    }

        .full-result__prize-data.--small-container {
            width: unset;
        }

    .full-result__prize-row {
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }

        .full-result__prize-row.--vertical-center {
            align-items: flex-start;
        }

        .full-result__prize-row.--small-gap {
            row-gap: 6px;
        }

    .full-result__prize-label .label {
        font-size: 16px;
        line-height: 24px;
    }

    .full-result__prize-label .value {
        margin: 6px 0 0 0;
        font-size: 22px;
        line-height: 30px;
    }

        .full-result__prize-label .value:not(:last-child) {
            margin-block: 6px;
        }

        .full-result__prize-label .value.--small {
            font-size: 20px;
            line-height: 28px;
        }

    .full-result__prize-jackpot-number-container {
        display: flex;
        flex-wrap: wrap;
        grid-template-columns: unset;
        gap: 16px 24px;
        margin-top: 16px;
    }

        .full-result__prize-jackpot-number-container .jackpot-number {
            font-size: 20px;
            line-height: 28px;
        }

    .full-result__prize-number-group:first-child {
        margin-right: 16px;
    }

    .full-result__prize-number-group:not(:last-child) {
        margin-right: 16px;
    }

    .full-result__prize-number {
        width: 22px;
        height: 32px;
        padding: 1px 3px;
        font-size: 22px;
        line-height: 30px;
    }

    .full-result__prize-number-row-separator {
        margin: 12px 0;
        line-height: 16px;
    }

    .full-result__foot-note {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 525px) {
    .full-result__prize-jackpot-number-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 48px;
        margin-top: 16px;
    }

        .full-result__prize-jackpot-number-container.--auto-grid {
            gap: 8px 20px;
        }
}

.datepicker__modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow: auto;
}

.datepicker__modal-container {
    position: relative;
    margin: 40px auto 40px;
    background-color: #fff;
    border-radius: 16px;
    max-width: 824px;
    overflow: hidden;
    animation: modalFadeUp 1s;
}

.datepicker__modal-container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f38a23;
    padding: 32px 80px;
}

.datepicker__modal-container-header-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
}

.datepicker__modal-container-header-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 32px;
    right: 32px;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 100%;
    background-color: rgba(230, 230, 230, 0.2);
    cursor: pointer;
}

    .datepicker__modal-container-header-close img {
        width: 24px;
        height: 24px;
    }

.datepicker__modal-container-body {
    padding: 32px 80px 48px;
}

@media (max-width: 1024px) {
    .datepicker__modal-container {
        margin: 0;
        border-radius: 0;
        height: 100%;
    }

    .datepicker__modal-container-header {
        padding: 16px 24px;
    }

    .datepicker__modal-container-header-title {
        font-size: 22px;
        line-height: 30px;
    }

    .datepicker__modal-container-header-close {
        top: 16px;
        right: 24px;
        width: 32px;
        height: 32px;
        padding: 0;
    }

        .datepicker__modal-container-header-close img {
            width: 20px;
            height: 20px;
        }

    .datepicker__modal-container-body {
        padding: 24px 24px 40px 24px;
    }
}

.image-carousel__container {
    border-radius: 20px;
    overflow: hidden;
}

    .image-carousel__container:hover .image-carousel-prev-button,
    .image-carousel__container:hover .image-carousel-next-button {
        opacity: 1;
    }

.image-carousel__swiper-slide {
    position: relative !important;
}

.image-carousel__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to top, rgb(0, 0, 0), rgba(80, 80, 80, 0) 15%);
}

.image-carousel-prev-button,
.image-carousel-next-button {
    display: flex !important;
    opacity: 0;
    transition: 0.1s linear;
    background: #fff !important;
    border-radius: 100% !important;
    width: 48px !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
}

    .image-carousel-next-button::after {
        content: url("../../assets/images/nav-arrow-right.svg") !important;
        font-size: 0px !important;
    }

    .image-carousel-prev-button::after {
        content: url("../../assets/images/nav-arrow-left.svg") !important;
        font-size: 0px !important;
    }

.image-carousel-pagination .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}

.image-carousel-pagination .swiper-pagination-bullet-active {
    background: #ffc100 !important;
}

@media (max-width: 1024px) {
    .image-carousel-prev-button,
    .image-carousel-next-button {
        display: none !important;
    }
}

.swiper-button-disabled {
    opacity: 0 !important;
}

.swiper-pagination-bullets {
    bottom: 16px !important;
}

.office-card__container {
    width: 100%;
    max-height: 358px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.office-card__top {
    background: #e3e7e9;
    padding: 16px 24px;
}

.office-card__top-region {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #454545;
}

.office-card__bottom {
    display: flex;
    flex-direction: column;
    background: #f5f8f9;
    padding: 24px;
    height: 100%;
}

.office-card__bottom-info {
    margin-bottom: 32px;
}

.office-card__bottom-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
    margin-bottom: 4px;
}

.office-card__bottom-reg-no {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #454545;
    margin-bottom: 16px;
}

.office-card__bottom-address {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
    min-height: 52px;
    max-height: 78px;
}

.office-card__bottom-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

.office-card__bottom-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .office-card__bottom-contact-item:nth-of-type(2)
    .office-card__bottom-contact-number {
        color: #040707;
    }

.office-card__bottom-contact img {
    width: 20px;
    height: 20px;
}

.office-card__bottom-contact-title {
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.office-card__bottom-contact-number {
    font-size: 18px;
    color: #f38a23;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .office-card__container {
        max-height: fit-content;
    }

    .office-card__top {
        padding: 12px 24px;
    }

    .office-card__top-region {
        font-size: 16px;
        line-height: 24px;
    }

    .office-card__bottom-info {
        margin-bottom: 24px;
    }

    .office-card__bottom-name {
        font-size: 20px;
        line-height: 28px;
    }

    .office-card__bottom-reg-no {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    .office-card__bottom-address {
        font-size: 16px;
        line-height: 24px;
        min-height: 24px;
    }

    .office-card__bottom-contact-title,
    .office-card__bottom-contact-number {
        font-size: 16px;
        line-height: 24px;
    }
}

.chips__container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: #fff2cc;
    width: fit-content;
    height: fit-content;
    border-radius: 100px;
    cursor: pointer;
}

    .chips__container.--icon {
        padding: 8px;
    }

.chips__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us__container {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}

.contact-us__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-us__text-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    background-color: #ffc000;
    padding: 85px 40px;
    flex-grow: 1;
}

.contact-us__text-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-us__text-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.contact-us__text-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #040707;
}

.contact-us__button {
    padding: 14px 20px;
    align-self: flex-start;
}

@media (max-width: 1024px) {
    .contact-us__container {
        flex-direction: column;
    }

    .contact-us__image-container {
        max-width: 100%;
        max-height: 184px;
    }

    .contact-us__image {
        height: 184px;
    }

    .contact-us__text-container {
        gap: 24px;
        padding: 40px 24px;
    }

    .contact-us__text-box {
        gap: 8px;
    }

    .contact-us__text-title {
        font-size: 24px;
        line-height: 32px;
    }

    .contact-us__button {
        padding: 12px 16px;
    }
}

.faq-result-card__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    padding-block: 32px;
}

.faq-result-card__path {
    display: flex;
    align-items: center;
    gap: 8px;
}

.faq-result-card__page {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .faq-result-card__page:not(:first-of-type)::before {
        content: "";
        display: inline-block;
        background-image: url("../../assets/images/faq/breadcrumb-nav.svg");
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

.faq-result-card__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-result-card__content-textbox {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq-result-card__content-page-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #040707;
}

.faq-result-card__content-page-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #454545;
}

.faq-result-card__content-button {
    align-self: flex-start;
}

    .faq-result-card__content-button::after {
        content: "";
        display: inline-block;
        background-image: url("../../assets/images/nav-arrow-right-highlights-card.svg");
        width: 20px;
        height: 20px;
    }

@media (max-width: 1024px) {
    .faq-result-card__container {
        padding-block: 24px;
        gap: 16px;
    }

    .faq-result-card__page {
        font-size: 14px;
        line-height: 22px;
        align-items: flex-start;
    }

        .faq-result-card__page:not(:first-of-type)::before {
            width: 16px;
            height: 16px;
        }

    .faq-result-card__content-page-title {
        font-size: 18px;
        line-height: 26px;
    }

    .faq-result-card__content-page-text {
        font-size: 14px;
        line-height: 22px;
        max-height: 44px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.drawer {
    display: flex;
    align-items: flex-end;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    animation: fadeIn 0.1s;
}

.drawer__container {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    animation: slideUp 0.5s;
}

.drawer__header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid #cdcdcd;
}

.drawer__header-container-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #040707;
}

.drawer__header-container-close {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    padding: 6px;
    background-color: #e6e6e6;
    border-radius: 50px;
}

.drawer__body-container {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    100% {
        transform: translateY(0%);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.related-articles__container {
    background-color: #f6f6f6;
    padding-block: 120px;
}

.related-articles__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
    margin-bottom: 48px;
}

.related-articles__content-container {
    display: flex;
    gap: 40px;
}

.spinner {
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
}

.spinner__graphic {
    transform: rotate(0deg);
    animation: spinClockwise 0.8s linear infinite;
}

@keyframes spinClockwise {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.video-modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.video-modal__container {
    position: absolute;
    width: 100%;
    max-width: 1280px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    overflow: hidden;
    animation: fadeIn 0.5s;
}

    .video-modal__container iframe {
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: block;
        border: none;
    }

.video-modal__container-close {
    float: right;
    position: sticky;
    top: 24px;
    right: 24px;
    width: 40px;
    height: 40px;
    padding: 8px;
    cursor: pointer;
    background-color: #e6e6e6;
    border-radius: 50px;
    cursor: pointer;
    z-index: 999;
}

@media (max-width: 800px) {
    .video-modal {
        background-color: #000;
    }

    .video-modal__container {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

        .video-modal__container iframe {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
        }

    .video-modal__container-close {
        position: fixed;
        z-index: 3000;
        height: 32px;
        width: 32px;
        padding: 6px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.faq__section {
    gap: 80px;
}

.faq__questions-tab-container {
    width: 320px;
}

    .faq__questions-tab-container.--desktop {
        display: flex;
        flex-direction: column;
    }

    .faq__questions-tab-container.--mobile {
        display: none;
    }

.faq__questions-tab {
    width: 100%;
    padding: 14px 16px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #040707;
    background-color: #ffe699;
    cursor: pointer;
}

    .faq__questions-tab.--inactive {
        color: #454545;
        background-color: rgba(0, 0, 0, 0);
    }

        .faq__questions-tab.--inactive:hover {
            background-color: rgba(4, 7, 7, 0.05);
        }

.faq__accordians {
    flex: 1;
}

    .faq__accordians.--hidden {
        display: none;
    }

.faq__accordians-item {
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}

    .faq__accordians-item.--open .faq__accordians-item-body {
        grid-template-rows: 1fr;
    }

    .faq__accordians-item.--open .faq__accordians-item-header img {
        transform: rotate(180deg);
    }

.faq__accordians-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #040707;
    padding: 24px;
    gap: 16px;
}

    .faq__accordians-item-header img {
        transition: transform 0.3s ease-in-out;
    }

.faq__accordians-item-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
}

.faq__accordians-item-body-wrapper {
    overflow: hidden;
}

.faq__accordians-content {
    max-width: 760px;
    padding: 0px 24px 24px 24px;
}

    .faq__accordians-content section:not(:only-child) {
        margin-bottom: 16px;
    }

    .faq__accordians-content section:only-child {
        margin-bottom: 0;
    }

    .faq__accordians-content section:last-child {
        margin-bottom: 0;
    }

    .faq__accordians-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #454545;
    }

    .faq__accordians-content ul,
    .faq__accordians-content ol {
        margin-block: 8px;
    }

    .faq__accordians-content li {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #454545;
        margin-bottom: 8px;
    }

    .faq__accordians-content a {
        color: revert;
        text-decoration: revert;
    }

    .faq__accordians-content strong {
        font-size: 16px;
        font-weight: 500;
        color: #040707;
    }

    .faq__accordians-content em {
        font-size: 14px;
        font-style: italic;
    }

@media (max-width: 1024px) {
    .faq__section {
        flex-direction: column;
        gap: 24px;
    }

    .faq__questions-tab-container.--desktop {
        display: none;
    }

    .faq__questions-tab-container.--mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 16px;
        border-radius: 16px;
        border: 1px solid #cdcdcd;
        width: 100%;
    }

    .faq__accordians-item-header {
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .faq__accordians-content {
        padding: 0px 40px 16px 16px;
    }

        .faq__accordians-content p {
            font-size: 14px;
            line-height: 22px;
        }

        .faq__accordians-content li {
            font-size: 14px;
            line-height: 22px;
        }

        .faq__accordians-content strong {
            font-size: 14px;
        }
}

.tabs {
    display: flex;
    flex-direction: column;
}

.tabs__mobile-toggle {
    display: none;
}

.tabs__listing {
    display: flex;
    flex-direction: column;
    width: 320px;
}

.tabs__header {
    display: none;
}

.tabs__body {
    display: flex;
    flex-direction: column;
}

.tab {
    padding: 14px 16px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #454545;
    background-color: #fff;
    width: 100%;
    cursor: pointer;
}

    .tab:hover {
        background-color: rgba(4, 7, 7, 0.05);
    }

    .tab.--active {
        background-color: #ffe699;
        color: #040707;
    }

@media (max-width: 1024px) {
    .tabs__mobile-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 16px;
        border-radius: 16px;
        border: 1px solid #cdcdcd;
    }

    .tabs__toggle-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #040707;
    }

    .tabs__listing.--active .tabs__listing-content {
        transform: translateY(0%);
        z-index: 99;
    }

    .tabs__listing.--active .tabs__overlay {
        opacity: 1;
        z-index: 99;
        pointer-events: auto;
    }

    .tabs__overlay {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.1s ease-in;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .tabs__listing-content {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        transform: translateY(100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .tab {
        font-size: 14px;
        line-height: 22px;
        padding-block: 15px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #040707;
    }

    .tabs__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 24px;
    }

    .tabs__mobile-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: #040707;
    }

    .tabs__mobile-close {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e6e6e6;
        border-radius: 100%;
        padding: 6px;
    }

        .tabs__mobile-close img {
            width: 20px;
            height: 20px;
        }

    .tabs__mobile-separator {
        border-bottom: 1px solid #e6e6e6;
    }

    .tabs__body {
        padding: 16px 24px;
    }

    .tab {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 15px 16px;
        border-radius: 8px;
    }
}

.flatpickr-calendar {
    box-shadow: none !important;
}

    .flatpickr-calendar.inline {
        width: 100%;
        max-height: fit-content !important;
    }

.flatpickr-innerContainer {
    width: 100%;
    justify-content: center;
}

.flatpickr-rContainer {
    width: 100%;
}

.flatpickr-months {
    margin-bottom: 24px;
}

.flatpickr-current-month {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
}

    .flatpickr-current-month .cur-month,
    .flatpickr-current-month .numInput {
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 34px;
        color: #040707 !important;
        pointer-events: none;
    }

    .flatpickr-current-month .numInputWrapper:hover {
        background-color: #fff !important;
    }

    .flatpickr-current-month .numInputWrapper span {
        display: none !important;
    }

.flatpickr-next-month,
.flatpickr-prev-month {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
    width: 32px;
    height: 32px !important;
}

    .flatpickr-next-month svg,
    .flatpickr-prev-month svg {
        display: none !important;
    }

    .flatpickr-next-month::after,
    .flatpickr-prev-month::after {
        content: none !important;
    }

.flatpickr-next-month {
    background-image: url("../../assets/images/nav-arrow-right-orange.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.flatpickr-prev-month {
    background-image: url("../../assets/images/nav-arrow-left-orange.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.flatpickr-weekdays {
    background: #e3e7e9 !important;
    padding: 12px;
    height: fit-content !important;
    border-radius: 16px;
    margin-bottom: 16px;
}

.flatpickr-weekdaycontainer {
    justify-content: space-between !important;
}

.flatpickr-weekday {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: #454545 !important;
    -webkit-box-flex: none !important;
    flex: none !important;
    width: 64px;
    height: 24px;
}

.flatpickr-days {
    width: 100% !important;
}

    .flatpickr-days .dayContainer {
        max-width: 100% !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(7, 64px);
        grid-template-rows: repeat(6, 64px);
        row-gap: 8px;
        place-items: center;
    }

.flatpickr-day {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    align-content: center;
    font-size: 18px;
    line-height: 26px !important;
    color: #454545 !important;
}

    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay {
        opacity: 0.4 !important;
    }

    .flatpickr-day.today {
        border: none !important;
    }

    .flatpickr-day.draw-day {
        display: flex !important;
        flex-direction: column;
        background: #ffc000 !important;
        color: #040707 !important;
    }

        .flatpickr-day.draw-day .day-counter {
            font-size: 12px;
            line-height: 18px;
            color: #040707;
        }

    .flatpickr-day.prevMonthDay.draw-day,
    .flatpickr-day.nextMonthDay.draw-day {
        background: #ffe699 !important;
    }

@media (max-width: 1024px) {
    .flatpickr-current-month .cur-month,
    .flatpickr-current-month .numInput {
        font-size: 20px !important;
        line-height: 28px;
    }

    .flatpickr-next-month {
        width: 24px;
        height: 28px !important;
        background-image: url("../../assets/images/nav-arrow-right-orange.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
    }

    .flatpickr-prev-month {
        width: 24px;
        height: 28px !important;
        background-image: url("../../assets/images/nav-arrow-left-orange.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
    }

    .flatpickr-weekdays {
        padding: 12px 0px;
        border-radius: 8px;
    }

    .flatpickr-weekdaycontainer {
        justify-content: space-around !important;
    }

    .flatpickr-weekday {
        font-size: 14px !important;
        line-height: 22px !important;
        width: 45px;
        height: 22px;
    }

    .flatpickr-days .dayContainer {
        grid-template-columns: repeat(7, 45px);
        grid-template-rows: repeat(6, 45px);
        row-gap: 16px;
    }

    .flatpickr-day {
        font-size: 14px;
        line-height: 18px !important;
    }

        .flatpickr-day.draw-day .day-counter {
            font-size: 10px;
            line-height: 14px;
        }
}

.datepicker-footer {
    display: flex;
    align-items: center;
    height: 56px;
    background: #f5f8f9;
    padding: 16px 24px;
    border-radius: 10px;
    gap: 12px;
    margin-top: 32px;
}

    .datepicker-footer img {
        width: 24px;
        height: 24px;
    }

    .datepicker-footer span {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #040707;
    }

@media (max-width: 1024px) {
    .datepicker-calendar {
        display: none;
    }

    .datepicker__modal-container {
        display: flex;
        flex-direction: column;
    }

    .datepicker__modal-container-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .datepicker-footer {
        align-items: flex-start;
        height: fit-content;
        padding: 12px 16px;
        gap: 10px;
        margin-top: 0px;
    }

        .datepicker-footer img {
            width: 20px;
            height: 20px;
        }

        .datepicker-footer span {
            font-size: 14px;
            line-height: 22px;
        }
}

.landing {
    background-color: #fff;
}

.landing__live {
    margin-top: -72px;
    padding-top: 152px;
    padding-bottom: 120px;
    background-color: #ffe699;
    background-image: url("../../assets/images/confetti-bg-image.png");
    background-size: contain;
    background-position: center 120px;
    background-repeat: no-repeat;
}

    .landing__live.--hidden {
        display: none;
    }

.landing__live-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.landing__live-header-title {
    display: flex;
    align-items: center;
    gap: 24px;
}

    .landing__live-header-title .tag {
        display: flex;
        align-items: center;
        padding: 8px 16px;
        background-color: #eb2020;
        border-radius: 10px;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        color: #fff;
    }

        .landing__live-header-title .tag::before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 12px;
            border-radius: 100%;
            background-color: #fff;
        }

    .landing__live-header-title .title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        color: #040707;
    }

.landing__live-card-container {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-areas: "box-1 box-2 box-3" "box-1 box-2 box-6" "box-1 box-5 box-6" "box-4 box-5 box-6" "box-4 box-5 box-6" "box-4 box-5 box-7" "box-4 box-5 box-7" "box-4 . .";
    gap: 24px;
    align-items: stretch;
}

.landing__live-card-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

    .landing__live-card-column * {
        flex-shrink: 0;
    }

.landing .guide-card {
    position: relative;
    width: 100%;
    max-width: 430px;
    align-self: center;
    justify-self: center;
    height: 329px;
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 8px 32px rgba(3, 0, 39, 0.1), 0px 4px 24px rgba(3, 0, 39, 0.04);
}

    .landing .guide-card.--how-draws-work {
        background-image: url("../images/result/orange-leaf.svg");
        background-repeat: no-repeat;
        background-position: top 141px right;
        background-size: 372px;
    }

    .landing .guide-card.--where-to-claim {
        background-image: url("../images/result/orange-leaf.svg");
        background-repeat: no-repeat;
        background-position: top 141px right;
        background-size: 372px;
    }

.landing .guide-card__image {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    width: 270px;
    height: 180px;
}

.landing .guide-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .landing .guide-card__header .title {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #040707;
    }

    .landing .guide-card__header button {
        cursor: pointer;
    }

.landing__banner {
    position: relative;
    height: 560px;
    width: 100%;
    overflow: hidden;
}

.landing__banner__background--mobile--landing {
    display: none;
}

.landing__banner-video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2)) translateY(100%/2);
}

    .landing__banner-video.--desktop {
        display: block;
    }

    .landing__banner-video.--mobile {
        display: none;
    }

.landing__banner-content {
    position: relative;
    margin-top: 172px;
}

    .landing__banner-content .title {
        max-width: 565px;
        font-weight: 700;
        font-size: 56px;
        line-height: 64px;
        color: #040707;
    }

    .landing__banner-content .cta {
        margin-top: 32px;
    }

.landing__banner-draw {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 144px;
    border-radius: 10px 0 0 10px;
    background-color: #fff;
    overflow: hidden;
}

.landing__banner-draw-header {
    position: relative;
    padding-top: 9px;
    padding-bottom: 7px;
    background-color: #f38a23;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.landing__banner-draw-header-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 18px;
    padding: 2px;
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, 0.2);
    cursor: pointer;
}

.landing__banner-draw-body {
    padding: 16px 0px;
    text-align: center;
}

    .landing__banner-draw-body .date {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #040707;
    }

    .landing__banner-draw-body .day {
        font-size: 14px;
        line-height: 22px;
        color: #686a6a;
    }

    .landing__banner-draw-body .cta {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2px;
        margin-top: 9px;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #f38a23;
        cursor: pointer;
    }

        .landing__banner-draw-body .cta img {
            display: block;
            width: 20px;
            height: 20px;
        }

.landing__announcement-swiper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 32px 30px;
}

    .landing__announcement-swiper .swiper-slide-active .landing__announcement-card,
    .landing__announcement-swiper .swiper-slide-next .landing__announcement-card {
        box-shadow: 0 8px 32px 0 rgba(3, 0, 39, 0.1), 0 4px 24px 0 rgba(3, 0, 39, 0.04);
    }

.landing__announcement-card-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    border-radius: 22px;
}

.landing__announcement-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 400px;
    height: 100px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.landing__announcement-card-img {
    display: block;
    transform: scale(1);
    transition: 0.3s;
}

    .landing__announcement-card-img:hover {
        transform: scale(1.05);
    }

.landing__announcement-card-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #ffc000;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}

    .landing__announcement-card-nav.--prev {
        left: 20px;
    }

        .landing__announcement-card-nav.--prev img {
            transform: rotate(180deg);
        }

    .landing__announcement-card-nav.--next {
        right: 20px;
    }

    .landing__announcement-card-nav.--hidden {
        opacity: 0;
        visibility: hidden;
    }

.landing__announcement-swiper-pagination {
    display: none;
}

.landing__result {
    background-color: #f6f6f6;
    padding-top: 96px;
}

.landing__result-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.landing__result-header-cta {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background-color: #ffc000;
    border-radius: 50px;
    height: 48px;
    gap: 4px;
}

    .landing__result-header-cta:hover {
        background-color: #f8a511;
    }

    .landing__result-header-cta:focus {
        outline: solid 3px #ffe699;
    }

    .landing__result-header-cta:active {
        background-color: #f38a23;
    }

    .landing__result-header-cta span {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #040707;
    }

.landing__result-header-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

    .landing__result-header-title .date {
        margin-left: 24px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        color: #454545;
    }

.landing__result-card-wrapper {
    position: relative;
    margin-top: 48px;
    width: 100%;
}

.landing__result-card-container {
    height: 576px !important;
}

@media (max-width: 1280px) {
    .landing__result-card-container {
        height: 528px !important;
    }
}

.landing__result-card {
    width: 400px !important;
}

@media (max-width: 1280px) {
    .landing__result-card {
        width: 327px !important;
    }
}

.landing__result-card-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(calc(-50% - 48px));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #ffc000;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}

    .landing__result-card-nav.--prev {
        left: 20px;
    }

        .landing__result-card-nav.--prev img {
            transform: rotate(180deg);
        }

    .landing__result-card-nav.--next {
        right: 20px;
    }

    .landing__result-card-nav.--hidden {
        opacity: 0;
        visibility: hidden;
    }

.landing__result-card-swiper-pagination {
    display: none;
}

.landing__games {
    padding: 96px 0;
    background-color: #fff;
}

.landing__games-header .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.landing__games-header .desc {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.landing__games-content {
    display: flex;
    gap: 40px;
    margin-top: 48px;
}

.landing__games-mobile-content {
    display: none;
}

.landing__games-content-tab-container {
    max-width: 524px;
    width: 100%;
}

.landing__games-content-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 21px 24px;
    border-radius: 20px;
    background-color: #e3e7e9;
    cursor: pointer;
}

    .landing__games-content-tab:not(:first-child) {
        margin-top: 12px;
    }

    .landing__games-content-tab::after {
        content: "";
        position: absolute;
        right: -35px;
        top: 50%;
        transform: translateY(-50%);
        width: 0px;
        height: 0px;
        border: solid 25px rgba(0, 0, 0, 0);
        border-left: solid 25px #e3e7e9;
        cursor: default;
        opacity: 0;
    }

    .landing__games-content-tab.--active::after {
        opacity: 1;
    }

    .landing__games-content-tab.--active.--classic,
    .landing__games-content-tab.--classic:hover {
        background-color: #ffb800;
        color: #040707;
    }

        .landing__games-content-tab.--active.--classic::after,
        .landing__games-content-tab.--classic:hover::after {
            border-left: solid 25px #ffb800;
        }

    .landing__games-content-tab.--jackpot.--active,
    .landing__games-content-tab.--jackpot:hover {
        color: #fff;
        background-color: #00a3e3;
    }

        .landing__games-content-tab.--jackpot.--active::after,
        .landing__games-content-tab.--jackpot:hover::after {
            border-left: solid 25px #00a3e3;
        }

    .landing__games-content-tab.--mgold.--active,
    .landing__games-content-tab.--jackpot-gold.--active,
    .landing__games-content-tab.--mgold:hover,
    .landing__games-content-tab.--jackpot-gold:hover {
        color: #fff;
        background-color: #f58921;
    }

        .landing__games-content-tab.--mgold.--active::after,
        .landing__games-content-tab.--jackpot-gold.--active::after,
        .landing__games-content-tab.--mgold:hover::after,
        .landing__games-content-tab.--jackpot-gold:hover::after {
            border-left: solid 25px #f58921;
        }

    .landing__games-content-tab.--magnum-life.--active,
    .landing__games-content-tab.--magnum-life:hover {
        color: #fff;
        background-color: #eb2020;
    }

        .landing__games-content-tab.--magnum-life.--active::after,
        .landing__games-content-tab.--magnum-life:hover::after {
            border-left: solid 25px #eb2020;
        }

.landing__games-content-tab-icon {
    display: block;
    width: 56px;
    height: 56px;
}

.landing__games-content-tab-label .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.landing__games-content-tab-label .desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.landing__games-content-body {
    position: relative;
    height: 540px;
    max-width: 684px;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
}

.landing__games-content-body-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.landing__games-content-body-wrapper {
    display: none;
    flex-direction: column;
    height: 100%;
}

    .landing__games-content-body-wrapper.--active {
        display: flex;
        animation: fadeIn 0.4s;
    }

.landing__games-content-body-header {
    border-bottom: solid 1px #d0d0d0;
    padding-bottom: 32px;
}

    .landing__games-content-body-header .title {
        color: #040707;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
    }

    .landing__games-content-body-header .desc {
        margin-top: 8px;
        color: #454545;
        font-size: 18px;
        line-height: 26px;
    }

    .landing__games-content-body-header .--green-text {
        color: #00a86b;
    }

    .landing__games-content-body-header .--no-break {
        white-space: nowrap;
    }

.landing__games-content-body-main {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 32px;
}

    .landing__games-content-body-main .cta-row {
        display: flex;
        gap: 32px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #f38a23;
    }

        .landing__games-content-body-main .cta-row .cta {
            display: flex;
            align-items: center;
            gap: 2px;
            cursor: pointer;
        }

        .landing__games-content-body-main .cta-row .cta-icon {
            width: 20px;
            height: 20px;
        }

    .landing__games-content-body-main .number-container {
        margin-top: 22px;
    }

    .landing__games-content-body-main .footer-cta {
        margin-top: auto;
        margin-bottom: 0;
    }

    .landing__games-content-body-main .footer-img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: auto;
    }

.landing__games-content-disclaimer {
    margin-top: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.landing__games-content-body-img {
    max-width: 330px;
}

.landing__stories {
    padding-top: 96px;
    padding-bottom: 56px;
    background-color: #f6f6f6;
}

.landing__stories-header {
    display: flex;
    justify-content: space-between;
}

.landing__stories-header-left .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.landing__stories-header-left .desc {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.landing__stories-header-right {
    display: flex;
    align-items: start;
}

.landing__stories-swiper {
    overflow: hidden;
    padding-bottom: 40px;
}

.landing__stories-body-wrapper {
    width: 100%;
    padding: 0 20px;
}

.landing__stories-body {
    position: relative;
    max-width: 1248px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    height: 420px;
    padding: 46px 64px;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
}

    .landing__stories-body.--small-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

.landing__stories-body-background {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    height: 100%;
    max-width: unset;
}

    .landing__stories-body-background.--desktop {
        display: block;
    }

    .landing__stories-body-background.--mobile {
        display: none;
    }

.landing__stories-body-content {
    max-width: 520px;
    z-index: 1;
}

    .landing__stories-body-content .date {
        font-size: 16px;
        line-height: 24px;
        color: #454545;
    }

    .landing__stories-body-content .title {
        display: flex;
        gap: 10px;
        margin-top: 32px;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        color: #040707;
        align-items: center;
    }

    .landing__stories-body-content .amount {
        margin-top: 8px;
        font-weight: 700;
        font-size: 56px;
        line-height: 64px;
        color: #00a86b;
    }

        .landing__stories-body-content .amount.--small-amount {
            font-size: 40px;
            line-height: 48px;
        }

    .landing__stories-body-content .desc {
        margin-top: 16px;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
    }

    .landing__stories-body-content .button {
        margin-top: 32px;
    }

.landing__stories-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #ffc000;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}

    .landing__stories-nav.--prev {
        left: 20px;
    }

        .landing__stories-nav.--prev img {
            transform: rotate(180deg);
        }

    .landing__stories-nav.--next {
        right: 20px;
    }

    .landing__stories-nav.--hidden {
        opacity: 0;
        visibility: hidden;
    }

.landing__stories-swiper-pagination {
    display: none;
}

.landing__dictionary {
    padding: 96px 0;
}

.landing__dictionary-header {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.landing__dictionary-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 300px;
    padding: 0 80px;
    margin-top: 48px;
    overflow: hidden;
    background-color: #ffd966;
    border-radius: 20px;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.16), 0px 4px 24px 0px rgba(3, 0, 39, 0.08);
}

.landing__dictionary-banner-input input {
    font-family: var(--ff-primary) !important;
}

.landing__dictionary-banner-background {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    height: 100%;
    max-width: unset;
}

    .landing__dictionary-banner-background.--desktop {
        display: block;
    }

    .landing__dictionary-banner-background.--mobile {
        display: none;
    }

.landing__dictionary-banner-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.landing__dictionary-banner-input {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 600px;
    margin-top: 32px;
    padding: 16px 24px;
    border-radius: 100px;
    background-color: #fff;
}

    .landing__dictionary-banner-input .prefix-icon {
        width: 24px;
        height: 24px;
    }

    .landing__dictionary-banner-input input {
        width: 100%;
        outline: none;
        border: none;
        font-size: 16px;
        line-height: 24px;
    }

.landing__happening {
    padding: 96px 0;
    background-color: #f6f6f6;
}

.landing__happening-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .landing__happening-header .title {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
        color: #040707;
    }

.landing__happening-card-container {
    display: flex;
    gap: 40px;
    margin-top: 48px;
}

.landing__happening-mobile-card-container {
    display: none;
}

@media (max-width: 1280px) {
    .landing__live {
        margin-top: unset;
    }

    .landing__live-card-container {
        grid-template-columns: repeat(2, minmax(327px, 400px));
        grid-template-areas: "box-1 box-2" "box-1 box-4" "box-3 box-4" "box-5 box-6" "box-5 box-6" "box-5 box-6" "box-5 ." "box-7 .";
        align-items: stretch;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .landing__live {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .landing__banner {
        height: 455px;
    }

    .landing__banner__background--mobile--landing {
        display: flex;
        position: absolute;
        bottom: 44px;
        left: 50%;
        transform: translate(-50%, 0);
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
    }

    .landing__banner-video {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        transform: translateX(calc((100% - 100vw) / 2)) translateY(100%/2);
    }

        .landing__banner-video.--desktop {
            display: none;
        }

        .landing__banner-video.--mobile {
            display: block;
            top: unset;
            bottom: 0;
        }

    .landing__banner-content {
        margin-top: 40px;
    }

        .landing__banner-content .title {
            font-size: 28px;
            line-height: 36px;
        }

        .landing__banner-content .cta {
            margin-top: 24px;
        }

    .landing__banner-draw {
        top: calc(100% - 44px);
        right: unset;
        display: flex;
        width: 100%;
        height: 44px;
        border-radius: 0px;
        transform: translateY(0);
        background-color: #f6f6f6;
    }

    .landing__banner-draw-header {
        position: unset;
        height: 100%;
        padding-left: 24px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .landing__banner-draw-header-close {
        right: 24px;
        width: 20px;
        background-color: rgba(4, 7, 7, 0.4);
    }

    .landing__banner-draw-body {
        display: flex;
        align-items: center;
        padding: 16px;
    }

        .landing__banner-draw-body .date {
            font-size: 16px;
            line-height: 24px;
        }

        .landing__banner-draw-body .day {
            margin-left: 4px;
            font-size: 16px;
            line-height: 24px;
        }

        .landing__banner-draw-body .cta {
            margin-left: 8px;
            margin-top: 0px;
        }

            .landing__banner-draw-body .cta .cta-text {
                display: none;
            }

            .landing__banner-draw-body .cta img {
                display: block;
                width: 20px;
                height: 20px;
            }

    .landing__announcement {
        padding-block: 24px;
    }

    .landing__announcement-swiper {
        padding: 0;
    }

    .landing__announcement-card {
        margin: auto;
        width: 327px;
        height: 82px;
    }

    .landing__announcement-card-nav {
        display: none;
    }

    .landing__announcement-swiper-pagination {
        display: block;
        text-align: center;
        margin-top: 16px;
    }

    .landing .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #9b9c9c;
        opacity: 1;
        margin: 0 6px !important;
        border-radius: 50%;
    }

    .landing .swiper-pagination-bullet-active {
        background: #f38a23;
    }

    .landing__result {
        padding: 56px 0;
    }

    .landing__result-header {
        align-items: start;
    }

    .landing__result-header-title {
        font-size: 24px;
        line-height: 32px;
    }

        .landing__result-header-title .date {
            display: block;
            margin-top: 8px;
            margin-left: 0px;
            font-size: 20px;
            line-height: 28px;
        }

    .landing__result-header-cta {
        width: 40px !important;
        height: 40px !important;
        border-radius: 100% !important;
        padding: 10px !important;
    }

        .landing__result-header-cta span {
            display: none;
        }

    .landing__result-card-wrapper {
        margin-top: 32px;
    }

    .landing__result-card-container {
        height: 408px !important;
    }

    .landing__result-card-nav {
        display: none;
    }

    .landing__result-card-swiper-pagination {
        display: block;
        margin-top: 24px;
        text-align: center;
    }

    .landing__games {
        padding: 56px 0;
    }

    .landing__games-header .title {
        font-size: 24px;
        line-height: 32px;
    }

    .landing__games-header .desc {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
    }

    .landing__games-content {
        display: none;
    }

    .landing__games-mobile-content {
        display: block;
        margin-top: 32px;
    }

        .landing__games-mobile-content .accordion {
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
            outline: solid 1px #e6e6e6;
        }

            .landing__games-mobile-content .accordion.--open .accordion-body {
                grid-template-rows: 1fr;
                padding: 23px;
            }

            .landing__games-mobile-content .accordion.--open .accordion-header-icon {
                transform: rotate(180deg);
            }

            .landing__games-mobile-content .accordion:not(:first-child) {
                margin-top: 16px;
            }

        .landing__games-mobile-content .accordion-header {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px;
            cursor: pointer;
        }

            .landing__games-mobile-content .accordion-header.--classic {
                background-color: #ffb800;
                color: #040707;
            }

            .landing__games-mobile-content .accordion-header.--jackpot {
                background-color: #00a3e3;
                color: #fff;
            }

            .landing__games-mobile-content .accordion-header.--mgold,
            .landing__games-mobile-content .accordion-header.--jackpot-gold {
                background-color: #f38a23;
                color: #fff;
            }

            .landing__games-mobile-content .accordion-header.--magnum-life {
                background-color: #eb2020;
                color: #fff;
            }

        .landing__games-mobile-content .accordion-header-img {
            width: 56px;
            height: 56px;
        }

        .landing__games-mobile-content .accordion-header-text .title {
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
        }

        .landing__games-mobile-content .accordion-header-text .desc {
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
        }

        .landing__games-mobile-content .accordion-header-icon {
            width: 24px;
            height: 24px;
            margin-left: auto;
            transform: rotate(0deg);
            transition: 0.3s ease-in-out;
        }

        .landing__games-mobile-content .accordion-body {
            display: grid;
            grid-template-rows: 0fr;
            position: relative;
            overflow: hidden;
            padding: 0 23px;
            transition: grid-template-rows 0.3s ease-in-out, padding 0.3s ease-in-out;
        }

    .landing__games-mobile-content-body-wrapper {
        overflow: hidden;
    }

    .landing__games-content-body-header {
        padding-bottom: 24px;
    }

        .landing__games-content-body-header .title {
            font-size: 22px;
            line-height: 30px;
        }

        .landing__games-content-body-header .desc {
            margin-top: 4px;
            font-size: 16px;
            line-height: 24px;
        }

    .landing__games-content-body-main {
        padding-top: 24px;
    }

        .landing__games-content-body-main .number-container {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .landing__games-content-body-main .cta-row {
            display: flex;
            gap: 32px;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #f38a23;
        }

            .landing__games-content-body-main .cta-row .cta {
                display: flex;
                align-items: center;
                gap: 2px;
                cursor: pointer;
            }

            .landing__games-content-body-main .cta-row .cta-icon {
                width: 20px;
                height: 20px;
            }

        .landing__games-content-body-main .number-container {
            margin-top: 22px;
        }

        .landing__games-content-body-main .footer-cta {
            margin-top: 32px;
            margin-bottom: 72px;
        }

        .landing__games-content-body-main .footer-img {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 231px;
            height: auto;
        }

    .landing__games-content-disclaimer {
        margin-top: 24px;
        font-size: 14px;
        line-height: 22px;
    }

    .landing__stories {
        padding: 56px 0px;
    }

    .landing__stories-header-left .title {
        font-size: 24px;
        line-height: 32px;
    }

    .landing__stories-header-left .desc {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
    }

    .landing__stories-header-cta {
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }

        .landing__stories-header-cta span {
            display: none;
        }

    .landing__stories-swiper {
        padding-bottom: 0px;
    }

    .landing__stories-body-wrapper {
        width: 100%;
        max-width: 327px;
        padding: 0px;
    }

    .landing__stories-body {
        margin-top: 32px;
        height: 540px;
        padding: 24px;
    }

        .landing__stories-body.--small-padding {
            padding-top: 24px;
            padding-bottom: 24px;
        }

    .landing__stories-body-background.--desktop {
        display: none;
    }

    .landing__stories-body-background.--mobile {
        display: block;
    }

    .landing__stories-body-content .date {
        font-size: 12px;
        line-height: 18px;
    }

    .landing__stories-body-content .title {
        margin-top: 24px;
        font-size: 16px;
        line-height: 24px;
    }

    .landing__stories-body-content .amount {
        font-size: 28px;
        line-height: 36px;
    }

        .landing__stories-body-content .amount.--small-amount {
            font-size: 24px;
            line-height: 32px;
        }

    .landing__stories-body-content .desc {
        font-size: 16px;
        line-height: 24px;
    }

    .landing__stories-body-content .button {
        margin-top: 24px;
    }

    .landing__stories-nav {
        display: none;
    }

    .landing__stories-swiper-pagination {
        display: block;
        text-align: center;
        margin-top: 24px;
    }

    .landing__dictionary {
        padding: 56px 0;
    }

    .landing__dictionary-header {
        font-size: 24px;
        line-height: 32px;
    }

    .landing__dictionary-banner {
        flex-direction: column;
        justify-content: flex-start;
        height: 314px;
        padding: 24px;
        margin-top: 32px;
        border-radius: 20px;
    }

    .landing__dictionary-banner-background.--desktop {
        display: none;
    }

    .landing__dictionary-banner-background.--mobile {
        display: block;
        right: 0;
        left: unset;
        transform: translate(0%, -50%);
    }

    .landing__dictionary-banner-title {
        font-size: 22px;
        line-height: 30px;
    }

    .landing__dictionary-banner-input {
        gap: 10px;
        max-width: 600px;
        margin-top: 24px;
        padding: 14px 16px;
    }

        .landing__dictionary-banner-input .prefix-icon {
            width: 20px;
            height: 20px;
        }

        .landing__dictionary-banner-input input {
            font-size: 14px;
            line-height: 22px;
        }

    .landing__happening {
        padding: 56px 0;
        overflow: hidden;
    }

    .landing__happening-header .title {
        font-size: 24px;
        line-height: 32px;
    }

    .landing__happening-header .button {
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }

        .landing__happening-header .button span {
            display: none;
        }

    .landing__happening-card-container {
        display: none;
    }

    .landing__happening-mobile-card-container {
        display: block;
        margin-top: 32px;
    }

    .landing__happening-mobile-card {
        width: auto !important;
        height: auto !important;
    }

        .landing__happening-mobile-card .news-card {
            height: 100%;
        }

    .landing__happening-mobile-card-swiper-pagination {
        text-align: center;
        margin-top: 24px;
    }
}

@media (max-width: 800px) {
    .landing .guide-card {
        height: 240px;
    }

        .landing .guide-card.--how-draws-work {
            background-position: top 96px right;
            background-size: 304px;
        }

        .landing .guide-card.--where-to-claim {
            background-position: top 96px right;
            background-size: 304px;
        }

    .landing .guide-card__image {
        bottom: 16px;
        width: 225px;
        height: 150px;
    }

    .landing .guide-card__header .title {
        font-size: 20px;
        line-height: 28px;
    }

    .landing__live {
        padding-top: 40px;
        background-image: url("../../assets/images/confetti-bg-image-mobile.png");
        background-position: center top;
        background-size: contain;
    }

    .landing__live-card-container {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
    }

    .landing__live-header {
        align-items: flex-start;
    }

    .landing__live-header-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .landing__live-header-title .tag {
            font-size: 22px;
            line-height: 30px;
            padding: 5px 12px;
        }

            .landing__live-header-title .tag::before {
                width: 8px;
                height: 8px;
            }

        .landing__live-header-title .title {
            font-size: 18px;
            line-height: 26px;
            white-space: nowrap;
        }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#winningHistoryTableBody .item-container {
    display: grid;
    grid-template-columns: repeat(2, 139px);
    gap: 16px;
    padding: 24px 16px;
    border-bottom: 1px solid #e6e6e6;
}

    #winningHistoryTableBody .item-container .item-label {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #454545;
    }

    #winningHistoryTableBody .item-container .item-value {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #040707;
    }

#sharingModal.mobile-- .number-inspirations__share-content-back {
    display: none;
}

#sharingModal.mobile-- .number-inspirations__share-content-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 43px;
}

#sharingModal.mobile-- .number-inspirations__share-content-body {
    position: relative;
    gap: 24px 13px;
}

    #sharingModal.mobile-- .number-inspirations__share-content-body a {
        width: 72px;
        height: fit-content;
    }

    #sharingModal.mobile-- .number-inspirations__share-content-body img {
        width: 48px;
        height: 48px;
    }

#sharingModal.mobile-- .number-inspirations__share-content-body-item-text {
    font-size: 14px;
    line-height: 22px;
}

#sharingModal.mobile-- .number-inspirations__share-content-separator {
    margin: 24px 0;
}

.number-inspirations .banner {
    background-color: #ffc000;
}

.number-inspirations .banner__background.--desktop {
    min-width: 0;
    object-fit: contain;
    object-position: bottom;
}

.number-inspirations__highlights {
    background-color: #f6f6f6;
    padding: 96px 0;
}

.number-inspirations__highlights-header .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.number-inspirations__highlights-header .desc {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.number-inspirations__highlights-content {
    width: 100%;
    padding: 48px 0 32px;
}

.number-inspirations__highlights-content-swiper {
    width: 100vw;
    overflow: hidden;
    position: relative;
}

.number-inspirations__highlights-content-swiper-slide {
    width: auto;
    flex-shrink: 0;
}

.number-inspirations__highlights-content-swiper-wrapper {
    display: flex;
    gap: 24px;
    width: max-content;
    animation: scrollToLeft 40s linear infinite;
    padding-bottom: 32px;
}

    .number-inspirations__highlights-content-swiper-wrapper:hover {
        animation-play-state: paused;
    }

    .number-inspirations__highlights-content-swiper-wrapper.stop-- {
        animation-play-state: paused;
    }

.number-inspirations__highlights-button {
    display: flex;
    column-gap: 8px;
    text-decoration: underline;
}

    .number-inspirations__highlights-button #pause-icon,
    .number-inspirations__highlights-button #play-icon {
        width: 24px;
        height: 24px;
    }

    .number-inspirations__highlights-button #play-icon {
        display: none;
    }

.number-inspirations__searched {
    display: none;
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: #f6f6f6;
}

.number-inspirations__searched-title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.number-inspirations__searched-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, 400px);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    gap: 24px;
}

.number-inspirations__searched-paginator {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 16px;
}

.number-inspirations__searched-paginator-left,
.number-inspirations__searched-paginator-right {
    padding: 8px;
    width: 32px;
    height: 32px;
    background-color: #ffc000;
    border-radius: 1000px;
    cursor: pointer;
}

    .number-inspirations__searched-paginator-left.--disabled,
    .number-inspirations__searched-paginator-right.--disabled {
        background-color: #e6e6e6;
        cursor: initial;
    }

        .number-inspirations__searched-paginator-left.--disabled img,
        .number-inspirations__searched-paginator-right.--disabled img {
            filter: opacity(0.3);
        }

.number-inspirations__searched-paginator-left {
    rotate: 180deg;
}

.number-inspirations__searched-paginator-main {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.number-inspirations__searched-paginator-main-input {
    width: 64px;
    height: 48px;
}

    .number-inspirations__searched-paginator-main-input .input__field {
        padding: 11px 16px;
        text-align: center;
    }

@media print {
    .number-inspirations__records-content {
        animation: none;
    }
}

.number-inspirations__records-content-title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.number-inspirations__records-content-header {
    display: flex;
    padding-left: 24px;
    align-items: center;
    column-gap: 40px;
    margin-bottom: 24px;
}

.number-inspirations__records-content-header-image {
    width: 120px;
    height: 120px;
}

.number-inspirations__records-content-header-info {
    display: flex;
    flex: 1;
    align-items: center;
    column-gap: 40px;
}

.number-inspirations__records-content-header-info-details-number {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 1px;
    color: #040707;
}

.number-inspirations__records-content-header-info-details-title {
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.number-inspirations__records-content-header-info-socials {
    display: flex;
    column-gap: 12px;
    flex-shrink: 0;
}

    .number-inspirations__records-content-header-info-socials img {
        display: block;
        width: 32px;
        height: 32px;
    }

.number-inspirations__records-content-table {
    margin-bottom: 40px;
    width: 100%;
    border-collapse: collapse;
}

    .number-inspirations__records-content-table th,
    .number-inspirations__records-content-table td {
        width: 33%;
        padding: 16px 24px;
        text-align: left;
    }

        .number-inspirations__records-content-table th:not(:last-of-type),
        .number-inspirations__records-content-table td:not(:last-of-type) {
            padding-right: 16px;
        }

        .number-inspirations__records-content-table th:not(:first-of-type),
        .number-inspirations__records-content-table td:not(:first-of-type) {
            padding-left: 16px;
        }

    .number-inspirations__records-content-table th {
        background-color: #e3e7e9;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #454545;
    }

        .number-inspirations__records-content-table th:first-of-type {
            border-radius: 16px 0 0 16px;
        }

        .number-inspirations__records-content-table th:last-of-type {
            border-radius: 0 16px 16px 0;
        }

    .number-inspirations__records-content-table td {
        font-size: 18px;
        line-height: 26px;
        color: #040707;
    }

    .number-inspirations__records-content-table tr:not(:last-of-type) td {
        border-bottom: 1px solid #e6e6e6;
    }

.number-inspirations__share-content-back {
    margin-bottom: 40px;
    display: flex;
    column-gap: 2px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
}

.number-inspirations__share-content-title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.number-inspirations__share-content-body {
    display: flex;
    gap: 32px 24px;
    flex-wrap: wrap;
}

.number-inspirations__share-content-body-item {
    width: 104px;
    height: 97px;
    text-align: center;
}

.number-inspirations__share-content-body-item-image {
    display: block;
    margin: 0 auto 9px;
    width: 64px;
    height: 64px;
}

.number-inspirations__share-content-body-item-text {
    font-size: 16px;
    line-height: 24px;
}

.number-inspirations__share-content-separator {
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    margin: 32px 0;
}

@media (max-width: 1024px) {
    .number-inspirations__highlights {
        padding: 56px 0;
    }

    .number-inspirations__highlights-header .title {
        font-size: 24px;
        line-height: 32px;
    }

    .number-inspirations__highlights-header .desc {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
        color: #040707;
    }

    .number-inspirations__highlights-content {
        padding: 32px 0 24px;
    }

    .number-inspirations__highlights-content-swiper-wrapper {
        gap: 16px;
    }

    .number-inspirations__highlights-content-swiper-slide {
        max-width: 327px !important;
    }

    .number-inspirations__searched {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .number-inspirations__searched-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 32px;
    }

    .number-inspirations__searched-results {
        grid-template-columns: repeat(auto-fill, 327px);
        gap: 16px;
        margin-bottom: 32px;
    }

    .number-inspirations__searched-paginator {
        justify-content: flex-start;
    }

    .number-inspirations__records-content-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 24px;
    }

    .number-inspirations__records-content-header {
        flex-direction: column;
        padding-left: 0;
        align-items: flex-start;
        row-gap: 32px;
    }

    .number-inspirations__records-content-header-image {
        width: 64px;
        height: 64px;
    }

    .number-inspirations__records-content-header-info {
        order: 1;
        column-gap: 16px;
    }

    .number-inspirations__records-content-header-info-details-number {
        font-size: 24px;
        line-height: 32px;
    }

    .number-inspirations__records-content-header-info-details-title {
        font-size: 16px;
        line-height: 24px;
    }
}

@keyframes modalFadeUp {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scrollToLeft {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.result {
    padding-top: 72px;
    background-color: #f6f6f6;
}

.result__live {
    margin-top: -72px;
    padding-top: 152px;
    padding-bottom: 120px;
    background-color: #ffe699;
    background-image: url("../../assets/images/confetti-bg-image.png");
    background-size: contain;
    background-position: center 120px;
    background-repeat: no-repeat;
}

    .result__live.--hidden {
        display: none;
    }

.result__live-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.result__live-header-title {
    display: flex;
    align-items: center;
    gap: 24px;
}

    .result__live-header-title .tag {
        display: flex;
        align-items: center;
        padding: 8px 16px;
        background-color: #eb2020;
        border-radius: 10px;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        color: #fff;
    }

        .result__live-header-title .tag::before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 12px;
            border-radius: 100%;
            background-color: #fff;
        }

    .result__live-header-title .title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        color: #040707;
    }

.result__live-card-container {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-areas: "box-1 box-2 box-3" "box-1 box-2 box-6" "box-1 box-5 box-6" "box-4 box-5 box-6" "box-4 box-5 box-6" "box-4 box-5 box-7" "box-4 box-5 box-7" "box-4 . .";
    gap: 24px;
    align-items: stretch;
}

.result__live-card-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

    .result__live-card-column * {
        flex-shrink: 0;
    }

.result__content {
    margin-top: 80px;
    padding-bottom: 120px;
}

.result__content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .result__content-header .title {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
        color: #040707;
    }

.result__content-header-input-mobile {
    display: none;
}

.result__content-tab-wrapper {
    width: 100%;
    max-width: calc(var(--max-content-width) + var(--content-side-gutter) * 2);
    padding-right: var(--content-side-gutter);
    padding-left: var(--content-side-gutter);
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}

.result__content-tab-container {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-width: 0px;
    text-align: center;
}

.result__content-tab {
    padding: 0 18px 16px;
    border-bottom: solid 1px #cdcdcd;
    white-space: nowrap;
    cursor: pointer;
}

    .result__content-tab .tab-label {
        font-size: 16px;
        line-height: 24px;
        color: #686a6a;
    }

    .result__content-tab .tab-date {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #686a6a;
    }

    .result__content-tab.--active {
        border-bottom: solid 4px #ffc000;
    }

        .result__content-tab.--active .tab-label {
            color: #454545;
        }

        .result__content-tab.--active .tab-date {
            color: #040707;
        }

.result__content-body {
    padding-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-areas: "box-1 box-2 box-3" "box-1 box-2 box-6" "box-4 box-5 box-6" "box-4 box-5 box-6" "box-4 box-5 box-7";
    gap: 24px;
    align-items: stretch;
}

.result__content-body-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    align-items: center;
}

.result__content-body-card {
    width: 100%;
}

    .result__content-body-card.--large {
        height: 480px;
    }

    .result__content-body-card.--medium {
        height: 448px;
    }

.result .guide-card {
    position: relative;
    width: 100%;
    max-width: 430px;
    align-self: center;
    justify-self: center;
    height: 330px;
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 8px 32px rgba(3, 0, 39, 0.1), 0px 4px 24px rgba(3, 0, 39, 0.04);
}

    .result .guide-card.--how-draws-work {
        background-image: url("../images/result/orange-leaf.svg");
        background-repeat: no-repeat;
        background-position: top 141px right;
        background-size: 372px;
    }

    .result .guide-card.--where-to-claim {
        background-image: url("../images/result/orange-leaf.svg");
        background-repeat: no-repeat;
        background-position: top 141px right;
        background-size: 372px;
    }

.result .guide-card__image {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    width: 270px;
    height: 180px;
}

.result .guide-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .result .guide-card__header .title {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #040707;
    }

    .result .guide-card__header button {
        cursor: pointer;
    }

@media (max-width: 1280px) {
    .result__live {
        padding-top: 80px;
        padding-bottom: 56px;
        margin-top: unset;
    }

    .result__content {
        margin-top: 40px;
        padding-bottom: 56px;
    }

    .result__content-body {
        display: grid;
        grid-template-columns: repeat(2, minmax(327px, 400px));
        grid-template-areas: "box-1 box-2" "box-3 box-4" "box-5 box-4" "box-5 box-6" "box-5 box-6" "box-7 box-6" "box-7 .";
        justify-content: center;
    }

        .result__content-body > [style*="grid-area: box-6"] {
            align-self: auto;
        }

    .result__content-body-column .guide-card {
        min-width: 327px;
        width: 100%;
        max-height: 432px;
    }

    .result__content-body-card.--medium {
        height: fit-content;
    }

    .result__live-card-container {
        grid-template-columns: repeat(2, minmax(327px, 400px));
        grid-template-areas: "box-1 box-2" "box-1 box-4" "box-3 box-4" "box-5 box-6" "box-5 box-6" "box-5 box-6" "box-5 ." "box-7 .";
        align-items: stretch;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .result {
        padding-top: unset;
    }

    .result__live {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .result__content-header .title {
        font-size: 22px;
        line-height: 30px;
    }

    .result__content-header-input {
        display: none;
    }

    .result__content-header-input-mobile {
        display: flex;
    }

    .result__content-tab-wrapper {
        padding-right: 0px;
        padding-left: 0px;
        overflow: auto;
    }

    .result__content-tab-container {
        width: fit-content;
        column-gap: 16px;
        border-bottom: solid 1px #cdcdcd;
        margin-left: 24px;
        margin-right: 24px;
    }

    .result__content-tab {
        padding: 0 8px 12px;
        white-space: nowrap;
        cursor: pointer;
        border-bottom: solid 4px rgba(0, 0, 0, 0);
    }

    .result__content-tab-container {
        margin-top: 32px;
    }

    .result__content-tab .tab-label {
        font-size: 16px;
        line-height: 24px;
        color: #686a6a;
    }

    .result__content-tab .tab-date {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #686a6a;
    }

    .result__content-tab.--active {
        border-bottom: solid 4px #ffc000;
    }

        .result__content-tab.--active .tab-label {
            color: #454545;
        }

        .result__content-tab.--active .tab-date {
            color: #040707;
        }
}

@media (max-width: 800px) {
    .result .guide-card {
        height: 240px;
    }

        .result .guide-card.--how-draws-work {
            background-position: top 96px right;
            background-size: 304px;
        }

        .result .guide-card.--where-to-claim {
            background-position: top 96px right;
            background-size: 304px;
        }

    .result .guide-card__image {
        bottom: 16px;
        width: 225px;
        height: 150px;
    }

    .result .guide-card__header .title {
        font-size: 20px;
        line-height: 28px;
    }

    .result__live {
        background-image: url("../../assets/images/confetti-bg-image-mobile.png");
        background-position: center top;
        background-size: contain;
    }

    .result__content-body {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .result__content-tab-container {
        overflow-x: auto;
    }

    .result__live-card-container {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
    }

    .result__live-header {
        align-items: flex-start;
    }

    .result__live-header-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .result__live-header-title .tag {
            font-size: 22px;
            line-height: 30px;
            padding: 5px 12px;
        }

            .result__live-header-title .tag::before {
                width: 8px;
                height: 8px;
            }

        .result__live-header-title .title {
            font-size: 18px;
            line-height: 26px;
        }
}

.membership__banner {
    background-color: #040707;
    position: relative;
    width: 100%;
    height: 560px;
    padding-top: 72px;
    background-size: cover;
    overflow: hidden;
}

.membership__banner {
    position: relative;
    height: 480px;
    width: 100%;
    overflow: hidden;
}

.membership__banner__background--mobile--landing {
    display: none;
}

.membership__banner-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    object-fit: cover;
    min-width: 100%;
    height: auto;
    z-index: 1;
}

.membership__banner-content {
    position: relative;
    max-width: 680px;
    margin-top: 71px;
    z-index: 2;
}

.membership__banner-content-title {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    color: #fff;
}

    .membership__banner-content-title .--gold {
        color: #ffc000;
    }

.membership__banner-content-desc {
    margin-top: 16px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #f6f6f6;
}

.membership__banner-content-cta {
    margin-top: 32px;
    padding: 14px 20px !important;
}

.membership__perk {
    padding-top: 96px;
    padding-bottom: 96px;
}

.membership__perk-header .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.membership__perk-header .desc {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.membership__perk-card-container {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.membership__perk-card-row {
    display: flex;
    column-gap: 24px;
    width: 100%;
}

.membership__perk-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 400px;
    height: 480px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #040707;
}

.membership__perk-card-content {
    padding: 32px 32px 0px;
}

    .membership__perk-card-content .title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        color: #fff;
    }

    .membership__perk-card-content .desc {
        margin-top: 16px;
        font-size: 18px;
        line-height: 26px;
        color: #f6f6f6;
    }

.membership__perk-card-image {
    width: 100%;
    height: auto;
}

.membership__perk-card-large {
    flex: 1;
    display: flex;
    justify-content: space-between;
    height: 190px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #333;
}

.membership__perk-card-large-content {
    padding: 32px 0px 32px 32px;
}

    .membership__perk-card-large-content .title {
        max-width: 380px;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #fff;
    }

    .membership__perk-card-large-content .desc {
        max-width: 380px;
        margin-top: 12px;
        font-size: 18px;
        line-height: 26px;
        color: #fff;
    }

.membership__perk-card-large-image {
    width: 180px;
    height: auto;
}

.membership__perk-cta-row {
    margin-top: 64px;
    display: flex;
    column-gap: 24px;
}

.membership__guide {
    padding-top: 74px;
    padding-bottom: 74px;
    background-color: #040707;
}

.membership__guide-wrapper {
    display: flex;
    gap: 132px;
}

.membership__guide-content {
    max-width: 600px;
}

.membership__guide-content-header {
    max-width: 440px;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
}

    .membership__guide-content-header .--gold {
        color: #ffc000;
    }

.membership__guide-step-container {
    margin-top: 48px;
}

.membership__guide-step {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    cursor: pointer;
}

    .membership__guide-step.--active {
        background-color: hsla(0, 0%, 100%, 0.1607843137);
    }

        .membership__guide-step.--active .membership__guide-step-count {
            color: #fff;
            background-color: #f38a23;
        }

        .membership__guide-step.--active .membership__guide-step-desc {
            color: #f6f6f6;
        }

.membership__guide-step-count {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #cdcdcd;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.membership__guide-step-desc {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #cdcdcd;
}

.membership__guide-content-cta {
    margin-top: 32px;
}

.membership__guide-visual {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 400px;
    height: 550px;
}

    .membership__guide-visual video {
        height: 100%;
        width: 100%;
    }

.membership__guide-visual-gif {
    display: none;
    height: 100%;
    width: auto;
}

    .membership__guide-visual-gif.--active {
        display: block;
        animation: fadeIn 0.4s;
    }

.membership__guide-mobile {
    display: none;
}

.membership__happening {
    overflow: hidden;
    padding: 96px 0;
    background-color: #f6f6f6;
}

.membership__happening-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .membership__happening-header .title {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
        color: #040707;
    }

.membership__happening-card-container {
    display: flex;
    gap: 40px;
    margin-top: 48px;
}

.membership__happening-mobile-swiper {
    display: none;
}

@media (max-width: 1024px) {
    .membership__banner {
        height: 455px;
    }

    .membership__banner__background--mobile--landing {
        display: flex;
        position: absolute;
        bottom: 44px;
        left: 50%;
        transform: translate(-50%, 0);
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
    }

    .membership__guide {
        padding: 56px 0;
    }

    .membership__guide-wrapper {
        display: none;
    }

    .membership__guide-content {
        max-width: 100%;
    }

    .membership__guide-content-header {
        max-width: unset;
        font-size: 24px;
        line-height: 32px;
    }

    .membership__guide-mobile {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .membership__guide-mobile-swiper {
        margin-top: 32px;
        width: 100%;
    }

        .membership__guide-mobile-swiper .swiper-pagination {
            bottom: 120px !important;
            text-align: center;
        }

        .membership__guide-mobile-swiper .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: #9b9c9c;
            opacity: 1;
            margin: 0 6px;
            border-radius: 50%;
        }

        .membership__guide-mobile-swiper .swiper-pagination-bullet-active {
            background: #f38a23;
        }

    .membership__guide-mobile-slide {
        width: 100%;
        color: #fff;
    }

    .membership__guide-mobile-slide-visual {
        height: 330px;
        display: flex;
        justify-content: center;
    }

    .membership__guide-mobile-step {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 32px;
    }

    .membership__guide-mobile-step-indicator {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background-color: #f38a23;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .membership__guide-mobile-step-desc {
        max-width: 287px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
    }

    .membership__guide-content-cta {
        margin-top: 50px;
    }

    .membership__happening {
        padding-top: 56px;
        padding-bottom: 80px;
    }

    .membership__happening-header {
        align-items: flex-start;
    }

        .membership__happening-header .title {
            font-size: 24px;
            line-height: 32px;
        }

        .membership__happening-header .cta {
            padding: 10px !important;
            width: 40px;
            height: 40px;
            border-radius: 100%;
        }

        .membership__happening-header .cta-text {
            display: none;
        }

    .membership__happening-card-container {
        display: none;
    }

    .membership__happening-mobile-swiper {
        position: relative;
        display: block;
        margin-top: 32px;
    }

        .membership__happening-mobile-swiper .happening-swiper-pagination {
            position: absolute;
            bottom: -30px !important;
            text-align: center;
        }

        .membership__happening-mobile-swiper .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: #9b9c9c;
            opacity: 1;
            margin: 0 6px;
            border-radius: 50%;
        }

        .membership__happening-mobile-swiper .swiper-pagination-bullet-active {
            background: #f38a23;
        }

    .membership__happening-mobile-swiper-wrapper {
        height: 322px;
    }

    .membership__happening-mobile-slide {
        width: 389px !important;
        height: auto !important;
    }
}

@media (max-width: 900px) {
    .membership__banner {
        height: 440px;
        padding-top: unset;
    }

    .membership__banner-content {
        max-width: 330px;
        margin-top: 40px;
    }

    .membership__banner-content-title {
        font-size: 28px;
        line-height: 36px;
    }

    .membership__banner-content-desc {
        margin-top: 8px;
        font-size: 20px;
        line-height: 28px;
    }

    .membership__banner-content-cta {
        margin-top: 24px;
    }

    .membership__perk {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .membership__perk-header .title {
        font-size: 24px;
        line-height: 32px;
    }

    .membership__perk-header .desc {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
    }

    .membership__perk-card-container {
        margin-top: 32px;
        row-gap: 16px;
    }

    .membership__perk-card-row {
        flex-direction: column;
        align-items: center;
        row-gap: 16px;
    }

    .membership__perk-card {
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 200px;
    }

    .membership__perk-card-content {
        padding: 24px;
    }

        .membership__perk-card-content .title {
            max-width: 400px;
            font-size: 22px;
            line-height: 30px;
        }

        .membership__perk-card-content .desc {
            max-width: 400px;
            margin-top: 8px;
            font-size: 16px;
            line-height: 24px;
        }

    .membership__perk-card-image {
        width: auto;
        max-height: 75%;
        margin-top: auto;
    }

    .membership__perk-card-large {
        flex: unset;
        align-items: center;
        height: 160px;
        width: 100%;
    }

    .membership__perk-card-large-content {
        padding: 24px 0px 24px 24px;
    }

        .membership__perk-card-large-content .title {
            max-width: 400px;
            font-size: 20px;
            line-height: 28px;
        }

        .membership__perk-card-large-content .desc {
            max-width: 400px;
            margin-top: 8px;
            font-size: 14px;
            line-height: 22px;
        }

    .membership__perk-card-large-image {
        width: 180px;
        height: auto;
    }

    .membership__perk-cta-row {
        margin-top: 32px;
    }
}

@media (max-width: 800px) {
    .membership__perk-card {
        flex-direction: column;
        align-items: center;
        height: unset;
        width: 327px;
        min-height: 380px;
    }

    .membership__perk-card-large {
        align-items: center;
        flex-direction: row;
        height: unset;
        width: 327px;
        min-height: 200px;
    }

    .membership__perk-card-large-content {
        padding: 24px 0px 24px 24px;
    }

        .membership__perk-card-large-content .title {
            font-size: 18px;
        }

    .membership__perk-card-large-image {
        width: 100px;
        margin-top: auto;
        height: auto;
    }

    .membership__perk-cta-row {
        margin-top: 32px;
        row-gap: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .membership__happening-mobile-slide {
        width: 280px !important;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.main-wrapper .banner {
    background-color: #ffc000;
}

.main-wrapper .banner__background.--desktop {
    min-width: 0;
    object-fit: contain;
    object-position: bottom;
}

.main-wrapper .forecast__section {
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
    row-gap: 48px;
}

.main-wrapper .forecast__section-header {
    display: flex;
    flex-direction: row;
    column-gap: 80px;
}

    .main-wrapper .forecast__section-header .title {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
        color: #040707;
    }

    .main-wrapper .forecast__section-header .desc {
        margin-top: 16px;
        font-size: 20px;
        line-height: 28px;
        color: #454545;
    }

.main-wrapper .forecast__section-share-container {
    display: flex;
    column-gap: 12px;
    flex-shrink: 0;
    height: fit-content;
}

    .main-wrapper .forecast__section-share-container img {
        display: block;
        width: 32px;
        height: 32px;
    }

.main-wrapper .forecast__section-matrix-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(327px, 1fr));
    gap: 40px;
    justify-items: center;
}

@media (max-width: 1024px) {
    .main-wrapper .forecast__section {
        padding-top: 40px;
        padding-bottom: 56px;
        padding-inline: 24px;
        row-gap: 32px;
    }

    .main-wrapper .forecast__section-header {
        flex-direction: column;
        gap: 32px;
    }

        .main-wrapper .forecast__section-header .title {
            font-size: 24px;
        }

        .main-wrapper .forecast__section-header .desc {
            font-size: 18px;
            margin-top: 8px;
        }

    .main-wrapper .forecast__section-matrix-container {
        row-gap: 32px;
    }
}

.main-wrapper .examples-section {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    padding-bottom: 120px;
}

    .main-wrapper .examples-section .title-container {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

        .main-wrapper .examples-section .title-container .title {
            font-weight: 500;
            font-size: 32px;
            line-height: 40px;
            color: #040707;
        }

        .main-wrapper .examples-section .title-container .desc {
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            color: #454545;
        }

.main-wrapper .examples-section__tab-container {
    background: #fff;
    border-radius: 20px;
    padding: 40px 20px;
    display: flex;
    row-gap: 40px;
    width: 100%;
}

    .main-wrapper .examples-section__tab-container .tab-content {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }

    .main-wrapper .examples-section__tab-container .tab-content__matrix-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
        gap: 40px;
    }

    .main-wrapper .examples-section__tab-container .tab-content__desc {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .main-wrapper .examples-section__tab-container .tab-content__desc .drawID {
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            color: #040707;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__desc
        .leaf-numbers-container {
            display: flex;
            flex-direction: column;
            gap: 16px;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            color: #454545;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__desc
        .leaf-numbers-container__inner {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            column-gap: 16px;
            row-gap: 12px;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__desc
        .leaf-numbers__addition {
            font-weight: 700;
            font-size: 34px;
            line-height: 34px;
            color: #040707;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__desc
        .leaf-numbers.blue-- {
            display: flex;
            flex-wrap: wrap;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__desc
        .leaf-numbers-amount {
            font-weight: 500;
            white-space: nowrap;
        }

.main-wrapper .disclaimer-container {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    border-radius: 16px;
    column-gap: 12px;
    background-color: #ffe699;
}

.main-wrapper .disclaimer-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

.forecast-chart__share-share-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .forecast-chart__share-share-container img {
        width: 32px;
        height: 32px;
    }

.forecast-chart__share-content-back {
    margin-bottom: 40px;
    display: flex;
    column-gap: 2px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
}

.forecast-chart__share-content-title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.forecast-chart__share-content-body {
    display: flex;
    gap: 32px 24px;
    flex-wrap: wrap;
}

.forecast-chart__share-content-body-item {
    width: 104px;
    height: 97px;
    text-align: center;
}

.forecast-chart__share-content-body-item-image {
    display: block;
    margin: 0 auto 9px;
    width: 64px;
    height: 64px;
}

.forecast-chart__share-content-body-item-text {
    font-size: 16px;
    line-height: 24px;
}

.forecast-chart__share-content-separator {
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    margin: 32px 0;
}

@media (max-width: 1280px) {
    .main-wrapper .examples-section {
        padding-bottom: 56px;
        row-gap: 16px;
    }

        .main-wrapper .examples-section .title-container {
            margin-bottom: 16px;
        }

            .main-wrapper .examples-section .title-container .title {
                font-size: 22px;
                line-height: 30px;
            }

            .main-wrapper .examples-section .title-container .desc {
                font-size: 16px;
                line-height: 24px;
            }

    .main-wrapper .examples-section__tab-container {
        padding: 24px 0;
    }

        .main-wrapper .examples-section__tab-container .tab-content {
            row-gap: 32px;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__matrix-container {
            flex-direction: column;
            row-gap: 24px;
        }

        .main-wrapper .examples-section__tab-container .tab-content__desc .drawID {
            font-size: 18px;
        }

        .main-wrapper
        .examples-section__tab-container
        .tab-content__desc
        .leaf-numbers-container {
            font-size: 16px;
            line-height: 24px;
            word-break: break-word;
        }

    .main-wrapper .disclaimer-container {
        padding: 12px 16px;
        align-items: flex-start;
        border-radius: 10px;
        column-gap: 8px;
    }

        .main-wrapper .disclaimer-container img {
            width: 20px;
            height: 20px;
        }

    .main-wrapper .disclaimer-text {
        font-size: 14px;
        line-height: 22px;
    }
}

.our-responsibility .banner {
    background-color: #ffc000;
}

.our-responsibility .banner__background.--desktop {
    min-width: 0;
    object-fit: contain;
    object-position: bottom;
}

.our-responsibility__disclaimer-container {
    background: #ffe699;
    padding: 24px 0px;
}

.our-responsibility__disclaimer-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.our-responsibility__disclaimer-icon {
    width: 24px;
    height: 24px;
}

.our-responsibility__disclaimer-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

.our-responsibility__control-wrapper,
.our-responsibility__tips-wrapper,
.our-responsibility__scams-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.our-responsibility__problems-wrapper,
.our-responsibility__help-wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.our-responsibility__control-container,
.our-responsibility__help-container,
.our-responsibility__scams-container {
    padding: 96px 0px;
    background: #fff;
}

.our-responsibility__problems-container,
.our-responsibility__tips-container {
    padding: 96px 0px;
    background: #f6f6f6;
}

.our-responsibility__control-header,
.our-responsibility__problems-header,
.our-responsibility__help-header,
.our-responsibility__tips-header,
.our-responsibility__scams-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 960px;
}

.our-responsibility__control-title,
.our-responsibility__problems-title,
.our-responsibility__help-title,
.our-responsibility__tips-title,
.our-responsibility__scams-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.our-responsibility__control-subtitle,
.our-responsibility__problems-subtitle,
.our-responsibility__help-subtitle,
.our-responsibility__tips-subtitle,
.our-responsibility__scams-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #454545;
}

.our-responsibility__control-cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.our-responsibility__control-card {
    display: flex;
    flex-direction: column;
    width: 604px;
    box-shadow: 0px 8px 32px rgba(3, 0, 39, 0.1), 0px 4px 24px rgba(3, 0, 39, 0.04);
    border-radius: 20px;
    overflow: hidden;
}

.our-responsibility__control-card-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 40px;
    width: 100%;
    height: 152px;
    background: #040707;
    background-image: url("../../assets/images/our-responsibility/section-card-magnifying-glass.png");
    background-repeat: no-repeat;
    background-position: center right;
}

.our-responsibility__control-card-top-subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #f6f6f6;
}

.our-responsibility__control-card-top-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #f6f6f6;
}

.our-responsibility__control-card:nth-of-type(2)
.our-responsibility__control-card-top {
    background-image: url("../../assets/images/our-responsibility/section-card-calculate.png");
}

.our-responsibility__control-card-bottom {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 40px;
    width: 100%;
    height: fit-content;
    background: #fff;
}

.our-responsibility__control-card-bottom-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
}

.our-responsibility__control-card-button {
    padding: 14px 20px;
    align-self: self-start;
}

.our-responsibility__problems-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(327px, 400px));
    gap: 24px;
    justify-content: center;
}

.our-responsibility__problems-grid-item {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    padding: 32px;
    gap: 24px;
}

.our-responsibility__problems-grid-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #040707;
    text-align: center;
}

.our-responsibility__help-panel-container,
.our-responsibility__scams-panel-container {
    display: flex;
    height: fit-content;
    border-radius: 20px;
    overflow: hidden;
}

.our-responsibility__help-panel-side,
.our-responsibility__scams-panel-side {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 624px;
    background: #f5f8f9;
    padding: 40px;
}

.our-responsibility__help-panel-side-item,
.our-responsibility__scams-panel-side-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.our-responsibility__help-panel-side-text-wrapper,
.our-responsibility__scams-panel-side-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.our-responsibility__help-panel-side-title,
.our-responsibility__scams-panel-side-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
}

.our-responsibility__help-panel-side-subtitle,
.our-responsibility__scams-panel-side-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
}

.our-responsibility__help-gambler-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.our-responsibility__help-gambler-desc {
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.our-responsibility__help-gambler-box {
    display: flex;
    background: #ffe699;
    padding: 40px;
    gap: 40px;
    border-radius: 20px;
    align-items: center;
}

.our-responsibility__help-gambler-box-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
    margin-bottom: 8px;
}

.our-responsibility__help-gambler-box-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
    margin-bottom: 24px;
}

.our-responsibility__help-gambler-box-contact {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .our-responsibility__help-gambler-box-contact:first-of-type {
        margin-bottom: 8px;
    }

.our-responsibility__help-gambler-box-contact-icon {
    width: 24px;
    height: 24px;
}

.our-responsibility__help-gambler-box-contact-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #040707;
}

    .our-responsibility__help-gambler-box-contact-text a {
        text-decoration: underline;
        font-weight: 500;
    }

.our-responsibility__tips-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(327px, 604px));
    column-gap: 40px;
    row-gap: 56px;
    justify-content: center;
}

.our-responsibility__tips-grid-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.our-responsibility__tips-grid-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.our-responsibility__tips-grid-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
}

.our-responsibility__tips-grid-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
}

.our-responsibility__help-panel-image,
.our-responsibility__scams-panel-image {
    object-fit: cover;
}

@media (max-width: 1024px) {
    .our-responsibility__disclaimer-wrapper {
        gap: 8px;
    }

    .our-responsibility__disclaimer-icon {
        width: 20px;
        height: 20px;
    }

    .our-responsibility__disclaimer-text {
        font-size: 14px;
        line-height: 22px;
    }

    .our-responsibility__control-container,
    .our-responsibility__problems-container,
    .our-responsibility__help-container,
    .our-responsibility__tips-container,
    .our-responsibility__scams-container {
        padding: 56px 0px;
    }

        .our-responsibility__control-container .wrapper,
        .our-responsibility__problems-container .wrapper,
        .our-responsibility__help-container .wrapper,
        .our-responsibility__tips-container .wrapper,
        .our-responsibility__scams-container .wrapper {
            gap: 32px;
        }

    .our-responsibility__control-header,
    .our-responsibility__problems-header,
    .our-responsibility__help-header,
    .our-responsibility__tips-header,
    .our-responsibility__scams-header {
        gap: 8px;
        width: 100%;
    }

    .our-responsibility__control-title,
    .our-responsibility__problems-title,
    .our-responsibility__help-title,
    .our-responsibility__tips-title,
    .our-responsibility__scams-title {
        font-size: 24px;
        line-height: 32px;
    }

    .our-responsibility__control-subtitle,
    .our-responsibility__problems-subtitle,
    .our-responsibility__help-subtitle,
    .our-responsibility__tips-subtitle,
    .our-responsibility__scams-subtitle {
        font-size: 18px;
        line-height: 26px;
    }

    .our-responsibility__control-cards-container {
        gap: 24px;
    }

    .our-responsibility__control-card-top {
        gap: 4px;
        padding: 24px;
        height: fit-content;
        background-size: 50px;
        background-position: center right;
    }

    .our-responsibility__control-card-top-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .our-responsibility__control-card-top-title {
        font-size: 22px;
        line-height: 30px;
    }

    .our-responsibility__control-card-bottom {
        gap: 24px;
        padding: 24px;
    }

    .our-responsibility__control-card-bottom-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .our-responsibility__control-button {
        padding: 12px 16px;
    }

    .our-responsibility__problems-grid {
        gap: 16px;
    }

    .our-responsibility__problems-grid-item {
        padding: 24px;
        gap: 16px;
    }

    .our-responsibility__problems-grid-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .our-responsibility__problems-grid-image {
        width: 96px;
        height: 72px;
    }

    .our-responsibility__help-panel-container,
    .our-responsibility__scams-panel-container {
        flex-direction: column;
        height: fit-content;
    }

    .our-responsibility__help-panel-side,
    .our-responsibility__scams-panel-side {
        justify-self: flex-end;
        width: 100%;
        gap: 32px;
        padding: 24px;
    }

    .our-responsibility__help-panel-side-item,
    .our-responsibility__scams-panel-side-item {
        flex-direction: column;
        gap: 8px;
    }

    .our-responsibility__help-panel-side-item-image,
    .our-responsibility__scams-panel-side-item-image {
        width: 40px;
        height: 40px;
    }

    .our-responsibility__help-panel-side-text-wrapper,
    .our-responsibility__scams-panel-side-text-wrapper {
        gap: 4px;
    }

    .our-responsibility__help-panel-side-title,
    .our-responsibility__scams-panel-side-title {
        font-size: 20px;
        line-height: 28px;
    }

    .our-responsibility__help-panel-side-subtitle,
    .our-responsibility__scams-panel-side-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .our-responsibility__help-panel-image,
    .our-responsibility__scams-panel-image {
        height: 184px;
    }

    .our-responsibility__help-gambler-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 8px;
    }

    .our-responsibility__help-gambler-box-title {
        font-size: 20px;
        line-height: 28px;
    }

    .our-responsibility__help-gambler-box-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .our-responsibility__help-gambler-box-contact {
        padding: 4px;
        align-items: flex-start;
    }

        .our-responsibility__help-gambler-box-contact:first-of-type {
            margin-bottom: 24px;
        }

    .our-responsibility__help-gambler-box-contact-icon {
        width: 26px;
        height: 26px;
    }

    .our-responsibility__help-gambler-box-contact-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .our-responsibility__help-gambler-logo {
        width: 80px;
        height: 80px;
    }

    .our-responsibility__help-gambler-desc {
        font-size: 18px;
        line-height: 26px;
    }

    .our-responsibility__tips-grid {
        row-gap: 40px;
    }

    .our-responsibility__tips-grid-item {
        gap: 16px;
    }

    .our-responsibility__tips-grid-title {
        font-size: 20px;
        line-height: 28px;
    }

    .our-responsibility__tips-grid-subtitle {
        font-size: 16px;
        line-height: 24px;
    }
}

.history {
    background-color: #f6f6f6;
}

    .history .banner {
        background-color: #ffc000;
    }

    .history .banner__background.--desktop {
        min-width: 0;
        object-fit: contain;
        object-position: bottom;
    }

    .history #highlights,
    .history #latest-winnings,
    .history #top-winnings,
    .history #winning-stories {
        flex-direction: column;
    }

.history__highlight {
    display: flex;
    align-items: center;
    gap: 36px;
    position: relative;
    width: 100%;
    padding: 12px;
    padding-right: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px rgba(26, 26, 26, 0.25);
}

    .history__highlight:not(:first-child) {
        margin-top: 24px;
    }

.history__highlight-logo {
    width: 110px;
    height: 110px;
}

.history__highlight-mobile-tag {
    display: none;
}

.history__highlight-content {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.history__highlight-content-info-amount {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 23px;
    row-gap: 8px;
    color: #00a86b;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.history__highlight-content-info-desc {
    margin-top: 5px;
    color: #454545;
    font-size: 16px;
    line-height: 24px;
}

    .history__highlight-content-info-desc span {
        margin-right: 16px;
    }

.history__highlight-content-info-cta {
    padding: 0 !important;
    height: 18px !important;
}

.history__highlight-content-date {
    color: #454545;
    font-size: 16px;
    line-height: 24px;
}

.history__records {
    padding-bottom: 120px;
    background-color: #f6f6f6;
}

.history__records-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.history__records-wrapper {
    margin-top: 48px;
}

.history__records-filter {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.history__records-mobile-filter {
    display: none;
}

.history__records-filter-dropdown {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 320px;
    width: 100%;
}

.history__records-filter-dropdown-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    white-space: nowrap;
}

.history__records-filter-cta-container {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.history__records-filter-cta {
    padding: 11px 20px;
    border-radius: 16px;
    background-color: #e3e7e9;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
    cursor: pointer;
}

    .history__records-filter-cta.--active.--all {
        background-color: #f38a23;
        color: #fff;
    }

    .history__records-filter-cta.--active.--classic {
        background-color: #ffb800;
        color: #040707;
    }

    .history__records-filter-cta.--active.--4d-jackpot {
        background-color: #00a3e3;
        color: #fff;
    }

    .history__records-filter-cta.--active.--mgold {
        background-color: #f58921;
        color: #fff;
    }

    .history__records-filter-cta.--active.--4d-jackpot-gold {
        background-color: #f38a23;
        color: #fff;
    }

    .history__records-filter-cta.--active.--magnum-life {
        background-color: #eb2020;
        color: #fff;
    }

.history__records-listing-wrapper {
    display: none;
}

    .history__records-listing-wrapper.--active {
        display: block;
    }

.history__records-listing-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

    .history__records-listing-container > :nth-child(n + 4) {
        grid-column: 1/-1;
        flex-direction: row;
        justify-content: space-between;
    }

.history__records-listing {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 24px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 1px 4px 0px rgba(26, 26, 26, 0.25);
}

.history__records-listing-prize {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 12px;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #00a86b;
}

.history__records-listing-prize-tag-container {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.history__records-listing-desc {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

    .history__records-listing-desc span {
        margin-right: 16px;
    }

.history__records-listing-date {
    flex-shrink: 0;
    margin-top: auto;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.history__records-listing-button {
    display: flex;
    align-items: center;
    column-gap: 2px;
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #040707;
    cursor: pointer;
}

    .history__records-listing-button img {
        width: 20px;
        height: 20px;
    }

.history__records-listing-cta {
    padding: 0 !important;
    height: 24px !important;
}

.history__records-listing-accordion.--mobile {
    display: none;
}

.history__records-listing-accordion-title {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 16px;
    width: fit-content;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}

    .history__records-listing-accordion-title img {
        width: 20px;
        height: 20px;
        transition: transform 0.3s ease-in-out;
    }

    .history__records-listing-accordion-title.--open img {
        transform: rotate(180deg);
    }

.history__records-listing-accordion-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
}

    .history__records-listing-accordion-body.--open {
        grid-template-rows: 1fr;
    }

.history__records-listing-accordion-body-wrapper {
    overflow: hidden;
}

.history__records-stories-container {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 48px;
}

.history__modal-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.history__modal-desc {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 48px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #00a86b;
}

.history__modal-date {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.history__modal-divider {
    margin: 24px 0;
    border-bottom: solid 1px #cdcdcd;
}

.history__modal-winner {
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

@media (max-width: 1024px) {
    .history__records-wrapper {
        margin-top: 16px;
    }

    .history__records-tab-content {
        margin-top: -16px !important;
    }

    .history .tab-button-wrapper {
        position: sticky;
        top: 56px;
        padding-top: 16px;
        z-index: 4;
    }

        .history .tab-button-wrapper.--white-bg {
            background-color: #fff;
            box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
        }

    .history__highlight {
        padding: 24px;
        padding-top: 48px;
    }

    .history__highlight-logo {
        display: none;
    }

    .history__highlight-mobile-tag {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 20px;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        border-radius: 20px 0 20px 0;
    }

        .history__highlight-mobile-tag.--gold {
            background-color: #ffb800;
            color: #040707;
        }

        .history__highlight-mobile-tag.--orange {
            background-color: #f58921;
            color: #fff;
        }

        .history__highlight-mobile-tag.--blue {
            background-color: #00a3e3;
            color: #fff;
        }

    .history__highlight-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .history__highlight-content-info-amount {
        display: flex;
        align-items: center;
        column-gap: 23px;
        font-size: 22px;
        line-height: 30px;
    }

    .history__highlight-content-info-desc {
        margin-top: 10px;
        font-size: 14px;
        line-height: 22px;
    }

        .history__highlight-content-info-desc span {
            margin-right: 8px;
        }

    .history__highlight-content-info-cta {
        font-size: 12px !important;
        line-height: 18px !important;
        column-gap: 2px !important;
    }

        .history__highlight-content-info-cta::after {
            width: 16px !important;
            height: 16px !important;
        }

    .history__highlight-content-date {
        font-size: 14px;
        line-height: 22px;
    }

    .history__records {
        padding-bottom: 56px;
    }

    .history__records-filter {
        display: none;
    }

    .history__records-listing-prize {
        gap: 8px 15px;
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 30px;
    }

    .history__records-listing-desc {
        margin-top: 16px;
        font-size: 14px;
        line-height: 22px;
    }

        .history__records-listing-desc span {
            margin-right: 8px;
        }

        .history__records-listing-desc:first-of-type {
            margin-top: 8px;
        }

        .history__records-listing-desc:not(:first-of-type) {
            margin-top: 16px;
        }

    .history__records-listing-button {
        display: none;
    }

    .history__records-listing-cta {
        padding: 0 !important;
        height: 24px !important;
        column-gap: 2px !important;
        margin-bottom: 2px;
        font-size: 12px !important;
        line-height: 18px !important;
    }

        .history__records-listing-cta::after {
            width: 16px !important;
            height: 16px !important;
        }

    .history__records-listing-date {
        font-size: 14px;
        line-height: 22px;
    }

    .history__records-listing-container {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 8px;
    }

        .history__records-listing-container > :nth-child(n + 4) {
            flex-direction: column;
            justify-content: space-between;
        }

    .history__records-listing {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px;
        border-radius: 20px;
    }

    .history__records-listing-accordion.--mobile {
        display: block;
    }

    .history__records-listing-accordion-title {
        margin-top: 8px;
    }

        .history__records-listing-accordion-title img {
            width: 16px;
            height: 16px;
        }

    .history__records-listing-accordion-body-content {
        padding-top: 1px;
        margin-top: 7px;
    }

    .history__records-mobile-filter {
        position: sticky;
        top: 107px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 24px;
        margin: 0 -24px;
        z-index: 4;
    }

        .history__records-mobile-filter.--white-bg {
            background-color: #fff;
            box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
        }

    .history__records-mobile-filter-dropdown {
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        padding: 16px;
        border: solid 1px #cdcdcd;
        background-color: #fff;
        border-radius: 16px;
        cursor: pointer;
    }

    .history__records-mobile-filter-dropdown-label {
        font-size: 16px;
        line-height: 24px;
        color: #040707;
    }

    .history__records-mobile-filter-cta {
        cursor: pointer;
        width: 24px;
        height: 24px;
    }

    .history__records-stories-container {
        gap: 32px;
        margin-top: 8px;
    }
}

.filter-drawer {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease;
}

    .filter-drawer.--hidden {
        visibility: hidden;
        opacity: 0;
    }

        .filter-drawer.--hidden .filter-drawer__content {
            transform: translateY(50px);
        }

.filter-drawer__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    background-color: #fff;
    transform: translateY(0px);
    transition: 0.3s ease;
}

.filter-drawer__content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: solid 1px #cdcdcd;
}

.filter-drawer__content-header-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.filter-drawer__content-header-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #e6e6e6;
    cursor: pointer;
}

    .filter-drawer__content-header-cta img {
        width: 20px;
        height: 20px;
    }

.filter-drawer__content-body {
    padding: 16px 24px;
}

.filter-drawer__content-body-option {
    display: block;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
    transition: 0.3s ease;
}

    .filter-drawer__content-body-option:has(input[type="radio"]:checked) {
        background-color: #ffe699;
    }

    .filter-drawer__content-body-option input {
        display: none;
    }

.location {
    position: relative;
}

.location__header-wrapper {
    background-color: #fff;
    padding-top: 96px;
    padding-bottom: 24px;
    border-bottom: solid 1px #cdcdcd;
}

.location__header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.location__header-input {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 506px;
    padding: 16px 24px;
    border-radius: 100px;
    background-color: #fff;
    border: solid 1px #cdcdcd;
}

    .location__header-input .prefix-icon {
        width: 24px;
        height: 24px;
    }

    .location__header-input input {
        width: 100%;
        outline: none;
        border: none;
        font-size: 16px;
        line-height: 22px;
    }

        .location__header-input input::placeholder {
            color: #9b9c9c;
        }

.location__header-filter {
    display: flex;
    align-items: center;
    gap: 16px;
}

.location__header-filter-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    white-space: nowrap;
}

.location__header-filter-dropdown {
    position: relative;
    width: 298px;
}

    .location__header-filter-dropdown.--active
    .location__header-filter-dropdown-option-wrapper {
        grid-template-rows: 1fr;
        padding: 12px;
        border-color: #cdcdcd;
    }

    .location__header-filter-dropdown.--active
    .location__header-filter-dropdown-value
    img {
        transform: rotate(180deg);
    }

.location__header-filter-dropdown-value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border: solid 1px #cdcdcd;
    border-radius: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
}

.location__header-filter-cta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border: solid 1px #cdcdcd;
    border-radius: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    white-space: nowrap;
    cursor: pointer;
}

.location__header-filter-cta-count {
    position: absolute;
    top: -10px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #f38a23;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

    .location__header-filter-cta-count.--hidden {
        display: none;
    }

.location__header-filter-dropdown-option-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    position: absolute;
    top: calc(100% + 6px);
    z-index: 1;
    width: 100%;
    padding: 0px 12px;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 16px;
    transition: 0.2s ease-in-out;
}

.location__header-filter-dropdown-option-container {
    overflow: hidden;
}

.location__header-filter-dropdown-option {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 16px;
    cursor: pointer;
}

    .location__header-filter-dropdown-option input {
        display: none;
    }

        .location__header-filter-dropdown-option
        input:checked ~ .location__header-filter-dropdown-checkbox {
            background-color: #f38a23;
            border-color: #f38a23;
        }

            .location__header-filter-dropdown-option
            input:checked ~ .location__header-filter-dropdown-checkbox
            img {
                opacity: 1;
            }

.location__header-filter-dropdown-label {
    font-size: 16px;
    line-height: 24px;
    color: #040707;
}

.location__header-filter-dropdown-checkbox {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: solid 1px #cdcdcd;
    border-radius: 8px;
}

    .location__header-filter-dropdown-checkbox img {
        display: block;
        width: 20px;
        height: 20px;
        opacity: 0;
    }

.location__body {
    display: flex;
    background-color: #fff;
}

.location__body-overlay {
    display: none;
}

.location__body-listing-wrapper {
    padding-right: 4px;
    max-width: 506px;
    width: 100%;
}

.location__body-listing {
    padding-left: 20px;
    padding-right: 16px;
    margin-right: 4px;
    margin-left: max((100% - 1288px)/2, 0px);
    max-width: 542px;
    width: 100%;
    max-height: 725px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

    .location__body-listing::-webkit-scrollbar {
        width: 4px;
    }

    .location__body-listing::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
        margin: 8px 0;
    }

    .location__body-listing::-webkit-scrollbar-thumb {
        background: #686a6a;
        border-radius: 8px;
    }

.location__body-listing-thumb-bar {
    display: none;
}

.location__body-listing-container.--hidden {
    display: none;
}

.location__body-listing-entry-wrapper {
    padding: 24px 16px;
}

    .location__body-listing-entry-wrapper.--active {
        background-color: #fff2cc;
    }

    .location__body-listing-entry-wrapper:not(:last-child) {
        border-bottom: solid 1px #e6e6e6;
    }

.location__body-listing-entry {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
}

.location__body-listing-entry-tag {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #686a6a;
}

    .location__body-listing-entry-tag .divider {
        width: 3px;
        height: 3px;
        border-radius: 100%;
        background-color: #9b9c9c;
        margin: 0 1px;
    }

    .location__body-listing-entry-tag img {
        width: 16px;
        height: 16px;
        margin-bottom: 3px;
    }

.location__body-listing-entry-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

    .location__body-listing-entry-title img {
        display: inline;
        vertical-align: text-bottom;
    }

.location__body-listing-entry-desc {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.location__body-listing-entry-cta-container {
    margin-top: 16px;
    display: flex;
    gap: 0 24px;
    flex-wrap: wrap;
}

.location__body-listing-entry-cta {
    padding: 0 !important;
    column-gap: 2px !important;
    height: unset !important;
}

    .location__body-listing-entry-cta img {
        margin-right: 2px;
    }

.location__body-listing-entry-btn {
    flex-shrink: 0;
    display: flex;
    width: 40px;
    height: 40px;
    background-color: #ffc000;
    border-radius: 100%;
    cursor: pointer;
}

    .location__body-listing-entry-btn img {
        margin: auto;
    }

.location__body-listing-empty-state {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .location__body-listing-empty-state.--hidden {
        display: none;
    }

.location__body-listing-empty-state-icon {
    width: 240px;
    height: 240px;
}

.location__body-listing-empty-state-title {
    margin-top: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.location__body-listing-empty-state-desc {
    max-width: 440px;
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.location__body-map {
    position: relative;
    flex-grow: 1;
    height: 725px;
}

.location #location-map {
    height: 100%;
    transition: none;
}

.location__body-map-controls {
    position: absolute;
    top: 24px;
    right: 24px;
}

.location__body-map-controls-recenter {
    padding: 12px;
    border-radius: 100%;
    background-color: #fff;
    cursor: pointer;
}

    .location__body-map-controls-recenter img {
        display: block;
        width: 24px;
        height: 24px;
    }

.location__body-map-controls-zoom {
    margin-top: 16px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
}

    .location__body-map-controls-zoom button {
        display: block;
        padding: 12px;
        cursor: pointer;
    }

        .location__body-map-controls-zoom button img {
            display: block;
            width: 24px;
            height: 24px;
        }

        .location__body-map-controls-zoom button:nth-child(even) {
            border-top: solid 1px #cdcdcd;
        }

.location__filter {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 13;
}

    .location__filter.--open .location__filter-wrapper {
        transform: translateX(0%);
    }

    .location__filter.--open .location__filter-overlay {
        opacity: 1;
        visibility: visible;
    }

.location__filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

.location__filter-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 480px;
    height: 100dvh;
    background-color: #fff;
    transform: translateX(100%);
    transition: 0.3s ease-in-out;
}

.location__filter-header {
    display: flex;
    justify-content: space-between;
    padding: 34px 40px;
}

.location__filter-header-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #040707;
}

.location__filter-header-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #e6e6e6;
    cursor: pointer;
}

    .location__filter-header-cta img {
        width: 20px;
        height: 20px;
    }

.location #full-filter-form {
    overflow: auto;
    scrollbar-gutter: stable;
}

.location__filter-section-container {
    padding-left: 40px;
    padding-right: 32px;
    margin-right: 4px;
}

    .location__filter-section-container::-webkit-scrollbar {
        width: 4px;
    }

    .location__filter-section-container::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
    }

    .location__filter-section-container::-webkit-scrollbar-thumb {
        background: #686a6a;
        border-radius: 8px;
    }

.location__filter-section {
    padding-bottom: 32px;
}

    .location__filter-section:not(:first-child) {
        margin-top: 32px;
    }

    .location__filter-section:not(:last-child) {
        border-bottom: solid 1px #e6e6e6;
    }

.location__filter-section-content {
    margin-top: 8px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.3s ease-in-out;
}

    .location__filter-section-content.--grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .location__filter-section-content.--hidden {
        grid-template-rows: 0fr;
    }

    .location__filter-section-content:not(:first-child) {
        margin-top: 0;
    }

.location__filter-section-content-wrapper {
    overflow: hidden;
}

    .location__filter-section-content-wrapper.--grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

.location__filter-section-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.location__filter-section-content-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0px;
    cursor: pointer;
}

    .location__filter-section-content-option input {
        display: none;
    }

        .location__filter-section-content-option
        input:checked ~ .location__filter-section-content-option-checkbox {
            background-color: #f38a23;
            border-color: #f38a23;
        }

            .location__filter-section-content-option
            input:checked ~ .location__filter-section-content-option-checkbox
            img {
                opacity: 1;
            }

.location__filter-section-content-option-checkbox {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: solid 1px #cdcdcd;
    border-radius: 8px;
}

    .location__filter-section-content-option-checkbox img {
        display: block;
        width: 20px;
        height: 20px;
        opacity: 0;
    }

.location__filter-section-content-option-label {
    font-size: 16px;
    line-height: 24px;
    color: #040707;
}

.location__filter-section-content-cta {
    display: flex;
    align-items: center;
    column-gap: 2px;
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #f38a23;
    cursor: pointer;
}

    .location__filter-section-content-cta.--open img {
        transform: rotate(-180deg);
    }

    .location__filter-section-content-cta img {
        width: 20px;
        height: 20px;
        transform: rotate(0deg);
        transform-origin: center;
        transition: 0.2s ease-out;
    }

.location__filter-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 96px;
    padding: 0 40px;
    margin-top: auto;
    border-top: solid 1px #cdcdcd;
}

.location__filter-footer-cta {
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #f38a23;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

    .location__filter-footer-cta[disabled] {
        filter: grayscale(100%) brightness(95%) contrast(95%);
        pointer-events: none;
    }

.location__modal-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.location__modal-desc {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

    .location__modal-desc img {
        width: 24px;
        height: 24px;
    }

.location__modal-listing {
    margin-top: 24px;
}

.location__modal-listing-header {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 32px;
    padding: 16px 24px;
    border-radius: 16px;
    background-color: #e3e7e9;
}

.location__modal-listing-header-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.location__modal-listing-entry {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 32px;
    padding: 16px 24px;
    border-bottom: solid 1px #e6e6e6;
}

.location__modal-listing-entry-data .label {
    display: none;
}

.location__modal-listing-entry-data .value {
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.location__modal-listing-cta {
    margin-top: 24px;
}

@media (max-width: 1200px) {
    .location__body-listing {
        max-width: 500px;
    }
}

@media (max-width: 1024px) {
    .location__header-wrapper {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .location__header {
        gap: 16px;
    }

    .location__header-input {
        gap: 16px;
        width: 100%;
        max-width: 387px;
        padding: 13px 16px;
    }

        .location__header-input .prefix-icon {
            width: 20px;
            height: 20px;
        }

        .location__header-input input {
            font-size: 14px;
            line-height: 22px;
        }

    .location__header-filter-label,
    .location__header-filter-dropdown {
        display: none;
    }

    .location__header-filter-cta {
        flex-shrink: 0;
        padding: 0px;
        border: none;
        font-size: 16px;
        line-height: 24px;
    }

        .location__header-filter-cta span {
            display: none;
        }

    .location__header-filter-cta-count {
        top: -4px;
        right: -2px;
        width: 16px;
        height: 16px;
        font-size: 8px;
        line-height: 16px;
    }

    .location__body {
        position: relative;
        flex-direction: column-reverse;
        height: 650px;
        z-index: 9;
    }

    .location__body-overlay {
        display: block;
        position: absolute;
        top: -141px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        visibility: hidden;
        z-index: 2;
        opacity: 0;
        pointer-events: none;
    }

        .location__body-overlay.--active {
            visibility: visible;
            opacity: 1;
            pointer-events: initial;
        }

    .location__body-map {
        height: 400px;
    }

    .location #location-map {
        height: 400px;
    }

    .location__body-map-controls {
        top: 320px;
        right: 10px;
    }

    .location__body-map-controls-zoom {
        display: none;
    }

    .location__body-listing {
        position: absolute;
        z-index: 2;
        margin-top: -26px;
        max-width: unset;
        max-height: 275px;
        padding: 0;
        border-radius: 20px 20px 0 0;
        background-color: #fff;
    }

        .location__body-listing::-webkit-scrollbar {
            width: 0px;
        }

    .location__body-listing-thumb-bar {
        position: sticky;
        top: 0;
        left: 0;
        display: block;
        height: 32px;
        background-color: #fff;
        cursor: pointer;
    }

        .location__body-listing-thumb-bar::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            height: 4px;
            width: 48px;
            border-radius: 8px;
            background-color: #cdcdcd;
        }

    .location__body-listing-entry-cta-container {
        margin-top: 12px;
        gap: 0 20px;
    }

    .location__body-listing-entry-cta {
        font-size: 14px !important;
    }

        .location__body-listing-entry-cta .button img {
            width: 16px;
            height: 16px;
        }

    .location__body-listing-empty-state {
        padding-top: 16px;
        padding-bottom: 27px;
    }

    .location__body-listing-empty-state-icon {
        width: 80px;
        height: 80px;
    }

    .location__body-listing-empty-state-title {
        margin-top: 16px;
        font-size: 22px;
        line-height: 30px;
    }

    .location__body-listing-empty-state-desc {
        max-width: 330px;
        font-size: 14px;
        line-height: 22px;
    }

    .location__filter {
        top: unset;
        bottom: 0;
    }

        .location__filter.--open .location__filter-wrapper {
            transform: translate(0, 0%);
        }

    .location__filter-wrapper {
        top: unset;
        bottom: 0;
        width: 100%;
        height: unset;
        max-height: 85%;
        border-radius: 20px 20px 0 0;
        transform: translate(0, 100%);
    }

    .location__filter-header {
        align-items: center;
        padding: 20px 24px;
        border-bottom: solid 1px #cdcdcd;
    }

    .location__filter-header-title {
        font-size: 16px;
        line-height: 24px;
    }

    .location__filter-section-container {
        padding-left: 24px;
        padding-right: 16px;
    }

        .location__filter-section-container::-webkit-scrollbar-track {
            margin: 4px 0;
        }

    .location__filter-section {
        padding-top: 24px;
        padding-bottom: 24px;
    }

        .location__filter-section:not(:first-child) {
            margin-top: unset;
        }

    .location__filter-section-content-wrapper.--grid {
        grid-template-columns: 1fr;
    }

    .location__filter-section-content.--grid {
        grid-template-columns: 1fr;
    }

    .location__filter-section-content:not(:first-child) {
        margin-top: 0px;
    }

    .location__filter-section-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 9px;
    }

    .location__filter-section-content-option {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 7px 0px;
    }

    .location__filter-section-content-option-label {
        font-size: 14px;
        line-height: 22px;
    }

    .location__filter-section-content-cta {
        font-size: 14px;
        line-height: 22px;
    }

    .location__filter-footer {
        justify-content: space-between;
        height: 72px;
        padding: 0 24px;
    }

    .location__filter-footer-cta {
        font-size: 14px;
        line-height: 22px;
    }

    .location__modal-title {
        font-size: 22px;
        line-height: 30px;
    }

    .location__modal-desc {
        gap: 8px;
        font-size: 18px;
        line-height: 26px;
    }

    .location__modal-listing {
        margin-top: 32px;
    }

    .location__modal-listing-header {
        display: none;
    }

    .location__modal-listing-entry {
        align-items: flex-start;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 16px;
    }

    .location__modal-listing-entry-data .label {
        display: block;
        font-size: 14px;
        line-height: 22px;
        color: #454545;
    }

    .location__modal-listing-entry-data .value {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .location__modal-listing-cta {
        margin-top: 32px;
    }
}

#location-map * {
    transition: none;
}

.custom-cluster {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #040707;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    border-radius: 100%;
    width: 44px;
    height: 44px;
}

    .custom-cluster::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 56px;
        height: 56px;
        border-radius: 100%;
        background-color: rgba(4, 7, 7, 0.4);
        z-index: -1;
    }

.loading-bar-container {
    width: 100%;
}

.loading-bar {
    position: relative;
    height: 20px;
    width: 160px;
    border-radius: 8px;
    background: linear-gradient(to right, #e3e7e9, #f5f8f9, #e3e7e9, #f5f8f9);
    background-size: 300%;
    animation-name: slideBackground;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-iteration-count: infinite;
}

    .loading-bar.--long {
        width: 100%;
    }

    .loading-bar:not(:first-child) {
        margin-top: 8px;
    }

.location-listing-search-loader {
    display: none;
}

@keyframes slideBackground {
    0% {
        background-position-x: 100%;
    }

    100% {
        background-position-x: 0%;
    }
}

.magnum-cares .banner {
    background-color: #ffc000;
}

.magnum-cares .banner__background.--desktop {
    min-width: 0;
    object-fit: contain;
    object-position: bottom;
}

.magnum-cares__approach-wrapper,
.magnum-cares__project-wrapper,
.magnum-cares__report-wrapper,
.magnum-cares__contact-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.magnum-cares__sustainability-wrapper,
.magnum-cares__community-wrapper,
.magnum-cares__gallery-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}

.magnum-cares__approach-text,
.magnum-cares__sustainability-text,
.magnum-cares__community-text,
.magnum-cares__project-text,
.magnum-cares__gallery-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 960px;
}

.magnum-cares__report-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 604px;
    margin-block: 7px;
}

.magnum-cares__report-container {
    height: 400px;
}

.magnum-cares__report-wrapper {
    height: 100%;
    justify-content: flex-start;
}

    .magnum-cares__report-wrapper img {
        align-self: flex-end;
    }

.magnum-cares__approach-title,
.magnum-cares__sustainability-title,
.magnum-cares__community-title,
.magnum-cares__project-title,
.magnum-cares__gallery-title,
.magnum-cares__report-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.magnum-cares__approach-subtitle,
.magnum-cares__sustainability-subtitle,
.magnum-cares__community-subtitle,
.magnum-cares__project-subtitle,
.magnum-cares__gallery-subtitle,
.magnum-cares__report-subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #454545;
}

.magnum-cares__approach-desc,
.magnum-cares__sustainability-desc,
.magnum-cares__community-desc,
.magnum-cares__project-desc,
.magnum-cares__gallery-desc,
.magnum-cares__report-desc {
    font-weight: 400;
    color: #454545;
}

.magnum-cares__approach-desc,
.magnum-cares__community-desc,
.magnum-cares__gallery-desc {
    font-size: 20px;
    line-height: 28px;
}

.magnum-cares__sustainability-desc,
.magnum-cares__project-desc,
.magnum-cares__report-desc,
.magnum-cares__contact-desc {
    font-size: 18px;
    line-height: 26px;
}

.magnum-cares__approach-container,
.magnum-cares__community-container,
.magnum-cares__gallery-container,
.magnum-cares__contact-container {
    padding: 96px 0px;
    background: #fff;
}

.magnum-cares__sustainability-container,
.magnum-cares__project-container {
    padding: 96px 0px;
    background: #f6f6f6;
}

.magnum-cares__sustainability-grid,
.magnum-cares__community-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.magnum-cares__sustainability-grid-item,
.magnum-cares__community-grid-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 604px;
    min-width: 327px;
}

.magnum-cares__sustainability-grid-text,
.magnum-cares__community-grid-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.magnum-cares__sustainability-grid-title,
.magnum-cares__community-grid-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
}

.magnum-cares__sustainability-grid-desc,
.magnum-cares__community-grid-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
}

.magnum-cares__project-button,
.magnum-cares__report-button {
    align-self: flex-start;
    padding: 14px 20px;
    margin-top: 16px;
}

.magnum-cares__report-wrapper {
    gap: 129px;
}

.magnum-cares__contact-card {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.magnum-cares__contact-card-image {
    background-size: cover;
}

.magnum-cares__contact-text {
    width: 604px;
    background: #ffc000;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 960px;
    justify-content: center;
    padding-inline: 40px;
}

.magnum-cares__contact-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.magnum-cares__contact-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #040707;
}

.magnum-cares__contact-button {
    padding: 14px 20px;
    align-self: flex-start;
    margin-top: 16px;
}

.magnum-cares__gallery-carousel {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .magnum-cares__gallery-carousel #play-icon {
        display: none;
    }

.magnum-cares__gallery-carousel-text {
    font-size: 16px;
    font-weight: 500;
    color: #040707;
    text-decoration: underline;
}

.magnum-cares__gallery-swiper {
    width: 100% !important;
    height: 100% !important;
}

.magnum-cares__gallery-swiper-wrapper {
    transition-timing-function: linear !important;
}

.magnum-cares__gallery-swiper-slide {
    max-width: 800px !important;
    height: 450px !important;
}

    .magnum-cares__gallery-swiper-slide img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 20px;
        margin-left: 40px;
    }

.magnum-cares__gallery-controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.magnum-cares__gallery-pause-container {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.magnum-cares__gallery-buttons-container {
    display: flex;
    gap: 48px;
    align-items: center;
}

    .magnum-cares__gallery-buttons-container .swiper-button-prev,
    .magnum-cares__gallery-buttons-container .swiper-button-next {
        position: relative;
        border: 1.5px solid #040707;
        border-radius: 100%;
        width: 48px;
        height: 48px;
        margin-top: 0;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .magnum-cares__gallery-buttons-container .swiper-button-prev::after {
            content: "";
            background: url("../../assets/images/magnum-cares/gallery-carousel-prev.svg") no-repeat center center;
            width: 24px;
            height: 24px;
            background-size: contain;
        }

        .magnum-cares__gallery-buttons-container .swiper-button-next::after {
            content: "";
            background: url("../../assets/images/magnum-cares/gallery-carousel-prev.svg") no-repeat center center;
            width: 24px;
            height: 24px;
            background-size: contain;
            transform: rotate(180deg);
        }

@media (max-width: 1024px) {
    .magnum-cares__approach-wrapper,
    .magnum-cares__sustainability-wrapper,
    .magnum-cares__community-wrapper,
    .magnum-cares__project-wrapper,
    .magnum-cares__gallery-wrapper,
    .magnum-cares__report-wrapper {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .magnum-cares__approach-container,
    .magnum-cares__sustainability-container,
    .magnum-cares__community-container,
    .magnum-cares__project-container,
    .magnum-cares__gallery-container,
    .magnum-cares__contact-container {
        padding: 56px 0px;
    }

    .magnum-cares__sustainability-text,
    .magnum-cares__community-text,
    .magnum-cares__project-text,
    .magnum-cares__gallery-text,
    .magnum-cares__report-text {
        gap: 8px;
    }

    .magnum-cares__approach-image,
    .magnum-cares__approach-video,
    .magnum-cares__project-image,
    .magnum-cares__project-video {
        order: 0;
    }

    .magnum-cares__approach-text,
    .magnum-cares__project-text {
        order: 1;
    }

    .magnum-cares__project-button,
    .magnum-cares__report-button,
    .magnum-cares__contact-button {
        padding: 12px 16px;
    }

    .magnum-cares__gallery-carousel {
        margin-top: 32px;
        gap: 24px;
    }

    .magnum-cares__gallery-swiper-slide {
        max-width: 327px !important;
        height: 184px !important;
    }

        .magnum-cares__gallery-swiper-slide img {
            margin-left: 20px;
        }

    .magnum-cares__gallery-buttons-container {
        gap: 32px;
    }

        .magnum-cares__gallery-buttons-container .swiper-button-prev,
        .magnum-cares__gallery-buttons-container .swiper-button-next {
            width: 32px;
            height: 32px;
            padding: 8px;
        }

    .magnum-cares__report-wrapper {
        gap: 24px;
    }

    .magnum-cares__report-container {
        padding-top: 48px;
    }

    .magnum-cares__sustainability-grid,
    .magnum-cares__community-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(327px, 604px));
        gap: 32px;
    }

    .magnum-cares__sustainability-grid-item,
    .magnum-cares__community-grid-item {
        gap: 16px;
    }

    .magnum-cares__sustainability-grid-title,
    .magnum-cares__community-grid-title {
        font-size: 20px;
        line-height: 28px;
    }

    .magnum-cares__sustainability-grid-desc,
    .magnum-cares__community-grid-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .magnum-cares__approach-title,
    .magnum-cares__sustainability-title,
    .magnum-cares__community-title,
    .magnum-cares__project-title,
    .magnum-cares__gallery-title,
    .magnum-cares__report-title {
        font-size: 24px;
        line-height: 32px;
    }

    .magnum-cares__approach-subtitle,
    .magnum-cares__sustainability-subtitle,
    .magnum-cares__community-subtitle,
    .magnum-cares__project-subtitle,
    .magnum-cares__gallery-subtitle,
    .magnum-cares__report-subtitle {
        font-size: 18px;
        line-height: 26px;
    }

    .magnum-cares__approach-desc,
    .magnum-cares__sustainability-desc,
    .magnum-cares__community-desc,
    .magnum-cares__project-desc,
    .magnum-cares__gallery-desc,
    .magnum-cares__report-desc {
        font-size: 18px;
        line-height: 26px;
    }

    .magnum-cares__contact-card {
        flex-direction: column;
        height: fit-content;
    }

    .magnum-cares__contact-text {
        width: 100%;
        padding: 40px 24px;
        gap: 8px;
    }

    .magnum-cares__contact-title {
        font-size: 24px;
        line-height: 32px;
    }

    .magnum-cares__contact-desc {
        font-size: 18px;
        line-height: 26px;
    }

    .magnum-cares__report-container {
        height: 500px;
    }

    .magnum-cares__report-wrapper {
        height: 100%;
        justify-content: flex-start;
        gap: 24px;
    }

        .magnum-cares__report-wrapper img {
            align-self: center;
            max-height: 220px;
        }

    .magnum-cares__report-text {
        margin: 0;
    }
}

.snackbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.snackbar-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.snackbar-message {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    font-family: "Rubik" !important;
}

.snackbar-close {
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us__office-wrapper,
.contact-us__operating-wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.contact-us__banner-container {
    display: flex;
    min-height: 812px;
    background: url("../../assets/images/contact-us/banner-bg.png");
    background-color: #ffc000;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.contact-us__banner-wrapper {
    display: flex;
    align-items: center;
    gap: 48px;
}

.contact-us__banner-textbox {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 562px;
    width: 100%;
}

.contact-us__banner-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-us__banner-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 64px;
    color: #040707;
}

.contact-us__banner-subtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
}

.contact-us__banner-customer-service-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-us__banner-customer-service-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #040707;
}

.contact-us__banner-customer-service-contacts {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #040707;
}

.contact-us__banner-customer-service-contacts-item {
    display: flex;
    align-items: center;
}

.contact-us__banner-customer-service-contacts-number {
    font-weight: 500;
    margin-left: 4px;
    text-decoration: underline;
}

.contact-us__banner-customer-service-contacts-time {
    margin-left: 4px;
}

.contact-us__banner-form {
    min-width: 624px;
    height: max-content;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 32px 0px rgba(3, 0, 39, 0.1), 0 4px 24px 0 rgba(3, 0, 39, 0.04);
    padding: 40px;
}

.contact-us__banner-form-row {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.contact-us__banner-form-group {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-us__banner-form-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

    .contact-us__banner-form-item .category-input-wrapper.--desktop,
    .contact-us__banner-form-item .state-input-wrapper.--desktop {
        display: flex;
    }

    .contact-us__banner-form-item .category-input-wrapper.--mobile,
    .contact-us__banner-form-item .state-input-wrapper.--mobile {
        display: none;
    }

    .contact-us__banner-form-item .input-label {
        font-size: 14px;
        line-height: 22px;
    }

    .contact-us__banner-form-item input,
    .contact-us__banner-form-item textarea,
    .contact-us__banner-form-item select {
        border-radius: 16px;
        border: 1px solid #cdcdcd;
        padding: 15px 16px;
        max-width: 100%;
        min-width: 100%;
        min-height: 56px;
        flex-direction: row;
        font-size: 16px;
    }

        .contact-us__banner-form-item input:focus,
        .contact-us__banner-form-item textarea:focus,
        .contact-us__banner-form-item select:focus {
            outline: none;
        }

        .contact-us__banner-form-item input.just-validate-error-field,
        .contact-us__banner-form-item textarea.just-validate-error-field,
        .contact-us__banner-form-item select.just-validate-error-field {
            border-color: #ed2939 !important;
        }

    .contact-us__banner-form-item textarea {
        min-height: 100px;
        resize: vertical;
    }

.contact-us__banner-form-button {
    align-self: flex-start;
    padding: 14px 20px;
    margin-top: 16px;
}

    .contact-us__banner-form-button:disabled {
        background-color: #e6e6e6;
        color: #9b9c9c;
    }

.contact-us__office-container {
    padding: 96px 0;
    background: #fff;
}

.contact-us__office-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-us__office-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.contact-us__office-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #454545;
}

.contact-us__office-head {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-us__office-head-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.contact-us__office-head-card {
    display: flex;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f8f9;
}

.contact-us__office-head-details {
    padding: 32px;
    display: flex;
    flex-direction: column;
}

.contact-us__office-head-details-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
}

.contact-us__office-head-details-registration {
    margin-top: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.contact-us__office-head-details-address {
    margin-top: 16px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.contact-us__office-head-contacts {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .contact-us__office-head-contacts:first-of-type {
        margin-top: 32px;
        margin-bottom: 8px;
    }

    .contact-us__office-head-contacts:nth-of-type(2)
    .contact-us__office-head-contacts-number {
        color: #040707;
    }

    .contact-us__office-head-contacts img {
        width: 24px;
        height: 24px;
    }

    .contact-us__office-head-contacts p,
    .contact-us__office-head-contacts a {
        font-size: 18px;
        line-height: 26px;
    }

.contact-us__office-head-contacts-number {
    font-weight: 500;
    color: #f38a23;
}

.contact-us__office-regional {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact-us__office-regional-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.contact-us__office-regional-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(327px, 389px));
    justify-content: center;
    gap: 40px;
}

.contact-us__operating-dropdown {
    display: none;
}

.contact-us__operating-container {
    padding: 96px 0px;
    background: #f6f6f6;
}

.contact-us__operating-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.contact-us__operating-hours-filter {
    display: none;
}

.contact-us__operating-hours-mobile-toggle {
    display: none;
}

.contact-us__operating-hours-mobile-container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.contact-us__table-desktop {
    display: table;
    border-radius: 20px;
    overflow: hidden;
    border-collapse: collapse;
}

.contact-us__table-desktop-header {
    background-color: #e3e7e9;
}

    .contact-us__table-desktop-header th {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #454545;
        padding: 16px 24px;
        text-align: left;
    }

.contact-us__table-desktop-subheader {
    background-color: #f5f8f9;
}

    .contact-us__table-desktop-subheader th {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: #040707;
        padding: 16px 24px;
        border: 1px solid #e6e6e6;
        text-align: left;
    }

        .contact-us__table-desktop-subheader th .subheader__group {
            display: flex;
            gap: 24px;
        }

            .contact-us__table-desktop-subheader th .subheader__group span {
                flex: 1;
            }

.contact-us__table-desktop-body {
    background-color: #fff;
}

    .contact-us__table-desktop-body td {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: #040707;
        padding: 16px 24px;
        border: 1px solid #e6e6e6;
        text-align: left;
    }

        .contact-us__table-desktop-body td .day-type {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #454545;
            margin-top: 4px;
        }

        .contact-us__table-desktop-body td .subheader__group {
            display: flex;
            gap: 24px;
        }

            .contact-us__table-desktop-body td .subheader__group span {
                flex: 1;
            }

.contact-us__table-mobile {
    display: none;
}

@media (max-width: 1024px) {
    .contact-us__banner-container {
        padding: 48px 0;
    }

    .contact-us__banner-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .contact-us__banner-textbox {
        gap: 24px;
    }

    .contact-us__banner-header {
        gap: 8px;
    }

    .contact-us__banner-title {
        font-size: 28px;
        line-height: 36px;
    }

    .contact-us__banner-subtitle {
        font-size: 20px;
        line-height: 28px;
    }

    .contact-us__banner-customer-service-title {
        font-size: 18px;
        line-height: 26px;
    }

    .contact-us__banner-customer-service-contacts {
        align-items: flex-start;
    }

        .contact-us__banner-customer-service-contacts img {
            padding: 4px;
        }

    .contact-us__banner-customer-service-contacts-item {
        gap: 4px;
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-us__banner-form {
        width: 100%;
        min-width: 327px;
        max-width: 562px;
        padding: 24px;
    }

    .contact-us__banner-form-row {
        flex-direction: column;
    }

    .contact-us__banner-form-category-item,
    .contact-us__banner-form-state-option {
        background-color: #fff;
        padding: 15px 16px;
        border-radius: 8px;
    }

        .contact-us__banner-form-category-item.--selected,
        .contact-us__banner-form-state-option.--selected {
            background-color: #ffe699;
        }

    .contact-us__banner-form-item {
        gap: 6px;
    }

        .contact-us__banner-form-item .input-label {
            font-size: 12px;
            line-height: 18px;
        }

        .contact-us__banner-form-item .category-input-wrapper.--desktop,
        .contact-us__banner-form-item .state-input-wrapper.--desktop {
            display: none;
        }

        .contact-us__banner-form-item .category-input-wrapper.--mobile,
        .contact-us__banner-form-item .state-input-wrapper.--mobile {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 16px;
            border-radius: 16px;
            border: 1px solid #cdcdcd;
        }

        .contact-us__banner-form-item .category-input-wrapper-dropdown-text,
        .contact-us__banner-form-item .state-input-wrapper-dropdown-text {
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            color: #9b9c9c;
        }

            .contact-us__banner-form-item
            .category-input-wrapper-dropdown-text.--has-value,
            .contact-us__banner-form-item .state-input-wrapper-dropdown-text.--has-value {
                color: #040707;
            }

        .contact-us__banner-form-item input,
        .contact-us__banner-form-item textarea,
        .contact-us__banner-form-item select {
            border-radius: 16px;
            font-size: 14px;
            line-height: 22px;
            padding: 16px;
        }

    .contact-us__banner-form-button {
        margin-top: 8px;
    }

    .contact-us__office-container,
    .contact-us__operating-container {
        padding: 56px 0;
    }

    .contact-us__office-wrapper,
    .contact-us__operating-wrapper {
        gap: 32px;
    }

    .contact-us__office-header,
    .contact-us__operating-header {
        gap: 8px;
    }

    .contact-us__office-title,
    .contact-us__operating-title {
        font-size: 24px;
        line-height: 32px;
    }

    .contact-us__office-subtitle,
    .contact-us__operating-subtitle {
        font-size: 18px;
        line-height: 26px;
    }

    .contact-us__office-head {
        gap: 16px;
    }

    .contact-us__office-head-title {
        font-size: 22px;
        line-height: 30px;
    }

    .contact-us__office-head-card {
        flex-direction: column;
        align-items: flex-start;
    }

        .contact-us__office-head-card img {
            width: 100%;
        }

    .contact-us__office-head-details {
        padding: 24px;
    }

    .contact-us__office-head-details-name {
        font-size: 20px;
        line-height: 28px;
    }

    .contact-us__office-head-details-registration {
        font-size: 14px;
        line-height: 22px;
    }

    .contact-us__office-head-details-address {
        font-size: 16px;
        line-height: 24px;
    }

    .contact-us__office-head-contacts img {
        width: 20px;
        height: 20px;
    }

    .contact-us__office-head-contacts p {
        font-size: 16px;
        line-height: 24px;
    }

    .contact-us__office-head-contacts a {
        font-size: 16px;
        line-height: 24px;
    }

    .contact-us__office-regional {
        gap: 16px;
    }

    .contact-us__office-regional-title {
        font-size: 22px;
        line-height: 30px;
    }

    .contact-us__office-regional-grid {
        gap: 24px;
    }

    .contact-us__operating-dropdown {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        border: 1px solid #cdcdcd;
        padding: 15px 16px;
        border-radius: 16px;
        background-color: #fff;
    }

    .contact-us__operating-dropdown-item {
        padding: 15px 16px;
        border-radius: 8px;
        background-color: #fff;
    }

        .contact-us__operating-dropdown-item.--selected {
            background-color: #ffe699;
        }

    .contact-us__operating-dropdown-item-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #040707;
    }

    .contact-us__operating-hours-filter {
        display: block;
        z-index: 10;
    }

    .contact-us__operating-hours-mobile-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 16px;
        border-radius: 16px;
        border: 1px solid #cdcdcd;
        background-color: #fff;
    }

    .contact-us__operating-hours-mobile-toggle-label {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #040707;
    }

    .contact-us__operating-hours-mobile-drawer.--active
    .contact-us__operating-hours-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .contact-us__operating-hours-mobile-drawer.--active
    .contact-us__operating-hours-mobile-container {
        transform: translateY(0);
    }

    .contact-us__operating-hours-overlay {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.1s ease-in;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .contact-us__operating-hours-mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 19px 24px;
    }

    .contact-us__operating-hours-mobile-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: #040707;
    }

    .contact-us__operating-hours-mobile-closer {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e6e6e6;
        border-radius: 100%;
        padding: 6px;
    }

        .contact-us__operating-hours-mobile-closer img {
            width: 20px;
            height: 20px;
        }

    .contact-us__operating-hours-mobile-separator {
        border-bottom: 1px solid #cdcdcd;
    }

    .contact-us__operating-hours-mobile-body {
        padding: 16px 24px;
    }

    .contact-us__operating-hours-mobile-option {
        padding: 15px 16px;
        background-color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #040707;
        border-radius: 8px;
    }

        .contact-us__operating-hours-mobile-option.--active {
            background-color: #ffe699;
        }

    .contact-us__table-desktop {
        display: none;
    }

    .contact-us__table-mobile {
        border-radius: 20px;
        overflow: hidden;
        border-collapse: collapse;
    }

    .contact-us__table-mobile-subheader {
        background-color: #e3e7e9;
    }

        .contact-us__table-mobile-subheader th,
        .contact-us__table-mobile-subheader td,
        .contact-us__table-mobile-body th,
        .contact-us__table-mobile-body td {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            color: #040707;
            padding: 16px;
            text-align: left;
            vertical-align: middle;
        }

            .contact-us__table-mobile-subheader th .subheader__group,
            .contact-us__table-mobile-subheader td .subheader__group,
            .contact-us__table-mobile-body th .subheader__group,
            .contact-us__table-mobile-body td .subheader__group {
                display: flex;
                gap: 24px;
                align-items: center;
            }

                .contact-us__table-mobile-subheader th .subheader__group .day-type,
                .contact-us__table-mobile-subheader td .subheader__group .day-type,
                .contact-us__table-mobile-body th .subheader__group .day-type,
                .contact-us__table-mobile-body td .subheader__group .day-type {
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 22px;
                    color: #454545;
                    margin-top: 4px;
                }

                .contact-us__table-mobile-subheader th .subheader__group span,
                .contact-us__table-mobile-subheader td .subheader__group span,
                .contact-us__table-mobile-body th .subheader__group span,
                .contact-us__table-mobile-body td .subheader__group span {
                    flex: 1;
                }

    .contact-us__table-mobile-body {
        background-color: #fff;
    }

        .contact-us__table-mobile-body td {
            border-bottom: 1px solid #e6e6e6;
        }

        .contact-us__table-mobile-body tr:last-child td {
            border-bottom: none;
        }

    .contact-us__table-mobile[data-office="selangor"] {
        display: table;
    }

    .contact-us__table-mobile[data-office="negeri"] {
        display: none;
    }
}

.contact-us__category-mobile-drawer.--active
.contact-us__category-mobile-overlay,
.contact-us__category-mobile-drawer.--active .contact-us__state-mobile-overlay,
.contact-us__state-mobile-drawer.--active .contact-us__category-mobile-overlay,
.contact-us__state-mobile-drawer.--active .contact-us__state-mobile-overlay {
    opacity: 1;
    pointer-events: auto;
}

.contact-us__category-mobile-drawer.--active
.contact-us__category-mobile-container,
.contact-us__category-mobile-drawer.--active
.contact-us__state-mobile-container,
.contact-us__state-mobile-drawer.--active
.contact-us__category-mobile-container,
.contact-us__state-mobile-drawer.--active .contact-us__state-mobile-container {
    transform: translateY(0);
}

.contact-us__category-mobile-overlay,
.contact-us__state-mobile-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
}

.contact-us__category-mobile-header,
.contact-us__state-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 24px;
}

.contact-us__category-mobile-title,
.contact-us__state-mobile-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
}

.contact-us__category-mobile-closer,
.contact-us__state-mobile-closer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e6e6e6;
    border-radius: 100%;
    padding: 6px;
}

    .contact-us__category-mobile-closer img,
    .contact-us__state-mobile-closer img {
        width: 20px;
        height: 20px;
    }

.contact-us__category-mobile-container,
.contact-us__state-mobile-container {
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    left: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 15;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.contact-us__category-mobile-header,
.contact-us__state-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-us__category-mobile-separator,
.contact-us__state-mobile-separator {
    border-bottom: 1px solid #cdcdcd;
}

.contact-us__category-mobile-body,
.contact-us__state-mobile-body {
    padding: 16px 24px;
    overflow: scroll;
}

.contact-us__category-mobile-option,
.contact-us__state-mobile-option {
    padding: 15px 16px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
    border-radius: 8px;
}

    .contact-us__category-mobile-option.--active,
    .contact-us__state-mobile-option.--active {
        background-color: #ffe699;
    }

.happenings__swiper-container {
    padding-top: 152px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.happenings__swiper-body-wrapper {
    width: 100%;
    padding: 0 32px;
    position: relative;
}

.happenings__swiper-video {
    display: none;
}

.happenings__swiper-body {
    position: relative;
    display: flex;
    max-width: 1248px;
    height: 351px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 32px 0 rgba(3, 0, 39, 0.1), 0 4px 24px 0 rgba(3, 0, 39, 0.04);
}

.happenings__swiper-body-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 32px;
    width: 624px;
}

.happenings__swiper-body-text-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #454545;
}

.happenings__swiper-body-text-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.happenings__swiper-body-button {
    padding: 14px 20px;
    align-self: flex-start;
    margin-top: 16px;
}

.happenings__swiper-body-image {
    overflow: hidden;
}

    .happenings__swiper-body-image:hover img.happenings__swiper-banner-image {
        transform: scale(1.05);
    }

.happenings__swiper-body-tag {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 20px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    z-index: 10;
}

    .happenings__swiper-body-tag.--videos {
        background-color: #d50112;
    }

        .happenings__swiper-body-tag.--videos + .happenings__swiper-body-image {
            position: relative;
        }

            .happenings__swiper-body-tag.--videos + .happenings__swiper-body-image::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 80px;
                height: 80px;
                transform: translate(-50%, -50%);
                background-image: url("../../assets/images/play-button-overlay.svg");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                z-index: 2;
                cursor: pointer;
            }

    .happenings__swiper-body-tag.--campaigns {
        background-color: #4169e1;
    }

    .happenings__swiper-body-tag.--mpremium {
        background-color: #040707;
    }

.happenings__swiper-banner-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.2s ease-in-out;
}

.happenings__swiper-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    cursor: pointer;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffc000;
    border-radius: 100%;
}

    .happenings__swiper-nav.--prev {
        transform: rotate(180deg);
        left: 32px;
        box-shadow: 0 -8px 32px 0 rgba(3, 0, 39, 0.16), 0 -4px 24px 0 rgba(3, 0, 39, 0.08);
    }

    .happenings__swiper-nav.--next {
        right: 32px;
        box-shadow: 0 8px 32px 0 rgba(3, 0, 39, 0.16), 0 4px 24px 0 rgba(3, 0, 39, 0.08);
    }

    .happenings__swiper-nav.--hidden {
        opacity: 0;
        visibility: hidden;
    }

.happenings__swiper-pagination {
    text-align: center;
    margin-top: 24px;
}

    .happenings__swiper-pagination .swiper-pagination-bullets {
        width: 8px;
        height: 8px;
        background: #9b9c9c;
        opacity: 1;
        margin: 0 6px !important;
        border-radius: 50%;
    }

    .happenings__swiper-pagination .swiper-pagination-bullet-active {
        background: #f38a23;
    }

.happenings__listings-container {
    padding-bottom: 120px;
}

.happenings__listings-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.happenings__listings-utility-container.--mobile {
    display: none;
}

.happenings__listings-utility-container.--desktop {
    display: flex;
    justify-content: space-between;
}

.happenings__listings-utility-types-filter.--mobile {
    display: none;
}

.happenings__listings-utility-types-filter.--desktop {
    display: flex;
    gap: 12px;
    align-items: center;
}

.happenings__listings-utility-types-button {
    padding: 11px 20px;
    background-color: #e3e7e9;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #454545;
    cursor: pointer;
}

    .happenings__listings-utility-types-button.--all.--selected,
    .happenings__listings-utility-types-button.--all:hover,
    .happenings__listings-utility-types-button.--campaigns.--selected,
    .happenings__listings-utility-types-button.--campaigns:hover,
    .happenings__listings-utility-types-button.--videos.--selected,
    .happenings__listings-utility-types-button.--videos:hover,
    .happenings__listings-utility-types-button.--mpremium.--selected,
    .happenings__listings-utility-types-button.--mpremium:hover,
    .happenings__listings-utility-types-button.--magnumcares.--selected,
    .happenings__listings-utility-types-button.--magnumcares:hover {
        color: #fff;
    }

    .happenings__listings-utility-types-button.--all.--selected,
    .happenings__listings-utility-types-button.--all:hover {
        background-color: #f38a23;
    }

    .happenings__listings-utility-types-button.--campaigns.--selected,
    .happenings__listings-utility-types-button.--campaigns:hover {
        background-color: #4169e1;
    }

    .happenings__listings-utility-types-button.--videos.--selected,
    .happenings__listings-utility-types-button.--videos:hover {
        background-color: #d50112;
    }

    .happenings__listings-utility-types-button.--mpremium.--selected,
    .happenings__listings-utility-types-button.--mpremium:hover {
        background-color: #040707;
    }

    .happenings__listings-utility-types-button.--magnumcares.--selected,
    .happenings__listings-utility-types-button.--magnumcares:hover {
        background-color: #db9c26;
    }

.happenings__listings-utility-date-filter {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 319px;
}

.happenings__listings-utility-date-filter-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
    white-space: nowrap;
}

.happenings__listings-content-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.happenings__listings-content-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.happenings__listings-paginator {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: flex-end;
}

.happenings__listings-paginator-left,
.happenings__listings-paginator-right {
    width: 32px;
    height: 32px;
    background-color: #ffc000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

    .happenings__listings-paginator-left img,
    .happenings__listings-paginator-right img {
        width: 16px;
        height: 16px;
    }

    .happenings__listings-paginator-left.--disabled,
    .happenings__listings-paginator-right.--disabled {
        background-color: #e6e6e6;
        cursor: default;
    }

        .happenings__listings-paginator-left.--disabled img,
        .happenings__listings-paginator-right.--disabled img {
            filter: opacity(0.3);
        }

.happenings__listings-paginator-left {
    transform: rotate(180deg);
}

    .happenings__listings-paginator-left img {
        margin-right: 1px;
    }

.happenings__listings-paginator-right img {
    margin-left: 1px;
}

.happenings__listings-paginator-main {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.happenings__listings-paginator-main-input {
    width: 64px;
    border: 1.5px solid #cdcdcd;
    border-radius: 10px;
    background-color: #fff;
}

.happenings__listings-paginator-main-input-wrapper {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 11px 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .happenings__swiper-container {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .happenings__swiper-body-wrapper {
        padding: 0 24px;
        height: auto !important;
    }

    .happenings__swiper-body {
        flex-direction: column;
        height: 416px;
    }

    .happenings__swiper-body-image::after {
        width: 56px !important;
        height: 56px !important;
    }

    .happenings__swiper-body-text {
        justify-content: initial;
        width: 100%;
        padding: 24px;
        height: 100%;
    }

    .happenings__swiper-body-text-date {
        font-size: 14px;
        line-height: 22px;
    }

    .happenings__swiper-body-text-title {
        font-size: 22px;
        line-height: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .happenings__swiper-body-button {
        padding: 12px 16px;
        margin-top: auto;
    }

    .happenings__swiper-body-image {
        height: 100%;
        max-height: 176px;
        overflow: hidden;
    }

    .happenings__swiper-nav {
        display: none;
    }

    .happenings__listings-wrapper {
        gap: 40px;
    }

    .happenings__listings-container {
        padding-bottom: 39px;
    }

    .happenings__listings-utility-container.--desktop {
        display: none;
    }

    .happenings__listings-utility-container.--mobile {
        display: flex;
        width: 100%;
    }

    .happenings__listings-utility-types-filter.--desktop {
        display: none;
    }

    .happenings__listings-utility-types-filter.--mobile {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    .happenings__listings-utility-types-dropdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 16px;
        border-radius: 16px;
        border: 1px solid #cdcdcd;
        width: 100%;
        cursor: pointer;
        background-color: #fff;
    }

    .happenings__listings-utility-types-dropdown-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #040707;
    }

    .happenings__listings-utility-types-categories {
        padding: 15px 16px;
        border-radius: 8px;
    }

        .happenings__listings-utility-types-categories.--selected {
            background-color: #ffe699;
        }

    .happenings__listings-content-grid {
        gap: 32px;
    }

    .happenings__listings-paginator {
        display: none;
    }

    .happenings__category-mobile-drawer.--active .happenings__date-mobile-overlay,
    .happenings__category-mobile-drawer.--active
    .happenings__category-mobile-overlay,
    .happenings__date-mobile-drawer.--active .happenings__date-mobile-overlay,
    .happenings__date-mobile-drawer.--active
    .happenings__category-mobile-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .happenings__category-mobile-drawer.--active
    .happenings__date-mobile-container,
    .happenings__category-mobile-drawer.--active
    .happenings__category-mobile-container,
    .happenings__date-mobile-drawer.--active .happenings__date-mobile-container,
    .happenings__date-mobile-drawer.--active
    .happenings__category-mobile-container {
        transform: translateY(0);
    }

    .happenings__category-mobile-container,
    .happenings__date-mobile-container {
        position: fixed;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        transform: translateY(100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 15;
        max-height: 80vh;
        display: flex;
        flex-direction: column;
    }

    .happenings__category-mobile-overlay,
    .happenings__date-mobile-overlay {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.1s ease-in;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 10;
    }

    .happenings__category-mobile-header,
    .happenings__date-mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 19px 24px;
    }

    .happenings__category-mobile-title,
    .happenings__date-mobile-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: #040707;
    }

    .happenings__category-mobile-closer,
    .happenings__date-mobile-closer {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e6e6e6;
        border-radius: 100%;
        padding: 6px;
    }

        .happenings__category-mobile-closer img,
        .happenings__date-mobile-closer img {
            width: 20px;
            height: 20px;
        }

    .happenings__category-mobile-separator,
    .happenings__date-mobile-separator {
        border-bottom: 1px solid #cdcdcd;
    }

    .happenings__category-mobile-body,
    .happenings__date-mobile-body {
        padding: 16px 24px;
    }

    .happenings__category-mobile-option,
    .happenings__date-mobile-option {
        padding: 15px 16px;
        background-color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #040707;
        border-radius: 8px;
    }

        .happenings__category-mobile-option.--active,
        .happenings__date-mobile-option.--active {
            background-color: #ffe699;
        }
}

@media (max-width: 800px) {
    .happenings .news-card__top {
        height: 176px !important;
    }
}

.statistic-details__paginator-container {
    margin-top: 48px;
}

.banner.--search-mode {
    height: fit-content;
}

.banner__background.--search-mode {
    display: none;
}

.faq .banner__background.--desktop {
    min-width: 0;
    object-fit: contain;
    object-position: bottom;
}

.faq__banner-container {
    padding-block: 148px 64px;
    background-color: #ffc000;
}

.faq__banner-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.faq__banner-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 64px;
    color: #040707;
}

.faq__banner-search-container {
    width: 617px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq__banner-search-back {
    display: flex;
    align-items: center;
    gap: 2px;
    cursor: pointer;
}

    .faq__banner-search-back.--hidden {
        display: none;
    }

.faq__banner-search-back-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
}

.faq__banner-search-input-wrapper {
    width: 600px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 62px 16px 24px;
    background-color: #fff;
    gap: 16px;
    border-radius: 100px;
    border: 1px solid #cdcdcd;
}

.faq__banner-search-input {
    width: 100%;
    border: none;
    font-family: "Rubik";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

    .faq__banner-search-input:focus {
        outline: none;
    }

    .faq__banner-search-input::placeholder {
        color: #9b9c9c;
    }

.faq__banner-search-input-clear {
    display: none;
}

    .faq__banner-search-input-clear.--show {
        display: inline;
        position: absolute;
        right: 24px;
    }

.faq__banner-search-chips-container-desktop {
    display: flex;
    width: 100%;
    max-height: 40px;
    overflow: hidden;
    flex-wrap: wrap;
    gap: 12px;
}

    .faq__banner-search-chips-container-desktop.--expanded {
        max-height: fit-content;
    }

    .faq__banner-search-chips-container-desktop.--search-mode {
        display: none;
    }

.faq__banner-search-chips-container-mobile {
    display: none;
}

.faq__banner-search-chips-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

.faq__categories-container {
    padding: 96px 0;
    background-color: #fff;
}

.faq__categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(327px, 389px));
    justify-content: center;
    gap: 40px;
}

.faq__categories-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    gap: 16px;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.1), 0px 4px 24px 0px rgba(3, 0, 39, 0.04);
    border-radius: 20px;
    padding: 32px;
    cursor: pointer;
}

.faq__categories-grid-item-image {
    width: 80px;
    height: 80px;
}

.faq__categories-grid-item-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #040707;
}

.faq__contact-us-container {
    padding: 96px 0px;
    background-color: #f6f6f6;
}

@media (max-width: 1024px) {
    .faq__banner-container {
        padding-block: 40px;
        overflow: hidden;
    }

    .faq__banner-image.--desktop {
        display: none;
    }

    .faq__banner-image.--mobile {
        display: block;
        width: 280px;
        bottom: 0;
        right: 5px;
    }

    .faq__banner-content {
        gap: 24px;
    }

    .faq__banner-textbox {
        gap: 24px;
    }

    .faq__banner-title {
        font-size: 28px;
        line-height: 36px;
    }

    .faq__banner-search-container {
        width: 100%;
    }

    .faq__banner-search-input-wrapper {
        width: 100%;
        padding: 14px 16px;
        gap: 10px;
    }

    .faq__banner-search-chips-container-desktop {
        display: none;
    }

    .faq__banner-search-chips-container-mobile {
        display: flex;
        padding-bottom: 190px;
    }

        .faq__banner-search-chips-container-mobile.--search-mode {
            display: none;
        }

    .faq__banner-search-chips-swiper-slide {
        width: auto !important;
    }

    .faq__banner-search-chips-text {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
    }

    .faq__categories-container {
        padding: 56px 0px;
    }

    .faq__categories-grid {
        gap: 24px;
    }

    .faq__categories-grid-item {
        padding: 24px;
    }

    .faq__categories-grid-item-image {
        width: 48px;
        height: 48px;
    }

    .faq__categories-grid-item-text {
        font-size: 18px;
        line-height: 26px;
    }

    .faq__contact-us-container {
        padding: 56px 0px;
    }
}

.statistic__content {
    padding-top: 80px;
    padding-bottom: 120px;
}

.statistic__content-header {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.statistic__content-dropdown-container {
    display: none;
}

.statistic__content-tab-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 64px;
}

.statistic__content-tab {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 20px;
    background-color: #e3e7e9;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
    cursor: pointer;
}

    .statistic__content-tab.--4d-classic {
        background-color: #ffb800;
    }

    .statistic__content-tab.--4d-jackpot {
        background-color: #00a3e3;
        color: #fff;
    }

    .statistic__content-tab.--mgold,
    .statistic__content-tab.--4d-jackpot-gold {
        background-color: #f58921;
        color: #fff;
    }

    .statistic__content-tab.--magnum-life {
        background-color: #eb2020;
        color: #fff;
    }

    .statistic__content-tab.--inactive {
        background-color: #e3e7e9;
        color: #040707;
    }

    .statistic__content-tab img {
        width: 48px;
        height: 48px;
    }

.statistic__content-tab-body {
    margin-top: 32px;
    padding: 40px;
    background-color: #fff;
    border-radius: 20px;
}

.statistic__content-form-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #454545;
}

.statistic__content-form {
    display: none;
}

    .statistic__content-form.--active {
        display: block;
    }

.statistic__content-form-row {
    display: flex;
    align-items: center;
    gap: 32px;
}

    .statistic__content-form-row.--small-gap {
        gap: 16px;
    }

    .statistic__content-form-row .divider {
        display: flex;
        align-items: center;
        height: 53px;
        margin-top: auto;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #040707;
    }

.statistic__content-form-input {
    margin-top: 6px;
    padding: 16px;
    width: 270px;
    border-radius: 16px;
    border: solid 1px #cdcdcd;
    outline: none;
}

    .statistic__content-form-input.--small-input {
        width: 160px;
    }

.statistic__content-form-checkbox {
    display: flex;
    gap: 10px;
    cursor: pointer;
}

    .statistic__content-form-checkbox input {
        display: none;
    }

        .statistic__content-form-checkbox
        input:checked ~ .statistic__content-form-checkbox-checkbox {
            background-color: #f38a23;
            border-color: #f38a23;
        }

            .statistic__content-form-checkbox
            input:checked ~ .statistic__content-form-checkbox-checkbox
            img {
                opacity: 1;
            }

.statistic__content-form-checkbox-label {
    font-size: 16px;
    line-height: 24px;
    color: #040707;
}

.statistic__content-form-checkbox-checkbox {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: solid 1px #cdcdcd;
    border-radius: 8px;
}

    .statistic__content-form-checkbox-checkbox img {
        display: block;
        width: 20px;
        height: 20px;
        opacity: 0;
    }

.statistic__content-form-cta {
    margin-top: 40px;
}

.statistic__result {
    display: none;
    margin-top: 64px;
}

.statistic__result-header {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.statistic__result-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
}

    .statistic__result-empty img {
        width: 320px;
        height: 320px;
    }

    .statistic__result-empty.--hidden {
        display: none;
    }

.statistic__result-empty-title {
    margin-top: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.statistic__result-empty-desc {
    margin-top: 8px;
    font-size: 20px;
    line-height: 30px;
    color: #454545;
    text-align: center;
}

.statistic__result-mobile-listing {
    display: none;
}

.statistic__result-cta {
    margin-top: 40px;
}

.statistic__result-tab {
    margin-top: 40px;
}

    .statistic__result-tab .tab-container {
        padding: 0;
    }

.statistic #statistic-table,
.statistic #statistic-tabs {
    display: none;
}

.statistic #statistic-table {
    margin-top: 40px;
}

.statistic__result-grid {
    display: none;
}

.statistic__result-tab-content,
.statistic__result-grid {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    flex-direction: column;
}

.statistic__result-tab-content-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.statistic__result-tab-content-title h1 {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

.statistic__result-tab-content-title p {
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.statistic__result-tab-content-filter {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 319px;
    width: 100%;
}

    .statistic__result-tab-content-filter .dropdown-label {
        font-weight: 500;
    }

    .statistic__result-tab-content-filter p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #040707;
        white-space: nowrap;
    }

.statistic__result-tab-content-body {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 135px);
    justify-content: center;
    gap: 56px 12px;
}

.statistic .number-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 135px;
}

.statistic .number-entry__count {
    margin-top: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.statistic .number-entry__date-label {
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #686a6a;
}

.statistic .number-entry__date {
    font-size: 16px;
    line-height: 24px;
    color: #686a6a;
}

.statistic__listing {
    display: none;
    width: 100%;
    margin-top: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.statistic #drawn-number .statistic__listing {
    margin-top: 0;
}

.statistic__listing-header-container {
    display: flex;
    padding: 24px;
    background-color: #e3e7e9;
}

.statistic__listing-header {
    width: 25%;
    color: #454545;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.statistic__listing-body-row {
    display: flex;
    background-color: #fff;
    padding: 24px;
}

    .statistic__listing-body-row:not(:last-child) {
        border-bottom: solid 1px #e6e6e6;
    }

.statistic__listing-body-row-data {
    width: 25%;
}

    .statistic__listing-body-row-data .mobile-label {
        display: none;
    }

    .statistic__listing-body-row-data .value {
        display: flex;
        gap: 4px;
        font-size: 18px;
        line-height: 26px;
        color: #040707;
    }

        .statistic__listing-body-row-data .value .--orange-text {
            font-weight: 500;
            color: #f38a23;
            cursor: pointer;
        }

        .statistic__listing-body-row-data .value .--spaced-number {
            letter-spacing: 4px;
        }

        .statistic__listing-body-row-data .value .--red-text {
            color: #ed2939;
        }

        .statistic__listing-body-row-data .value .--plus {
            font-weight: 400;
        }

@media (max-width: 1024px) {
    .statistic__content {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .statistic__content-header {
        font-size: 24px;
        line-height: 32px;
    }

    .statistic__content-form-row {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 16px;
    }

        .statistic__content-form-row.--small-gap {
            gap: 8px;
        }

        .statistic__content-form-row.--mobile-single-row {
            flex-direction: row;
            align-items: center;
        }

    .statistic__content-form-input {
        width: 100%;
    }

        .statistic__content-form-input.--small-input {
            width: 100%;
        }

    .statistic__content-tab-body {
        margin-top: 24px;
        padding: 24px;
    }

    .statistic__content-tab-container {
        display: none;
    }

    .statistic__content-dropdown-container {
        display: block;
        margin-top: 24px;
        background-color: #fff;
        border-radius: 16px;
    }

    .statistic__result-mobile-listing {
        display: block;
        background-color: #fff;
        border-radius: 20px;
    }

    .statistic__result-empty {
        margin-top: 21px;
    }

        .statistic__result-empty img {
            width: 125px;
            height: 125px;
        }

    .statistic__result-empty-title {
        margin-top: 32x;
        font-size: 22px;
        line-height: 30px;
    }

    .statistic__result-empty-desc {
        font-size: 18px;
        line-height: 26px;
    }

    .statistic__listing {
        margin-top: 32px;
    }

    .statistic__listing-header-container {
        display: none;
    }

    .statistic__listing-body-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 24px 16px;
    }

    .statistic__listing-body-row-data {
        width: unset;
    }

        .statistic__listing-body-row-data .mobile-label {
            display: block;
            margin-bottom: 4px;
            font-size: 14px;
            line-height: 22px;
            color: #454545;
        }

        .statistic__listing-body-row-data .value {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }

    .statistic__result {
        margin-top: 56px;
    }

    .statistic__result-header {
        font-size: 22px;
        line-height: 30px;
    }

    .statistic__result-cta {
        margin-top: 32px;
    }

    .statistic__result-tab-content,
    .statistic__result-grid {
        padding: 32px 24px;
    }

    .statistic__result-tab-content-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .statistic__result-tab-content-title h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .statistic__result-tab-content-filter .dropdown-label {
        display: none;
    }

    .statistic__result-tab-content-body {
        margin-top: 32px;
        grid-template-columns: repeat(auto-fill, 88px);
        gap: 32px 7px;
    }

    .statistic .number-entry {
        width: 88px;
    }

    .statistic .number-entry__count {
        margin-top: 8px;
        font-size: 16px;
        line-height: 24px;
    }

    .statistic .number-entry__date-label {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .statistic .number-entry__date {
        font-size: 14px;
        line-height: 20px;
    }
}

.statistic-details {
    padding-top: 136px;
}

.statistic-details__body {
    padding-bottom: 120px;
}

.statistic-details__back {
    margin-bottom: 48px;
    display: inline-flex;
    column-gap: 2px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
}

.statistic-details__header {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.statistic-details__listing {
    width: 100%;
    margin-top: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.statistic-details__listing-header-container {
    display: flex;
    padding: 24px;
    background-color: #e3e7e9;
}

.statistic-details__listing-header {
    width: 25%;
    color: #454545;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.statistic-details__listing-body-row {
    display: flex;
    background-color: #fff;
    padding: 24px;
}

    .statistic-details__listing-body-row:not(:last-child) {
        border-bottom: solid 1px #e6e6e6;
    }

.statistic-details__listing-body-row-data {
    width: 25%;
}

    .statistic-details__listing-body-row-data .mobile-label {
        display: none;
    }

    .statistic-details__listing-body-row-data .value {
        display: flex;
        gap: 4px;
        font-size: 18px;
        line-height: 26px;
        color: #040707;
    }

        .statistic-details__listing-body-row-data .value .--orange-text {
            font-weight: 500;
            color: #f38a23;
            cursor: pointer;
        }

        .statistic-details__listing-body-row-data .value .--spaced-number {
            letter-spacing: 4px;
        }

        .statistic-details__listing-body-row-data .value .--red-text {
            color: #ed2939;
        }

        .statistic-details__listing-body-row-data .value .--plus {
            font-weight: 400;
        }

.statistic-details__paginator-container {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.statistic-details__paginator-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

.statistic-details__paginator-dropdown-wrapper {
    min-width: 92px;
    border-radius: 16px;
    background-color: #fff;
}

.statistic-details__paginator-dropdown-label {
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.statistic-details__paginator {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: flex-end;
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.statistic-details__paginator-left,
.statistic-details__paginator-right {
    width: 32px;
    height: 32px;
    background-color: #ffc000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

    .statistic-details__paginator-left img,
    .statistic-details__paginator-right img {
        width: 16px;
        height: 16px;
    }

    .statistic-details__paginator-left.--disabled,
    .statistic-details__paginator-right.--disabled {
        background-color: #e6e6e6;
        cursor: initial;
    }

        .statistic-details__paginator-left.--disabled img,
        .statistic-details__paginator-right.--disabled img {
            filter: opacity(0.3);
        }

.statistic-details__paginator-left {
    transform: rotate(180deg);
}

.statistic-details__paginator-main {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.statistic-details__paginator-main-input {
    width: 64px;
    border: 1.5px solid #cdcdcd;
    border-radius: 10px;
    background-color: #fff;
}

.statistic-details__paginator-main-input-wrapper {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 11px 16px;
    text-align: center;
}

.statistic-details__tab {
    margin-top: 40px;
}

.statistic-details__tab-content {
    flex-direction: column;
}

.statistic-details #listing-body,
.statistic-details #tab-body {
    display: block;
}

    .statistic-details #listing-body.--hidden,
    .statistic-details #tab-body.--hidden {
        display: none;
    }

.statistic-details #tab-listing-body {
    margin-top: 0px;
}

.statistic-details__result-tab-content {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    flex-direction: column;
}

.statistic-details__result-tab-content-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.statistic-details__result-tab-content-title h1 {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

.statistic-details__result-tab-content-title p {
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.statistic-details__result-tab-content-filter {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 319px;
    width: 100%;
}

    .statistic-details__result-tab-content-filter p {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #040707;
        white-space: nowrap;
    }

.statistic-details__result-tab-content-body {
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    gap: 56px 12px;
}

.statistic-details .number-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 135px;
}

.statistic-details .number-entry__count {
    margin-top: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.statistic-details .number-entry__date-label {
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #686a6a;
}

.statistic-details .number-entry__date {
    font-size: 16px;
    line-height: 24px;
    color: #686a6a;
}

@media (max-width: 1024px) {
    .statistic-details {
        padding-top: 32px;
    }

    .statistic-details__back {
        margin-bottom: 32px;
        font-size: 14px;
        line-height: 22px;
    }

    .statistic-details__body {
        padding-bottom: 56px;
    }

    .statistic-details__listing {
        margin-top: 24px;
    }

    .statistic-details__listing-header-container {
        display: none;
    }

    .statistic-details__header {
        font-size: 22px;
        line-height: 30px;
    }

    .statistic-details__listing-body-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 24px 16px;
    }

    .statistic-details__listing-body-row-data {
        width: unset;
    }

        .statistic-details__listing-body-row-data .mobile-label {
            display: block;
            margin-bottom: 4px;
            font-size: 14px;
            line-height: 22px;
            color: #454545;
        }

        .statistic-details__listing-body-row-data .value {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }

    .statistic-details__paginator-container {
        margin-top: 32px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 32px;
    }

    .statistic-details__paginator {
        gap: 16px;
        align-self: flex-start;
        font-size: 16px;
        line-height: 24px;
    }

    .statistic-details__result-tab-content {
        padding: 32px 24px;
    }

    .statistic-details__result-tab-content-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .statistic-details__result-tab-content-title h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .statistic-details__result-tab-content-filter .dropdown-label {
        display: none;
    }

    .statistic-details__result-tab-content-body {
        margin-top: 32px;
        display: flex;
        flex-wrap: wrap;
        gap: 32px 7px;
    }

    .statistic-details .number-entry {
        width: 88px;
    }

    .statistic-details .number-entry__count {
        margin-top: 8px;
        font-size: 16px;
        line-height: 24px;
    }

    .statistic-details .number-entry__date-label {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .statistic-details .number-entry__date {
        font-size: 14px;
        line-height: 20px;
    }
}

.my-magnum {
    background-color: #fff;
}

.my-magnum__banner-content-cta {
    margin-top: 32px;
}

.my-magnum__body {
    height: 1000px;
}

.my-magnum__perk {
    padding: 96px 0;
}

.my-magnum__perk-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.my-magnum__perk-card-container {
    display: flex;
    gap: 24px;
    margin-top: 60px;
}

.my-magnum__perk-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 32px;
    width: 400px;
    border-radius: 20px;
    background-color: #f5f8f9;
}

.my-magnum__perk-card-img {
    width: 160px;
    height: 120px;
}

.my-magnum__perk-card-desc {
    margin-top: 24px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #040707;
}

.my-magnum__guide {
    padding-top: 74px;
    padding-bottom: 74px;
    background-color: #ffc000;
}

.my-magnum__guide-wrapper {
    display: flex;
    align-items: center;
    gap: 132px;
}

.my-magnum__guide-content {
    max-width: 600px;
}

.my-magnum__guide-content-header {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.my-magnum__guide-step-container {
    margin-top: 48px;
}

.my-magnum__guide-step {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    cursor: pointer;
}

    .my-magnum__guide-step.--active {
        background-color: #ffe699;
    }

        .my-magnum__guide-step.--active .my-magnum__guide-step-count {
            color: #fff;
            background-color: #040707;
        }

        .my-magnum__guide-step.--active .my-magnum__guide-step-desc {
            color: #040707;
        }

.my-magnum__guide-step-count {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #ffe699;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.my-magnum__guide-step-desc {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.my-magnum__guide-content-cta {
    margin-top: 32px;
}

.my-magnum__guide-visual {
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 400px;
    height: 550px;
    overflow: hidden;
}

    .my-magnum__guide-visual video {
        height: calc(100% + 1px);
        width: 100%;
    }

    .my-magnum__guide-visual::after {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 0;
        background-color: #ffc000;
        width: 100%;
        height: 10px;
    }

.my-magnum__guide-visual-gif {
    display: none;
    height: 100%;
    width: auto;
}

    .my-magnum__guide-visual-gif.--active {
        display: block;
        animation: fadeIn 0.4s;
    }

.my-magnum__guide-mobile {
    display: none;
}

.my-magnum__feature {
    padding: 96px 0;
}

.my-magnum__feature-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.my-magnum__feature-desc {
    font-size: 20px;
    line-height: 28px;
    color: #454545;
    margin-top: 16px;
}

.my-magnum__feature-content {
    margin-top: 48px;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f6f6f6;
}

.my-magnum__feature-content-img {
    display: block;
    width: 50%;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.my-magnum__feature-content-list {
    width: 50%;
    padding: 53px 40px;
}

.my-magnum__feature-content-list-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .my-magnum__feature-content-list-item:not(:first-child) {
        margin-top: 40px;
    }

.my-magnum__feature-content-list-item-img {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}

.my-magnum__feature-content-list-item-desc {
    font-size: 18px;
    line-height: 26px;
    color: #040707;
}

.my-magnum__activity {
    padding-top: 96px;
    background-color: #f6f6f6;
}

.my-magnum__activity-wrapper {
    overflow: hidden;
}

.my-magnum__activity-header {
    display: flex;
    justify-content: space-between;
}

.my-magnum__activity-header-content h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.my-magnum__activity-header-content p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

.my-magnum__activity-header-cta {
    margin-top: auto;
}

.my-magnum__activity-card-container {
    display: flex;
    gap: 40px;
    margin-top: 48px;
    padding-bottom: 96px;
}

.my-magnum__activity-mobile-card-container {
    display: none;
}

.my-magnum__faq {
    padding: 96px 0px;
    display: flex;
    gap: 40px;
}

.my-magnum__faq-header {
    max-width: 390px;
}

.my-magnum__faq-header-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #040707;
}

.my-magnum__faq-header-cta {
    margin-top: 32px;
}

.my-magnum__faq-body {
    width: 100%;
}

.my-magnum__faq-accordion {
    border-bottom: solid 1px #e6e6e6;
}

    .my-magnum__faq-accordion.--open .my-magnum__faq-accordion-title-icon {
        transform: rotate(180deg);
    }

    .my-magnum__faq-accordion.--open .my-magnum__faq-accordion-body {
        grid-template-rows: 1fr;
    }

.my-magnum__faq-accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 24px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
    cursor: pointer;
}

.my-magnum__faq-accordion-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
}

.my-magnum__faq-accordion-body-wrapper {
    overflow: hidden;
}

    .my-magnum__faq-accordion-body-wrapper .content {
        padding: 0px 24px 24px;
        font-size: 16px;
        line-height: 24px;
        color: #454545;
    }

        .my-magnum__faq-accordion-body-wrapper .content ol {
            margin-top: 8px;
            list-style: lower-roman;
        }

.my-magnum__faq-accordion-title-icon {
    transition: 0.3s ease-in-out;
}

@media (max-width: 1024px) {
    .my-magnum__banner-content-cta {
        margin-top: 24px;
    }

    .my-magnum__perk {
        padding: 56px 0;
    }

    .my-magnum__perk-title {
        font-size: 24px;
        line-height: 32px;
    }

    .my-magnum__perk-card-container {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-top: 32px;
    }

    .my-magnum__perk-card {
        align-items: center;
        flex-direction: column;
        padding: 24px;
        width: 100%;
        max-width: 327px;
    }

    .my-magnum__perk-card-img {
        width: 96px;
        height: 72px;
    }

    .my-magnum__guide {
        padding: 56px 0;
    }

    .my-magnum__guide-wrapper {
        display: none;
    }

    .my-magnum__guide-content {
        max-width: 100%;
    }

    .my-magnum__guide-content-header {
        max-width: unset;
        font-size: 24px;
        line-height: 32px;
    }

    .my-magnum__guide-mobile {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .my-magnum__guide-mobile-swiper {
        margin-top: 32px;
        width: 100%;
    }

        .my-magnum__guide-mobile-swiper .swiper-pagination {
            bottom: 120px !important;
            text-align: center;
        }

        .my-magnum__guide-mobile-swiper .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: hsla(0, 0%, 100%, 0.4);
            opacity: 1;
            margin: 0 6px;
            border-radius: 50%;
        }

        .my-magnum__guide-mobile-swiper .swiper-pagination-bullet-active {
            background: #fff;
        }

    .my-magnum__guide-mobile-slide {
        width: 100%;
        color: #fff;
    }

    .my-magnum__guide-mobile-slide-visual {
        position: relative;
        height: 330px;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

        .my-magnum__guide-mobile-slide-visual::after {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0;
            background-color: #ffc000;
            width: 100%;
            height: 2px;
        }

    .my-magnum__guide-mobile-step {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 32px;
    }

    .my-magnum__guide-mobile-step-indicator {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background-color: #040707;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .my-magnum__guide-mobile-step-desc {
        max-width: 287px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #040707;
    }

    .my-magnum__guide-content-cta {
        margin-top: 50px;
    }

    .my-magnum__feature {
        padding: 56px 0;
    }

    .my-magnum__feature-title {
        font-size: 24px;
        line-height: 32px;
    }

    .my-magnum__feature-desc {
        font-size: 18px;
        line-height: 26px;
        margin-top: 8px;
    }

    .my-magnum__feature-content {
        margin-top: 32px;
        flex-direction: column;
    }

    .my-magnum__feature-content-img {
        width: 100%;
        height: 184px;
    }

    .my-magnum__feature-content-list {
        width: 100%;
        padding: 24px;
    }

    .my-magnum__feature-content-list-item {
        display: flex;
        align-items: center;
        gap: 16px;
    }

        .my-magnum__feature-content-list-item:not(:first-child) {
            margin-top: 32px;
        }

    .my-magnum__feature-content-list-item-img {
        width: 40px;
        height: 40px;
    }

    .my-magnum__feature-content-list-item-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .my-magnum__activity {
        padding: 56px 0px;
    }

    .my-magnum__activity-header {
        gap: 16px;
    }

    .my-magnum__activity-header-content h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .my-magnum__activity-header-content p {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
    }

    .my-magnum__activity-header-cta {
        margin-top: unset;
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }

        .my-magnum__activity-header-cta span {
            display: none;
        }

    .my-magnum__activity-card-container {
        display: none;
    }

    .my-magnum__activity-mobile-card-container {
        display: block;
        margin-top: 32px;
    }

        .my-magnum__activity-mobile-card-container .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: #9b9c9c;
            opacity: 1;
            margin: 0 6px !important;
            border-radius: 50%;
        }

        .my-magnum__activity-mobile-card-container .swiper-pagination-bullet-active {
            background: #f38a23;
        }

    .my-magnum__activity-mobile-card {
        width: auto !important;
        height: auto !important;
    }

        .my-magnum__activity-mobile-card .news-card {
            height: 100%;
        }

    .my-magnum__activity-mobile-card-swiper-pagination {
        text-align: center;
        margin-top: 24px;
    }

    .my-magnum__faq {
        padding: 56px 0px;
        flex-direction: column;
        gap: 32px;
    }

    .my-magnum__faq-header {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        max-width: unset;
    }

    .my-magnum__faq-header-title {
        font-size: 24px;
        line-height: 32px;
    }

    .my-magnum__faq-header-cta {
        margin-top: 0px;
        width: 40px !important;
        height: 40px !important;
        border-radius: 100% !important;
        padding: 10px !important;
    }

        .my-magnum__faq-header-cta span {
            display: none;
        }

    .my-magnum__faq-body {
        width: 100%;
    }

    .my-magnum__faq-accordion {
        border-bottom: solid 1px #e6e6e6;
    }

        .my-magnum__faq-accordion.--open .my-magnum__faq-accordion-title-icon {
            transform: rotate(180deg);
        }

        .my-magnum__faq-accordion.--open .my-magnum__faq-accordion-body {
            grid-template-rows: 1fr;
        }

    .my-magnum__faq-accordion-title {
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .my-magnum__faq-accordion-body-wrapper .content {
        padding: 0px 16px 16px;
    }

    .my-magnum__faq-accordion-title-icon {
        width: 20px;
        height: 20px;
    }
}

.location-details {
    padding-top: 136px;
}

.location-details__wrapper {
    padding-bottom: 120px;
}

.location-details__back {
    margin-bottom: 40px;
    display: flex;
    column-gap: 2px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
}

.location-details__header-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.location-details__header-desc {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

    .location-details__header-desc img {
        width: 24px;
        height: 24px;
    }

.location-details__tab-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 64px;
}

.location-details__tab {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 20px;
    background-color: #e3e7e9;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #040707;
    cursor: pointer;
}

    .location-details__tab.--4d-classic {
        background-color: #ffb800;
    }

    .location-details__tab.--4d-jackpot {
        background-color: #00a3e3;
        color: #fff;
    }

    .location-details__tab.--mgold,
    .location-details__tab.--4d-jackpot-gold {
        background-color: #f58921;
        color: #fff;
    }

    .location-details__tab.--magnum-life {
        background-color: #eb2020;
        color: #fff;
    }

    .location-details__tab.--inactive {
        background-color: #e3e7e9;
        color: #040707;
    }

    .location-details__tab img {
        width: 48px;
        height: 48px;
    }

.location-details__dropdown-container {
    display: none;
}

.location-details__listing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

    .location-details__listing > :nth-child(n + 4) {
        grid-column: 1/-1;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

.location-details__listing-entry {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 32px 24px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 1px 4px 0px rgba(26, 26, 26, 0.25);
}

.location-details__listing-entry-amount {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #00a86b;
}

.location-details__listing-entry-date {
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.location-details__paginator-container {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.location-details__paginator-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

.location-details__paginator-dropdown-wrapper {
    min-width: 92px;
    border-radius: 16px;
    background-color: #fff;
}

.location-details__paginator-dropdown-label {
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.location-details__paginator {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: flex-end;
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.location-details__paginator-left,
.location-details__paginator-right {
    width: 32px;
    height: 32px;
    background-color: #ffc000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

    .location-details__paginator-left img,
    .location-details__paginator-right img {
        width: 16px;
        height: 16px;
    }

    .location-details__paginator-left.--disabled,
    .location-details__paginator-right.--disabled {
        background-color: #e6e6e6;
        cursor: initial;
    }

        .location-details__paginator-left.--disabled img,
        .location-details__paginator-right.--disabled img {
            filter: opacity(0.3);
        }

.location-details__paginator-left {
    transform: rotate(180deg);
}

.location-details__paginator-main {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.location-details__paginator-main-input {
    width: 64px;
    border: 1.5px solid #cdcdcd;
    border-radius: 10px;
    background-color: #fff;
}

.location-details__paginator-main-input-wrapper {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 11px 16px;
    text-align: center;
}

.location-details__empty-state {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .location-details__empty-state.--hidden {
        display: none;
    }

.location-details__empty-state-icon {
    width: 254px;
    height: 254px;
}

.location-details__empty-state-title {
    margin-top: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.location-details__empty-state-desc {
    margin-top: 8px;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
}

@media (max-width: 1024px) {
    .location-details {
        padding-top: 32px;
    }

    .location-details__wrapper {
        padding-bottom: 56px;
    }

    .location-details__header-title {
        font-size: 22px;
        line-height: 30px;
    }

    .location-details__header-desc {
        gap: 8px;
        font-size: 18px;
        line-height: 26px;
    }

    .location-details__tab-container {
        display: none;
    }

    .location-details__dropdown-container {
        display: block;
        margin-top: 24px;
        background-color: #fff;
        border-radius: 16px;
    }

    .location-details__listing {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
    }

        .location-details__listing.--hidden {
            display: none;
        }

        .location-details__listing > :nth-child(n + 1) {
            grid-column: 1/-1;
            flex-direction: column;
            align-items: flex-start;
        }

    .location-details__paginator-container {
        margin-top: 32px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 32px;
    }

        .location-details__paginator-container.--hidden {
            display: none;
        }

    .location-details__paginator {
        gap: 16px;
        align-self: flex-start;
        font-size: 16px;
        line-height: 24px;
    }

    .location-details__empty-state {
        margin-top: 24px;
    }

    .location-details__empty-state-icon {
        width: 125px;
        height: 125px;
    }

    .location-details__empty-state-title {
        margin-top: 32px;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }

    .location-details__empty-state-desc {
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }
}

.associations {
    background-color: #fff;
    padding-top: 152px;
    padding-bottom: 96px;
}

.associations__wrapper {
    max-width: 824px;
}

.associations__header {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

.associations__icon-container {
    margin-top: 64px;
    display: flex;
    gap: 40px;
}

    .associations__icon-container img {
        width: 140px;
        height: 80px;
    }

.associations__body {
    margin-top: 32px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

@media (max-width: 1024px) {
    .associations {
        padding-top: 40px;
    }

    .associations__header {
        font-size: 24px;
        line-height: 32px;
    }

    .associations__icon-container {
        margin-top: 32px;
    }

        .associations__icon-container img {
            width: 112px;
            height: 64px;
        }

    .associations__body {
        margin-top: 24px;
        font-size: 16px;
        line-height: 24px;
    }
}

.search__header-wrapper {
    background-color: #ffc000;
}

.search__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-left: 24px;
    padding-right: 24px;
    height: 272px;
}

.search__header-cta {
    display: none;
}

.search__header-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    max-width: 824px;
    padding: 16px 24px;
    background-color: #fff;
    border: solid 1px #cdcdcd;
    border-radius: 100px;
}

    .search__header-input input {
        flex-grow: 1;
        outline: none;
        border: none;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        color: #040707;
    }

    .search__header-input img {
        width: 24px;
        height: 24px;
    }

.search__header-input-cross {
    cursor: pointer;
    display: block;
}

    .search__header-input-cross.--hidden {
        display: none;
    }

.search__body {
    max-width: 848px;
    padding-top: 80px;
    padding-bottom: 120px;
}

.search__body-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.search__body-listing-container {
    margin-top: 32px;
}

.search__body-listing-row {
    padding: 32px 0;
    border-bottom: solid 1px #cdcdcd;
}

.search__body-listing-row-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #040707;
}

.search__body-listing-row-desc {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.search__body-listing-row-cta {
    margin-top: 16px;
    color: #f38a23;
}

.search__paginator-container {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.search__paginator-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search__paginator-dropdown-wrapper {
    min-width: 92px;
    border-radius: 16px;
    background-color: #fff;
}

.search__paginator-dropdown-label {
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.search__paginator {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: flex-end;
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.search__paginator-left,
.search__paginator-right {
    width: 32px;
    height: 32px;
    background-color: #ffc000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

    .search__paginator-left img,
    .search__paginator-right img {
        width: 16px;
        height: 16px;
    }

    .search__paginator-left.--disabled,
    .search__paginator-right.--disabled {
        background-color: #e6e6e6;
        cursor: initial;
    }

        .search__paginator-left.--disabled img,
        .search__paginator-right.--disabled img {
            filter: opacity(0.3);
        }

.search__paginator-left {
    transform: rotate(180deg);
}

.search__paginator-main {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.search__paginator-main-input {
    width: 64px;
    border: 1.5px solid #cdcdcd;
    border-radius: 10px;
    background-color: #fff;
}

.search__paginator-main-input-wrapper {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 11px 16px;
    text-align: center;
}

.search__result-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
    padding-bottom: 96px;
}

    .search__result-empty img {
        width: 320px;
        height: 320px;
    }

    .search__result-empty.--hidden {
        display: none;
    }

.search__result-empty-title {
    margin-top: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.search__result-empty-desc {
    margin-top: 8px;
    font-size: 20px;
    line-height: 30px;
    color: #454545;
    text-align: center;
}

@media (max-width: 1024px) {
    .search__header {
        padding-top: 0px;
        flex-direction: column;
        row-gap: 24px;
        height: 174px;
    }

    .search__header-cta {
        display: flex;
        align-items: center;
        align-self: flex-start;
        gap: 2px;
        font-weight: 500;
        font-size: 14px;
        line-height: 23px;
    }

        .search__header-cta img {
            width: 20px;
            height: 20px;
        }

    .search__header-input {
        gap: 10px;
        margin: 0 24px;
        padding: 14px 16px;
    }

        .search__header-input input {
            font-size: 14px;
            line-height: 22px;
        }

        .search__header-input img {
            width: 20px;
            height: 20px;
        }

    .search__body {
        padding-top: 40px;
        padding-bottom: 56px;
    }

    .search__body-title {
        font-size: 22px;
        line-height: 30px;
    }

    .search__body-listing-container {
        margin-top: 24px;
    }

    .search__body-listing-row {
        padding: 24px 0;
    }

    .search__body-listing-row-title {
        font-size: 20px;
        line-height: 28px;
    }

    .search__body-listing-row-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .search__paginator-container {
        margin-top: 32px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 32px;
    }

    .search__paginator {
        gap: 16px;
        align-self: flex-start;
        font-size: 16px;
        line-height: 24px;
    }

    .search__result-empty {
        margin-top: 21px;
        padding-bottom: 56px;
    }

        .search__result-empty img {
            width: 125px;
            height: 125px;
        }

    .search__result-empty-title {
        margin-top: 32x;
        font-size: 22px;
        line-height: 30px;
    }

    .search__result-empty-desc {
        font-size: 18px;
        line-height: 26px;
    }
}

.happenings__listing {
    display: block;
    width: 100%;
    border: solid 1px #e6e6e6;
    border-radius: 20px;
    overflow: hidden;
}

.happenings #drawn-number .statistic__listing {
    margin-top: 0;
}

.happenings__listing-header-container {
    display: flex;
    padding: 16px 24px;
    background-color: #e3e7e9;
}

.happenings__listing-header {
    width: 25%;
    color: #454545;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

    .happenings__listing-header.--smaller {
        width: 20%;
    }

.happenings__listing-body-row {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 24px;
    border-bottom: solid 1px #e6e6e6;
}

.happenings__listing-body-row-data {
    width: 25%;
}

    .happenings__listing-body-row-data.--smaller {
        width: 20%;
    }

    .happenings__listing-body-row-data .mobile-label {
        display: none;
    }

    .happenings__listing-body-row-data .value {
        display: flex;
        gap: 4px;
        font-size: 18px;
        line-height: 26px;
        color: #040707;
    }

        .happenings__listing-body-row-data .value .--orange-text {
            font-weight: 500;
            color: #f38a23;
        }

        .happenings__listing-body-row-data .value .--spaced-number {
            letter-spacing: 4px;
        }

        .happenings__listing-body-row-data .value .--red-text {
            color: #ed2939;
        }

        .happenings__listing-body-row-data .value .--plus {
            font-weight: 400;
        }

@media (max-width: 1024px) {
    .happenings__listing {
        border: none;
        margin-top: 0px;
        border-radius: 0px;
    }

    .happenings__listing-header-container {
        display: none;
    }

    .happenings__listing-body-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 24px 16px;
    }

    .happenings__listing-body-row-data {
        width: unset;
    }

        .happenings__listing-body-row-data.--smaller {
            width: unset;
        }

        .happenings__listing-body-row-data .mobile-label {
            display: block;
            margin-bottom: 4px;
            font-size: 14px;
            line-height: 22px;
            color: #454545;
        }

        .happenings__listing-body-row-data .value {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }
}

.stories__article {
    max-width: 824px;
    margin: 64px auto;
}

    .stories__article h1 {
        margin-bottom: 24px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        color: #040707;
    }

    .stories__article p {
        margin-bottom: 26px;
        font-size: 18px;
        line-height: 26px;
        color: #454545;
    }

    .stories__article ol {
        padding-inline-start: 24px !important;
    }

    .stories__article li {
        margin-bottom: 8px;
        color: #454545;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    .stories__article section:not(:last-child) {
        margin-bottom: 56px;
    }

.happenings__article-body-section-card-wrapper {
    display: flex;
    gap: 24px;
    justify-content: center;
}

.happenings__article-result-card {
    width: 400px;
    border: solid 1px #e6e6e6;
    border-radius: 20px;
    overflow: hidden;
}

.happenings__article-body-table {
    margin-bottom: 96px;
}

.happenings__article-body-table-note {
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .happenings__article-body-section-card-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .happenings__article-result-card {
        width: 327px;
    }

    .happenings__article {
        margin: 40px auto;
    }

        .happenings__article h1 {
            margin-bottom: 16px;
            font-size: 22px;
            line-height: 30px;
        }

        .happenings__article p {
            margin-bottom: 24px;
            font-size: 16px;
            line-height: 24px;
        }

        .happenings__article ol {
            padding-inline-start: 22px !important;
        }

        .happenings__article li {
            margin-bottom: 8px;
            color: #454545;
            font-size: 14px;
            line-height: 22px;
            font-weight: 400;
        }

        .happenings__article section {
            font-size: 14px;
            line-height: 22px;
        }

            .happenings__article section:not(:last-child) {
                margin-bottom: 40px;
            }

    .happenings__article-body-table-note {
        margin-bottom: 16px;
    }
}

.happenings__article h1 {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.happenings__article p {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

.happenings__article ol {
    padding-inline-start: 24px !important;
}

.happenings__article li {
    margin-bottom: 8px;
    color: #454545;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.happenings__article section {
    max-width: 824px;
    margin: 64px auto;
}

    .happenings__article section:not(:last-child) {
        margin-bottom: 56px;
    }

.happenings__article table {
    border: 1px solid #e6e6e6;
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}

    .happenings__article table thead {
        background-color: #e3e7e9;
    }

    .happenings__article table th {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #454545;
        text-align: left;
        padding: 16px 24px;
    }

    .happenings__article table td {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        color: #040707;
        padding: 24px;
        border-bottom: 1px solid #e6e6e6;
    }

    .happenings__article table tr:last-child td {
        border-bottom: none;
    }

.happenings__article-main-container {
    background-color: #fff;
}

.happenings__article-back-container {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-top: 112px;
    cursor: pointer;
}

.happenings__article-back-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
}

.happenings__article-header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 824px;
    padding-block: 40px 56px;
    margin-left: auto;
    margin-right: auto;
}

.happenings__article-header-type {
    padding: 5px 20px;
    align-self: flex-start;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    border-radius: 8px;
}

    .happenings__article-header-type.blue {
        background-color: #4169e1;
    }

    .happenings__article-header-type.olive {
        background-color: #c99000;
    }

    .happenings__article-header-type.red {
        background-color: #d50112;
    }

    .happenings__article-header-type.black {
        background-color: #040707;
    }

    .happenings__article-header-type.green {
        background-color: #00a86b;
    }

.happenings__article-header-title-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.happenings__article-header-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
}

.happenings__article-header-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #454545;
}

.happenings__article-header-share-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .happenings__article-header-share-container img {
        width: 32px;
        height: 32px;
    }

.happenings__article-header-image-container {
    width: 100%;
    height: 100%;
    max-width: 1036px;
    max-height: 583px;
    border-radius: 20px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

    .happenings__article-header-image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

.happenings__article-body-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    max-width: 1036px;
    margin-inline: auto;
}

    .happenings__article-body-container iframe {
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        border-radius: 20px;
        overflow: hidden;
    }

.happenings__article-body-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 824px;
}

    .happenings__article-body-section.--large {
        max-width: 1036px;
    }

.happenings__article-body-section-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.happenings__article-body-section-paragraph {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #454545;
}

.happenings__article-body-section-ordered-list li {
    margin-bottom: 12px;
    line-height: 24px;
    color: #454545;
}

.happenings__article-body-section-video {
    max-width: 1036px;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.happenings__article-body-section-table {
    border: 1px solid #e6e6e6;
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}

    .happenings__article-body-section-table thead {
        background-color: #e3e7e9;
    }

    .happenings__article-body-section-table th {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #454545;
        text-align: left;
        padding: 16px 24px;
    }

    .happenings__article-body-section-table td {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        color: #040707;
        padding: 24px;
        border-bottom: 1px solid #e6e6e6;
    }

.happenings__article-body-section-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.happenings__article-body-section-card {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    width: 100%;
    max-width: 400px;
    border-radius: 20px;
    box-shadow: 0px 8px 32px 0px rgba(3, 0, 39, 0.1), 0px 4px 24px 0px rgba(3, 0, 39, 0.04);
}

.happenings__article-body-section-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f4f4;
    border-radius: 100%;
    width: 64px;
    height: 64px;
}

    .happenings__article-body-section-card-image img {
        width: 31px;
        height: 31px;
    }

.happenings__article-body-section-card-textbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.happenings__article-body-section-card-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #040707;
}

.happenings__article-body-section-card-button {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #f38a23;
    cursor: pointer;
}

.happenings__related-articles-container {
    background-color: #f6f6f6;
    padding-block: 120px;
    overflow: hidden;
}

.happenings__related-articles-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
    margin-bottom: 48px;
}

.happenings__related-articles-card-container {
    display: flex;
    gap: 40px;
}

.happenings__related-articles-card-mobile-container {
    display: none;
}

.happenings__related-articles-card-wrapper {
    height: 100% !important;
}

.happenings__related-articles-card-mobile {
    width: auto !important;
    height: auto !important;
}

    .happenings__related-articles-card-mobile .news-card {
        height: 100%;
    }

.happenings__share-content-back {
    margin-bottom: 40px;
    display: flex;
    column-gap: 2px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #040707;
    cursor: pointer;
}

.happenings__share-content-title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
}

.happenings__share-content-body {
    display: flex;
    gap: 32px 24px;
    flex-wrap: wrap;
}

.happenings__share-content-body-item {
    width: 104px;
    height: 97px;
    text-align: center;
}

.happenings__share-content-body-item-image {
    display: block;
    margin: 0 auto 9px;
    width: 64px;
    height: 64px;
}

.happenings__share-content-body-item-text {
    font-size: 16px;
    line-height: 24px;
}

.happenings__share-content-separator {
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    margin: 32px 0;
}

@media (max-width: 1024px) {
    .happenings__article-back-container {
        margin-top: 32px;
    }

    .happenings__article-header-wrapper {
        padding-block: 32px 40px;
        gap: 16px;
    }

    .happenings__article-header-title-container {
        gap: 8px;
    }

    .happenings__article-header-title {
        font-size: 24px;
        line-height: 32px;
    }

    .happenings__article-header-date {
        font-size: 14px;
        line-height: 22px;
    }

    .happenings__article-header-image-container {
        height: 184px;
    }

    .happenings__article-body-container {
        gap: 40px;
    }

    .happenings__article-body-section {
        gap: 16px;
    }

    .happenings__article-body-section-title {
        font-size: 22px;
        line-height: 30px;
    }

    .happenings__article-body-section-paragraph {
        font-size: 16px;
        line-height: 24px;
    }

    .happenings__article-body-section-ordered-list {
        padding-left: 22px;
    }

        .happenings__article-body-section-ordered-list li {
            font-size: 14px;
            line-height: 22px;
        }

    .happenings__article-body-section-table td {
        font-size: 16px;
        line-height: 24px;
        padding: 16px;
    }

    .happenings__article-body-section-row {
        flex-direction: column;
        gap: 16px;
    }

    .happenings__article-body-section-card {
        gap: 16px;
        padding: 16px;
    }

    .happenings__article-body-section-card-image {
        width: 48px;
        height: 48px;
    }

        .happenings__article-body-section-card-image img {
            width: 23px;
            height: 23px;
        }

    .happenings__article-body-section-card-textbox {
        gap: 6px;
    }

    .happenings__article-body-section-card-title {
        font-size: 20px;
        line-height: 28px;
    }

    .happenings__article-body-section-card-button {
        font-size: 14px;
        line-height: 22px;
    }

    .happenings__related-articles-container {
        padding-block: 56px;
    }

    .happenings__related-articles-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 32px;
    }

    .happenings__related-articles-card-container {
        display: none;
    }

    .happenings__related-articles-card-mobile-container {
        display: block;
    }
}

.faq__section {
    display: flex;
    width: 100%;
}

.prizes-faq__banner-container {
    padding-block: 136px 64px;
    background-color: #ffc000;
    height: fit-content;
}

.prizes-faq__banner-search-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.prizes-faq__banner-search-back {
    display: flex;
    align-items: center;
    gap: 2px;
}

.prizes-faq__banner-search-back-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
}

.prizes-faq__banner-search-input-wrapper {
    width: 600px;
    height: 56px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 24px 16px 24px;
    background-color: #fff;
    gap: 16px;
    border-radius: 100px;
    border: 1px solid #cdcdcd;
}

.prizes-faq__banner-search-input {
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

.prizes-faq__banner-search-input-clear {
    display: none;
}

    .prizes-faq__banner-search-input-clear.--show {
        display: flex;
    }

.prizes-faq__questions-container {
    display: flex;
    padding-block: 80px;
    background-color: #fff;
}

.prizes-faq__questions-body {
    width: 100%;
}

.prizes-faq__questions-body-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #040707;
    margin-bottom: 48px;
}

@media (max-width: 1024px) {
    .prizes-faq__banner-container {
        padding-block: 32px 40px;
    }

    .prizes-faq__banner-search-container {
        gap: 24px;
    }

    .prizes-faq__banner-search-back-text {
        font-size: 14px;
        line-height: 22px;
    }

    .prizes-faq__banner-search-input-wrapper {
        width: 100%;
        height: 48px;
        padding: 14px 16px;
        gap: 10px;
    }

    .prizes-faq__banner-search-icon {
        width: 20px;
        height: 20px;
    }

    .prizes-faq__banner-search-input {
        font-size: 14px;
        line-height: 22px;
    }

    .prizes-faq__questions-container {
        padding-block: 40px 56px;
    }

    .prizes-faq__questions-body-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px;
    }
}

.no-results__banner-container {
    padding-block: 136px 64px;
    background-color: #ffc000;
    height: fit-content;
}

.no-results__banner-search-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.no-results__banner-search-back {
    display: flex;
    align-items: center;
    gap: 2px;
}

.no-results__banner-search-back-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
}

.no-results__banner-search-input-wrapper {
    width: 600px;
    height: 56px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 24px 16px 24px;
    background-color: #fff;
    gap: 16px;
    border-radius: 100px;
    border: 1px solid #cdcdcd;
}

.no-results__banner-search-input {
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

.no-results__banner-search-input-clear {
    display: none;
}

    .no-results__banner-search-input-clear.--show {
        display: flex;
    }

.no-results__searched-container {
    display: flex;
    padding-block: 80px;
    background-color: #fff;
}

.no-results__searched-body {
    width: 100%;
}

.no-results__zero-state-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.no-results__zero-state-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
    margin-bottom: 40px;
}

.no-results__zero-state-image {
    max-width: 254px;
    margin-inline: auto;
    margin-bottom: 24px;
}

.no-results__zero-state-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-inline: auto;
    text-align: center;
}

.no-results__zero-state-subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.no-results__zero-state-desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #454545;
}

.no-results__searched-tab-container {
    width: 320px;
}

    .no-results__searched-tab-container.--desktop {
        display: block;
    }

    .no-results__searched-tab-container.--mobile {
        display: none;
    }

.no-results__searched-tab {
    padding: 14px 16px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #040707;
    background-color: #ffe699;
}

    .no-results__searched-tab.--inactive {
        color: #454545;
        background-color: rgba(0, 0, 0, 0);
    }

.no-results__searched-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.no-results__searched-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.no-results__searched-content-wrapper .faq-result-card__container {
    border-bottom: 1px solid #e6e6e6;
}

    .no-results__searched-content-wrapper .faq-result-card__container:last-child {
        border-bottom: none;
    }

@media (max-width: 1024px) {
    .no-results__banner-container {
        padding-block: 32px 40px;
    }

    .no-results__banner-search-container {
        gap: 24px;
    }

    .no-results__banner-search-back-text {
        font-size: 14px;
        line-height: 22px;
    }

    .no-results__banner-search-input-wrapper {
        width: 100%;
        height: 48px;
        padding: 14px 16px;
        gap: 10px;
    }

    .no-results__banner-search-icon {
        width: 20px;
        height: 20px;
    }

    .no-results__banner-search-input {
        font-size: 14px;
        line-height: 22px;
    }

    .no-results__searched-container {
        padding-block: 40px 56px;
    }

    .no-results__zero-state-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .no-results__zero-state-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 21px;
    }

    .no-results__zero-state-image {
        max-width: 125px;
        margin-inline: auto;
        margin-bottom: 32px;
    }

    .no-results__zero-state-subtitle {
        font-size: 22px;
        line-height: 30px;
        color: #040707;
    }

    .no-results__zero-state-desc {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        color: #454545;
    }
}

.search-results__banner-container {
    padding-block: 136px 64px;
    background-color: #ffc000;
    height: fit-content;
}

.search-results__banner-search-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.search-results__banner-search-back {
    display: flex;
    align-items: center;
    gap: 2px;
}

.search-results__banner-search-back-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
}

.search-results__banner-search-input-wrapper {
    width: 600px;
    height: 56px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 24px 16px 24px;
    background-color: #fff;
    gap: 16px;
    border-radius: 100px;
    border: 1px solid #cdcdcd;
}

.search-results__banner-search-input {
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #040707;
}

.search-results__banner-search-input-clear {
    display: none;
    cursor: pointer;
}

    .search-results__banner-search-input-clear.--show {
        display: flex;
    }

.search-results__body {
    background-color: #fff;
    padding-block: 80px 96px;
}

.search-results__body-wrapper {
    display: flex;
    gap: 80px;
}

.search-results__results-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

.search-results__results-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #040707;
}

.search-results__results-card-container {
    padding-block: 32px;
    border-bottom: 1px solid #e6e6e6;
}

    .search-results__results-card-container:last-child {
        border-bottom: none;
    }

.search-results__results-card-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.search-results__results-card-path {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #040707;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .search-results__results-card-path:not(:first-of-type)::before {
        content: "";
        display: inline-block;
        background-image: url("../../assets/images/faq/breadcrumb-nav.svg");
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

.search-results__results-card-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.search-results__results-card-content-textbox {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.search-results__results-card-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #040707;
}

.search-results__results-card-textbox {
    display: -webkit-box;
    max-height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.search-results__results-card-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #454545;
}

    .search-results__results-card-text mark {
        background-color: #fff2cc;
        font-weight: 500;
        color: #454545;
    }

.search-results__results-card-cta {
    align-self: flex-start;
}

    .search-results__results-card-cta::after {
        content: "";
        display: inline-block;
        background-image: url("../../assets/images/nav-arrow-right-highlights-card.svg");
        width: 20px;
        height: 20px;
    }

.search-results__paginator-container {
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
}

.search-results__paginator-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-results__paginator-dropdown-wrapper {
    min-width: 92px;
    border-radius: 16px;
    background-color: #fff;
}

.search-results__paginator-dropdown-label {
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.search-results__paginator {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: flex-end;
    font-size: 18px;
    line-height: 26px;
    color: #686a6a;
}

.search-results__paginator-left,
.search-results__paginator-right {
    width: 32px;
    height: 32px;
    background-color: #ffc000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

    .search-results__paginator-left img,
    .search-results__paginator-right img {
        width: 16px;
        height: 16px;
    }

    .search-results__paginator-left.--disabled,
    .search-results__paginator-right.--disabled {
        background-color: #e6e6e6;
        cursor: initial;
    }

        .search-results__paginator-left.--disabled img,
        .search-results__paginator-right.--disabled img {
            filter: opacity(0.3);
        }

.search-results__paginator-left {
    transform: rotate(180deg);
}

.search-results__paginator-main {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.search-results__paginator-main-input {
    width: 64px;
    border: 1.5px solid #cdcdcd;
    border-radius: 10px;
    background-color: #fff;
}

.search-results__paginator-main-input-wrapper {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 11px 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .search-results__banner-container {
        padding-block: 32px 40px;
    }

    .search-results__banner-search-container {
        gap: 24px;
    }

    .search-results__banner-search-back-text {
        font-size: 14px;
        line-height: 22px;
    }

    .search-results__banner-search-input-wrapper {
        width: 100%;
        height: 48px;
        padding: 14px 16px;
        gap: 10px;
    }

    .search-results__banner-search-icon {
        width: 20px;
        height: 20px;
    }

    .search-results__banner-search-input {
        font-size: 14px;
        line-height: 22px;
    }

    .search-results__body {
        padding-block: 40px 56px;
    }

    .search-results__body-wrapper {
        flex-direction: column;
        gap: 32px;
    }

    .search-results__results-container {
        gap: 16px;
    }

    .search-results__results-title {
        font-size: 22px;
        line-height: 30px;
    }

    .search-results__results-card-container {
        padding-block: 24px;
    }

    .search-results__results-card-breadcrumbs {
        margin-bottom: 16px;
    }

    .search-results__results-card-path {
        font-size: 14px;
        line-height: 22px;
    }

    .search-results__results-card-title {
        font-size: 18px;
        line-height: 26px;
    }

    .search-results__results-card-text {
        font-size: 14px;
        line-height: 22px;
    }

    .search-results__results-card-cta {
        font-size: 14px;
        line-height: 22px;
    }

    .search-results__paginator-container {
        margin-top: 32px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 32px;
    }

    .search-results__paginator {
        gap: 16px;
        align-self: flex-start;
        font-size: 16px;
        line-height: 24px;
    }
}

.not-found {
    padding-top: 72px;
}

.not-found__body {
    min-height: 626px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.not-found__body-title {
    margin-top: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #040707;
    text-align: center;
}

.not-found__body-desc {
    margin-top: 8px;
    font-size: 20px;
    line-height: 30px;
    color: #454545;
    text-align: center;
}

@media (max-width: 1024px) {
    .not-found {
        padding-top: 0px;
    }

    .not-found__body {
        min-height: 300px;
    }

    .not-found__body-illust {
        width: 153px;
        height: 51px;
    }

    .not-found__body-title {
        margin-top: 16px;
        font-size: 22px;
        line-height: 30px;
    }

    .not-found__body-desc {
        margin-top: 6px;
        font-size: 14px;
        line-height: 22px;
    }
}

.privacy {
    padding-top: 152px;
    padding-bottom: 96px;
}

.privacy__header {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

.privacy__body {
    margin-top: 32px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

    .privacy__body .semibold {
        font-weight: 600;
    }

    .privacy__body .underline {
        text-decoration: underline;
    }

    .privacy__body strong {
        font-weight: 600;
    }

    .privacy__body ol,
    .privacy__body ul {
        margin-top: 26px;
        padding-left: 20px;
    }

    .privacy__body li {
        margin-top: 26px;
        padding-left: 10px;
    }

    .privacy__body ol.alpha-list {
        list-style-type: upper-alpha;
    }

    .privacy__body ol.lower-alpha-list {
        list-style-type: lower-alpha;
    }

    .privacy__body ol.lower-roman-list {
        list-style-type: lower-roman;
    }

@media (max-width: 1024px) {
    .privacy {
        padding-top: 40px;
    }

    .privacy__header {
        font-size: 24px;
        line-height: 32px;
    }

    .privacy__body {
        margin-top: 24px;
        font-size: 16px;
        line-height: 24px;
    }
}

.disclaimer {
    padding-top: 152px;
    padding-bottom: 96px;
}

.disclaimer__header {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

.disclaimer__body {
    margin-top: 32px;
    font-size: 18px;
    line-height: 26px;
    color: #454545;
}

    .disclaimer__body .semibold {
        font-weight: 600;
    }

    .disclaimer__body ul {
        list-style-type: disc;
    }

    .disclaimer__body li:not(:first-child) {
        margin-top: 26px;
    }

    .disclaimer__body a {
        color: #f38a23;
    }

@media (max-width: 1024px) {
    .disclaimer {
        padding-top: 40px;
    }

    .disclaimer__header {
        font-size: 24px;
        line-height: 32px;
    }

    .disclaimer__body {
        margin-top: 24px;
        font-size: 16px;
        line-height: 24px;
    }
}