@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@import url('home.css?v=3.6');
@import url('about.css?v=3.6');
@import url('whitelabel.css?v=3.6');
@import url('responsive.css?v=3.6');
@import url('sportsbook.css?v=3.6');
@import url('games.css?v=3.6');
@import url('retail.css?v=3.6');
@import url('back-office.css?v=3.6');
@import url('contact.css?v=3.6');
@import url('page.css?v=3.6');
@import url('slider.css?v=3.6');

:root {
    --jakartaFont: "Plus Jakarta Sans";
    --interFont: "Inter", "Inter Placeholder";
    --bg: rgb(235, 235, 235);
    --white: #FFFFFF;
    --black: #000000;
    --red: rgb(200, 16, 46);
    --aColor: var(--black);    
    --token-f6579d09-69dc-48b8-8f34-5083a8e39c14: var(--red);
    --themeColor: var(--red);
    --buttonBG: linear-gradient(256deg, #ff4d4d 0%, #ff1a1a 50%, #ff4d4d 100%);
}

html {font-size: 15px;}
* {box-sizing: border-box; -webkit-font-smoothing: inherit;}
p, span, div, li, a, h2, h3, h4, h5, h6 {word-break: break-word;overflow-wrap: break-word;hyphens: auto;}
a {color: var(--aColor); text-decoration: none;}
body {font-family: var(--jakartaFont); margin: 0px; padding: 0px; background: var(--bg); overflow-x: hidden !important;}

header {height: auto;left: 50%;position: fixed;top: 0px;transform: translateX(-50%);width: 100%;z-index: 10; transition: top 0.5s ease 0.1s;}
header div.header-inner {place-content: center;align-items: center;display: flex;flex-flow: row;justify-content: space-between;gap: 20px;height: min-content;padding: 14px 65px 35px 65px;position: relative;max-width: 1887px;margin: 0px auto;background: linear-gradient(rgb(235, 235, 235) 45%, rgba(235, 235, 235, 0) 100%);}
header div.nav ul {display: flex; gap: 35px;}
header div.nav ul li {list-style: none;}
header div.nav ul li a {transition: all 0.4s; font-size: 18px;}
header div.nav ul li a.active {color: var(--red);}
header div.nav ul li a:hover {color: var(--red);}
header div.nav ul li:last-child {display: none;}
header div.logo img {flex: 0 0 auto;position: relative;width: 180px;}
header div.contact-language-button {display: flex; gap: 10px;}
header div.contact-language-button div.contact-button a {display: flex; align-items: center; font-family: Manrope; color: var(--white); font-size: 16px; padding: 12px 20px 12px 28px; background: var(--buttonBG); border-radius: 12px; border: solid 1px var(--red);}
header div.contact-language-button div.contact-button a svg {height: 1.5em; font-size: 15px; transform: rotate(-45deg); margin-left: 9px;}

header div.language {position: relative;}
header div.language > a {width: 40px; height: 100%; word-break: normal; padding: 12px 30px; color: var(--white); display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 10px; background: var(--buttonBG);  border-radius: 12px; border: solid 1px var(--red);}
header div.language ul {margin: 0px; padding: 9px 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; flex-direction: column;  background: var(--buttonBG);border-radius: 4px;width: 170px;max-width: 90px;position: absolute;top: 59px;right: 20px;z-index: 999999;-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);box-shadow: 0 5px 10px #0000001a;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0);transform: scale(0);}
header div.language ul li {list-style: none; display: flex; align-items: center; justify-content: center; height: 36px; text-align: center; border-radius: 4px;}
header div.language ul li a {width: 100%; padding: 5px; color: var(--white); border: none; text-align: center;}
header div.language ul li.active a {font-weight: bold; text-decoration: none; background-color: var(--white); color: var(--themeColor); border-radius: 4px;}
header div.language ul li:hover a  {font-weight: bold; text-decoration: none; background-color: var(--white); color: var(--themeColor); border-radius: 4px;}
header div.language .show {-webkit-transform: scale(1);transform: scale(1)}
header div.language .show::before {content: "";position: absolute;top: -12px;right: 2px;width: 24px;height: 12px;background: var(--buttonBG);clip-path: polygon(0% 100%, 50% 0%, 100% 100%);z-index: 3;}

footer {margin-top: 60px; display: flex; justify-content: center; border-bottom-width: 0px; border-color: var(--themeColor); border-left-width: 0px; border-right-width: 0px; border-style: solid; border-top-width: 1px; background-color: var(--themeColor) }
footer div.footer-inner { place-content: center; align-items: center; justify-content: center; display: flex; flex-flow: column; gap: 0px; height: min-content; overflow: hidden; padding: 0px; position: relative; width: 1440px; }
footer div.footer-inner div.footer-content { place-content: center space-between; align-items: center; display: flex; flex: 0 0 auto; flex-flow: row; max-width: 1200px; overflow: hidden; padding:50px 0px; position: relative; width: 100%; }
footer div.footer-inner div.footer-content div.footer-left {  height: 167px;}
footer div.footer-inner div.footer-content div.footer-left div.footer-logo { flex: 0 0 auto; position: relative; width: 200px;transition: all 1s; }
footer div.footer-inner div.footer-content div.footer-left div.footer-logo img { display: block; width: 100%; height: 100%; border-radius: inherit; object-position: left center; object-fit: contain; image-rendering: auto; }
footer div.footer-inner div.footer-content div.footer-left div.footer-text {font-size: 14px; font-weight: 500; letter-spacing: -0.2px; line-height: 1.3em; text-align: left; color: var(--white); }
footer div.footer-inner div.footer-content div.footer-left div.footer-text p { margin: 20px 0px; }
footer div.footer-inner div.footer-content div.footer-left div.footer-text a { display: flex; gap: 5px; color: var(--white);}
footer div.footer-inner div.footer-content div.footer-left div.footer-text a svg { width: 20px; height: 20px; fill: var(--white); }
footer div.footer-inner div.footer-content div.footer-right { align-items: flex-start; display: flex; justify-content: space-between; flex: 1 0 auto; flex-flow: row; gap: 80px; height: min-content; overflow: visible; padding: 0px; position: relative; width: min-content; }
footer div.footer-inner div.footer-content div.footer-right div.footer-right-nav { display: flex; justify-content: end; gap: 80px; width: 100%; }
footer div.footer-inner div.footer-content div.footer-right div.footer-right-nav-list p {font-size: 14px; font-weight: 700; letter-spacing: -0.2px; line-height: 1em; color: var(--white); }
footer div.footer-inner div.footer-content div.footer-right div.footer-right-nav-list ul {margin: 0px; padding: 0px;}
footer div.footer-inner div.footer-content div.footer-right div.footer-right-nav-list ul li { margin: 0px; list-style: none; }
footer div.footer-inner div.footer-content div.footer-right div.footer-right-nav-list ul li a {font-size: 14px; letter-spacing: -0.2px; line-height: 38px; text-align: center; color: var(--white);}
/* footer div.footer-inner div.footer-content div.footer-right div.footer-right-nav-list ul li a:hover { color: var(--themeColor); } */

footer div.footer-inner div.footer-copyright {place-content: center;align-items: center;display: flex;flex: 0 0 auto;flex-flow: column;gap: 52px;height: min-content;overflow: visible;padding: 19px 0px;position: relative;width: 100%;}
footer div.footer-inner div.footer-copyright p{font-family: var(--jakartaFont);font-size: 12px;font-weight: 300;letter-spacing: 0px;line-height: 22px;color: var(--white);margin: 0px;padding: 0px;}

.img img {transition: opacity 0.3s ease;}
.img img.lazy {opacity: 0;}
.img img:not(.lazy) {opacity: 1;}

div.fixed-contact-icon {display: none; position: fixed; right: 40px; bottom: 40px; z-index: 99;}
div.fixed-contact-icon a { width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; background-color: var(--themeColor); border-radius: 100%;}
div.fixed-contact-icon a svg {width: 35px; height: 35px; fill: var(--white);}

section.e404-wrapper {width: 100% !important; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
section.e404-wrapper img {max-width: 75%;}
section.e404-wrapper h1 {font-size: 55px;margin-bottom: 0px; padding: 0px;}
section.e404-wrapper p {font-size: 20px; margin: 5px 0px; padding: 0px;}

@keyframes slideUpAndFadeIn {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-up-fade-in {
    animation: slideUpAndFadeIn 1s ease-out forwards;
}