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

figure,
button,
blockquote,
ol,
ul,
p,
h1,
h2,
h3,
body {
    margin: 0;
}

th,
td,
button {
    padding: 0;
}

button:focus {
    outline: none;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
figure,
footer,
header {
    display: block;
}

ol,
ul {
    padding-left: 0;
    list-style-position: inside;
}

button {
    border-radius: 0;
}

button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    background: transparent;
}

button:focus {
    outline: none;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button,
[type='button'] {
    cursor: pointer;
    -webkit-appearance: button;
}

img {
    vertical-align: baseline;
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

svg {
    overflow: hidden;
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
}

th,
td {
    height: auto;
}

th {
    font-weight: bolder;
    text-align: inherit;
    text-align: -webkit-match-parent;
}

a {
    color: var(--link-color);
    text-decoration: none;
}

a:not([class]):hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

button:hover svg {
    fill: currentColor;
}

h3,
h2,
h1 {
    font-weight: 700;
    line-height: 1.2;
    color: var(--headings-color);
}

body {
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    line-height: 1;
    color: var(--text-color);
    text-align: left;
    background-color: #fff;
}

ul {
    list-style-type: none;
}

ol {
    list-style-type: decimal;
}

.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}


[class*='col'] {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.cl24-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.foc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.foc img {
    width: auto;
    max-height: 100%;
}

/* sass-lint:disable no-vendor-prefixes */

[class*='btn-'] {
    color: #fff;
    transition: 250ms ease-in-out;
}

.btn {
    display: inline-block;
    max-width: 100%;
    height: 62px;
    padding: 0 10px;
    font-weight: 700;
    color: var(--link-color);
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 3px solid transparent;
    border-radius: 10px;
}

a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
}

.btn:hover {
    text-decoration: none;
}

.btn:disabled {
    opacity: 0.5;
}

.btn--p {
    background-color: var(--primary);
}

.btn--p:hover {
    background-color: var(--primary-hover);
}

.btn--s {
    background-color: var(--secondary);
}

.btn--s:hover {
    background-color: var(--secondary-hover);
}

.wp-editor {
    line-height: 1.7647058824;
}

.wp-editor h2,
.wp-editor h3 {
    color: var(--headings-color);
}

.wp-editor li:not(:last-child) {
    margin-bottom: 3px;
}

.wp-editor ul li {
    padding-left: 30px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m256 0c-141.2 0-256 114.8-256 256s114.8 256 256 256 256-114.8 256-256-114.8-256-256-256z' fill='%234bae4f' fill-rule='evenodd'/%3E%3Cpath d='m206.7 373.1c-32.7-32.7-65.2-65.7-98-98.4-3.6-3.6-3.6-9.6 0-13.2l37.7-37.7c3.6-3.6 9.6-3.6 13.2 0l53.9 53.9 138.6-138.7c3.7-3.6 9.6-3.6 13.3 0l37.8 37.8c3.7 3.7 3.7 9.6 0 13.2l-183.3 183.1c-3.6 3.7-9.5 3.7-13.2 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 5px/18px 18px;
}

.wp-editor table {
    width: 100%;
    color: var(--dark);
    font-size: 16px;
    text-align: left;
}

.wp-editor table:not(.table-border-only) {
    position: relative;
    overflow: auto;
}

.wp-editor table:not(.table-border-only)::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 0 1px var(--primary);
    opacity: 0.2;
    z-index: -1;
}

.wp-editor table:not(.table-border-only) th,
.wp-editor table:not(.table-border-only) td {
    padding: 7px 10px;
    border: none;
    font-size: 16px;
    font-weight: 400;
}

.wp-editor table:not(.table-border-only) thead th {
    white-space: nowrap;
    color: #fff;
    font-weight: 700;
    background: var(--primary);
    text-transform: uppercase;
}

.wp-editor table:not(.table-border-only) tbody tr:nth-child(even) td {
    position: relative;
}

.wp-editor table:not(.table-border-only) tbody tr:nth-child(even) td::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--primary);
    opacity: 0.2;
    z-index: -1;
}

.wp-editor blockquote {
    position: relative;
    border: 1px solid var(--primary);
    border-left-width: 5px;
    z-index: 1;
    line-height: 1.5;
    font-weight: 500;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.wp-editor blockquote::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--primary);
    border-radius: inherit;
    opacity: 0.2;
}

.wp-editor blockquote::after {
    content: '';
    position: absolute;
    right: -4px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='67' height='68' viewBox='0 0 67 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.5 67.625C51.9718 67.625 67 52.5968 67 34.125C67 15.6532 51.9718 0.625 33.5 0.625C15.0282 0.625 0 15.6532 0 34.125C0 52.5968 15.028 67.625 33.5 67.625ZM38.6947 20.1594C40.651 18.3186 43.1012 17.3988 46.0452 17.3988C48.6679 17.3988 50.9919 18.5948 53.0161 20.9877C54.9949 23.2416 55.9838 25.681 55.9838 28.3039C55.9838 35.9904 50.6853 43.4193 40.0872 50.5919C39.7102 50.8471 38.7638 51.0717 38.2101 50.4567L37.1885 49.172C36.6945 48.3365 37.2928 47.5618 37.6802 47.2404C39.5219 45.7127 40.8611 44.5309 41.6967 43.6951C43.3355 41.9717 44.5468 40.2467 45.3466 38.5268C45.5295 38.1335 45.0627 37.8839 44.8202 37.8047C38.7812 35.8255 35.7608 32.3362 35.7608 27.3376C35.7614 24.3923 36.7394 21.9994 38.6947 20.1594ZM15.7112 20.1594C17.6675 18.3186 20.1177 17.3988 23.0617 17.3988C25.6844 17.3988 28.0084 18.5948 30.0326 20.9877C32.0114 23.2416 33.0003 25.681 33.0003 28.3039C33.0003 35.9904 27.7018 43.4193 17.1037 50.5919C16.7267 50.8471 15.7803 51.0717 15.2266 50.4567L14.205 49.172C13.711 48.3365 14.3093 47.5618 14.6967 47.2404C16.5384 45.7127 17.8776 44.5309 18.7132 43.6951C20.3519 41.9717 21.5633 40.2467 22.3631 38.5268C22.546 38.1335 22.0792 37.8839 21.8367 37.8047C15.7977 35.8255 12.7773 32.3362 12.7773 27.3376C12.7779 24.3923 13.7559 21.9994 15.7112 20.1594Z' fill='%23E69535'/%3E%3C/svg%3E") no-repeat 0 0 / contain;
}

img.aligncenter,
img.alignleft,
img.alignright {
    margin-bottom: 20px;
    border-radius: 8px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header {
    z-index: 6;
}

.btn-menu {
    width: 27px;
    height: 19px;
}

.primary-nav>li>a {
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}

.bs-h-l {
    z-index: 1;
}

.bs-h-l:hover::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: inherit;
    box-shadow: 0 2px 15px var(--dark);
    opacity: 0.2;
}

.f-menu a {
    color: inherit;
}

.f-menu a:hover {
    color: var(--primary);
}

.f-menu li {
    padding-left: 15px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.717369 0.345299C0.647537 0.414954 0.592133 0.497701 0.554331 0.588802C0.516528 0.679902 0.49707 0.777565 0.49707 0.876198C0.49707 0.97483 0.516528 1.07249 0.554331 1.16359C0.592133 1.25469 0.647537 1.33744 0.717369 1.4071L5.43697 6.1252L0.717369 10.8433C0.576565 10.9841 0.497463 11.1751 0.497463 11.3742C0.497463 11.5733 0.576565 11.7643 0.717369 11.9051C0.858172 12.0459 1.04914 12.125 1.24827 12.125C1.44739 12.125 1.63836 12.0459 1.77917 11.9051L7.02817 6.6561C7.098 6.58644 7.1534 6.50369 7.1912 6.41259C7.22901 6.32149 7.24846 6.22383 7.24846 6.1252C7.24846 6.02656 7.22901 5.9289 7.1912 5.8378C7.1534 5.7467 7.098 5.66395 7.02817 5.5943L1.77917 0.345299C1.70951 0.275467 1.62676 0.220064 1.53566 0.182261C1.44456 0.144459 1.3469 0.125 1.24827 0.125C1.14964 0.125 1.05197 0.144459 0.960872 0.182261C0.869771 0.220064 0.787024 0.275467 0.717369 0.345299Z' fill='%23E69535'/%3E%3C/svg%3E") no-repeat 0 1px;
}

.cl24-u-sm-2 {
    width: 18.66%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
}

.slots-img-container {
    width: 100%;
    height: 190px;
    background-color: #aa9d9d;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slots-img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.slots-img-container .open-modal {
    position: absolute;
    top: 40%;
    left: 10%;
    z-index: 10;
    background-color: #e69535;
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    display: none;
    width: 80%;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.slots-img-container .open-modal:hover {
    background-color: #bb8d54;
    text-decoration: none !important;
}

.slots-img-container:hover .open-modal {
    cursor: pointer;
    display: block;
}

.slots-img-container:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    width: 100vw;
    height: 100vh;
    transition: all 0.3s ease-in-out;
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    color: #fff;
    margin: auto;
    border: 1px solid inherit;
    width: 67%;
    transition: all 0.3s ease-in-out;
}

/* The Close Button */
.close,
.expander {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.expander {
    font-size: 20px;
    margin-right: 15px;
    margin-top: 5px;
}

.close:hover,
.close:focus,
.expander:hover,
.expander:focus {
    color: #e08312;
    text-decoration: none;
    cursor: pointer;
}

.modal-iframe {
    height: 584px;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.modal-header {
    background-color: #555da8;
    color: #fff;
    padding: 18px 10px;
    text-align: left;
}

.modal-footer {
    text-align: left;
    background-color: rgba(33, 42, 119, 0.8);
    color: #eff1f4;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.modal-footer p {
    padding-bottom: 5px;
}

.modal-cta {
    background-color: #10143b;
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    width: auto;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.modal-cta:hover {
    background-color: rgba(54, 68, 199, 0.8);
    text-decoration: none !important;
}

.casino-slots-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.casino-slots-footer .game_provider,
.casino-slots-footer .game-rtp-label {
    font-size: 0.75rem;
    color: #10143b;
}

.casino-slots-footer .game-name,
.casino-slots-footer .game-rtp {
    font-weight: 600;
    color: #10143b;
    padding-top: 5px;
}

.bg-w {
    background-color: #fff;
}

.bg-p {
    background-color: var(--primary);
}

.bg-pv {
    background-color: var(--primary-variant);
}

.bg-h-pv:hover {
    background-color: var(--primary-variant);
}

.bg-d {
    background-color: var(--dark);
}

.bg-l {
    background-color: var(--light);
}

.br-4 {
    border-radius: 4px;
}

.br-l-4 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.br-10 {
    border-radius: 10px;
}

.br-12 {
    border-radius: 12px;
}

.br-t-12 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.br-16 {
    border-radius: 16px;
}

.br-c {
    border-radius: 50%;
}

.d-n {
    display: none;
}

.d-ib {
    display: inline-block;
}

.d-f {
    display: flex;
}

.f-c {
    flex-direction: column;
}

.f-w {
    flex-wrap: wrap;
}

.ai-c {
    align-items: center;
}

.jc-sb {
    justify-content: space-between;
}

.as-c {
    align-self: center;
}

.of-h {
    overflow: hidden;
}

.ps-r {
    position: relative;
}

.ps-a {
    position: absolute;
}

.w-30 {
    width: 30px;
}

.w-46 {
    width: 46px;
}

.w-60 {
    width: 60px;
}

.w-100p {
    width: 100%;
}

.w-200 {
    width: 200px;
}

.w-a {
    width: auto;
}

.h-0 {
    height: 0;
}

.h-20 {
    height: 20px;
}

.h-25 {
    height: 25px;
}

.h-46 {
    height: 46px;
}

.h-65 {
    height: 65px;
}

.h-90 {
    height: 90px;
}

.h-100p {
    height: 100%;
}

.mh-100 {
    max-height: 100%;
}

.wa {
    width: auto;
}

.m-10 {
    margin: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-25,
.us-25 {
    margin-top: 25px;
}

.us-25 {
    margin-bottom: 25px;
}

.mt-30,
.us-30 {
    margin-top: 30px;
}

.mb-30,
.us-30 {
    margin-bottom: 30px;
}

.p-4 {
    padding: 4px;
}

.py-5 {
    padding-top: 5px;
}

.px-5 {
    padding-right: 5px;
}

.py-5 {
    padding-bottom: 5px;
}

.px-5 {
    padding-left: 5px;
}

.px-8 {
    padding-right: 8px;
}

.px-8 {
    padding-left: 8px;
}

.p-10 {
    padding: 10px;
}

.py-10 {
    padding-top: 10px;
}

.px-10 {
    padding-right: 10px;
}

.py-10 {
    padding-bottom: 10px;
}

.px-10 {
    padding-left: 10px;
}

.py-12 {
    padding-top: 12px;
}

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

.py-12 {
    padding-bottom: 12px;
}

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

.pt-15,
.py-15 {
    padding-top: 15px;
}

.px-15 {
    padding-right: 15px;
}

.py-15 {
    padding-bottom: 15px;
}

.px-15 {
    padding-left: 15px;
}

.pl-18 {
    padding-left: 18px;
}

.p-20 {
    padding: 20px;
}

.px-20 {
    padding-right: 20px;
}

.px-20 {
    padding-left: 20px;
}

.p-35 {
    padding: 35px;
}

.pl-35 {
    padding-left: 35px;
}

.py-40 {
    padding-top: 40px;
}

.py-40 {
    padding-bottom: 40px;
}

.mx-n5 {
    margin-right: -5px;
}

.mx-n5 {
    margin-left: -5px;
}

.mx-n8 {
    margin-right: -8px;
}

.mx-n8 {
    margin-left: -8px;
}

.mt-n10 {
    margin-top: -10px;
}

.mx-n10 {
    margin-right: -10px;
}

.mb-n10 {
    margin-bottom: -10px;
}

.mx-n10 {
    margin-left: -10px;
}

.mt-n15 {
    margin-top: -15px;
}

.mb-n20 {
    margin-bottom: -20px;
}

.mt-n25 {
    margin-top: -25px;
}

.m-a {
    margin: auto;
}

.tc-w {
    color: #fff;
}

.tc-base {
    color: var(--text-color);
}

.tc-in {
    color: inherit;
}

.tc-p {
    color: var(--primary);
}

.tc-h-p:hover {
    color: var(--primary);
}

.tc-d {
    color: var(--dark);
}

.tc-h-d:hover {
    color: var(--dark);
}

.tc-l {
    color: var(--light);
}

.ta-l {
    text-align: left;
}

.ta-c {
    text-align: center;
}

.td-n {
    text-decoration: none;
}

.fs-0 {
    font-size: 0;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

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

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-28 {
    font-size: 28px;
}

.fw-n {
    font-weight: 400;
}

.fw-m {
    font-weight: 500;
}

.fw-sb {
    font-weight: 500;
}

.fw-b {
    font-weight: 700;
}
.popular-slots {
    display: flex;
    flex-wrap: wrap;
}
.game-slots {
    width: 100%;
}
@media (min-width: 450px) {
    .game-slots {
        width: calc((100% / 2));
    }
}

@media (min-width: 768px) {
    .game-slots {
        width: calc(100% / 5);
    }
    body {
        font-size: var(--font-size-desktop);
    }

    h1 {
        font-size: var(--h1-desktop);
    }

    h2 {
        font-size: var(--h2-desktop);
    }

    h3 {
        font-size: var(--h3-desktop);
    }

    .dot-u-sm {
        display: flex;
        flex-wrap: wrap;
    }

    .cl24-u-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .cl24-u-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .cl24-u-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .cl24-u-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .cl24-u-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .dot-u-sm-3 .col {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .dot-u-sm-6 .col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wp-editor h2,
    .wp-editor h3 {
        clear: both;
    }

    .wp-editor blockquote {
        padding: 30px 100px 30px 30px;
        font-size: 20px;
    }

    .wp-editor blockquote::after {
        top: -16px;
        width: 67px;
        height: 67px;
    }

    .bg-u-sm-p {
        background-color: var(--primary);
    }

    .bg-u-sm-d {
        background-color: var(--dark);
    }

    .bg-u-sm-l {
        background-color: var(--light);
    }

    .d-u-sm-f {
        display: flex;
    }

    .f-u-sm-c {
        flex-direction: column;
    }

    .f-u-sm-w {
        flex-wrap: wrap;
    }

    .ai-u-sm-c {
        align-items: center;
    }

    .mt-u-sm-10 {
        margin-top: 10px;
    }

    .mt-u-sm-20 {
        margin-top: 20px;
    }

    .wp-editor h2:not(:last-child),
    .wp-editor h3:not(:last-child),
    .wp-editor ul:not(:last-child),
    .wp-editor ol:not(:last-child),
    .wp-editor p:not(:last-child),
    .wp-editor blockquote:not(:last-child),
    .wp-editor>div:not(:last-child) {
        margin-bottom: 25px;
    }

    .mt-u-sm-30 {
        margin-top: 30px;
    }

    .mb-u-sm-30 {
        margin-bottom: 30px;
    }

    .mb-u-sm-35 {
        margin-bottom: 35px;
    }

    .us-u-sm-40 {
        margin-top: 40px;
    }

    .mb-u-sm-40,
    .us-u-sm-40 {
        margin-bottom: 40px;
    }

    .mt-u-sm-50,
    .us-u-sm-50 {
        margin-top: 50px;
    }

    .us-u-sm-50 {
        margin-bottom: 50px;
    }

    .py-u-sm-10 {
        padding-top: 10px;
    }

    .py-u-sm-10 {
        padding-bottom: 10px;
    }

    .p-u-sm-20 {
        padding: 20px;
    }

    .px-u-sm-20 {
        padding-right: 20px;
    }

    .pl-u-sm-20,
    .px-u-sm-20 {
        padding-left: 20px;
    }

    .p-u-sm-25 {
        padding: 25px;
    }

    .py-u-sm-25 {
        padding-top: 25px;
    }

    .py-u-sm-25 {
        padding-bottom: 25px;
    }

    .px-u-sm-30 {
        padding-right: 30px;
    }

    .pb-u-sm-30 {
        padding-bottom: 30px;
    }

    .px-u-sm-30 {
        padding-left: 30px;
    }

    .p-u-sm-40 {
        padding: 40px;
    }

    .py-u-sm-40 {
        padding-top: 40px;
    }

    .py-u-sm-40 {
        padding-bottom: 40px;
    }

    .pt-u-sm-45 {
        padding-top: 45px;
    }

    .py-u-sm-50 {
        padding-top: 50px;
    }

    .py-u-sm-50 {
        padding-bottom: 50px;
    }

    .h2 {
        font-size: var(--h2-desktop);
    }

    .h3 {
        font-size: var(--h3-desktop);
    }

    .h4 {
        font-size: var(--h4-desktop);
    }

    .ta-u-sm-c {
        text-align: center;
    }

    .fs-u-sm-18 {
        font-size: 18px;
    }

    .fs-u-sm-20 {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {

    body {
        font-size: var(--font-size-mobile);
    }

    h1 {
        font-size: var(--h1-mobile);
    }

    h2 {
        font-size: var(--h2-mobile);
    }

    h3 {
        font-size: var(--h3-mobile);
    }

    .dot-o-xs {
        display: flex;
        flex-wrap: wrap;
    }

    .cl24-o-xs {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .cl24-o-xs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .dot-u-sm-3:not([class*='dot-o-xs-']) .col:not(:last-child),
    .dot-u-sm-6:not([class*='dot-o-xs-']) .col:not(:last-child) {
        margin-bottom: 30px;
    }

    .wp-editor {
        letter-spacing: 0.4px;
    }

    .wp-editor h2,
    .wp-editor h3 {
        text-align: center;
    }

    .wp-editor table:not(.table-border-only) {
        display: block;
    }

    .wp-editor blockquote {
        padding: 24px 55px 24px 24px;
        font-size: 18px;
    }

    .bg-o-xs-p {
        background-color: var(--primary);
    }

    .bg-o-xs-d {
        background-color: var(--dark);
    }

    .bg-o-xs-l {
        background-color: var(--light);
    }

    .d-o-xs-n {
        display: none;
    }

    .ai-o-xs-c {
        align-items: center;
    }

    .w-o-xs-100p {
        width: 100%;
    }

    .h-o-xs-46 {
        height: 46px;
    }

    .h-o-xs-55 {
        height: 55px;
    }

    .mt-o-xs-10 {
        margin-top: 10px;
    }

    .mt-o-xs-15 {
        margin-top: 15px;
    }

    .wp-editor h2:not(:last-child),
    .wp-editor h3:not(:last-child),
    .wp-editor ul:not(:last-child),
    .wp-editor ol:not(:last-child),
    .wp-editor p:not(:last-child),
    .wp-editor blockquote:not(:last-child),
    .wp-editor>div:not(:last-child) {
        margin-bottom: 15px;
    }

    .mt-o-xs-20,
    .us-o-xs-20 {
        margin-top: 20px;
    }

    .mb-o-xs-20,
    .us-o-xs-20 {
        margin-bottom: 20px;
    }

    .mb-o-xs-25 {
        margin-bottom: 25px;
    }

    .us-o-xs-30 {
        margin-top: 30px;
    }

    .mb-o-xs-30,
    .us-o-xs-30 {
        margin-bottom: 30px;
    }

    .mt-o-xs-40 {
        margin-top: 40px;
    }

    .px-o-xs-0 {
        padding-right: 0;
    }

    .px-o-xs-0 {
        padding-left: 0;
    }

    .py-o-xs-5 {
        padding-top: 5px;
    }

    .pr-o-xs-5 {
        padding-right: 5px;
    }

    .py-o-xs-5 {
        padding-bottom: 5px;
    }

    .pl-o-xs-5 {
        padding-left: 5px;
    }

    .p-o-xs-10 {
        padding: 10px;
    }

    .pb-o-xs-10 {
        padding-bottom: 10px;
    }

    .p-o-xs-12 {
        padding: 12px;
    }

    .p-o-xs-15 {
        padding: 15px;
    }

    .px-o-xs-15 {
        padding-right: 15px;
    }

    .pb-o-xs-15 {
        padding-bottom: 15px;
    }

    .px-o-xs-15 {
        padding-left: 15px;
    }

    .px-o-xs-20 {
        padding-right: 20px;
    }

    .pl-o-xs-20,
    .px-o-xs-20 {
        padding-left: 20px;
    }

    .pt-o-xs-30,
    .py-o-xs-30 {
        padding-top: 30px;
    }

    .py-o-xs-30 {
        padding-bottom: 30px;
    }

    .pt-o-xs-35 {
        padding-top: 35px;
    }

    .pr-o-xs-40 {
        padding-right: 40px;
    }

    .h2 {
        font-size: var(--h2-mobile);
    }

    .h3 {
        font-size: var(--h3-mobile);
    }

    .h4 {
        font-size: var(--h4-mobile);
    }

    .ta-o-xs-c {
        text-align: center;
    }

    .fs-o-xs-14 {
        font-size: 14px;
    }

    .fs-o-xs-16 {
        font-size: 16px;
    }

    .fs-o-xs-24 {
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        max-width: 768px;
    }

    .dot-o-sm {
        display: flex;
        flex-wrap: wrap;
    }

    .cl24-o-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .cl24-o-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cl24-o-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .ai-o-sm-c {
        align-items: center;
    }

    .w-o-sm-140 {
        width: 140px;
    }

    .p-o-sm-25 {
        padding: 25px;
    }

    .py-o-sm-50 {
        padding-top: 50px;
    }

    .py-o-sm-50 {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1229.98px) {
    .container {
        max-width: 980px;
    }

    .cl24-o-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .cl24-o-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .cl24-o-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .header .row {
        flex-wrap: nowrap;
    }
    
    .primary-nav>li {
        padding: 0 5px;
    }

    .primary-nav>li>a {
        font-size: 16px;
    }

    .w-o-md-150 {
        width: 150px;
    }

    .fs-o-md-14 {
        font-size: 14px;
    }
}

@media (min-width: 1230px) {
    .container {
        max-width: 1000px;
    }

    .container--lg {
        max-width: 1308px;
    }

    .cl24-u-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .cl24-u-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .cl24-u-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .cl24-u-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .primary-nav>li {
        padding: 0 15px;
    }

    .jc-u-lg-sb {
        justify-content: space-between;
    }

    .w-u-lg-200 {
        width: 200px;
    }

    .px-u-lg-5 {
        padding-right: 5px;
    }

    .px-u-lg-5 {
        padding-left: 5px;
    }

    .px-u-lg-40 {
        padding-right: 40px;
    }

    .px-u-lg-40 {
        padding-left: 40px;
    }

    .fs-u-lg-16 {
        font-size: 16px;
    }

    .fs-u-lg-24 {
        font-size: 24px;
    }
}

@media (max-width: 991.98px) {
    .cl24-d-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .header__nav.open {
        display: block;
        padding: 0;
        position: absolute;
        bottom: 0;
        transform: translateY(100%);
        min-width: 100%;
        left: 0;
        background-color: #f7f7f7;
    }
    .header__nav.open .primary-nav {
        padding: 30px;
        margin: 0 auto;
        max-width: 768px;
    }
    

    .cl24-d-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .cl24-d-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .cl24-d-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wp-editor blockquote::after {
        top: -10px;
        width: 45px;
        height: 45px;
    }

    img.alignleft,
    img.alignright {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    html {
        margin-top: 0 !important;
    }

    .d-d-sm-n {
        display: none;
    }

    .of-d-sm-a {
        overflow: auto;
    }

    .w-d-sm-100p {
        width: 100%;
    }

    .h-d-sm-46 {
        height: 46px;
    }

    .us-d-sm-15 {
        margin-top: 15px;
    }

    .us-d-sm-15 {
        margin-bottom: 15px;
    }

    .mt-d-sm-20 {
        margin-top: 20px;
    }

    .mb-d-sm-20 {
        margin-bottom: 20px;
    }

    .mt-d-sm-40 {
        margin-top: 40px;
    }

    .mb-d-sm-40 {
        margin-bottom: 40px;
    }

    .mt-d-sm-45 {
        margin-top: 45px;
    }

    .pr-d-sm-5 {
        padding-right: 5px;
    }

    .pl-d-sm-5 {
        padding-left: 5px;
    }

    .px-d-sm-10 {
        padding-right: 10px;
    }

    .px-d-sm-10 {
        padding-left: 10px;
    }

    .ml-d-sm-a {
        margin-left: auto;
    }

    .fs-d-sm-16 {
        font-size: 16px;
    }

    .fs-d-sm-18 {
        font-size: 18px;
    }

    .fw-d-sm-sb {
        font-weight: 500;
    }
}

@media (min-width: 992px) {
    .primary-nav {
        flex-wrap: wrap;
    }
    .header .header__nav {
        flex: 1;
    }
    .dot-u-md {
        display: flex;
        flex-wrap: wrap;
    }

    .cl24-u-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .cl24-u-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .order-u-md-1 {
        order: 1;
    }

    .order-u-md-2 {
        order: 2;
    }

    .cl24-u-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .cl24-u-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    img.alignleft {
        float: left;
        margin-right: 20px;
    }

    img.alignright {
        float: right;
        margin-left: 20px;
    }

    .primary-nav a:hover {
        color: var(--primary);
        text-decoration: none;
    }

    .d-u-md-n {
        display: none;
    }

    .d-u-md-f {
        display: flex;
    }

    .as-u-md-c {
        align-self: center;
    }

    .ps-u-md-r {
        position: relative;
    }

    .us-u-md-25 {
        margin-top: 25px;
    }

    .us-u-md-25 {
        margin-bottom: 25px;
    }

    .px-u-md-0 {
        padding-right: 0;
    }

    .pl-u-md-0,
    .px-u-md-0 {
        padding-left: 0;
    }

    .px-u-md-15 {
        padding-right: 15px;
    }

    .px-u-md-15 {
        padding-left: 15px;
    }

    .px-u-md-20 {
        padding-right: 20px;
    }

    .px-u-md-20 {
        padding-left: 20px;
    }

    .p-u-md-40 {
        padding: 40px;
    }

    .py-u-md-70 {
        padding-top: 70px;
    }

    .py-u-md-70 {
        padding-bottom: 70px;
    }

    .ml-u-md-n10 {
        margin-left: -10px;
    }

    .mx-u-md-n15 {
        margin-right: -15px;
    }

    .mx-u-md-n15 {
        margin-left: -15px;
    }

    .mr-u-md-n20 {
        margin-right: -20px;
    }

    .fs-u-md-18 {
        font-size: 18px;
    }

    .fs-u-md-20 {
        font-size: 20px;
    }

    .fw-u-md-b {
        font-weight: 700;
    }
}

@media (max-width: 1229.98px) {

    .fs-d-md-18 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .cl24-u-sm-2 {
        width: 100%;
        float: none;
        margin-bottom: 30px;
        position: relative;
        min-height: 1px;
        box-sizing: border-box;
    }

    .slots-img-container:hover .open-modal {
        display: none;
    }

    .slots-img-container {
        height: 190px;
    }

    .modal {
        padding-top: 0px;
        /* Location of the box */
    }

    .modal-content {
        width: 100% !important;
        height: 100%;
    }

    .modal-iframe {
        height: 80%;
    }

    .modal-footer {
        padding: 20px 10px;
    }
}

@media (max-width: 992px) {
    .modal-content {
        width: 80%;
    }
}

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,
            rgba(6, 147, 227, 1) 0%,
            rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,
            rgb(122, 220, 180) 0%,
            rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,
            rgba(252, 185, 0, 1) 0%,
            rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,
            rgba(255, 105, 0, 1) 0%,
            rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,
            rgb(238, 238, 238) 0%,
            rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,
            rgb(74, 234, 220) 0%,
            rgb(151, 120, 209) 20%,
            rgb(207, 42, 186) 40%,
            rgb(238, 44, 130) 60%,
            rgb(251, 105, 98) 80%,
            rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,
            rgb(255, 206, 236) 0%,
            rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,
            rgb(254, 205, 165) 0%,
            rgb(254, 45, 45) 50%,
            rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,
            rgb(255, 203, 112) 0%,
            rgb(199, 81, 192) 50%,
            rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,
            rgb(255, 245, 203) 0%,
            rgb(182, 227, 212) 50%,
            rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,
            rgb(202, 248, 128) 0%,
            rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,
            rgb(2, 3, 129) 0%,
            rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),
        6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:root {
    --primary: #d18f3f;
    --primary-hover: #ecbd5c;
    --primary-variant: #a88848;
    --primary-variant-hover: #e69535;
    --secondary: #1b553a;
    --secondary-hover: #4baa41;
    --secondary-variant: #78c2a4;
    --secondary-variant-hover: #229760;
    --neutral: #5e5c5c;
    --neutral-hover: #5d5d70;
    --dark: #101220;
    --dark-hover: #ecbd5c;
    --light: #f7f7f7;
    --light-hover: #e5e5e5;
    --text-color: #333333;
    --link-color: #e69535;
    --link-hover-color: #37805e;
    --headings-color: #171b36;
    --font-family: 'Roboto', sans-serif;
    --font-size-desktop: 16px;
    --font-size-mobile: 15px;
    --font-weight: 300;
    --h1-desktop: 43px;
    --h1-mobile: 29px;
    --h2-desktop: 39px;
    --h2-mobile: 25px;
    --h3-desktop: 29px;
    --h3-mobile: 22px;
    --h4-desktop: 19px;
    --h4-mobile: 17px;
    --h5-desktop: 15px;
    --h5-mobile: 16px;
    --h6-desktop: 13px;
    --h6-mobile: 14px;
}

.splide-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.casino__logo {
    height: auto;
    max-height: 160px;
    border-radius: 5px;
    object-fit: cover;
}

.anchor__list {
    padding: 30px 0;
    margin: 0;
    list-style-type: none;
    columns: 3 300px;
}

.anchor__list li {
    background: none important;
}

.anchor__item {
    margin: 0 10px 20px 0;
    line-height: 1.2em;
    text-transform: capitalize;
}

.anchor__item a {
    color: #383838;
    font-weight: 400;
    text-decoration: underline;
}

.anchor__item a:hover {
    color: var(--primary);
    text-decoration: none;
}

[id] {
    scroll-margin-top: 5vh;
}