﻿/*
 Theme Name:   Hotwinscasino Child
 Theme URI:    
 Description:  Hotwinscasino Theme
 Author:       SSS
 Author URI:   https://hotwinscasino.com
 Template:     hotwinscasino
 Version:      0.1
*/
@import url("css2-WorkSansitalwght0100..9001100..900_swap.css");
:root
{
    --hw_color_background_base: #1f0c35;
    --hw_color_font_btn: #1e0c36;
    --hw_color_front: #fefefe;
    --hw_color_accent: #f18d26;
    --hw_color_accent_rgba: #fba045;
    --hw_color_accentsecondary: #fd644f;
    --hw_color_accentsecondary_rgba: #fc6f5d;
    --hw_color_footer_a: #fd644f;
    --hw_rem_pixel: .0625rem;
    --hw_font_body_1_font-size: calc(var(--hw_rem_pixel) * 16);
    --hw_font_body_1_line-height: calc(var(--hw_rem_pixel) * 24);
    --hw_font_body_1_font-weight: 400;
    --hw_font_body_1_font-family: "Work Sans",sans-serif;
    --hw_font_display_1_font-size: calc(var(--hw_rem_pixel) * 96);
    --hw_font_display_1_line-height: calc(var(--hw_rem_pixel) * 108);
    --hw_font_display_1_font-weight: 700;
    --hw_font_display_2_font-size: calc(var(--hw_rem_pixel) * 64);
    --hw_font_display_2_line-height: calc(var(--hw_rem_pixel) * 72);
    --hw_font_display_2_font-weight: 700;
    --hw_font_display_3_font-size: calc(var(--hw_rem_pixel) * 48);
    --hw_font_display_3_line-height: calc(var(--hw_rem_pixel) * 62);
    --hw_font_display_3_font-weight: 700;
    --hw_font_display_4_font-size: calc(var(--hw_rem_pixel) * 40);
    --hw_font_display_4_line-height: calc(var(--hw_rem_pixel) * 50);
    --hw_font_display_4_font-weight: 700;
    --hw_font_600_font-weight: 600;
    --hw_font_500_font-weight: 500;
    --hw_font_400_font-weight: 400;
    --hw_font_300_font-weight: 300;
    --hw_font_featured_1_font-size: calc(var(--hw_rem_pixel) * 32);
    --hw_font_featured_1_line-height: calc(var(--hw_rem_pixel) * 40);
    --hw_font_featured_1_font-weight: 400;
    --hw_font_featured_2_font-size: calc(var(--hw_rem_pixel) * 24);
    --hw_font_featured_2_line-height: calc(var(--hw_rem_pixel) * 32);
    --hw_font_featured_2_font-weight: 400;
    --hw_font_featured_3_font-size: calc(var(--hw_rem_pixel) * 20);
    --hw_font_featured_3_line-height: calc(var(--hw_rem_pixel) * 28);
    --hw_font_featured_3_font-weight: 400;
    --hw_font_font-size_h1_descktop: calc(var(--hw_rem_pixel) * 40);
    --hw_font_font-size_h2_descktop: calc(var(--hw_rem_pixel) * 80);
    --hw_font_font-size_h3_descktop: calc(var(--hw_rem_pixel) * 40);
    --hw_btn_primary_gradient: linear-gradient(0deg,var(--hw_color_accentsecondary),var(--hw_color_accent));
    --hw_btn_primary_gradient_hover: linear-gradient(0deg,#fcd12e 0%,#fac02c 100%);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}/* make sure to set some focus styles for accessibility */
:focus
{
    outline: 0;
}/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration
{
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type=search]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
textarea
{
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio, canvas, video
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls])
{
    display: none;
    height: 0;
}/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden]
{
    display: none;
}/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html
{
    font-size: 100%;/* 1 */
    -webkit-text-size-adjust: 100%;/* 2 */
    -ms-text-size-adjust: 100%;/* 2 */
}/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus
{
    outline: thin dotted;
}/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover
{
    outline: 0;
}/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img
{
    border: 0;/* 1 */
    -ms-interpolation-mode: bicubic;/* 2 */
}/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure
{
    margin: 0;
}/**
 * Correct margin displayed oddly in IE 6/7.
 */
form
{
    margin: 0;
}/**
 * Define consistent border, margin, and padding.
 */
fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend
{
    border: 0;/* 1 */
    padding: 0;
    white-space: normal;/* 2 */
    *margin-left: -7px;/* 3 */
}/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button, input, select, textarea
{
    font-size: 100%;/* 1 */
    margin: 0;/* 2 */
    vertical-align: baseline;/* 3 */
    *vertical-align: middle;/* 3 */
}/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input
{
    line-height: normal;
}/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select
{
    text-transform: none;
}/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"]
{
    -webkit-appearance: button;/* 2 */
    cursor: pointer;/* 3 */
    *overflow: visible;/* 4 */
}/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled]
{
    cursor: default;
}/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"], input[type="radio"]
{
    box-sizing: border-box;/* 1 */
    padding: 0;/* 2 */
    *height: 13px;/* 3 */
    *width: 13px;/* 3 */
}/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"]
{
    -webkit-appearance: textfield;/* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;/* 2 */
    box-sizing: content-box;
}/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner, input::-moz-focus-inner
{
    border: 0;
    padding: 0;
}/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea
{
    overflow: auto;/* 1 */
    vertical-align: top;/* 2 */
}/**
 * Remove most spacing between table cells.
 */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
html, button, input, select, textarea
{
    color: #222;
}
::-moz-selection
{
    background: #b3d4fc;
    text-shadow: none;
}
::selection
{
    background: #b3d4fc;
    text-shadow: none;
}
img
{
    vertical-align: middle;
}
fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}
textarea
{
    resize: vertical;
}
.chromeframe
{
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}
html
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *::before, *::after
{
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
body
{
    font-size: var(--hw_font_body_1_font-size);
    line-height: var(--hw_font_body_1_line-height);
    font-weight: var(--hw_font_body_1_font-weight);
    font-family: var(--hw_font_body_1_font-family);
    color: var(--hw_color_front);
    margin: 0;
    background-color: var(--hw_color_background_base);
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}
.container
{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media(min-width: 576px)
{
    .container
    {
        max-width: 540px;
    }
}
@media(min-width: 768px)
{
    .container
    {
        max-width: 720px;
    }
}
@media(min-width: 992px)
{
    .container
    {
        max-width: 960px;
    }
}
@media(min-width: 1200px)
{
    .container
    {
        max-width: 1440px;
    }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
h1, .h1
{
    font-size: 2.5rem;
}
h2, .h2
{
    font-size: 2rem;
}
h3, .h3
{
    font-size: 1.75rem;
}
h4, .h4
{
    font-size: 1.5rem;
}
h5, .h5
{
    font-size: 1.25rem;
}
h6, .h6
{
    font-size: 1rem;
}
.lead
{
    font-size: 1.25rem;
    font-weight: 300;
}
.display-1
{
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-2
{
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-3
{
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-4
{
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}
hr
{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
small, .small
{
    font-size: 80%;
    font-weight: 400;
}
.navbar
{
    background-color: transparent;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 1000;
    width: 100%;
    padding: 0 .5rem;
}
@media(min-width: 768px)
{
    .navbar
    {
        padding: 0 1rem;
    }
}
.navbar .logo
{
    width: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    z-index: 1;
}
.navbar .nav
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}
@media(min-width: 768px)
{
    .navbar .nav
    {
        gap: 1rem;
    }
}
.btn
{
    box-shadow: none;
    height: auto;
    font-weight: 600;
    font-size: 13px;
    border-radius: 50px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s ease-in-out;
    outline: none;
    border: 0;
    padding: .3rem 1rem;
    display: block;
    outline: none;
}
@media(min-width: 768px)
{
    .btn
    {
        padding: .3rem 2rem;
        font-size: 1rem;
        font-weight: 700;
    }
}
.btn.btn__signup
{
    background-image: linear-gradient(90deg,#f28e26,#fd644f)!important;
    color: #1e0c36;
}
.btn.btn__login
{
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.btn.btn__promo
{
    background-image: linear-gradient(90deg,#f28e26,#fd644f)!important;
    color: #1e0c36;
    font-weight: 700;
    font-size: 26px;
    animation: pulse 1.5s infinite;
    width: 100%;
    min-width: 250px;
    padding: .8em 0;
    max-width: 250px;
}
@media(min-width: 992px)
{
    .btn:hover
    {
        color: var(--hw_color_front);
    }
}
.steps
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    position: relative;
}
@media(min-width: 768px)
{
    .steps
    {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}
.steps .steps__item
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}
.steps .steps__item::after
{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 3rem;
    background-color: #f97921;
    display: none;
}
@media(min-width: 768px)
{
    .steps .steps__item::after
    {
        display: block;
    }
}
.steps .steps__item:last-child::after
{
    display: none;
}
.steps .steps__item .steps__item-number
{
    font-size: var(--hw_font_display_4_font-size);
    font-weight: var(--hw_font_display_4_font-weight);
    line-height: var(--hw_font_display_4_line-height);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    text-align: center;
    width: 70px;
    height: 70px;
    min-width: 70px;
}
.steps .steps__item .steps__item-number::before
{
    border-radius: 100%;
    content: '';
    background-image: linear-gradient(to bottom,var(--hw_color_accent) 0%,var(--hw_color_accentsecondary) 100%);
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    position: absolute;
    z-index: -1;
}
.steps .steps__item .steps__item-number::after
{
    border-radius: 100%;
    content: '';
    background: var(--hw_color_background_base);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.steps .steps__item .steps__item-number .steps__item-number-value
{
    background: var(--hw_btn_primary_gradient);
    color: transparent;
    background-clip: text;
    position: relative;
    z-index: 3;
}
.steps .steps__item .steps__item-content
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .5rem;
}
.steps .steps__item .steps__item-content .steps__item-title
{
    font-size: var(--hw_font_featured_1_font-size);
    font-weight: var(--hw_font_500_font-weight);
    line-height: var(-\2dhw_font_featured_1_line-height);
}
.steps .steps__item .steps__item-content .steps__item-description
{
    font-weight: var(--hw_font_300_font-weight);
}
.section
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    overflow-x: hidden;
    position: relative;
}
.section.section__steps
{
    padding: 2rem 0;
}
.section.section__terms
{
    padding: 2rem 0;
}
.section.section__404
{
    min-height: 80vh;
}
.promo-t-and-c
{
    padding: 1rem;
    border-radius: 10px;
    position: relative;
    -webkit-box-shadow: 0 0 43px 21px rgba(250,158,54,.13);
    -moz-box-shadow: 0 0 43px 21px rgba(250,158,54,.13);
    box-shadow: 0 0 43px 21px rgba(250,158,54,.13);
    font-size: 12px;
    line-height: 16px;
}
.promo-t-and-c ol, .promo-t-and-c ul
{
    padding: 0 1.4rem;
}
.promo-t-and-c>*
{
    position: relative;
    z-index: 2;
}
@media(min-width: 768px)
{
    .promo-t-and-c
    {
        padding: 2rem;
    }
}
.promo-t-and-c::before
{
    border-radius: 10px;
    content: '';
    background-image: linear-gradient(to bottom,var(--hw_color_accent) 0%,var(--hw_color_accentsecondary) 100%);
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    position: absolute;
    z-index: -1;
}
.promo-t-and-c::after
{
    border-radius: 10px;
    content: '';
    background: var(--hw_color_background_base);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.promo-t-and-c a
{
    color: var(--hw_color_footer_a);
}
.promo-banner
{
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
    overflow: hidden;
    position: relative;
}
@media(min-width: 1025px)
{
    .promo-banner
    {
        max-height: 85vh;
        min-height: 70vh;
    }
}
.promo-banner picture, .promo-banner img
{
    width: 100%;
    height: auto;
    display: block;
}
.promo-banner picture
{
    height: 100%;
    padding-top: 0;
}
.promo-banner img
{
    object-fit: cover;
    object-position: center;
}
.promo-banner .promo-banner__terms
{
    width: 100%;
    font-size: 11px;
    text-align: center;
    line-height: 1.4;
    opacity: .7;
    padding: .3rem 0;
    position: relative;
    z-index: 11;
}
.promo-banner .promo-banner__terms a
{
    color: var(--hw_color_footer_a);
}
.promo-banner .promo-banner__terms.mobile
{
    padding: 2rem 0 .3rem;
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__terms.mobile
    {
        display: none;
    }
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__terms.desktop
    {
        position: absolute;
        bottom: 0;
        padding: 0 .5rem;
    }
}
@media(max-width: 1025px)
{
    .promo-banner .promo-banner__terms.desktop
    {
        display: none;
    }
}
.promo-banner .promo-banner__wrapper
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    color: var(--hw_color_front);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__wrapper
    {
        padding-top: 0;
    }
}
.promo-banner .promo-banner__wrapper .promo-banner_container
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
@media(max-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner_container
    {
        height: 100%;
    }
}
.promo-banner .promo-banner__wrapper .promo-banner__content
{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media(max-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content
    {
        justify-content: space-between;
        height: 100%;
    }
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content
    {
        max-width: 700px;
        align-items: flex-start;
    }
}
.promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__offer
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text
{
    text-align: center;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-shadow: 5px 5px 10px rgba(0,0,0,.8);
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text
    {
        gap: .5rem;
        margin-bottom: 1rem;
    }
}
.promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h1, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h1
{
    font-size: var(--hw_font_featured_1_font-size);
    font-weight: var(--hw_font_featured_1_font-weight);
    line-height: 1;
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h1, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h1
    {
        font-size: var(--hw_font_font-size_h1_descktop);
        font-weight: var(--hw_font_featured_1_font-weight);
        line-height: var(--hw_font_featured_1_line-height);
    }
}
.promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h2, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h2
{
    font-size: var(--hw_font_display_2_font-size);
    font-weight: var(--hw_font_display_2_font-weight);
    line-height: 1;
}
@media(max-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h2, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h2
    {
        font-size: var(--hw_font_display_3_font-size);
        font-weight: var(--hw_font_display_3_font-weight);
        line-height: var(--hw_font_display_3_line-height);
    }
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h2, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h2
    {
        font-size: var(--hw_font_font-size_h2_descktop);
        font-weight: var(--hw_font_display_2_font-weight);
        line-height: var(--hw_font_display_2_line-height);
    }
}
.promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h3, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h3, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h4, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h4, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h5, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h5
{
    font-size: var(--hw_font_featured_1_font-size);
    font-weight: var(--hw_font_featured_1_font-weight);
    line-height: 1;
}
@media(min-width: 1025px)
{
    .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h3, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h3, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h4, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h4, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text h5, .promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-text .h5
    {
        font-size: var(--hw_font_font-size_h3_descktop);
        font-weight: var(--hw_font_featured_2_font-weight);
        line-height: var(--hw_font_featured_2_line-height);
    }
}
.promo-banner .promo-banner__wrapper .promo-banner__content .promo-banner__content-img
{
    max-width: 200px;
    height: auto;
}
@-webkit-keyframes pulse
{
    0%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(252,209,46,.6);
    }
    70%
    {
        -webkit-box-shadow: 0 0 0 15px rgba(250,192,44,0);
    }
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(250,192,44,0);
    }
}
@keyframes pulse
{
    0%
    {
        -moz-box-shadow: 0 0 0 0 rgba(252,209,46,.6);
        box-shadow: 0 0 0 0 rgba(252,209,46,.6);
    }
    70%
    {
        -moz-box-shadow: 0 0 0 15px rgba(250,192,44,0);
        box-shadow: 0 0 0 15px rgba(250,192,44,0);
    }
    100%
    {
        -moz-box-shadow: 0 0 0 0 rgba(250,192,44,0);
        box-shadow: 0 0 0 0 rgba(250,192,44,0);
    }
}
.footer
{
    padding: 2rem 0 .5rem;
}
.footer .disclaimer a
{
    color: var(--hw_color_footer_a);
}
.footer__text
{
    color: rgba(255,255,255,.5);
    font-size: .75rem;
    opacity: .8;
    margin: 1.25rem 0;
}
@media(max-width: 768px)
{
    .footer__text
    {
        text-align: center;
    }
}
.footer__brands
{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.footer__brands ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 64.375rem;
    column-gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media(max-width: 768px)
{
    .footer__brands ul
    {
        row-gap: .9375rem;
        justify-items: space-evenly;
    }
}
.footer__brands ul li
{
    margin-bottom: .9375rem;
    width: 130px;
    height: 40px;
    cursor: pointer;
    background: url(../../willbetgambling/image/footerIconsSprite.webp) no-repeat;
    padding: 0;
    border: 0;
}
.footer__brands ul li a
{
    display: block;
    height: 100%;
}
.footer__brands ul li.GAMBLING
{
    background-position: -3162px 0;
}
.footer__brands ul li.PBPROGRESSPLAY
{
    background-position: -2882px 0;
}
.footer__brands ul li.MGA
{
    background-position: -3030px 0;
}
.footer__brands ul li.PCI
{
    background-position: -2742px 0;
}
.footer__brands ul li.GAMBLEAWARE2
{
    background-position: -2592px 0;
    width: 140px;
    height: 30px;
}
.footer__brands ul li.GAMSTOP2
{
    background-position: -2452px 0;
}
.footer__brands ul li.SECTIGO
{
    background-position: -3453px 0;
}
.footer__brands ul li.NOIMAGE
{
    background: none;
}
.footer__brands ul li.MUCHOGAMING
{
    background-position: -5154px 0;
    width: 157px;
}
.footer__brands ul li.AGE18
{
    background-position: -3302px 0;
    width: 140px;
    height: 30px;
}
@media(max-width: 768px)
{
    .footer .brand__img:last-child
    {
        grid-column: 1/4;
    }
}
.footer .brand__img:hover
{
    cursor: pointer;
    transition: all .2s ease-in;
    transform: scale(1.1);
}
.footer__copyright
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .9375rem 1.125rem;
}
@media(max-width: 768px)
{
    .footer__copyright
    {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 0;
    }
    .footer__copyright .copyright__links
    {
        grid-row-start: 1;
        grid-column-start: 1;
        border-bottom: .0625rem solid #131520;
        width: 100%;
        justify-content: center!important;
        padding: 1.5625rem 0 2.1875rem;
        margin-right: 25px;
    }
    .footer__copyright .copyright__text
    {
        padding: 1.25rem 0;
    }
}
.footer-copyright
{
    width: 100%;
    text-align: center;
    padding: .5rem 0;
}
.main__home
{
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main__home .restricted-content
{
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.main__home .restricted-content h1
{
    margin-bottom: 1rem;
}
.container__404
{
    width: 100%;
    margin: 0 auto;
}
.container__404 h1
{
    font-weight: var(--hw_font_600_font-weight);
}
@media(min-width: 992px)
{
    .container__404
    {
        width: 60%;
    }
}