/* Global Variables */


/* Common Version */

:root {
    --border-50: 3.125rem;
    --border-25: 1.563rem;
    --border-18: 1.125rem;
    --border-15: 0.938rem;
    --border-8: 0.5rem;
    --border-bottom: 0 0 0.938rem 0.938rem;
    --border-top: 0.938rem 0.938rem 0 0;
    --ff-global-font: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --ff-footer: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

:root {
    --bg: rgba(0, 0, 0, 1);
    --bg-reverse: var(--bg);
    --active: rgb(250, 197, 24);
    --white: #FFFFFF;
    --main-bg: var(--white);
    --main-bg-mobile: var(--main-bg);
    --font-color: #1d1d1f;
    --navbar-bg: rgba(29, 29, 31, 0.82);
    --navbar-blur: blur(15px);
    --navbar-drop-bg: rgba(0, 0, 0, .85);
    --navbar-border: rgba(187, 187, 187, .6);
    --linked: rgb(48 109 189);
    /* --linked: rgb(87, 153, 239); */
    /* --bg-blur: rgba(22, 31, 44, .5); */
    --ribbon: rgba(22, 31, 44, 1);
    --btn-primary: linear-gradient(0deg, rgb(175, 30, 45) 0%, rgb(202, 37, 53) 100%);
    --aside-bg: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgb(233, 231, 231) 100%);
    --aside-color: #666;
    --footer-h3-color: #333;
    --content-slim-h2-color: #333;
    --strong: rgba(0, 0, 0, 1);
    --article-bg: linear-gradient(0deg, rgb(242 242 242) 0%, rgb(255 255 255) 100%);
    --article-bg-intro: linear-gradient(0deg, rgb(245 245 247) 0%, rgb(255 255 255) 100%);
    --header-promo-shadows: 0 1px 8px rgba(109, 117, 141, .18);
    --top-overview-shadows: 0 6px 16px 8px rgb(0 0 0 / 4%);
    --hero-shadow: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, rgb(0, 0, 0, 1) 80%);
    --hero-shadow-ver2: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, rgb(0, 0, 0, 1) 80%), linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 1) 100%);
    --top-overview-p: #515154;
    /* --bg-linear-two: var(--white); */
    --bg-linear-two: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --summary-box-bg: var(--bg-linear-two);
    --summary-color: var(--top-overview-p);
    --summary-a: var(--active);
    --header-home-page: var(--article-bg);
    /* BACKGROUND FOR CARDS */
    --cards-border-review: var(--navbar-border);
    --review-box-shadow: var(--header-promo-shadows);
    --sliding-bonuses-offer-bg: #f5f5f7;
    --item-box-offer-bg: var(--white);
    --box-shadows: 2px 4px 12px rgb(0 0 0 / 8%);
    --box-shadows-hover: 2px 4px 16px rgb(0 0 0 / 16%);
    --wager-box: #6e6e73;
    --regular: #333336;
    --border-micro-box: var(--regular);
    --index-hero-subtitle: #6e6e73;
    --scroll-track: #f5f5f7;
    --scrollbar-thumb: #e4e4e4;
    --scrollbar-thumb-hover: var(--active);
    --scroll-track-dark: rgb(10, 10, 10);
    --scrollbar-thumb-dark: rgb(40, 40, 40);
    --scrollbar-thumb-hover-dark: rgb(60, 60, 60);
    --news-item-shadows: var(--header-promo-shadows);
    --news-header-title: var(--font-color);
    --news-top-title: #666;
    --news-item-border: #f3f1f1;
    --news-bg: linear-gradient(0deg, rgb(230 230 230) 0%, rgb(255 255 255) 100%);
    --banner-dimming: radial-gradient(119.58% 119.58% at 50% 50%, rgb(18 10 31 / 0%) 30%, rgb(18 10 31 / 95%) 60.2%);
    --border-micro-box: #f5f5f7;
    --footer-icon-text-active: var(--active);
    --navbar-icon: #d3d3d3;
    --footer-icon-text: #d3d3d3;
    --nav-font-color: var(--navbar-icon);
    --odds-even-bg: linear-gradient( to right, rgba(255, 255, 255, 0), rgb(140 61 61 / 10%));
    --gamble-responsible-bg: var(--aside-color);
    --sliding-bonus-offer-mobile: rgb(245 245 247) 0%;
    --box-rating-number: var(--odds-even-bg);
    --insider-bg: #f2f2f2;
    --hero-title-dimming: rgba(0, 0, 0, 0.3);
    --special-list-number: rgba(187, 187, 187, .6);
    --hero-tag-tweet: rgb(250 197 24 / 35%);
    --index-hero-tex: #30302f;
    /* --slots-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(19, 19, 31, 0.8) 35%, rgba(19, 19, 31, 0.8) 100%); */
    --slots-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 29) 35%, rgba(29, 29, 39) 100%);
    --header-text-color: rgba(255, 255, 255, 0.7);
    --navbar-li-color: rgba(255, 255, 255, 0.8);
    --white-dimmed-2: rgba(255, 255, 255, 0.88);
    --ribbon-color: #f2f2f2;
    --background-hero: radial-gradient(50% 50% at 50% 50%, #26354a 0%, rgba(0, 179, 255, 0.0001) 100%);
    --header-promo: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --btn-primary: var(--active);
    --btn-primary-color: var(--bg);
    --btn-inside-color: var(--white);
    --green: rgb(103, 173, 75);
    --green-btn: linear-gradient(0deg, rgb(103, 173, 75) 0%, rgb(86, 168, 54) 100%);
    --cards-border-review: #26354a;
    --box-rating-tablet-header: var(--white-dimmed-2);
    --red: rgb(221, 66, 122);
    --blue-dark: rgb(48 109 189);
    --faq-box-bg-color: var(--white);
    --figcaption-modal-bg: rgba(29, 29, 31, 0.8);
    --text-bg: rgba(255, 255, 255, 0.4);
    --item-sub-title: #9fa4a7;
    --gray_ish: rgba(0, 0, 0, 0.8);
    --how-to-bonus-background: rgb(0, 0, 0);
    --how-to-description: #a1a1a6;
    --how-to-box-number-shadows: rgba(29, 29, 31, 0.8);
    --grey__text: #9fa4a7;
    --cat-info-color: var(--grey__text);
    --responsible-gaming-bg: rgb(69 69 69);
    --bluish-bg: linear-gradient( 0deg, rgb(187 199 211) 0%, rgb(229 231 233) 100%);
    --progress-background: #727081;
    --progress-value: #a1a1a6;
    --bg-linear: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --payments-item: var(--bg-linear-two);
    --payments-methodes: var(--grey__text);
    --group-bonus-bg: rgb(229 231 233);
    --breadcrumbs-border: var(--navbar-border);
    --tech-detail-color: #000000;
    --payments-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(13 21 14 / 100%) 37%, rgb(24, 51, 27) 100%);
    --comment-bg: #333336;
    --comments-btn: var(--bg-linear);
    --comments-btn-hover: linear-gradient(0deg, rgba(32, 31, 44, 1) 0%, rgba(49, 61, 88, 1) 100%);
    --card__bg: rgba(29, 29, 31, 0.8);
    --main_purple: #5A1FD6;
    --box-shadows-how: var(--box-shadows-hover);
    --bottom-hr: rgb(187 187 187 / 30%);
    /* --how-to-small-boxes: var(--insider-bg); */
}


/* 
    --bg: rgb(0, 0, 0);
    --bg-reverse: var(--bg);
    --bg-blur: rgba(22, 31, 44, .5);
    --navbar-blur: blur(15px);
    --bg-linear: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --bg-linear-two: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --card__bg: rgba(29, 29, 31, 0.8);
    --outline: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --white: #FFFFFF;
    --white-dimmed: rgba( 255, 255, 255, 0.8);
    --font-color: var(--white);
    --gray_ish: #a1a1a6;
    --regular: #333336;
    --active: #2ab32a;
    --active-google: var(--active);
    --pressed: #fa305c;
    --main_purple: #5A1FD6;
    --grey__text: #9fa4a7;
    --border-micro-box: var(--regular);
    --darkgrey: #15171A;
    --casino: #00ADF6;
    --slots: #C50076;
    --bonus_news: #AE18F5;
    --nav-button: var(--white);
    --navbar-bg: rgba(29, 29, 31, 0.95);
    --navbar-footer-bg: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(58 61 66) 100%);
    --faq-color: rgba(255, 255, 255, .8);
    --faq-bg: linear-gradient(0deg, rgb(40 44 49) 0%, rgb(50 54 59) 100%);
    --faq-bg-two: rgb(36, 36, 38);
    --h2-color: var(--font-color);
    --aside-color: linear-gradient(0deg, rgb(28 28 33) 0%, rgb(22 25 29) 100%);
    --btn-primary: linear-gradient(0deg, rgb(10 96 10) 0%, rgba(32, 113, 31, 1) 100%);
    --progress-background: #5C5A68;
    --darkmode: color-mod(var(--darkgrey) l(+2%));
    --icons-navbar: rgb( 128, 124, 118);
    --box-shadows: none;
    --hero-shadow: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, rgb(0, 0, 0, 1) 80%);
    --main-bg: var(--bg);
    --main-bg-mobile: transparent;
    --icon-color: var(--grey__text);
    --icon-color-two: var(--icon-color);
    --banner-wager-box: var(--navbar-footer-bg);
    --comments-btn: var(--bg-linear);
    --slider-bg: none;
    --navbar-drop-bg: rgba(0, 0, 0, .85);
    --wager-box: rgba( 218, 211, 200, 1);
    --promo-box-background: rgba( 255, 255, 255, 0.9);
    --promo-shadow: 0px 1px 10px rgba(55, 92, 117, 0.1);
    --box-shadows-option-ligh: rgba(0, 0, 0, 0.26) 2px 2px 6px;
    --box-bottom-border: rgb(29, 29, 31);
    --faq-box-bg-color: var(--bg-linear-two);
    --changing-color-header: var(--font-color);
    --breadcrumbs-border: var(--regular);
    --index-background-hero: radial-gradient(50% 50% at 50% 50%, #26354a 0%, rgba(0, 179, 255, 0.0001) 100%);
    --slots-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 31, 0.8) 25%, rgba(29, 29, 31, 0.8) 100%);
    --payments-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(33 64 41 / 50%) 37%, rgb(33 64 41 / 40%) 100%);
    --top-10-list-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(22, 31, 44, 0.7) 18%, rgba(22, 31, 44, 0.7) 100%);
    --navbar-border: var(--outline);
    --anchor: #FFFFFF;
    --h1-box-color: var(--font-color);
    --box-rating-number: rgba(0, 0, 0, .1);
    --review-summary-box: var(--bg-linear-two);
    --payments-item: var(--banner-wager-box);
    --border-rating-details: var(--regular);
    --ribbon: var(--bg-blur);
    --ribbon-color: #dddddd;
    --brand-name-color: var(--white-dimmed);
    --footer-icon-text: var(--grey__text);
    --footer-icon-text-active: #FFFFFF;
    --nav-font-color: var(--white-dimmed);
    --faq-icon-filter: none;
    --summary-box-bg: var(--bg-linear-two);
    --summary-color: #9fa4a7;
    --faq-answer: var(--faq-bg-two);
    --rating-number: var(--white);
    --cat-info-color: var(--grey__text);
    --svg-use: var(--grey__text);
    --payments-methodes: var(--grey__text);
    --tech-detail-color: var(--grey__text);
    --review-box-shadow: var(--box-shadows-option-ligh);
    --review-box-background: var(--summary-box-bg);
    --faq-inside-li: rgba(255, 255, 255, .8);
    --special-list-number: #9fa4a759;
    --bonus-amount-banner: whitesmoke;
    --wager-color: rgba( 218, 211, 200, 1);
    --grey__text: #9fa4a7;
    --how-to-small-boxes: var(--bg-linear-two);
    --how-to-small-boxes-border: var(--border-micro-box);
    --index-hero-text: var(--grey__text);
    --index-hero-subtitle: rgba( 218, 211, 200, 1);
    --comment-bg: var(--border-micro-box);
    --review-slider: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(0 0 0) 100%);
    --banner-dimming: radial-gradient(119.58% 119.58% at 50% 50%, rgb(18 10 31 / 0%) 30%, rgb(18 10 31 / 95%) 60.2%);
    --news-background: linear-gradient(0deg, rgb(10 96 10) 0%, rgba(32, 113, 31, 1) 100%);
    --strong: var(--white-dimmed);
    --background-hero: var(--index-background-hero);
    --bonus-summary-h3: var(--white);
    --how-to-bonus-background: rgba(0, 0, 0, 1);
    --how-to-box-number-shadows: var(--card__bg);
    --how-to-description: var(--gray_ish);
    --news-header-title: var(--font-color);
    --news-header-title-insider: var(--news-header-title);
    --breadcrumbs-border: var(--regular);
    --card-preview-default-color: var(--bg-linear-two);
    --item-sub-title: var(--grey__text);
    --news-top-title: var(--grey__text);
    --summary-a: var(--active);
    --header-home-page: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 31, 0.8) 25%, rgb(29 29 31 / 50%) 100%);
    --rating-with-progress: var(--grey__text);
    --progress-value: var(--gray_ish);
    --hb-box-one-image: var(--index-background-hero);
    --navbar-logo: var(--font-color);
    --info-pages: rgb(33 60 76);
    --linked: #12aae5cf;
    /* --linked: #3ea6ff; */


/* --linked: rgb(87, 153, 239); */

*/::before,
 ::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

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

html {
    box-sizing: border-box;
    font-family: var(--ff-global-font);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.47rem;
    font-style: normal;
    font-weight: normal;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: var(--bg);
    color: var(--font-color);
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    /* scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none; */
    overflow-y: scroll;
    position: relative;
}

svg use {
    fill: var(--svg-use)
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

ul,
ol,
li,
dl,
dt,
dd,
hgroup,
h1,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr,
button {
    margin: 0;
    padding: 0
}

h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}

.review header,
.top-10-list header,
aside header {
    padding: 1rem 0;
}

.review h2,
.green-h2 {
    border-left: 4px solid var(--active);
    padding-left: .5rem;
}

::after,
 ::before {
    background: none;
    border: none;
}

main {
    position: relative;
}

header {}

aside {
    padding-bottom: 5rem;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    position: relative;
    background: var(--aside-color);
    background-image: linear-gradient(602deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%), linear-gradient(512deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 100.002%), linear-gradient(371deg, rgba(245, 245, 245, 0.01) 0%, rgba(245, 245, 245, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 100.002%), linear-gradient(387deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 100.002%), linear-gradient(677deg, rgba(215, 215, 215, 0.01) 0%, rgba(215, 215, 215, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 100.002%), linear-gradient(488deg, rgba(119, 119, 119, 0.03) 0%, rgba(119, 119, 119, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 25%, rgba(45, 45, 45, 0.03) 25%, rgba(45, 45, 45, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 50%, rgba(243, 243, 243, 0.03) 50%, rgba(243, 243, 243, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 75%, rgba(190, 190, 190, 0.03) 75%, rgba(190, 190, 190, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 100%), linear-gradient(450deg, #f2f2f2, #9fa4a752);
    /* color: var(--white); */
}

aside .vertical-scrolling-gallery,
aside header {
    /* padding-left: 1rem; */
}

footer {
    position: fixed;
    bottom: 0;
    height: 4.875rem;
    width: 100%;
    z-index: 10;
}

figure {}

figcaption {}

img {
    /* display: block;
    width: 100%; */
}

picture {
    display: block;
}

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

ul {
    list-style: none;
}

blockquote {
    margin: 0;
}

h1 {
    font-size: 1.625rem;
    line-height: 1.75rem;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    /* margin: 1rem 0; */
}

h4 {
    font-size: 1rem;
    line-height: 1.125rem;
}

h5 {
    font-size: 0.875rem;
    line-height: 1rem;
}

.box-align-default strong,
.box-align-default b,
.review strong,
.review b {
    /* color: var(--strong); */
}

.white {
    background: var(--white);
}

.rounded {
    border-radius: var(--border-15);
}

.rounded-8 {
    border-radius: 8px;
}

.rounded-28 {
    border-radius: 28px;
}

.rounded-50 {
    border-radius: 50px;
}

.rounded-top {
    border-radius: 15px 15px 0 0;
}

.hide {
    display: none;
}

.show {
    padding: 0 .5rem;
}

label {
    display: flex;
    justify-content: space-between;
}

progress {
    background: var(--progress-background);
    border-radius: 0.5rem;
    height: 0.25rem;
    width: 100%;
    vertical-align: .625rem;
}

progress[value] {
    height: 0.25rem;
    width: 100%;
}

progress::-webkit-progress-bar {
    background: var(--progress-background);
    border-radius: 0.5rem;
}

progress::-webkit-progress-value {
    /* background: var(--progress-value); */
    background-color: var(--progress-value);
    border-radius: 0.5rem;
}

progress::-moz-progress-bar {
    background: var(--progress-background);
    border-radius: 0.5rem;
}


/* width */

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: var(--scroll-track);
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--border-8);
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

.slots-slider ::-webkit-scrollbar-track,
.article-bg-color-black ::-webkit-scrollbar-track {
    background: var(--scroll-track-dark);
}

.slots-slider ::-webkit-scrollbar-thumb,
.article-bg-color-black ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-dark);
    border-radius: var(--border-8);
}

.slots-slider ::-webkit-scrollbar-thumb:hover,
.article-bg-color-black ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover-dark);
}

::-webkit-scrollbar {
    /* display: none; */
}

hr {
    border: 1px solid var(--regular);
}


/* Stars */


/* .star {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
} */


/* Stars */

.star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.5rem;
    margin-right: 1.2em;
    margin-bottom: 0.9em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #fc0;
    border-left: 0.3em solid transparent;
    font-size: 0.5rem;
}

.star:before,
.star:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0.6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #fc0;
    border-left: 1em solid transparent;
    transform: rotate(-35deg);
}

.star:after {
    transform: rotate(35deg);
}


/* End Stars */

.btn {
    cursor: pointer;
    display: block;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.btn-large-mobile {
    font-size: 1.063rem;
    font-weight: 400;
    min-width: 1.75rem;
}

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


/* End of Global Variables */


/* @media only screen and (min-width: 992px) {
    .review header,
    .top-10-list header,
    aside header {
        max-width: 70%;
    }
} */

.gamble-responsible {
    /* display: flex; */
    flex-direction: row;
    /* box-sizing: border-box; */
    justify-content: space-between;
    background: var(--responsible-gaming-bg);
}

.about-links-footer,
.gamble-responsible {
    padding: 1rem;
}

@media only screen and (max-width: 575px) {
    .about-links-footer {
        flex-direction: column;
        align-items: center;
    }
}

.bga {
    width: 25%;
}

.center {
    text-align: center;
}

.image-not-svg {
    max-width: 100%;
    /* height: auto; */
}