:root {--header-height:64px; --bg:#151b26; --bg-alt:#005440; --bg-footer:#1a3a2a; --accent:#00b4d8; --cta:#00ff88; --btnz:#BADD1E; --font-main:"Roboto", sans-serif; --font-heading:"Montserrat", sans-serif; --font-title:Tahoma, Verdana, sans-serif; --font-btn:"Poppins", sans-serif; --text:#e5e7eb; --text-white:#ffffff; --text-article:#e8ecef; --text-muted:#94a3b8; --bg-body:#0b0f1a; --accent-blue:#2979ff; --bg-main:#0f1715; --card-bg:#14211e; --text-primary:#e0f2f1; --text-secondary:#a8dadc; --accent-hover:#48cae4; --success:#00c853; --warning:#ffd166; --border:#1e3a3a; --blue:#2f81f7; --shadow:0 8px 25px rgba(0,0,0,0.6); --btnz-border:0.1vw solid rgba(93, 204, 252, 0); --btnz-background:var(--btnz); --btnz-text-color:#000; --btnz-shadow:1px 1px 25px 10px rgba(255, 255, 255, 1); --shine-degree:120deg; --shine-color:rgba(255, 255, 255, 1); --shine-effect:linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent); --shine-transition:all 0.1s ease-in-out}
html {scroll-behavior:smooth}
A:link {text-decoration:none; color:#00ff85}
A:visited {text-decoration:none; color:#00ff85}
A:hover {text-decoration:none; color:#39ff14}
A:active {text-decoration:none; color:#39ff14}
h1, h2, h3, h4, h5, h6 {margin-top:0.83rem; margin-bottom:0.83rem; font-family:var(--font-heading); font-size:24px; color:var(--text-article); font-style:normal; font-weight:600}
h1 {color:#a5e9c9; font-family:var(--font-title); font-size:35px; font-weight:700; font-style:normal; text-transform:none; line-height:1.2; text-align:left}
strong{font-weight:600;}
p {margin:1.5rem 0}
* {margin:0; padding:0; box-sizing:border-box}
body {font-family:var(--font-main); background:#15191D; min-height:200vh; line-height:1.5; color:var(--text-white)}
.top-bar {position:fixed; top:0; left:0; width:100%; height:70px; display:flex; align-items:center; padding:0 10px 0 60px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); background:rgba(26,58,42,0.8); box-shadow:0 2px 5px rgba(0, 0, 0, .1); z-index:1100; border-bottom:0 solid rgba(255, 255, 255, 0.1)}
.nav-cta {padding:0.45rem 0.9rem; border-radius:999px; border:6px solid rgba(148,163,184,0.6); text-decoration:none; color:var(--text); font-size:0.85rem; margin-left:12px}
.nav-cta:hover {border:6px solid rgba(148,163,184,1)}
.logo {width:40px; height:40px; margin-right:8px; display:flex; justify-content:center; filter:invert(100%) saturate(300%) hue-rotate(18deg) brightness(100%) contrast(100%); opacity:0.8; z-index:1000}
.logo-text {color:#ddd; font-size:20px; font-weight:bold; margin-right:20px}
.desktop-menu {display:none; margin-left:auto; margin-right:50px; align-items:center; gap:10px; position:relative}
.hero {z-index:999; position:relative; display:flex; align-items:center; justify-content:center; padding-top:calc(var(--header-height) + 3rem); padding-bottom:4rem; background:linear-gradient(rgba(26,58,42,0.9), rgba(10, 11, 16, 0.95)), url('https://footballvaluetips.com/images/hero.webp'); background-size:cover; background-position:center 30%; text-align:center}
.hero-inner {animation:fadeInUp 0.8s ease forwards; max-width:900px; margin:0 auto; padding:1rem 1.5rem 2.5rem 1rem}
.hero h1 {font-family:var(--font-title); font-size:50px; font-weight:700; font-style:normal; text-align:center; line-height:1.2; color:var(--text); margin-bottom:1rem}
.hero h2 {font-size:1rem; color:#fff; font-weight:400; max-width:600px; margin:0 auto 2rem; line-height:1.6; font-style:italic; opacity:0.85}
.hero-title {font-family:var(--font-title); font-size:50px; font-weight:700; font-style:normal; line-height:1.2; color:var(--text); margin-bottom:1rem}
.hero-subtitle {font-size:1rem; color:#fff; max-width:600px; margin:0 auto 2rem; line-height:1.6; font-style:italic; opacity:0.85}
.hero-actions {display:flex; justify-content:center; gap:1rem; flex-wrap:wrap}
.hero-btn {padding:1rem 2.5rem; border-radius:8px; font-size:clamp(16px,1.2vw,18px); font-weight:700; font-family:var(--font-btn); text-decoration:none; transition:0.2s ease}
.hero-btn.primary {background:var(--cta); color:#000; font-weight:700; text-transform:capitalize}
.hero-btn.primary:hover {transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,255,136,0.3)}
.hero-btn.secondary {border:1px solid #00ff85; color:#fff; background-color:#1e1e1e; font-weight:700; text-transform:capitalize}
.hero-btn.secondary:hover {border-color:var(--accent); color:var(--accent)}
:root {--btn-background:linear-gradient(120deg, #0AB2FA 50%, #0AB2FA 0%); --btn-border:0 solid rgba(31, 148, 128, 1); --btn-shadow:1px 1px 25px 10px rgba(255, 255, 255, 0.5); --btn-text-color:#fff; --shine-degree:120deg; --shine-color:rgba(255, 255, 255, 0.2); --shine-effect:linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent); --shine-transition:all 0.65s ease-in-out}
.btn {position:relative; white-space:nowrap; overflow:hidden; padding:0 2vw 0 2vw; font-size:1.1vw; font-weight:600; width:auto; min-width:45%; line-height:3.5; border-radius:5vw; text-decoration:none; border:var(--btn-border); color:var(--btn-text-color); background:var(--btn-background)}
.btn:hover {font-size:1.08vw}
.btn:not(:last-child) {margin-bottom:3vw}
.btn::before {content:""; position:absolute; top:0; width:100%; height:100%; background:var(--shine-effect)}
.btn-hover::before {left:-100%; transition:var(--shine-transition)}
.btn-hover:hover {box-shadow:var(--btn-shadow)}
.btn-hover:hover::before {left:100%}
.btn-anim::before {-webkit-animation:shine 5s ease-in-out infinite; animation:shine 5s ease-in-out infinite}
.slider {background:#15191D; margin:auto; overflow:hidden; position:relative; width:100%}
.slider::after {right:0; top:0; -webkit-transform:rotateZ(180deg); transform:rotateZ(180deg)}
.slider::before {left:0; top:0}
.slider .slide-track {animation:scroll 60s linear infinite; display:flex; width:calc(15vw * 12)}
.slider .slide-track:hover {animation-play-state:paused}
.slider .slide {height:320px; width:200px}
.slide:nth-child(1), .slide:nth-child(7) {}
.slide:nth-child(2), .slide:nth-child(8) {}
.slide:nth-child(3), .slide:nth-child(9) {}
.slide:nth-child(4), .slide:nth-child(10) {}
.slide:nth-child(5), .slide:nth-child(11) {}
.slide:nth-child(6), .slide:nth-child(12) {}

@keyframes scroll {
0% {transform:translateX(0)}
100% {transform:translateX(calc(-13vw * 6))}
}

.rpt_2_plans .rpt_plan {width:98%; background:var(--card-bg); float:left; border-bottom-right-radius:30px; border-bottom-left-radius:30px}
.turbo {width:120px; height:auto; margin:16px 0; border-radius:50%}
.apromocode {font-size:15px; color:#eee}
.acode {font-size:16px; color:#eee; font-style:italic; font-weight:600}
a.bon {text-align:center; display:inline-block; width:150px; padding:16px 0; background:#FFD637; color:#fff; font-size:15px; font-weight:600; margin:1vw 0; border-radius:30px}
a.bon:hover {background:#FFDE5B}
.boo {width:100%; text-align:center;padding-top:50px}
.bookmakers {margin:10px auto 0 auto; border-spacing:0; border-collapse:collapse; border-style:hidden; width:100%; border:#d4af37 dotted 1px}
.bookmakers td {color:#bbb; line-height:1.7}
.wide {width:25%; padding:15px 0 15px 10px;text-align:center; font-size:13px; background:#081017}
.wide_2 {width:45%; padding:10px 20px; font-size:14px; text-align:center; background:#081017}
.wide_3 {width:30%; padding:10px 15px 15px 10px; background:#081017; text-align:center}
.button {width:96%; height:auto;margin-right:4%;}
.corner {margin-bottom:-24px; font-size:16px;text-align:left; z-index:1; opacity:.9}
.readme {font-size:14px; text-decoration:underline; color:#bbb; text-align:center}
.woffer {font-size:13px; color:#bbb;font-style:italic;}
.bonuses_2 {color:#EAEEF2; font-size:14px; font-weight:600; width:94%;border:#d4af37 dashed 1px; padding:15px 15px; display:inline-block; margin:0 0 7px 0}
.coinzz {width:25px; height:auto;vertical-align:-5px; margin-left:0; margin-right:7px}
.coins {width:30px; height:auto; border:3px solid rgba(30, 31, 61, 0.4); border-radius:50%; vertical-align:middle;vertical-align:-10px; margin-left:0; margin-right:-18px}
.star {width:16px; height:auto;vertical-align:-1px; margin-left:-5%}
.gift {width:16px; height:auto}
:root {--btnzzz-border:0 solid rgba(93, 204, 252, 0); --btnzzz-background: linear-gradient(to right, #1A7FFF, #4EC9FF); --btnzzz-text-color:#F2F8FF; --btnzzz-shadow:1px 1px 25px 10px rgba(255, 255, 255, 1); --shine-degree:120deg; --shine-color:rgba(255, 255, 255, 1); --shine-effect:linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent); --shine-transition:all 0.44s ease-in-out}
.btnzzz {position:relative; padding:16px 30px; overflow:hidden; font-size:15px; font-weight:600; text-transform:capitalize; font-style:normal; width:100%; border-radius:30px; border:var(--btnzzz-border); color:var(--btnzzz-text-color); background:var(--btnzzz-background)}
.btnzzz:hover {transform:translateY(-2px); background: linear-gradient(to right, #2A8FFF, #5ED9FF);box-shadow:0 10px 30px rgba(0,255,136,0.3)}
.btnzzz::before {content:""; position:absolute; top:0; width:100%; height:100%; background:var(--shine-effect)}
.btnzzz-hover::before {left:-100%; transition:var(--shine-transition)}
.btnzzz-hover:hover {box-shadow:var(--btn-shadow)}
.btnzzz-hover:hover::before {left:100%}
.btnzzz-anim::before {-webkit-animation:shine 5s ease-in-out infinite; animation:shine 1s ease-in-out infinite}
.wrapper {max-width:1200px; margin:3vw auto 0 auto}
.header {text-align:center; margin-bottom:40px}
.header h1 {font-size:2.5rem; margin-bottom:10px; background:linear-gradient(to right,#00e676,#2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.header h2 {font-size:2.4rem; margin-bottom:10px; background:linear-gradient(to right,#00e676,#2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.filter-container {margin-bottom:25px; position:relative}
#siteSearch {width:100%; padding:15px 25px; background:var(--card-bg); border:1px solid var(--border); border-radius:12px; color:white; font-size:1rem; outline:none; transition:0.3s}
#siteSearch:focus {border-color:var(--accent-blue); box-shadow:0 0 15px rgba(41,121,255,0.2)}
#teamSearch {width:100%; padding:15px 25px; background:#111; background:rgb(17, 17, 17,0.3); border:1px solid #182945; border-radius:12px; color:white; font-size:1rem; outline:none; transition:0.3s}
#teamSearch:focus {border-color:var(--accent-blue); box-shadow:0 0 15px rgba(41,121,255,0.2)}
.comparison-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:1.5rem}
.bookmaker-card {background:var(--card-bg); border-radius:16px; overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); transition:all 0.3s ease}
.bookmaker-card:hover {transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,180,216,0.25); border-color:var(--accent)}
.card-header {background:linear-gradient(135deg,#0d3b3a,#1a4d4a); color:white; padding:1.2rem 1.5rem; display:flex; align-items:center; gap:1rem; font-size:24px; border-bottom:1px solid var(--border)}
.logo-icon {font-size:2rem; color:var(--accent)}
.card-body {padding:1.5rem}
.bonus {background:rgba(0,200,83,0.15); border:1px solid var(--success); color:#a5e9c9; padding:12px; border-radius:10px; font-weight:700; text-align:center; margin-bottom:1rem; font-size:1.1rem}
.feature-list {list-style:none; padding:0; margin:1rem 0}
.feature-list li {margin:0.8rem 0; display:flex; align-items:center; gap:0.8rem; color:var(--text-secondary)}
.feature-list i {color:var(--accent); font-size:1.2rem}
.rating {font-size:1.3rem; font-weight:bold; color:var(--warning); margin:1rem 0; text-align:center}
a.cta-button {display:block; background:var(--accent); color:#0f1715; text-align:center; padding:14px; border-radius:10px; text-decoration:none; font-weight:700; font-size:1.1rem; margin-top:1.2rem; transition:all 0.3s; box-shadow:0 4px 15px rgba(0,180,216,0.4)}
a.cta-button:hover {background:var(--accent-hover); transform:scale(1.03); color:#0f1715}
.notes {text-align:center; color:var(--text-secondary); font-size:0.95rem; margin:3rem 1rem 1rem; max-width:800px; margin-left:auto; margin-right:auto}
.feature-list i {font-style:normal}
.myhblue {color:#a5e9c9; font-family:var(--font-title); font-size:35px; font-weight:700; font-style:normal; text-transform:uppercase; line-height:1.2}
.highlight {color:var(--cta)}
ul {padding-left:1.7vw}
ol {padding-left:1.7vw}
.white {margin:8vw auto 0 auto; text-align:center; width:800px; padding-bottom:0}
.big {margin:80px auto 0 auto; text-align:center; width:70%; padding-bottom:0}
.tabs {max-width:100%; margin:40px auto; color:#cbcbcb; font-family:sans-serif}
.tabs input[type="radio"] {display:none}
.tabs label {display:inline-block; padding:10px 20px; margin-right:5px; background:#15191D; cursor:pointer; border-radius:4px 4px 0 0; border:0 solid #ccc; border-bottom:none}
.tabs input[type="radio"]:checked + label {background:#15191D; border-bottom:1px solid #fff; font-weight:bold}
.tab-content {border:0 solid #ccc; padding:20px 0 20px 0; background:#15191D; display:none}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7 {display:block}
table {border-spacing:0; margin-left:auto; margin-right:auto}
table, th, td tr {text-align:left}
.mybetz {border:#d4af37 dotted 0; margin:0 auto 20px auto; text-align:center; width:100%; background:#1E2428; background:rgb(30, 36, 40,0.9); padding-top:0; padding-bottom:20px; border-bottom-right-radius:10px; z-index:0; border:1px solid rgba(255, 255, 255, 0)}
.mybetz th {width:30%; text-align:center}
.mybetz td {text-align:center; width:40%; padding-top:0; line-height:1}
.homelogo {margin-left:3%; margin-top:0; width:220px; height:auto; float:left}
.awaylogo {margin-right:3%; margin-top:0; width:220px; height:auto; float:right}
.homelogoc {margin-left:3%; margin-top:0; width:180px; height:auto; float:left; border-radius:50%}
.awaylogoc {margin-right:3%; margin-top:0; width:180px; height:auto; float:right; border-radius:50%}
.mybetz_2 {display:inline-block; color:#fff; border:#fff solid 2px; font-size:0.9rem; font-weight:400; border-radius:30px; padding:20px 0; width:35%; margin:5px 0 5px 0}
.mybetz_3 {display:inline-block; color:#ff0; border:#ff0 solid 2px; font-size:0.9rem; font-weight:400; border-radius:30px; padding:20px 0; width:35%; margin:5px 0 5px 0}
.mybetz_4 {display:inline-block; width:35%; margin:5px 0 5px 0}
.ligaz {display:block; line-height:2; color:#e6e6f2; font-size:16px}
.timedatez {display:block; line-height:1.7; color:#e6e6f2; font-size:0.9rem}
.crown {height:27px; width:auto; margin-top:15px; margin-bottom:5px}
.btnz {position:relative; padding:20px 0; overflow:hidden;font-size:clamp(14px, 1vw, 16px);font-weight:700;letter-spacing: 0.5px; width:auto; min-width:50%; border-radius:30px; border:var(--btnz-border); color:var(--btnz-text-color); background:linear-gradient(to right,#60d193,#60d193);}
.btnz:hover {transform:translateY(-1px);background-color: #D2F235;box-shadow: 0 0 20px rgba(186, 221, 30, 0.35);}
.btnz::before {content:""; position:absolute; top:0; width:100%; height:100%; background:var(--shine-effect)}
.btnz-hover::before {left:-100%; transition:var(--shine-transition)}
.btnz-hover:hover {box-shadow:var(--btn-shadow)}
.btnz-hover:hover::before {left:100%}
.btnz-anim::before {-webkit-animation:shine 5s ease-in-out infinite; animation:shine 5s ease-in-out infinite}
.premium {border-spacing:0; margin:0 auto 0 0; width:100%; background:#1a3a2a; border-bottom:0.7vw solid #121212}
.premium th {font-size:15px; padding:0 0; font-weight:400; color:#fff; border-top:0 solid #fff; line-height:3}
.premium td {background:#13115a; font-weight:400; line-height:1.7}
.date {width:20%; text-align:center; padding:0.5vw 2vw; font-size:14px; color:#fff; border-top:0 solid #1a3a2a}
.pick {width:80%; font-size:15px; padding:0.5vw 0; color:#fff; border-top:0 solid #1a3a2a}
.bet_here {width:35%; padding:0.4vw 0 0.2vw 0}
.premium tr:nth-child(even) td {background-color:#121212}
.premium tr:nth-child(odd) td {background-color:#121212}
.flags {width:20%; height:auto; display:flex; align-items:center; justify-content:center; margin:0 auto}
.grd {background:linear-gradient(120deg,#1a3a2a 62%,#121212 0%)}
.bet {font-family:var(--font-btn); width:70%; float:right; display:block; white-space:nowrap; overflow:hidden; text-transform:uppercase; background:#00ff85; padding:12px 24px; margin:0 1vw 0.3vw 0; text-align:center; color:#000; font-size:clamp(15px,1.1vw,17px); font-weight:bold; border-radius:8px; letter-spacing:0.04em; transition:all 0.2s}
.bet:hover {background-color:#33ffa6; transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,255,133,0.5)}
a.bet {font-family:var(--font-btn); width:70%; float:right; display:block; white-space:nowrap; overflow:hidden; text-transform:uppercase; background:#00ff85; padding:12px 24px; margin:0 1vw 0.3vw 0; text-align:center; color:#000; font-size:clamp(12px,1.1vw,14px); font-weight:bold; border-radius:8px; letter-spacing:0.04em; transition:all 0.2s}
a.bet:hover {background-color:#33ffa6; transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,255,133,0.5)}
.green {color:#00ff85; font-weight:500}
.booz {margin-top:1vw; padding-top:2vw; padding-bottom:0; background:#091512; text-align:center; margin:1vw auto 0 3vw; width:66%}
.freetips {border-spacing:0; margin-top:0.3vw; text-align:left; width:100%; margin-left:auto; margin-right:auto}
.freetips th {border-top-right-radius:0; border-top-left-radius:0; font-size:1.3vw; background:#1a3a2a; padding:1.3vw 1vw 1.5vw 1vw}
.freetips th a {display:block; color:#e6e6f2; padding:0}
.freetipz {border-spacing:0; margin:0.3vw auto; text-align:left; width:100%; margin-left:auto}
.freetipz th {border-top-right-radius:0; border-top-left-radius:0; font-size:1.3vw; background:#1a3a2a; padding:1.3vw 1vw 1.5vw 1vw}
.freetipz th a {display:block; color:#e6e6f2; padding:0}
.flagzy {border-radius:0; height:1.8vw; width:auto; display:flex; align-items:center; justify-content:center}
.datez {width:10%; padding:1vw; text-align:center; font-size:1vw; color:#000}
a.betz {background:transparent; padding:2vw; padding-top:1.5vw; padding-bottom:1.5vw; text-align:center; width:100%; color:#008c45; font-size:1.1vw; border-radius:3vw}
a.betz:hover {background:transparent; color:#ffff00}
.bethere {width:20%; padding:1vw; font-size:1vw}
.top {width:100%; padding:0 0; position:relative; z-index:0; margin:50px auto}
.rpt_MENUT_plans .rpt_plan {width:15.7%; display:inline-block; position:relative; background-color:#4b4c6e; background:rgb(75,76,110,0.3); border:#111 solid 0}
.rpt_MENUT_plans .rpt_plan_0 {margin:0; margin-top:15px; margin-bottom:15px; color:#071a31; border-top-right-radius:0; border-top-left-radius:0; border-bottom-right-radius:25px; border-bottom-left-radius:25px; position:relative}
.title {text-transform:capitalize; border-top-right-radius:0; border-top-left-radius:0; padding-top:20px; padding-bottom:10px; font-size:21px; line-height:1.5}
.price {color:#e6e6f2; border-bottom:0; border-top:0; padding-top:0; padding-bottom:0; font-size:14px}
a.claim {text-transform:uppercase; background:0 0; border:#027b5b solid 3px; display:inline-block; width:50%; font-size:14px; white-space:nowrap; overflow:hidden; padding:10px 20px; color:#e6e6f2; margin:auto auto; border-radius:30px; margin-top:10px; display:flex; justify-content:center}
a.claim:hover {color:#4EB599}
.ball {height:60px; width:auto; padding-top:0; border-radius:50%; margin-top:-40px; margin-bottom:0}
.myimg {width:100%; height:auto}
.imgt {width:100%; height:auto; display:none}
.social {opacity:0.8; height:27px; width:auto; margin:0 0 0.2vw 0; filter:invert(1)}
.social:hover {opacity:1}
.twitter {opacity:0.8; height:27px; width:auto; margin:0 0 0.2vw 0; filter:invert(1)}
.twitter:hover {opacity:1}
.gpwa {height:30px; width:auto; margin:3vw 0 4vw 0}
.myh2 {display:block; margin-top:0.83rem; margin-bottom:0.83rem; font-size:24px; color:var(--text-article); font-style:normal; font-weight:600}
.myh2d {display:block; margin-top:0.83rem; margin-bottom:0.83rem; font-size:24px; color:var(--text-article); font-style:normal; font-weight:600}
.about {text-align:left; width:68%; margin-left:20.8%; margin-right:19.5%; font-size:1.4vw; margin-bottom:.7vw; color:#d6d7e8}
.abouty {text-align:left; width:54%; margin-left:auto; margin-right:auto; margin-top:3vw; font-size:1.2vw; line-height:1.5}
.tables {width:56%; text-align:center; margin-left:22%; margin-right:auto}
.desc {text-align:justify; width:58%; margin-left:21%; margin-right:21%; font-size:1.2vw; line-height:1.5; color:#000}
.mid_2 {text-align:left; width:98%; margin-left:auto; margin-right:auto; margin-top:1vw; margin-bottom:1.2vw; font-size:1rem;font-weight:600; color:#cbcbcb; line-height:1.4}
.mid_2 h1 {font-size:2.5rem; margin-bottom:10px; background:linear-gradient(to right,#00e676,#2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.midh2 {font-size:2.5rem; font-family:var(--font-title); margin-bottom:10px; background:linear-gradient(to right,#00e676,#2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.mid_3 {text-align:left; width:96%; margin-left:4%; margin-right:auto; margin-top:0; margin-bottom:1.6vw; font-size:1.2vw; color:var(--text-article); line-height:1.1}
.mid_4 {text-align:left; width:98%; margin-left:auto; margin-right:auto; margin-top:5vw; margin-bottom:2vw; margin-left:auto; margin-right:auto; font-size:12px; color:var(--text-article); line-height:1.4}
.mid_4 h2 {font-size:2rem; font-family:var(--font-title); margin-bottom:10px; background:linear-gradient(to right,#00e676,#2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.mid_5 {text-align:left; width:98%; margin-left:auto; margin-right:auto; margin-top:3vw; margin-bottom:1.2vw; font-size:1rem; color:var(--text-article); line-height:1.4}
.mid_5 h2 {font-size:2rem; margin-bottom:10px; background:linear-gradient(to right,#00e676,#2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.myh2g {display:inline; font-size:1rem; color:#cbcbcb; font-weight:400}
.middle {color:var(--text-article); text-align:left; width:96%; margin:5vw auto 2vw auto; font-size:1rem; line-height:1.6}
.accmain {color:#26405e; width:100%; margin-left:auto; margin-right:auto; margin-top:-1vw; margin-bottom:.3vw; font-size:1.3vw; line-height:1.5}
.accordion {background:var(--bg-footer); cursor:pointer; padding:1.6vw; padding-bottom:1.8vw; width:100%; margin-left:auto; margin-right:auto; margin-top:.3vw; margin-bottom:0; border:none; text-align:left; outline:0; font-size:1rem; font-weight:400; color:#f2f2f7; transition:.4s}
.accordion:after {content:'\002B'; color:#e6e6f2; font-weight:700; float:right; margin-top:.4vw; margin-right:5%}
.active:after {content:"\2212"}
.panel {border-bottom:0 solid; width:98%; margin-left:auto; margin-right:auto; font-size:1rem; color:var(--text-article); padding:0 0; text-align:left; max-height:0; overflow:hidden; transition:max-height .2s ease-out; line-height:1.7; font-weight:400}
.top-top {display:flex; align-items:center; justify-content:space-between; background:#3f37c9; font-size:0.9rem; width:80%; margin-bottom:0.5vw}
.bookielgt {width:15%; height:auto; float:left; margin-top:0; margin-left:1vw}
.ratingtop {font-size:1rem; font-weight:bold; color:var(--warning); margin:1rem 0; text-align:center}
.btntop {z-index:999; display:inline-block; background:linear-gradient(120deg,#60d193 50%,#60d193 0); padding:7px 30px; margin-right:0.5vw; text-align:center; color:#000; font-size:clamp(14px, 1vw, 16px); font-weight:700; letter-spacing:0.04em; border-radius:3%}
.btntop:hover {background:linear-gradient(120deg,#78c6a3 50%,#78c6a3 0)}
.myfooter {display:flex; align-items:center; justify-content:space-evenly; position:fixed; bottom:0; left:0; width:100%; background:#3f37c9; color:#e6e6f2; font-size:1.2rem; font-weight:600; text-transform:uppercase;font-style:italic; line-height:2; text-align:center; z-index:2000}
.sticky-footer {position:fixed; bottom:0; left:0; width:100%; background:#111; color:#fff; padding:12px 20px; box-shadow:0 -2px 10px rgba(0,0,0,0.3); z-index:9999}
.footer-top {display:flex; align-items:center; justify-content:space-between; gap:50px}
.footer-logo {height:30px; width:auto}
.footer-cta {display:block; margin-top:10px; background:#ffcc00; color:#000; padding:12px; text-align:center; border-radius:6px; font-weight:bold; text-decoration:none; transition:background 0.2s ease}
.footer-cta:hover {background:#e6b800}
.close-btn {background:0 0; border:none; color:#e6e6f2; font-size:20px; margin-right:1vw; cursor:pointer; position:relative; z-index:999}
.close-btn:hover {color:#ff4d4d}
.btnbtn {z-index:999; display:inline-block; background:linear-gradient(120deg,#60d193 50%,#60d193 0); padding:3vw; padding-top:.5vw; padding-bottom:.5vw; text-align:center; color:#000; text-transform:capitalize;font-style:normal; font-size:clamp(16px, 1.2vw, 18px); font-weight:700; letter-spacing:0.04em; border-radius:3%}
.btnbtn:hover {background:linear-gradient(120deg,#78c6a3 50%,#78c6a3 0)}
.bookielogo {width:13%; height:auto; float:left; margin-top:0; margin-left:3vw}
.bookielogo_2 {width:13%; height:auto; float:left; margin-top:0; margin-left:3vw}
.bookielogo_3 {width:13%; height:auto; float:left; margin-top:0; margin-left:3vw}
.bookielogo_4 {width:13%; height:auto; float:left; margin-top:0; margin-left:3vw}
.ratingbtm {font-size:1.3rem; font-weight:bold; color:var(--warning); margin:1rem 0; text-align:center}
.footerow {display:flex; flex-wrap:wrap}
.footer-col ul {list-style:none; padding-left:0}
.footer {margin-top:0; width:98%; text-align:left; padding:0 0 .5vw 3vw; line-height:1.4}
.footer-col {width:25%; padding:0}
.footer-col p {font-size:1rem; color:#f2f2f7; text-transform:capitalize; margin-bottom:2vw; font-weight:500; position:relative}
.footer-col p::before {content:''; position:absolute; left:0; bottom:-1vw; background-color:#e91e63; height:.1vw; box-sizing:border-box; width:3vw}
.footer-col ul li:not(:last-child) {margin-bottom:1vw}
.footer-col ul li a {font-size:1rem; text-transform:none; color:#f2f2f7; text-decoration:none; font-weight:500; display:block; transition:all .3s ease}
.footer-col ul li a:hover {color:#f2f2f7; padding-left:.1vw}
.footer-col .social-links a {display:inline-block; height:2vw; width:2vw; background-color:rgba(255,255,255,.2); margin:0 .3vw .8vw 0; text-align:center; line-height:2vw; border-radius:50%; color:#f2f2f7; transition:all .5s ease}
.footer-col .social-links a:hover {color:#24262b; background-color:#f2f2f7}
.footyb {text-align:left; width:98%; margin-left:2%; margin-right:auto; margin-top:2.4vw; margin-bottom:2vw; font-size:16px; color:var(--text-article); line-height:1.1}
.footyz {width:800px; margin-left:auto; margin-right:auto; margin-top:0; padding-top:1vw; line-height:3vw; background:var(--bg-footer); text-align:center}
.bottom {color:#f2f2f7}
.bottom:hover {color:#e6e6f2}
#top {display:none; position:fixed; z-index:999; bottom:7vw; right:2vw; left:auto; font-size:1.2vw; border:none; outline:none; background-color:#496e5b; color:white; cursor:pointer; padding:1vw; border-radius:4px; opacity:0.5}
#top:hover {opacity:0.2}
#more {display:none}
#myBtn {background:0 0; color:#7e78e1; font-size:1.2vw; font-weight:600; margin-top:1.5vw; text-align:center}
.darkgrey {background:#ccc}
.grey {background:#eee}
.dim {color:#418a41; font-style:italic}
.sticks_b {width:100%; bottom:0; position:fixed; margin-left:-22%; z-index:999}
div.a {width:100%; margin-left:auto; margin-right:auto; color:#f2f2f7; background:linear-gradient(0deg,#1a3a2a 0,#496e5b 100%); border-radius:0; font-size:1rem; line-height:3; text-align:center}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.modal {display:none; position:fixed; padding-top:1vw; top:3vw; width:30%; height:80%; margin-left:-5vw; overflow:auto; background:rgba(8, 16, 23,0.9); z-index:1200}
.modal-content {margin:auto; padding:0; border:0 solid #888; width:40%; color:#e6e6f2}
.modal-content.small {font-size:16px; width:88%; line-height:2; text-align:left}
.close {color:#e6e6f2; float:right; font-size:2vw; font-weight:700}
.closeme {color:#e6e6f2; float:right; font-size:2vw; font-weight:700}
.close:focus, .closeme:hover {color:#888; text-decoration:none; cursor:pointer}
.openme {display:block}
button {background-color:transparent; color:#bbb; font-size:14px; border:solid 0; vertical-align:middle; padding-left:16px}
#get-started {padding-top:8vw; margin-top:-8vw}
#bet-with-crypto {padding-top:5vw; margin-top:-5vw}
.nav {display:flex; align-items:center; gap:14px}
.nav-item {position:relative}
.nav-link {display:flex; align-items:center; color:#cbcbcb;font-size:16px; gap:6px; padding:10px 4px; border-radius:12px; cursor:pointer; background:transparent; border:none}
.nav-link:hover, .nav-item:focus-within .nav-link {color:#fff; background:rgba(255,255,255,.06)}
.desktop-submenu {position:absolute; top:calc(100% + 1px); left:0; min-width:270px; padding:0; border-radius:1px; background:rgba(21,25,29,.98); box-shadow:0 20px 50px rgba(0, 0, 0, .35); display:none; font-style:italic; font-weight:500}
.nav-item:hover .desktop-submenu, .nav-item:focus-within .desktop-submenu {display:grid}
.desktop-submenu a {padding:8px 14px; border-radius:12px; color:#ddd; font-size:14px; background:transparent}
.desktop-submenu a:hover {color:#fff; background:rgba(255,255,255,.08)}
.menu-btn {display:none; width:46px; height:46px; border-radius:14px; border:1px solid var(--border); background:rgba(255,255,255,.04); cursor:pointer; align-items:center; justify-content:center; margin-left:auto; flex-direction:column; gap:5px; padding:0}
.menu-btn span {display:block; width:20px; height:2px; background:#fff; border-radius:999px; transition:.25s ease; transform-origin:center}
.menu-btn.open span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
.menu-btn.open span:nth-child(2) {opacity:0}
.menu-btn.open span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}
.mobile-panel {display:none; position:fixed; inset:70px 0 auto 0; background:rgba(14, 20, 44,.98); border-bottom:1px solid var(--border); padding:18px 24px 24px; z-index:49}
.mobile-panel.open {display:block}
.mobile-nav {display:grid; gap:10px}
.mobile-item {border:1px solid var(--border); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.0)}
.mobile-item > button, .mobile-link {width:100%; display:flex; justify-content:space-between; align-items:center; padding:14px 16px; background:transparent; border:none; color:#ddd; font:inherit; cursor:pointer}
.submenu {display:none; padding:0 10px 10px 10px}
.submenu.open {display:grid; gap:8px}
.submenu a {padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); color:#ccc}
.submenu a:hover {color:#fff; background:rgba(255,255,255,.08)}
.caret {transition:.2s}
.rotate {transform:rotate(180deg)}

@media (max-width: 640px) {
.nav, .actions .btn:not(.primary) {display:none}
.menu-btn {display:flex}
}

.cc-window {opacity:1; transition:opacity 1s ease}
.cc-window.cc-invisible {opacity:0}
.cc-animate.cc-revoke {transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top {transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom {transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-top {transform:translateY(0)}
.cc-animate.cc-revoke.cc-active.cc-bottom {transform:translateY(0)}
.cc-revoke:hover {transform:translateY(0); text-decoration:underline}
.cc-grower {max-height:0; overflow:hidden; transition:max-height 1s}
.cc-revoke, .cc-window {position:fixed; overflow:hidden; box-sizing:border-box; font-family:Helvetica, Calibri, Arial, sans-serif; font-size:16px; line-height:1.5em; display:flex; flex-wrap:nowrap; z-index:9999}
.cc-window.cc-static {position:static}
.cc-window.cc-floating {padding:2em; max-width:24em; flex-direction:column}
.cc-window.cc-banner {padding:1em 1.8em; width:100%; flex-direction:row; align-items:center}
.cc-revoke {padding:0.5em}
.cc-header {font-size:18px}
.cc-btn, .cc-close, .cc-link, .cc-revoke {cursor:pointer}
.cc-link {opacity:0.8; display:inline-block; padding:0.2em; text-decoration:underline}
.cc-link:hover {opacity:1}
.cc-link:active, .cc-link:visited {color:inherit}
.cc-btn {display:block; padding:0.4em 0.8em; font-size:0.9em; border-width:2px; border-style:solid; text-align:center; white-space:nowrap}
.cc-highlight .cc-btn:first-child {background-color:transparent; border-color:transparent}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {background-color:transparent; text-decoration:underline}
.cc-close {display:block; position:absolute; top:0.5em; right:0.5em; font-size:1.6em; opacity:0.9; line-height:0.75}
.cc-close:focus, .cc-close:hover {opacity:1}
.cc-revoke.cc-top {top:0; left:3em; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em}
.cc-revoke.cc-bottom {bottom:0; left:3em; border-top-left-radius:0.5em; border-top-right-radius:0.5em}
.cc-revoke.cc-left {left:3em; right:initial}
.cc-revoke.cc-right {right:3em; left:initial}
.cc-top {top:1em}
.cc-left {left:1em}
.cc-right {right:1em}
.cc-bottom {bottom:1em}
.cc-floating>.cc-link {margin-bottom:1em}
.cc-floating .cc-message {display:block; margin-bottom:1em}
.cc-window.cc-floating .cc-compliance {flex:1 0 auto}
.cc-banner.cc-top {left:0; right:0; top:0}
.cc-banner.cc-bottom {left:0; right:0; bottom:0}
.cc-banner .cc-message {display:block; flex:1 1 auto; max-width:100%; margin-right:1em}
.cc-compliance {display:flex; align-items:center; align-content:space-between}
.cc-floating .cc-compliance>.cc-btn {flex:1}
.cc-btn+.cc-btn {margin-left:0.5em}
.PREM {padding-top:1vw; margin-top:-1.5vw}
.mobi {display:none}
.mobile {display:none}
.footer-cta_2 {display:none}
.bookmaker {display:none}
.sticky {display:none}
.hide {display:inline}
.iso {display:none}
.header-right {display:none}
.mybook {display:none}

@keyframes fadeInUp {
from {opacity:0; transform:translateY(30px)}
to {opacity:1; transform:translateY(0)}
}

@-webkit-keyframes shine {
0% {left:-100%; transition-property:left}
100%, 11.5044247788% {left:100%; transition-property:left}
}

@keyframes shine {
0% {left:-100%; transition-property:left}
100%, 11.5044247788% {left:100%; transition-property:left}
}

@-webkit-keyframes shine-alt1 {
0% {opacity:.5; transform:translateX(-100px) skewX(-15deg); transition-property:opacity, transform}
100%, 11.5044247788% {opacity:.6; transform:translateX(300px) skewX(-15deg); transition-property:opacity, transform}
}

@keyframes shine-alt1 {
0% {opacity:.5; transform:translateX(-100px) skewX(-15deg); transition-property:opacity, transform}
100%, 11.5044247788% {opacity:.6; transform:translateX(300px) skewX(-15deg); transition-property:opacity, transform}
}

@-webkit-keyframes shine-alt2 {
0% {opacity:0; transform:translateX(-100px) skewX(-15deg); transition-property:opacity, transform}
100%, 11.5044247788% {opacity:1; transform:translateX(300px) skewX(-15deg); transition-property:opacity, transform}
}

@keyframes shine-alt2 {
0% {opacity:0; transform:translateX(-100px) skewX(-15deg); transition-property:opacity, transform}
100%, 11.5044247788% {opacity:1; transform:translateX(300px) skewX(-15deg); transition-property:opacity, transform}
}

@-webkit-keyframes circle {
from {-webkit-transform:scale(1); transform:scale(1)}
to {-webkit-transform:scale(1.5); transform:scale(1.5); opacity:0}
}

@keyframes circle {
from {-webkit-transform:scale(1); transform:scale(1)}
to {-webkit-transform:scale(1.5); transform:scale(1.5); opacity:0}
}

@media (min-width: 769px) {
.has-submenu input {display:none; pointer-events:none}
}

@media (min-width: 768px) {
.hamburger {display:none}
.nav-menu {display:none}
.desktop-menu {display:flex}
}

@media (max-width: 900px) {
.table-head {display:none}
.bookie-row {grid-template-columns:1fr; text-align:center; gap:15px; padding:25px}
.brand-info {flex-direction:column}
.payout-badge {justify-content:center}
}

@media screen and (max-width:1030px) {
.white {margin:0 auto 0 auto; text-align:center; width:100%}
.hero {z-index:0;}
.top-bar {padding:0 0 0 2%}
.desktop-menu a {font-size:10px}
.desktop-sub-toggle {font-size:10px}
.myfooter {font-size:1rem}
.ratingbtm {font-size:1rem}
.homelogo {margin-left:3%; margin-top:0; width:180px; height:auto; float:left}
.awaylogo {margin-right:3%; margin-top:0; width:180px; height:auto; float:right}
.myfooter {font-size:0.7rem}
.ratingbtm {font-size:0.7rem}
.btnbtn {font-size:0.7rem}
.close-btn {font-size:10px}
.footyz {width:100%; margin-left:auto; margin-right:auto}
.hide {display:none}
.hideme {display:none}
}
@media screen and (max-width:600px) {
:root {--font-main:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; --text-main:#555; --text-muted:#555; --bg:#F6F9FE; --bg-alt:#fff; --bg-dark:#17212B; --heading-color:#555;--border:#0E1823; --btnzzz--border:1vw solid rgba(145,224,11,1);--btnzzz-background:linear-gradient(to right, #31FFB6, #00ffa3); --btn-shadow:1px 1px 25px 10px rgba(255, 255, 255, 1); --btnzzz-text-color:#081017; --shine-degree:120deg; --shine-color:rgba(255, 255, 255, 1); --shine-effect:linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent); --shine-transition:all 0.1s ease-in-out}
html {font-size:100%}
body {font-family:var(--font-main); font-size:clamp(0.95rem, 2.6vw, 1.05rem); line-height:1.6; color:var(--text-main); margin-top:clamp(4rem, 10vw, 5.5rem); background:var(--bg);}
h1, h2, h3, h4, h5, h6 {font-family:var(--font-main); overflow-wrap:break-word}
h1 {font-size:clamp(1.4rem, 4vw, 1.8rem); line-height:1.15; text-align:left; font-weight:700; text-transform:none; color:var(--heading-color); max-width:25ch; margin:0.6em auto 0.4em 0}
h2 {font-size:clamp(1.25rem, 3.6vw, 1.7rem); line-height:1.2; font-weight:600; color:var(--heading-color); margin:0.7em 0 0.6em}
h3 {font-size:clamp(1.25rem, 3.6vw, 1.7rem); line-height:1.2; font-weight:600; color:var(--heading-color); margin:0.7em 0 0.6em}
h4 {font-size:clamp(0.95rem, 2.4vw, 1.15rem); line-height:1.3; font-weight:600; color:var(--heading-color); margin:0.8em 0 0.3em}
A:link {text-decoration:none; color:#29C890}
A:visited {text-decoration:none; color:#29C890}
A:hover {text-decoration:none; color:#4CD5A5}
A:active {text-decoration:none; color:#4CD5A5}
p {margin:0.5em 0 1em}
* {box-sizing:border-box; -webkit-text-size-adjust:100%}
button, input, textarea {appearance:none; -webkit-appearance:none}
small {font-size:0.85em; color:var(--text-muted)}
ul, ol {padding-left:1.2em; margin:0.6em 0 1em}
li {margin-bottom:0.4em}
table {font-size:clamp(0.9rem, 2.4vw, 1rem); line-height:1.45}
th {font-weight:600; font-size:0.95em}
td {padding:0.4em 0.3em}
h2 + table, h3 + table {margin-top:0.6em}
table + h3 {margin-top:1.4em}
button, input[type="button"], input[type="submit"], a[class*="btn"] {display:inline-flex; justify-content:center; align-items:center; width:auto; max-width:100%; padding:12px clamp(16px, 2vw, 24px); border:none;border-radius:10px; cursor:pointer; text-align:center; font-weight:600; line-height:1.2; letter-spacing:0.5px; text-transform:uppercase; color:#fff; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease; font-size:clamp(10px, 1.5vw + 0.5rem, 18px); min-width:0; flex-shrink:1; box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}
.mobile-panel {display:none; position:fixed; inset:70px 0 auto 0; background:var(--bg-dark); border-bottom:1px solid var(--border); padding:18px 24px 24px; z-index:49}
.mobile-panel.open {display:block}
.mobile-nav {display:grid; gap:10px}
.mobile-item {border:1px solid var(--border); border-radius:16px; overflow:hidden;background:var(--bg-dark);}
.mobile-item > button, .mobile-link {width:100%; display:flex; justify-content:space-between; align-items:center; padding:14px 6px; background:transparent; border:none; color:#ddd; font:inherit; cursor:pointer}
.mobile-link {padding:14px 26px;}
.submenu {display:none;background:var(--bg-dark);padding:0 10px 10px 10px}
.submenu.open {display:grid; gap:8px}
.submenu a {padding:12px 14px; border-radius:12px; background:rgba(37, 44, 51, 0.9); color:#ccc}
.submenu a:hover {color:#fff; background:rgba(68, 81, 93, .8)}
.caret {transition:.2s}
.rotate {transform:rotate(180deg)}
.white {width:100%; margin:0}
.big {width:100%; margin:clamp(120px, 12vw, 200px) auto 0 auto}
.top-bar {position:fixed; top:0; left:0; width:100%; height:72px; display:flex; align-items:center; justify-content:flex-start; padding:3px 10px 0 10px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);background:var(--bg-dark); box-shadow:0 2px 5px rgba(0, 0, 0, .1); z-index:1100}
.hamburger {width:45px; cursor:pointer; display:flex; flex-direction:column; gap:6px; padding:10px; margin-right:2px}
.hamburger span {height:3px; background:#eee; border-radius:3px}
.logo {width:40px; height:40px; margin-left:3px; display:flex; justify-content:center; opacity:0.9; filter:invert(100%) saturate(60%) hue-rotate(27deg) brightness(100%) contrast(100%); z-index:1000}
.logo-text {font-size:20px; font-weight:bold; margin-left:0; margin-right:2px; color:#eee}
.top {width:100%; padding:0 0; position:relative; z-index:0; margin:0 auto}
.slider {background:0 0; margin:auto; overflow:hidden; position:relative}
.slider::after {right:0; top:0; -webkit-transform:rotateZ(180deg); transform:rotateZ(180deg)}
.slider::before {left:0; top:0}
.slider .slide-track {animation:scroll 60s linear infinite; display:flex; width:calc(60vw * 12)}
.slider .slide-track:hover {animation-play-state:paused}
.slider .slide {height:86vw; width:60vw}
@keyframes scroll {0% {transform:translateX(0)}100% {transform:translateX(calc(-60vw * 6))}}
.rpt_2_plans .rpt_plan {width:96%; background:#fff; filter:drop-shadow(0 0 0 #efefef); float:left; border-top-right-radius:5px; border-top-left-radius:5px}
.turbo {width:60%; height:auto; margin:20px 0 10px 0; border-radius:50%}
.apromocode {font-size:18px; color:#000}
.acode {font-size:21px; color:#000; font-style:italic}
a.bon {font-size:18px; width:80%; background:#efbf04; margin:10px 0}
a.bon:hover {background:#FFD637}
.rpt_MENUT_plans .rpt_plan {width:31%; display:inline-block; position:relative; border:#283955 solid 0}
.rpt_MENUT_plans .rpt_plan_0 {margin:0; margin-top:clamp(1px, 0.5vw, 4px); margin-bottom:clamp(1px, 0.5vw, 4px); color:#071a31; border-top-right-radius:0; border-top-left-radius:0; border-bottom-right-radius:10px; border-bottom-left-radius:10px; position:relative; margin-left:auto; margin-right:auto}
.rpt_MENUT_plans .rpt_plan_0:hover {transform:translateY(-4px); box-shadow:0 20px 40px rgba(0, 180, 216, 0.25); border-color:var(--accent)}
.title {text-transform:capitalize; border-top-right-radius:0; border-top-left-radius:0; padding-top:20px; padding-bottom:20px; font-size:18px; line-height:1.5}
.price {color:#e6e6f2; border-bottom:0; border-top:0; padding-top:0; padding-bottom:0; font-size:clamp(0.95rem, 2.6vw, 1.05rem)}
.ball {height:clamp(40px, 50px, 60px); width:auto; padding-top:0; border-radius:50%; margin-top:auto; margin-bottom:auto}
.ballf {height:clamp(40px, 50px, 60px); width:auto; padding-top:0; border-radius:50%; margin-top:auto; margin-bottom:auto; filter:invert(20%) saturate(100%) hue-rotate(100deg) brightness(100%) contrast(100%)}
a.claim {text-transform:uppercase; background:0 0; border:#027b5b solid 5px; display:inline-block; width:60%; font-size:16px; white-space:nowrap; overflow:hidden; padding:5px 10px; color:#e6e6f2; margin:0; border-radius:30px; margin-top:10px}
a.claim:hover {background:#40a6e8; color:#000}
.page {padding-top:calc(var(--header-height) + 1.5rem); max-width:1120px; margin:0 auto; padding-inline:1.5rem}
.tabs {max-width:100%; margin:20px auto 10px auto;background:var(--bg);font-family:sans-serif}
.tabs input[type="radio"]:checked + label {background:var(--bg); border-bottom:1px solid #fff; font-weight:bold}
.tab-content {border:0 solid #ccc; padding:20px 0 0 0;background:var(--bg); display:none}
.tabs label {display:inline-block; padding:10px 8px; margin-right:2px; background:var(--bg); cursor:pointer; border-radius:4px 4px 0 0; border:0 solid #ccc; border-bottom:none}
.mybetz {background:var(--bg-alt); box-shadow:0 20px 40px rgba(40, 153, 122, 0); width:94%; margin-left:auto; margin-right:auto; padding-top:0; padding-bottom:10px; margin-bottom:20px; border-bottom-right-radius:50px; border-bottom-left-radius:0; border:0 solid rgba(0, 255, 163, 0.2)}
.mybetz:hover {transform:scale(1)}
.mybetz th {width:20%; text-align:center}
.mybetz td {text-align:center; width:100%; line-height:1}
.mybetz_2 {background:0 0; color:var(--text-main); border:#e6e6f2 solid 0; padding:7px 0; font-size:clamp(18px, 1.2vw, 20px); width:80%; margin:5px 0}
.mybetz_3 {background:0 0; color:var(--text-main); border:#000 solid 1px; font-size:clamp(16px, 1.2vw, 18px); font-weight:800; border-radius:10px; padding:16px 0; width:80%; margin:10px 0 0 0}
.mybetz_4 {background:0 0; width:80%; margin:13px 0 0 0}
.homelogo {float:none; padding-left:0; padding-top:16px; padding-bottom:10px; margin-right:-10px; width:40vw; height:auto}
.awaylogo {float:none; padding-right:0; padding-top:16px; padding-bottom:10px; margin-left:-10px; width:40vw; height:auto}
.homelogoc {float:none; padding-left:0; padding-top:16px; padding-bottom:10px; width:30vw; height:auto}
.awaylogoc {float:none; padding-right:0; padding-top:16px; padding-bottom:10px; width:30vw; height:auto}
.timedatez {display:block; font-size:14px;color:var(--text-main);}
.ligaz {display:block; line-height:2; font-size:18px;color:var(--text-main);}
.crown {display:inline-block; height:30px; width:auto; margin-top:20px; margin-bottom:5px}
@keyframes shine-alt2 {0% {opacity:1; transform:translateX(-100px) skewX(-15deg); transition-property:opacity, transform}100%, 11.5044247788% {opacity:1; transform:translateX(300px) skewX(-15deg); transition-property:opacity, transform}}
.premium {width:94%; border-spacing:0; background:var(--bg-alt); margin:0 auto 0 auto; z-index:0; border-bottom:#0D5543 solid 0}
.premium th {background-color:#17212B; color:#fff; font-size:clamp(16px, 3vw, 24px); font-weight:400; padding-top:clamp(0.5rem, 0.3rem + 0.7vw, 1.5rem); padding-bottom:clamp(0.5rem, 0.3rem + 0.7vw, 1.5rem); padding-left:clamp(3px, 2.5vw, 8px); padding-right:clamp(3px, 2.5vw, 8px); text-transform:none; border-left:0 solid #0D5543; line-height:2}
.premium td {background:var(--bg-alt); color:var(--text-main); font-weight:600; padding-top:clamp(0.5rem, 0.3rem + 0.7vw, 1.5rem); padding-bottom:clamp(0.5rem, 0.3rem + 0.7vw, 1.5rem); line-height:1.5}
.premium tr:nth-child(even) td {background:var(--bg-alt);}
.premium tr:nth-child(odd) td {background:var(--bg-alt);}
.date {width:5%; padding:clamp(5px, 2.5vw, 5px); font-size:clamp(15px, 3vw, 22px); border-bottom:0 solid #32405b; border-top:0 solid #32405b}
.pick {width:95%; padding:clamp(5px, 2.5vw, 14px); font-size:clamp(16px, 3vw, 24px); border-left:0 solid #0D5543; border-bottom:0 solid #32405b; border-top:0 solid #32405b}
.bet_here {width:38%; padding:0; border-bottom:0 solid #16202a}
.grd {background:linear-gradient(120deg, #17212B 90%, #fff 0%)}
.bet {font-size:clamp(16px, 1.2vw, 18px); text-transform:uppercase; border-radius:clamp(8px, 2.5vw, 14px); background:#00ff94; border:#63c solid 0; padding:0.9em 1.4em; line-height:1; font-weight:700; color:#000}
.bet:hover {font-size:clamp(0.95rem, 2.6vw, 1.05rem); background:#92f5a8}
a.bet {font-size:clamp(16px, 1.2vw, 18px); text-transform:uppercase; border-radius:clamp(8px, 2.5vw, 14px); background:#00ff94; border:#63c solid 0; padding:0.7em 1.4em; line-height:1; font-weight:700; color:#000}
a.bet:hover {font-size:clamp(0.95rem, 2.6vw, 1.05rem); background:#92f5a8}
.flags {width:40%; height:auto; display:flex; align-items:center; justify-content:center; margin:0 auto}
.green {color:#00915E; font-weight:400}
#siteSearch, #teamSearch {width:100%; padding:15px 25px; background:var(--card-bg); border:1px solid var(--border); border-radius:12px; color:#fff; font-size:1rem; outline:none; transition:0.3s}
#siteSearch, #teamSearch:focus {border-color:var(--accent-blue); box-shadow:0 0 15px rgba(41, 121, 255, 0.2)}
.comparison-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(70%, 1fr)); gap:1.2rem}
.wrapper {max-width:94%; margin:0 auto}
.filter-container {margin-bottom:15px; position:relative}
.feature-list li {font-size:1rem}
a.cta-button {display:block; background:var(--accent); color:#0f1715; text-align:center; padding:14px; border-radius:10px; text-decoration:none; font-weight:700; font-size:1.1rem; margin-top:1.2rem; transition:all 0.3s; box-shadow:0 4px 15px rgba(0, 180, 216, 0.4)}
a.cta-button:hover {background:var(--accent-hover); transform:scale(1.03); color:#0f1715}
.accmain {text-align:left; width:100%; margin-left:auto; margin-right:auto; padding:0 0; color:#8696a9; margin-top:clamp(-16px, -3.5vw, -40px); margin-bottom:0}
.middle {color:var(--text-main); text-align:left; width:98%; padding:12px clamp(16px, 2vw, 24px); margin-bottom:0; margin-left:auto; margin-right:auto; font-size:clamp(1rem, 2.6vw, 1.2rem); font-weight:400; margin-top:0; line-height:1.7}
.mid {background:#0E151B}
.mid_2 {text-transform:none; width:94%; font-size:clamp(0.5rem, 0.5rem + 1.25vw, 0.6rem);color:var(--text-main); margin-top:clamp(40px, 8vw, 70px); margin-bottom:15px; margin-left:3%; margin-right:auto; display:block}
.mid_2 h1 {background:linear-gradient(to right,#555,#555); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-size:clamp(1.4rem, 4vw, 1.8rem); line-height:1.15; text-align:left; font-weight:700; font-style:normal;text-transform:none; max-width:30ch; margin:0.6em auto 0.4em 0}
.midh2 {background:linear-gradient(to right,#555,#555); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-size:clamp(1.4rem, 4vw, 1.8rem); line-height:1.15; text-align:left; font-weight:700; font-style:normal; text-transform:none; max-width:30ch; margin:0.6em auto 0.4em 0}
.mid_3 {text-transform:none; width:96%; font-size:clamp(0.75rem, 0.5rem + 1.25vw, 0.875rem); color:#c3ccd8; margin-top:clamp(20px, 8vw, 60px); margin-bottom:0; margin-left:4%; margin-right:auto; display:block}
.mid_3 h2 {font-size:clamp(1.6rem, 4vw, 2rem); line-height:1.15; text-align:left; font-weight:700; text-transform:none; max-width:25ch; margin:0.6em auto 0.4em 0; background:linear-gradient(to right, #00e676, #2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.mid_4 {text-transform:none; width:94%; font-size:clamp(0.5rem, 0.5rem + 1.25vw, 0.6rem);color:var(--text-main); margin-top:clamp(40px, 8vw, 70px); margin-bottom:15px; margin-left:3%; margin-right:auto; display:block}
.mid_4 h2 {background:linear-gradient(to right,#555,#555); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-size:clamp(1.3rem, 4vw, 1.5rem); line-height:1.15; text-align:left; font-weight:700; font-style:normal; text-transform:none; max-width:30ch; margin:0.6em auto 0.4em 0}
.mid_5 {text-transform:none; width:94%; font-size:clamp(0.5rem, 0.5rem + 1.25vw, 0.6rem); color:#c3ccd8; margin-top:clamp(40px, 8vw, 70px); margin-bottom:15px; margin-left:3%; margin-right:auto; display:block}
.mid_5 h2 {font-size:clamp(1.4rem, 4vw, 1.8rem); line-height:1.15; text-align:left; font-weight:700; font-style:italic; text-transform:none; max-width:30ch; margin:0.6em 0 0.4em 0}
.myh2g {font-size:clamp(0.5rem, 0.5rem + 1.25vw, 0.6rem);color:var(--text-main);}
.myh2d {display:block; margin-top:0.83rem; margin-bottom:0.83rem; font-size:21px; color:var(--text-article); font-style:normal; font-weight:600}
.button {width:100%; height:auto; border-radius:0; vertical-align:clamp(1rem, 1vw + 0.5rem, 2rem); margin-bottom:0}
.rpt_PICKZY_plans .rpt_plan {width:auto; z-index:2; float:left; font-size:clamp(1rem, 3vw, 1.5rem)}
.rpt_PICKZY_plans .rpt_plan_0 {margin-top:5px; margin-bottom:5px; margin-left:0; margin-right:clamp(10px, 2vw, 40px); line-height:2.2}
.btns, .btns_2, .btns_3, .btns_4, .btns_5, .btns_6, .btns_7, .btns_8, .btns_9, .btns_10, .btns_11 {color:#e6e6f2; font-size:clamp(0.95rem, 2.6vw, 1.05rem); text-decoration:none; text-transform:none; position:relative; padding-right:clamp(2px, 1.1vw + 1px, 14px); width:auto; min-width:auto}
.myh2 {font-size:clamp(1.25rem, 3.6vw, 1.7rem); line-height:1.2; font-weight:600; color:var(--heading-color); margin:0.7em 0 0.6em}
.btnz {position:relative; padding:4vw 5vw 4.5vw 5vw; margin-top:-1.5vw; overflow:hidden;font-family:"Roboto", sans-serif; font-size:clamp(16px, 1.2vw, 18px);font-style:normal;letter-spacing:0.04em; font-weight:700; width:auto; min-width:auto; border-radius:3vw; text-decoration:none; border:var(--btnz-border); color:#000; background:#00ffa3;}
.btnz:hover {background:#31FFB6;}
.btnzzz {filter:drop-shadow(0 0 0 #6fae03); position:relative; margin-top:3vw; font-size:clamp(1.3rem, 1rem + 0.625vw, 1.5rem); font-weight:800; width:auto; padding:4vw 5vw 4vw 5vw; border-radius:13vw; text-transform:capitalize; border:var(--btnzzz-border); color:var(--btnzzz-text-color); background:var(--btnzzz-background)}
.btnzzz:hover {background: linear-gradient(to right, #45FFC0, #00E696);font-size:clamp(1.3rem, 1rem + 0.625vw, 1.5rem);}
.btnzzz:not(:last-child) {margin-bottom:3vw}
.btnzzz::before {content:""; position:absolute; top:0; width:100%; height:100%; background:var(--shine-effect)}
.btnzzz-hover::before {left:-100%; transition:var(--shine-transition)}
.btnzzz-hover:hover {box-shadow:var(--btn-shadow)}
.btnzzz-hover:hover::before {left:100%}
.btnzzz-anim::before {-webkit-animation:shine 4s ease-in-out infinite; animation:shine 4s ease-in-out infinite}
.rpt_PICKZZ_plans .rpt_plan {width:auto;float:left}
.rpt_PICKZZ_plans .rpt_plan_0 {padding:0 1vw;}
.cell {text-transform:capitalize;}
.iconz {height:10vw; width:auto; border-radius:50%;}

@keyframes shine-alt2 {0% {opacity:1; transform:translateX(-100px) skewX(-15deg); transition-property:opacity, transform}100%, 11.5044247788% {opacity:1; transform:translateX(300px) skewX(-15deg); transition-property:opacity, transform}}
.header {margin-top:30px; margin-bottom:10px}
.header h1 {font-size:clamp(1.4rem, 4vw, 1.8rem); background:linear-gradient(to right, #00e676, #2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.header h2 {font-size:clamp(1.6rem, 4vw, 2rem); margin-bottom:10px; background:linear-gradient(to right, #00e676, #2979ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.bonus {font-size:clamp(1rem, 1rem + 0.5vw, 1.25rem)}
.iso {display:block; margin:-13vw auto 7vw auto; border-radius:50%; height:33vw; width:auto}
.boo {width:94%; background:var(--bg-alt); padding-top:.1vw; padding-bottom:3vw; margin:3vw 3vw 7vw 3vw}
.bookm {width:94%; padding-top:.1vw; padding-bottom:3vw; margin:7vw 3vw 7vw 3vw}
.bookmakers {margin:1vw auto 1vw auto; width:90%; border:#9e7de3 solid 0; border-bottom:#004d98 dashed 0}
.bookmakers td {width:100%;color:var(--text-main); font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); display:block; line-height:1.5; font-weight:400}
.wide {width:100%; padding:0 0;text-align:left; font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem);background:var(--bg-alt);}
.wide_2 {padding:0 0; font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); text-align:left;background:var(--bg-alt);}
.wide_3 {width:100%; padding:0 0 1vw 0; font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); text-align:center;background:var(--bg-alt);}
a.bonus {display:block; width:98%; padding:1.3vw 0 1.5vw 0; background:#91e00b;color:var(--text-main); font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); font-weight:800; text-transform:capitalize; margin:3vw auto; line-height:2.5; border-radius:1vw}
a.bonus:hover {background:#61c1ff}
.corner {margin-bottom:-9vw; margin-left:1vw; font-size:7vw; filter:invert(1)}
.readme {margin:1vw 0 5vw 0; font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem);color:var(--text-main); display:block}
.woffer {font-size:clamp(0.8rem, 1rem + 0.625vw, 1rem);color:var(--text-main); font-style:normal; margin-left:.5vw}
.coins {width:13%; height:auto; border:.8vw solid #fff; margin-left:-.5vw; margin-right:-5.5vw; vertical-align:-3.3vw}
.coinzz {width:8vw; height:auto; margin-bottom:1vw; margin-left:0; margin-right:2vw; vertical-align:-2.8vw}
.star {width:7%; height:auto; vertical-align:-.8vw;margin-left:0; opacity:.9}
.gift {width:7%; height:auto; padding-left:2vw; vertical-align:0}
.bonuses {background:#0a2d4e;color:var(--text-main); font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); font-weight:600; font-style:italic; padding-left:5vw; padding-top:3vw; padding-bottom:3vw}
.bonuses_2 {font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); font-weight:600; width:100%;padding:10px 15px; margin:.5vw 0 3vw 0;color:var(--text-main); border:#555 dashed .2vw}
#myBtn {background:0 0; color:#00ffa3; font-size:4vw; font-weight:600; margin-top:1.5vw; margin-left:-.1vw}
.prem_2 {width:94%; margin:3vw auto 0 auto; background:url(https://footballvaluetips.com/images/valuetips_2.webp) fixed; background-position:0 70px !important; height:170px}
.freetips {background:var(--bg-alt);border-spacing:0; width:100%; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; border-top:solid 0; border-bottom:solid 0.3vw;border-color:var(--border);}
.freetips th {font-size:4.5vw; line-height:2.5; color:#e6e6f2;background:var(--bg-alt);}
.freetips th a {display:block; color:#e6e6f2; padding:0; line-height:3}
.freetipz {background:var(--bg-alt);border-spacing:0; width:100%; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; border-top:solid 0; border-bottom:solid 0.2vw;border-color:var(--border);}
.freetipz th {font-size:4.5vw; line-height:2.5; color:#e6e6f2;background:var(--bg-alt);}
.freetipz th a {display:block; color:#e6e6f2; padding:0; line-height:3}
.flagzy {border-radius:10%; height:auto; margin-left:20%; width:60%; vertical-align:-1.2vw}
.datez {width:15%; font-size:3.5vw}
a.betz {background:transparent; font-size:4vw; border-radius:1vw; padding:0; padding-top:0; padding-bottom:0; width:70%; color:#000}
a.betz:hover {background:#ffcf5d; font-size:4vw; border-radius:1vw; padding:0; padding-top:0; padding-bottom:0; width:70%; color:#000}
.dim {color:#98c898; font-style:italic; font-size:clamp(1rem, 17px + 0.25vw, 1.125rem)}
.accordion {display:flex; justify-content:flex-start; border-radius:0;margin-top:0; margin-bottom:0; margin-left:0;background:var(--bg-dark); text-transform:capitalize; font-size:clamp(1rem, 0.8rem + 0.5vw, 1.35rem); font-weight:600; color:#e6e6f2; padding:1.5vw 5vw 1.4vw 2vw; line-height:3; border-bottom:solid .4vw; border-color:#F6F9FE;}
.accordion:after {color:#e3e7eb; margin-top:0; margin-right:0; margin-left:2vw}
.panel {background:var(--bg-dark); color:#e6e6f2; width:100%; padding-left:2%; padding-right:2%; font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); font-weight:400; text-align:left; border-bottom:0 solid; border-color:#081a30; line-height:1.4}
#footer {position:sticky; bottom:0; left:0; display:none; width:100%; height:11vw; padding:0; box-sizing:border-box; background:#000; color:#e6e6f2}
#footer div {flex:1 1 auto}
#footer label {flex:0 0 5em; padding-bottom:.25em; font-size:1em; text-align:right; cursor:pointer}
.img_footer {width:auto; height:100%}
.footerow {display:flex; flex-wrap:wrap}
.footer {margin-top:0; width:96%; text-align:left; padding:0 0 1vw 5vw; line-height:2}
.footer-col {width:50%; padding:0 0}
.footer-col p {font-size:clamp(1.25rem, 1rem + 1vw, 1.5rem); color:#e6e6f2; text-transform:capitalize; margin-bottom:2vw; font-weight:500; position:relative}
.footer-col p::before {content:''; position:absolute; left:0; bottom:-1vw; background-color:#e91e63; height:.5vw; box-sizing:border-box; width:3vw}
.footer-col ul {padding-left:0}
.footer-col ul li:not(:last-child) {margin-bottom:1vw}
.footer-col ul li a {font-size:clamp(1.125rem, 1rem + 0.625vw, 1.25rem); color:#e6e6f2; text-decoration:none; font-weight:400; display:block; transition:all .3s ease}
.footer-col ul li a:hover {color:#e6e6f2; padding-left:1vw}
.footer-col .social-links a {display:inline-block; height:10vw; width:10vw; background-color:rgba(255, 255, 255, .2); margin:2vw 1.3vw .8vw 0; text-align:center; line-height:10vw; border-radius:50%; color:#e6e6f2; transition:all .5s ease}
.footer-col .social-links a:hover {color:#24262b; background-color:#fff}
.footyb { background:rgb(23, 33, 43, 0.94);width:100%; margin-top:0; z-index:13; position:relative; margin-bottom:10px; text-align:left; margin-left:auto; margin-right:auto; padding:2vw 0 3vw 2vw; font-size:clamp(0.625rem, 0.375rem + 0.625vw, 0.75rem); color:#e6e6f2;}
.footyz {width:100%; margin-top:0; z-index:13; position:relative;background:var(--bg-dark); margin-left:auto; margin-right:auto; padding:1vw 0 0 0; font-size:2.8vw; color:#e6e6f2; border-top:solid .1vw; border-color:#000}
.bottom {color:#e6e6f2}
.sticks_b {width:100%; display:block; margin:0 0 -1vw 0; padding:0 0; height:auto; bottom:0; text-align:center; position:fixed; z-index:999}
div.a {width:100%; margin-left:0; margin-right:0; padding-top:10vw; padding-bottom:30vw; color:#e6e6f2;background:var(--bg-dark); font-size:clamp(0.875rem, 0.75rem + 0.5vw, 1rem); line-height:2}
.imgt {width:100%; height:auto; display:block; margin-bottom:40px}
.social {display:inline-block; opacity:.9; height:10vw; width:auto; margin:3vw 0 -3vw 0; filter:invert(1)}
.social:hover {opacity:1; filter:grayscale(0)}
.twitter {display:inline-block; opacity:.9; height:10vw; width:auto; margin:3vw 0 -3vw -.2vw; filter:invert(1)}
.twitter:hover {opacity:1; filter:grayscale(0)}
.gpwa {height:8vw; width:auto; margin:3vw 0 0 0; padding:0 0}
.mobi {display:block}
.mobile {display:inline}
h1 + .btnbtnt, h2 + .btnbtnt {margin-top:0.5em}
.top-top {display:flex; align-items:center; justify-content:space-between; background:#B4EF98; font-size: clamp(14px, 1rem + 0.5vw, 16px); color:#000; font-weight:600; width:96%; margin:0 auto 10px auto; line-height:3}
.bookielgt {width:18%; height:auto; float:left; margin-top:0; margin-left:1vw}
.ratingtop {font-size:1rem; font-weight:bold; color:var(--warning); margin:1rem 0; text-align:center; display:none}
.btntop {z-index:999; display:inline-block; background:linear-gradient(120deg, #60d193 50%, #60d193 0); padding:3px 10px; margin-right:0; text-align:center; color:#000; font-size: clamp(14px, 1rem + 0.5vw, 16px); font-weight:600; letter-spacing:0.04em; border-radius:3%}
.btntop:hover {background:linear-gradient(120deg, #78c6a3 50%, #78c6a3 0)}
.myfooter {display:block; position:fixed; bottom:0; left:0; width:100%; background:#171614; color:#e6e6f2;font-size: clamp(13px, 1rem + 0.5vw, 15px);font-style:normal; font-weight:600; text-transform:none;line-height:2.5; text-align:center; justify-content:space-around; align-items:center; z-index:998}
.close-btn {background:rgb(34, 34, 34, .9); border:none; border-radius:50%; color:#e6e6f2; font-size:12px; right:0.5vw; padding:1vw 1.5vw; cursor:pointer; position:relative; float:right; margin-top:-22vw}
.close-btn:hover {color:#e6e6f2}
.btnbtn {display:none; background:linear-gradient(120deg, #95e46f 50%, #95e46f 0); justify-content:center; align-items:center; width:auto; max-width:100%; padding:0.9em 1.4em; border:none; border-radius:10px; cursor:pointer; text-align:center; font-weight:700; line-height:1; letter-spacing:0.04em; text-transform:uppercase; color:#000; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease; font-size:clamp(16px, 1.2vw, 18px); min-width:0; flex-shrink:1; box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}
.btnbtn:hover {background:linear-gradient(120deg, #78d34a 50%, #78d34a 0)}
.bookielogo {width:20%; height:auto; margin-left:0; margin-right:-1vw}
.bookielogo_2 {width:25%; height:auto; margin-left:-1vw; margin-right:-2vw}
.bookielogo_3 {width:25%; height:auto; margin-left:0; margin-right:0}
.bookielogo_4 {width:14%; height:auto; margin-left:1vw; margin-right:0}
.modal {display:none; position:fixed; padding-top:1vw; top:0; margin-left:0; width:90%; height:100%; overflow:auto; background:rgb(255, 255, 255,0.9); z-index:2000}
.modal-content {background:rgb(27, 34, 63,0); margin:auto; padding:0; border:0 solid #888; width:40%;color:var(--text-main);}
.modal-content.small {font-size:clamp(1.25rem, 1rem + 1vw, 1.5rem); width:90%; padding:2vw 5vw 2vw 5vw; line-height:1.5; text-align:left}
.close {color:var(--text-main); float:right; font-size:clamp(1.5rem, 1.25rem + 0.625vw, 1.625rem); font-weight:700}
.closeme {color:var(--text-main); float:right; font-size:clamp(1.5rem, 1.25rem + 0.625vw, 1.625rem); font-weight:700}
.modal::-webkit-scrollbar {width:1vw}
.modal::-webkit-scrollbar-track {background:rgb(0, 0, 0, .9)}
.modal::-webkit-scrollbar-thumb {background:rgb(0, 0, 0, .9)}
.modal::-webkit-scrollbar-thumb:hover {background:rgb(10, 155, 115, .9)}
.close:focus, .closeme:hover {color:#e6e6f2; text-decoration:none; cursor:pointer}
.openme {display:block}
button {font-size:clamp(1rem, 1.15rem + 0.75vw, 1.2rem); color:var(--text-main); font-weight:400; margin-left:5vw; vertical-align:0.8vw}
.mybook {width:100%; height:auto; display:block}
#get-started {padding-top:clamp(120px, 10vw + 2rem, 160px); margin-top:clamp(-120px, -10vw + 2rem, -160px)}
#bet-with-crypto {padding-top:clamp(120px, 10vw + 2rem, 160px); margin-top:clamp(-120px, -10vw + 2rem, -160px)}
.hero {display:none}
.myimg {display:none}
.hide {display:none}
.right {display:none}
.ratingbtm {display:none}
strong{font-weight:500;}
.footer-cta_2 {display:block; background:linear-gradient(120deg, #00ffa3 50%, #00ffa3 0); justify-content:center; align-items:center; width:auto; max-width:100%; margin-bottom:1%; padding:0.9em 1.4em; border:none; border-radius:10px; cursor:pointer; text-align:center; font-weight:700; line-height:1; letter-spacing:0.04em; color:#000; text-decoration:none; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease; font-size: clamp(15px, 1rem + 0.5vw, 17px); min-width:0; flex-shrink:1; box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}
.footer-cta_2:hover {background:#31FFB6}
.footer-top {display:flex; align-items:center; justify-content:flex-start; gap:4px}
@media (max-width:768px) {.mobile-only {display:flex !important}.site-header, .header-container, header {display:flex; align-items:center; margin-left:auto; padding:7px 0 7px 0; position:relative}
.header-right {display:flex; align-items:center; margin-left:auto}
.bonus-icon-wrapper {display:flex; align-items:center; gap:6px; text-decoration:none; color:#ffcc00; font-weight:700; font-size:clamp(16px, 1.2vw, 18px); padding:0 10px; text-transform:uppercase; border-radius:6px; background:rgba(14, 20, 44, 0.1);background:rgba(255, 204, 0, 0.1); transition:background 0.3s}
.bonus-icon-wrapper:hover {background:rgba(255, 204, 0, 0)}.bonus-icon {filter:saturate(8); font-size:26px; animation:bonus-shake 2.5s infinite ease-in-out; transform-origin:50% 80%; will-change:transform}.bonus-label {display:inline; color:#00FFA3}
.bonus-icon-wrapper::after {content:"free bet"; position:absolute; top:-4px; right:-10px; background:#DD0000; color:white; font-size:10px; font-weight:bold; padding:2px 5px; border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}@media (max-width:300px) {.bonus-label {display:none}.bonus-icon {font-size:24px}}}
@keyframes bonus-shake {0%, 100% {transform:rotate(0deg)}10% {transform:rotate(-14deg)}20% {transform:rotate(12deg)}30% {transform:rotate(-10deg)}40% {transform:rotate(8deg)}50% {transform:rotate(-6deg)}60% {transform:rotate(4deg)}70% {transform:rotate(-3deg)}80% {transform:rotate(2deg)}90% {transform:rotate(-1deg)}}
@media (max-width:400px) {.bonus-icon {font-size:24px}}
}