:root {
    --secondary: #000000;
    --light: #f6f6f6;
    --mainfont: #122F4D;
    --secondaryfont: #393933;
    --lightfont: #7F7F7F;
    --highlight: #FAC916;
    --blue: #0081E6;
    --banner: #31C5B1;
    --menuhover: #EEF2F5;
    --hover: #DBE3E9;
    --border1: #707070;
    --border2: #CDD9E3;
    --light2: #F5F7F8;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    --hbInfoColor: #ffffff;
    --hbInfoBroderClr: #ff3b3f;
    --hbBtnTxtClr: #ffffff;
    --hbBtnTxtUpClr: #122F4D;
    --hbBtnStroke: #ffffff;
    --hbBtnBgClr: transparent;
    --hbBtnBgUpClr: #ffffff;
    --borderlight: #a09e9e;
    --qLinkColumns: 3;
    --fontlight2: #87878b
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    overflow-x: hidden
}

body {
    font-family: 'Inter';
}

a {
    text-decoration: none;
    color: #b1acc6;
}

a:hover {
    color: #d7d3e6;
    text-decoration: underline;
}

ul,
ol {
    margin-left: 20px;
    color: #ffffff;
}

.container {
    width: 100%;
    margin: auto;
    position: relative
}


::-webkit-scrollbar {
    background: #171c29;
    box-shadow: inset rgba(64, 64, 190, 0.753) 0 0 6px;
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #4d5c81;
}

::-webkit-scrollbar-thumb:active {
    background: #5e6f99;
    box-shadow: inset #707094c0 0 0 6px;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
    background: #10141a;
    z-index: 9999;


}

header .logo-wrap {
    width: 200px;
    display: inline-block;

    position: relative;
    vertical-align: middle
}

header .logo-wrap img {
    width: 100%
}

header .header-wrap {
    position: relative;
    padding: 18px 0;
    -webkit-transition: all .2s;
    transition: all .2s
}



main {
    width: 100%;
    margin: auto;
    min-height: 50vh;
}

h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

main h1 {
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .01em;
    color: #ffffff;
    margin-top: 20px;
}

main h2 {
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {

    .col-12 {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {

    body {
        padding-top: 71px
    }

    .container {
        padding: 0
    }

    main h1 {
        padding-left: 0;
        position: relative
    }

    main h2 {
        position: relative;
        margin-bottom: 20px
    }

    .innercontainer {
        padding: 0 10px 0
    }

    header .logo-wrap {
        width: 200px;
    }

    header .header-wrap {
        padding: 13px 0
    }

    .innercontainer {
        padding: 0 10px !important
    }

    .home main h1 {
        padding: 0px 10px 0;
        font-size: 30px;
        margin-bottom: 40px;
        line-height: 1;
        margin-top: -120px;

    }
}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 83px
    }
}

h3 {
    font-size: 20px;
    line-height: 1.15;
    font-weight: 500
}


body h3 {
    font-weight: 600;
    font-size: 25px;
    color: rgb(239 164 40);
    text-align: center;
}

html body {
    font-family: Inter;
    font-weight: 400;
    padding-top: 57.43px !important;
}

body header .header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

/* header {
    height:62px
} */

body header .logo-wrap {
    margin: -4px 0 0 0
}




body header .header-wrap {
    padding: 0px;
}

.footerSecMain {

    padding: 30px 15px 30px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-top: 1px solid #000;
}

.footerSecMain .copy {
    margin-top: 24px
}

.copyr {
    color: #ffffff;
}

.footer-logo {
    margin-bottom: 20px;
}

.footerSecMain .copy span {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* color: #6e7685; */
    display: block
}

body .innercontainer {
    padding: 0 !important
}

body main .container {
    /* background: #f0f1f2; */
    max-width: 1100px
}

body.home main .container {
    max-width: none;
    /* background-color:#fff */
    margin-bottom: 10px;
}

body main h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    text-transform: uppercase;
    font-style: italic;
}

@media only screen and (min-width: 1025px) {

    body header .logo-wrap {
        padding: 0
    }

    /* body header .header-wrap {
        padding:0
    } */
}

@media only screen and (min-device-width: 768px) and(max-device-width: 768px) and(orientation: portrait) and(-webkit-min-device-pixel-ratio: 2) {
    body main .container {
        max-width: 750px
    }
}

@media (min-width: 992px) {

    header .logo-wrap img {
        width: 100%
    }

    body {
        padding-top: 68.43px !important
    }

    /* header {
        height:68px
    } */

    body .footerSecMain {
        padding: 51px 15px 50px
    }

    .footerSecMain .copy span {
        line-height: 18px
    }

    body main h2 {
        font-size: 26px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1024px) {

    body.down header .header-wrap {
        padding: 1px 0 0
    }
}

@media only screen and (min-device-width: 1024px) and(max-device-width: 1024px) and(orientation: portrait) and(-webkit-min-device-pixel-ratio: 2) {

    body main .container {
        max-width: 980px
    }
}

.radioGroup [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.radioGroup [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    color: #000
}

.radioGroup [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #d1d3d9;
    border-radius: 100%;
    background: #fff
}

.radioGroup [type=radio]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #03a87c;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.boxmainSF .radioGroup [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}


a[target=_blank] {
    font-weight: 600
}

/* body a[target=_blank] {
    color:#4678f9
} */

:root {
    --color-blue: #dfe5f6;
    --color-green: #e5f6df;
    --color-lilac: #e5dff6;
    --color-purple: #c5b7ec;
    --color-shadow-light: rgba(186, 172, 191, 0.35);
    --color-shadow-dark: transparent;
    --color-white: #ffffff;
    --color-petrol: #000809;
    --color-pink: #ebd4f3;
    --color-yellow: #f6f0df;
    --font-fam-primary: 'Bangers', cursive;
    --shadow-before: 10px 10px 0px 0px;
    --shadow-after: 5px 5px 0px 0px
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

@media only screen and (max-width: 480px) {

    /* body header .header-wrap {
        padding:11px 0
    } */

    body header .logo-wrap {
        margin: 0
    }
}

body header .header-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width: 768px) {

    body header .header-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    color: #000
}

.radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    border: 1px solid #d1d3d9;
    border-radius: 100%;
    background: #fff
}

.radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #03a87c;
    position: absolute;
    top: 0;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media (max-width: 768px) {

    .radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label {
        height: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label:before {
        top: 9px
    }

    .radioBtnSecAB .radioGroupAwd [type=radio]:not(:checked)+label:after {
        top: 12px
    }
}


@media (min-width: 1024px) {
    .headerLogo {
        padding-left: 50px
    }
}

img,
svg {
    max-width: 100%
}

@media (min-width: 992px) {
    body header .header-wrap {
        width: 100%
    }
}

:root {
    --siteBgColor: #00d8af;
    --containerBg: #E5E5E5;
    --headerSecBgColor: #1B243A;
    --allContentColor: #000000;
    --ribbonBgColor: #709727;
    --rankGreyBgColor: #D1D3D9;
    --tcTextColor: #6E7685;
    --siteHoverBgColor: #1db1cf;
    --whiteColor: #ffffff;
    --bannerBgColor: #12192C;
    --mainMenuBgColor: rgb(255, 255, 255, 0.1);
    --footerBgColor: #0D1320;
    --copyRightTextColor: #9EA1A5;
    --bodygrycolor: #EBEAE8
}

body {
    font-size: 16px;
    color: #fff;
}


/* body header .header-wrap {
    padding:7px 0
} */

body header .logo-wrap {
    margin: 0
}

body header .logo-wrap img {
    /* width: 121.65px; */
    margin-top: 0
}



a[target=_blank] {
    font-weight: 600
}

body header .header-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

@media (min-width: 992px) {

    body header .logo-wrap img {
        /* width: 100%; */
        margin: 0
    }

    body header .header-wrap {
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: space-between;

    }

    body header .logo-wrap {
        margin: 0
    }
}


@media only screen and (min-device-width: 768px) and(max-device-width: 768px) and(orientation: portrait) and(-webkit-min-device-pixel-ratio: 2) {

    body header .logo-wrap img {
        margin: 0
    }
}

/* == custom == */
.h-100 {
    height: 100%;
}

.text-white {
    color: #ffffff;
}

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

/* greed */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
::after,
::before {
    box-sizing: inherit
}

.c_container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
}

@media (min-width:576px) {
    .c_container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .c_container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .c_container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .c_container {
        max-width: 1240px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    margin-left: -15px;

}

.col-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.page_wrapper {

    background-size: 15px 15px, auto;
}

.page_content p {
    margin-bottom: 30px;
    color: #ffffff;
}

.page_content h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
}

.page_content h2 {
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #ffd203;
}

.page_content img {
    height: auto;
}

.page_content table {
    width: 100%;
}

.mobile-grid {
    text-align: center;
        display: flex;
        justify-content: space-evenly;
        margin-top: 30px;
        margin-bottom: 15px;
        gap: 10px;

}

.android-app {
    background: url(../img/android.svg) center center no-repeat;
    width: 196px;
}

.appstore {
    background: url(../img/app-store.svg) center center no-repeat;
    width: 196px;
}

.mob-link {
    /* box-shadow: 0 0 0 3px #78f9bb; */
    display: inline-block;
    background-size: contain;
    height: 58px;
    color: transparent;
    border-radius: 10px;
    transform: skew(-10deg);
    box-shadow: #ffd203 0 0 15px, #ffd203 2px 3px 0 0px;
    border: #ffd203 2px solid;
}

header {
    height: 62px;
}

table tr td {
    display: table-cell;
    text-align: left;
    padding: 10px;
    line-height: 1.5;
    font-size: 14px;
	text-shadow: 1px 1px 1px #000000;
}

table tr:nth-child(even) td {
    background: #a4880b;
}

.corg-footer-inr {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.corg-footer-inr img {
    margin-right: 10px;
}

table {
    border: 1px solid #252d42;
    border-collapse: collapse;
    overflow-x: scroll;
}

@media (max-width: 992px) {
    .page-txt {
        overflow-x: scroll;
    }
}

@media (max-width: 767px) {
    table tbody  {
        min-width: 500px;
    }
	.page_content table{
		overflow: scroll;
    	display: block;
	}
}

table tbody {
    display: block;
    font-size: 16px;
    width: 100%;
    background-color: #977d09;
}

table {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    border-bottom: 1px solid #252d42;

}

table tr:nth-child(2n) {
    background: #029555;
}

table td {
    width: 100%;
    padding: 13px 10px;
    border-right: 1px solid #252d42;
    word-break: break-all;
    min-width: 110px;
}

.compoff-footer__wrap {
    padding: 70px 0;
    margin: 0 auto;
    display: -ms-grid;
    -ms-grid-columns: 4.5fr 50px 7.5fr;
    grid-template-columns: 4.5fr 7.5fr;
    grid-gap: 0 150px;
    max-width: 1160px;
    -ms-grid-rows: auto 0 auto 0 auto;
    grid-template-areas: "menu paysys" "info paysys" "extra-info paysys"
}

.compoff-footer__wrap {
    display: flex;
    justify-content: space-between;
}

.compoff-footer__title {
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}

.compoff-footer__pays-section {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 3;
    grid-area: paysys;
    display: block;
    margin-bottom: 60px
}

.compoff-footer__pays-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.compoff-footer__pays-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 105px;
    height: 90px;
    margin: 2px;
    padding: 10px;
    /* border-radius: 8px; */
    background-color: #171c29;
    background-image: radial-gradient(85% 60% at 51.19% 100%, hsla(0, 0%, 54.9%, .6) 5%, transparent 80%);
    transform: skew(-10deg);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.compoff-footer__pays-item:hover img {
    opacity: 1
}

.compoff-footer__pays-item img {
    width: auto;
    height: auto;
    /* opacity: .8; */
    display: block;
    margin: 0 auto;
    /* filter: drop-shadow(2px 4px 6px black); */
}

@media only screen and (max-width: 992px) {
    .compoff-footer__wrap {
        flex-direction: column;
        align-items: center;
    }
}

.page-txt {
    margin-top: 20px;
    margin-bottom: 20px;
}

.col-12,
.col-md-6,
.col-md-8 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

/* --------------- */

:root {
    --white-1000: 255, 255, 255;
    --black-800: 31, 33, 38;
    --black-700: 23, 28, 39;
    --red-1000: 248, 15, 31;
    --red-900: 244, 67, 54;
    --green-900: 8, 201, 143;
    --green-1000: 0, 200, 83;
    --yellow-1000: 255, 214, 0;
    --yellow-900: 255, 229, 145;
    --yellow-800: 255, 160, 0;
    --yellow-700: 251, 192, 45;
    --purple-1000: 131, 66, 237;
    --purple-900: 120, 87, 217;
    --purple-650: 104, 41, 206;
    --purple-600: 45, 25, 110;
    --purple-550: 44, 19, 98;
    --purple-500: 24, 8, 76;
    --purple-450: 34, 10, 65;
    --purple-400: 38, 18, 100;
    --purple-370: 56, 16, 105;
    --purple-350: 61, 7, 131;
    --purple-300: 113, 56, 209;
    --purple-200: 82, 78, 114;
    --purple-100: 140, 135, 179;
    --blue-800: 8, 20, 76;
    --blue-400: 53, 134, 255;
    --blue-300: 25, 53, 110;
    --blue-200: 42, 120, 238;
    --blue-100: 85, 201, 255;
    --neutral-dark: 0, 0, 0;
    --neutral-1000: 20, 20, 20;
    --neutral-900: 31, 31, 31;
    --neutral-800: 51, 51, 51;
    --neutral-700: 84, 84, 84;
    --neutral-600: 117, 117, 117;
    --neutral-500: 175, 175, 175;
    --neutral-400: 203, 203, 203;
    --neutral-300: 226, 226, 226;
    --neutral-200: 238, 238, 238;
    --neutral-100: 246, 246, 246;
    --neutral-50: 239, 242, 245;
    --primary-color: 255, 216, 107;
    --secondary-color-blue: 100, 193, 255;
    --primary-text-color: rgb(var(--white-1000));
    --tertiary-text-color: 179, 172, 210;
    --link-color-secondary: 166, 113, 253;
    --blue-navigation: 41, 121, 255;
    --button-text-dark: 23, 18, 43;
    --background-casino: 22, 8, 64;
    --background-sport: 0, 17, 51;
    --primary-box-shadow-color: 223, 152, 70;
    --secondary-box-shadow-color: 82, 27, 171;
    --warn-box-shadow-color: 34, 80, 199;
    --banner-primary-color: 255, 217, 109;
    --button-border-color-red: 248, 15, 31;
    --wall-of-wins-shadow-color: 162, 107, 253;
    --primary-color-gradient: linear-gradient(rgb(var(--primary-color)), #ffbd59);
    --secondary-color-gradient: linear-gradient(rgb(var(--purple-1000)), rgb(var(--purple-650)));
    --warn-color-gradient: linear-gradient(rgb(var(--secondary-color-blue)), #2e72d7);
    --secondary-text-color: 138, 131, 163;
    --link-color-primary: 255, 231, 29;
    --background-primary: 5, 1, 10;
    --color-white: 255, 255, 255;
    --color-black: 0, 0, 0;
    --color-green: 144, 230, 46;
    --color-primary: 5, 1, 10;
    --color-secondary: 248, 15, 31;
    --color-tertiary-dark: 17, 21, 31;
    --color-tertiary-contrast: 23, 28, 41;
    --color-tertiary-gray: 37, 45, 66;
    --color-tertiary-light: 138, 131, 163;
    --color-yellow: 255, 231, 29;
    --color-yellow-hover: 255, 172, 28;
    --color-yellow-active: 255, 200, 105;
    --background-footer: linear-gradient(180deg, rgb(var(--primary)) 60%, rgb(var(--tertiary-dark)) 100%);
    --background-header: linear-gradient(180deg, rgb(var(--primary)) 0%, #1a1f2e 73%, #232732 93%);
    --background-dots-pattern: rgb(var(--color-tertiary-contrast));
    --background-main: rgb(var(--color-primary));
    --background-carbon: linear-gradient(180deg, #232732 0%, rgb(var(--primary)) 75%);
    --background-secondary-gradient: linear-gradient(180deg, #f88b92 0%, rgb(var(--secondary)) 65%);

    --white-1000: 255, 255, 255;
    --black-800: 31, 33, 38;
    --black-700: 23, 28, 39;
    --red-1000: 248, 15, 31;
    --red-900: 244, 67, 54;
    --green-900: 8, 201, 143;
    --green-1000: 0, 200, 83;
    --yellow-1000: 255, 214, 0;
    --yellow-900: 255, 229, 145;
    --yellow-800: 255, 160, 0;
    --yellow-700: 251, 192, 45;
    --purple-1000: 131, 66, 237;
    --purple-900: 120, 87, 217;
    --purple-650: 104, 41, 206;
    --purple-600: 45, 25, 110;
    --purple-550: 44, 19, 98;
    --purple-500: 24, 8, 76;
    --purple-450: 34, 10, 65;
    --purple-400: 38, 18, 100;
    --purple-370: 56, 16, 105;
    --purple-350: 61, 7, 131;
    --purple-300: 113, 56, 209;
    --purple-200: 82, 78, 114;
    --purple-100: 140, 135, 179;
    --blue-800: 8, 20, 76;
    --blue-400: 53, 134, 255;
    --blue-300: 25, 53, 110;
    --blue-200: 42, 120, 238;
    --blue-100: 85, 201, 255;
    --neutral-dark: 0, 0, 0;
    --neutral-1000: 20, 20, 20;
    --neutral-900: 31, 31, 31;
    --neutral-800: 51, 51, 51;
    --neutral-700: 84, 84, 84;
    --neutral-600: 117, 117, 117;
    --neutral-500: 175, 175, 175;
    --neutral-400: 203, 203, 203;
    --neutral-300: 226, 226, 226;
    --neutral-200: 238, 238, 238;
    --neutral-100: 246, 246, 246;
    --neutral-50: 239, 242, 245;
    --primary-color: 255, 216, 107;
    --secondary-color-blue: 100, 193, 255;
    --primary-text-color: rgb(var(--white-1000));
    --tertiary-text-color: 179, 172, 210;
    --link-color-secondary: 166, 113, 253;
    --blue-navigation: 41, 121, 255;
    --button-text-dark: 23, 18, 43;
    --background-casino: 22, 8, 64;
    --background-sport: 0, 17, 51;
    --primary-box-shadow-color: 223, 152, 70;
    --secondary-box-shadow-color: 82, 27, 171;
    --warn-box-shadow-color: 34, 80, 199;
    --banner-primary-color: 255, 217, 109;
    --button-border-color-red: 248, 15, 31;
    --wall-of-wins-shadow-color: 162, 107, 253;
    --primary-color-gradient: linear-gradient(rgb(var(--primary-color)), #ffbd59);
    --secondary-color-gradient: linear-gradient(rgb(var(--purple-1000)), rgb(var(--purple-650)));
    --warn-color-gradient: linear-gradient(rgb(var(--secondary-color-blue)), #2e72d7);
    --secondary-text-color: 138, 131, 163;
    --link-color-primary: 255, 231, 29;
    --background-primary: 5, 1, 10;
    --color-white: 255, 255, 255;
    --color-black: 0, 0, 0;
    --color-green: 144, 230, 46;
    --color-primary: 5, 1, 10;
    --color-secondary: 248, 15, 31;
    --color-tertiary-dark: 17, 21, 31;
    --color-tertiary-contrast: 23, 28, 41;
    --color-tertiary-gray: 37, 45, 66;
    --color-tertiary-light: 138, 131, 163;
    --color-yellow: 255, 231, 29;
    --color-yellow-hover: 255, 172, 28;
    --color-yellow-active: 255, 200, 105;
    --background-footer: linear-gradient(180deg, rgb(var(--primary)) 60%, rgb(var(--tertiary-dark)) 100%);
    --background-header: linear-gradient(180deg, rgb(var(--primary)) 0%, #1a1f2e 73%, #232732 93%);
    --background-dots-pattern: rgb(var(--color-tertiary-contrast));
    --background-main: rgb(var(--color-primary));
    --background-carbon: linear-gradient(180deg, #232732 0%, rgb(var(--primary)) 75%);
    --background-secondary-gradient: linear-gradient(180deg, #f88b92 0%, rgb(var(--secondary)) 65%);

    --white-1000: 255, 255, 255;
    --black-800: 31, 33, 38;
    --black-700: 23, 28, 39;
    --red-1000: 248, 15, 31;
    --red-900: 244, 67, 54;
    --green-900: 8, 201, 143;
    --green-1000: 0, 200, 83;
    --yellow-1000: 255, 214, 0;
    --yellow-900: 255, 229, 145;
    --yellow-800: 255, 160, 0;
    --yellow-700: 251, 192, 45;
    --purple-1000: 131, 66, 237;
    --purple-900: 120, 87, 217;
    --purple-650: 104, 41, 206;
    --purple-600: 45, 25, 110;
    --purple-550: 44, 19, 98;
    --purple-500: 24, 8, 76;
    --purple-450: 34, 10, 65;
    --purple-400: 38, 18, 100;
    --purple-370: 56, 16, 105;
    --purple-350: 61, 7, 131;
    --purple-300: 113, 56, 209;
    --purple-200: 82, 78, 114;
    --purple-100: 140, 135, 179;
    --blue-800: 8, 20, 76;
    --blue-400: 53, 134, 255;
    --blue-300: 25, 53, 110;
    --blue-200: 42, 120, 238;
    --blue-100: 85, 201, 255;
    --neutral-dark: 0, 0, 0;
    --neutral-1000: 20, 20, 20;
    --neutral-900: 31, 31, 31;
    --neutral-800: 51, 51, 51;
    --neutral-700: 84, 84, 84;
    --neutral-600: 117, 117, 117;
    --neutral-500: 175, 175, 175;
    --neutral-400: 203, 203, 203;
    --neutral-300: 226, 226, 226;
    --neutral-200: 238, 238, 238;
    --neutral-100: 246, 246, 246;
    --neutral-50: 239, 242, 245;
    --primary-color: 255, 216, 107;
    --secondary-color-blue: 100, 193, 255;
    --primary-text-color: rgb(var(--white-1000));
    --tertiary-text-color: 179, 172, 210;
    --link-color-secondary: 166, 113, 253;
    --blue-navigation: 41, 121, 255;
    --button-text-dark: 23, 18, 43;
    --background-casino: 22, 8, 64;
    --background-sport: 0, 17, 51;
    --primary-box-shadow-color: 223, 152, 70;
    --secondary-box-shadow-color: 82, 27, 171;
    --warn-box-shadow-color: 34, 80, 199;
    --banner-primary-color: 255, 217, 109;
    --button-border-color-red: 248, 15, 31;
    --wall-of-wins-shadow-color: 162, 107, 253;
    --primary-color-gradient: linear-gradient(rgb(var(--primary-color)), #ffbd59);
    --secondary-color-gradient: linear-gradient(rgb(var(--purple-1000)), rgb(var(--purple-650)));
    --warn-color-gradient: linear-gradient(rgb(var(--secondary-color-blue)), #2e72d7);
    --secondary-text-color: 138, 131, 163;
    --link-color-primary: 255, 231, 29;
    --background-primary: 5, 1, 10;
    --color-white: 255, 255, 255;
    --color-black: 0, 0, 0;
    --color-green: 144, 230, 46;
    --color-primary: 5, 1, 10;
    --color-secondary: 248, 15, 31;
    --color-tertiary-dark: 17, 21, 31;
    --color-tertiary-contrast: 23, 28, 41;
    --color-tertiary-gray: 37, 45, 66;
    --color-tertiary-light: 138, 131, 163;
    --color-yellow: 255, 231, 29;
    --color-yellow-hover: 255, 172, 28;
    --color-yellow-active: 255, 200, 105;
    --background-footer: linear-gradient(180deg, rgb(var(--primary)) 60%, rgb(var(--tertiary-dark)) 100%);
    --background-header: linear-gradient(180deg, rgb(var(--primary)) 0%, #1a1f2e 73%, #232732 93%);
    --background-dots-pattern: rgb(var(--color-tertiary-contrast));
    --background-main: rgb(var(--color-primary));
    --background-carbon: linear-gradient(180deg, #232732 0%, rgb(var(--primary)) 75%);
    --background-secondary-gradient: linear-gradient(180deg, #f88b92 0%, rgb(var(--secondary)) 65%);

}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) {}
}

/* --------------- */
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

/* Burger Button Styles */
.burger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    cursor: pointer;
}

.burger span {
    display: block;
    height: 4px;
    background-color: #ffffff;
    border-radius: 2px;
    transition: 0.3s ease-in-out;
}

/* Mobile Menu Styles */
.mobile-menu {
    display: none;
    background-color:#171717;
    background-image: url(../images/noise.webp);
    padding: 15px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
}

.mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu ul li {
    margin-bottom: 10px;
}

.mobile-menu ul li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;

}
.nav-link {
font-weight: bold;
text-transform: uppercase;
}
.menu ul {
    display: flex;
    gap: 15px;
    list-style: none;
}


@media (max-width: 768px) {
    .burger {
        display: flex;
        margin-left: 10px;
    }

    .mobile-menu {
        display: none;
    }

    .mobile-menu.active {
        display: block;
    }

    .menu ul {
        display: none;
    }
    .mobile-menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.button-header {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    background-size: auto, 100% 100%, auto;
    /* Set the size of each image */
    background-position: left center, center center, right center;
    /* Position images */
    color: white;
    /* Adjust text color if needed */
    text-align: center;

}

@media only screen and (max-width: 768px) {
    body header .logo-wrap img {
        width: 100px;
        margin: 0
    }

    .header__actions {
        display: flex;
        gap: 10px;
    }
}

.home main h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
}
.page_content h1,.page_content h2,.page_content h3,.page_content h4,.page_content h5 {
    text-align: center;
	color: #ffd203 !important;
	font-style: normal;
}

.faq__btn{cursor:pointer;}
.open+.faq__answer{display:block;}
.faq__answer,.faq__question{font-size:14px;line-height:16px;}
.faq{color:#fff;margin-top:20px;}
.faq__list{list-style:none;padding:0;margin:0;}
.faq__item{padding-bottom:21px;border-bottom:1px solid #d0d0da;}
.faq__item+.faq__item{margin-top:16px;}
.faq__btn{flex:0 0 32px;width:32px;height:32px;border-radius:100%;background-image:url(../img/arrow.svg);background-size:cover;background-position:center;transition:.2s;}
.open .faq__btn{transform:rotate(180deg);}
.faq__question{ font-size: 23px; font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.faq__answer{margin-top:21px;font-weight:700;color:#fff;display:none;}

.games__list_bonus{
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0;
	gap: 20px;
}
.bonus_item{
	width: 300px;
	padding: 20px;
	background-color: rgb(29 28 32);
    border: 1px solid #dedede;
    border-radius: 15px;
    box-shadow: #949494 0 0 10px;
}
.bonus_inner{
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-between;
    height: 100%;
    text-align: center;
}
.bonus_inner img{
	height: 120px;
    width: auto;
}
.bonus_name.gradient-text{
    font-size: 25px;
    margin: 10px 0;
    display: block;
}
.page_content a:not(.btn){
	color: #f9ff00;
	text-shadow: 0px 0px 5px #000000;
}
.menu-footer-in-menu-cz-container{
    display: flex;
    gap: 25px;
}
.footer__menu{
	width: -webkit-fill-available;
    justify-content: center;
    list-style: none;
    padding: 0;
    display: flex;
    gap: 15px;
    align-items: center;
	flex-wrap: wrap;
}
.footer__menu a{
    font-size: 18px;
    font-weight: 600;
    font-family: sans-serif;
    color: #ffffffab;
	transition: all .2s ease;
}
.footer__menu a:hover{
	color: #fff;
}