:root {
  --body-bg-color: #03382f;
  --body-text-color: #ffffff;
  --heading-color: #ffffff;
  --hero-gradient1: #aea3a3;
  --hero-gradient2: #ffffff;
  --footer-bg-color: #14290f;
  --link-color: #0f0f10;
  --header-bg-color: #ffffff;
  --font-family: Monaco, 'Menlo', monospace;
  --nav-link-color: #e4e3e2;
  --footer-text-color: #ffffff;
  --header-text-color: #f2f2f2;

  --background-color:#fff;
  --background-dark-color:#1c2a42;
  --default-color:#444;
  --accent-color:#47b2e4;
  --surface-color:#fff;
  --contrast-color:#fff;
  --btn-bg:#E0932E;
  --btn-bg-hover:#47b2e4;
  --btn-hover-color:#FFF;
  --section-border-color:#37517e;
  --bonus-c:#D6473C;
  --sec-btn-border:#C1C1C1;
  --sec-btn-bg-hover:#f3f2ff;
  --sec-btn-color:#2E174F;
  --transition:all .2s ease-in-out
}
html{overflow-x:hidden}
body{background-color:var(--body-bg-color)!important;color:var(--body-text-color)!important;font-family:var(--font-family);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
h1{font-size:clamp(2rem,4vw,2.5rem)!important}
h2{font-size:clamp(1.6rem,3vw,2rem)!important}
h3{font-size:clamp(1.4rem,3vw,1.7rem)!important}
p{margin-bottom:.5rem!important}
section{padding:15px 0;scroll-margin-top:70px}
h2,h3{color:var(--heading-color)!important}
.content-area a{color:var(--link-color)!important;text-decoration:none!important}
.content-area a:hover{color:var(--link-color)!important;opacity:.8}
.sidebar-page-list{padding:0;margin:0;margin-bottom:17px;width:279px}
.sidebar-page-list li{list-style-type:disc;list-style-position:inside;color:var(--heading-color)}
.sidebar-page-list li::marker{color:var(--link-color);font-size:1.2em}
.sidebar-page-list li:last-child{border-bottom:none}
.sidebar-page-list li a{padding:12px 0;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;color:var(--link-color)}
.sidebar-page-list li a:hover{padding-left:11px}
.error_page{min-height:70vh}
.footer{background-color:var(--footer-bg-color);color:var(--footer-text-color)}
.footer a{text-decoration:none;color:#ebebeb!important}
.footer a:hover{color:var(--link-color)!important;opacity:.8}
.footer img{filter:brightness(0) invert(1)}
.navbar{background-color:transparent!important;transition:background-color .4s ease,box-shadow .3s ease;width:100%;z-index:1030}
.navbar.scrolled{background-color:var(--header-bg-color)!important;box-shadow:0 2px 10px #0000001a}
.hero-section{padding:115px 0 30px;position:relative;overflow:hidden;color:var(--header-text-color)}
.hero-section.with-bg{background-image:url(/images/casino-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-section.with-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000);opacity:.5;z-index:1}
.hero-section .container{position:relative;z-index:2}
@media (max-width: 768px) {
.hero-section{padding:60px 0}
}
.navbar-light .navbar-nav .nav-link{color:var(--nav-link-color,#141414)!important}
.navbar-light .navbar-nav .nav-link.active{color:var(--link-color)!important;font-weight:700}
@media (max-width: 1199.98px) {
.navbar-collapse{position:fixed;top:61px;left:15px;right:15px;background-color:color-mix(in srgb,var(--header-bg-color) 65%,transparent);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 15px 40px #00000026;z-index:9999;padding:15px;margin:0}
.navbar-nav{width:100%}
.navbar-nav .nav-item{margin:7px 0}
.navbar-nav .nav-item:hover{transform:translateY(-1px)}
.navbar-nav .nav-link{font-size:1.2rem;font-weight:500;text-decoration:none;display:block;padding:0}
.navbar-toggler{z-index:10000;position:relative;border:var(--bs-border-width) solid var(--nav-link-color,#141414)!important}
}
.custom-dropdown{border:0;box-shadow:0 10px 40px #00000026;border-radius:12px;padding:.5rem 0;margin-top:.5rem;min-width:220px;background:color-mix(in srgb,var(--header-bg-color) 65%,transparent)!important;backdrop-filter:blur(12px)}
.custom-dropdown .dropdown-item{padding:.75rem 1.5rem;transition:all .3s ease;color:var(--nav-link-color,#141414)!important;font-weight:500;border-radius:0;text-wrap:wrap}
.dropdown-menu{display:none}
.custom-dropdown .dropdown-item:hover{color:#fff;background:color-mix(in srgb,var(--header-bg-color) 95%,transparent)!important}
.nav-item.dropdown > .nav-link{display:flex;align-items:center}
.nav-item.dropdown > .nav-link .arrow{position:relative;margin-left:auto;border:solid var(--nav-link-color,#141414);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);transition:transform .25s}
.dropdown.open .dropdown-menu{display:block}
@media (min-width: 1200px) {
.nav-item.dropdown{position:relative}
.nav-item.dropdown > .nav-link .arrow{margin-left:7px}
.custom-dropdown.dropdown-menu{position:absolute;top:100%;left:0;margin-top:0;z-index:1000}
.nav-item.dropdown:hover > .nav-link .arrow{transform:rotate(-135deg)}
.nav-item.dropdown:hover > .dropdown-menu{display:block!important}
}
@media (max-width: 1199px) {
.nav-item.dropdown > .nav-link .arrow{padding:4px}
}
.section-two .card{background-color:#044d40;border:2px solid #FFD700;border-radius:15px;padding:10px;transition:transform 0.3s,box-shadow .3s;animation:floatCard 6s ease-in-out infinite alternate;color:#FFD700;box-shadow:0 8px 20px #0009}
.section-two .card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ffd70099}
.section-two h2{color:#FFD700;font-size:2.5rem;margin-bottom:30px}
.section-two p{color:#FFD700;font-size:1.1rem;margin-bottom:50px}
.section-two .card h3{color:#FFD700;font-size:1.5rem;margin-bottom:15px}
.section-two .card p{color:#FFD700;font-size:1rem;line-height:1.6}
@keyframes floatCard {
0%{transform:translateY(0px)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0px)}
}
.styled-section{background-color:#B8860B;padding:80px 20px;border-radius:20px;position:relative;overflow:hidden;color:#03382F;box-shadow:0 10px 30px #0009}
.styled-section h2{font-size:3rem;text-align:center;margin-bottom:40px;color:#03382F;text-shadow:2px 2px 5px #0006;animation:titleGlow 2s ease-in-out infinite alternate}
.styled-section p{line-height:1.8;text-align:center;margin-bottom:40px;color:#0f0f0f;opacity:.9;transition:all .3s ease-in-out}
.styled-section p:hover{transform:scale(1.05);opacity:1}
.styled-section .card{background-color:#FFD700;border:2px solid #03382F;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 8px 20px #0009;transition:transform 0.4s,box-shadow .4s;animation:floatCard 6s ease-in-out infinite alternate;color:#03382F}
.styled-section .card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px #00332f99}
@keyframes floatCard {
0%{transform:translateY(0px)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0px)}
}
@keyframes titleGlow {
0%{text-shadow:2px 2px 5px #00332f99}
50%{text-shadow:2px 2px 20px #00332fff}
100%{text-shadow:2px 2px 5px #00332f99}
}
.section-wallets{background:linear-gradient(135deg,#000000b3,#00000080),url(/images/casino-bg.webp);background-position:center;background-size:cover;color:#fff;padding:60px 30px;border-radius:10px;box-shadow:0 4px 20px #0000004d;text-align:center;margin-top:40px;border:1px solid #2c3e50}
.section-wallets h2{color:#b9c2e7;margin-bottom:30px;font-family:'Arial',sans-serif;text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block}
.section-wallets h2::after{content:"";position:absolute;width:100%;height:3px;background-color:#e7e4e4;bottom:-8px;left:0}
.section-wallets p{color:#ddd;line-height:1.6;margin-bottom:30px}
.section-wallets h3{color:#fff;padding:10px;border-radius:5px;margin-bottom:20px;display:inline-block;text-transform:capitalize;font-family:'Helvetica Neue',sans-serif;letter-spacing:1px;box-shadow:0 4px 12px #0003;transition:all .3s ease}
.section-wallets h3:hover{background-color:#2c3e50;color:#fff;transform:scale(1.05)}
.section-wallets ul{list-style-type:none;padding-left:0;margin-bottom:20px}
.section-wallets ul li{display:flex;align-items:center;margin-bottom:15px;color:#dadada}
.section-wallets ul li::before{content:"✔";font-size:1.5rem;color:#e2e2e2;margin-right:10px;transition:color .3s ease}
.section-wallets ul li:hover::before{color:#ebebeb}
@media (max-width: 768px) {
.section-wallets{padding:40px 20px}
.section-wallets h2{font-size:2rem}
.section-wallets h3{font-size:1.4rem}
.section-wallets ul li{font-size:1rem}
}
.faq{background-color:#03382F;color:#FFD700;padding:60px 20px;border-radius:20px;margin:0 auto;box-shadow:0 10px 30px #0009;position:relative;overflow:hidden}
.faq h2{font-size:2.5rem;text-align:center;margin-bottom:50px;color:#FFD700;text-shadow:2px 2px 5px #00000080;animation:glowTitle 2s ease-in-out infinite alternate}
.faq h3{background-color:#044d40;padding:15px 20px;border-radius:10px;cursor:pointer;box-shadow:0 5px 15px #0006;transition:background-color 0.3s,transform 0.3s,box-shadow .3s;margin-bottom:10px;color:#FFD700}
.faq h3:hover{background-color:#05654f;transform:translateY(-3px);box-shadow:0 10px 25px #ffd70066}
.faq p{background-color:#03382F;padding:15px 20px;border-radius:10px;margin-bottom:20px;line-height:1.6;color:#FFD700;box-shadow:0 5px 15px #0000004d;transition:transform 0.3s,box-shadow .3s}
@keyframes glowTitle {
0%{text-shadow:2px 2px 5px #ffd70099}
50%{text-shadow:2px 2px 20px #ffd700ff}
100%{text-shadow:2px 2px 5px #ffd70099}
}
.authours{padding:30px 20px;border-radius:16px;box-shadow:0 0 20px #00000014;margin-top:40px}
.authours h2{font-size:32px;color:#008374;font-weight:700;margin-bottom:30px;text-align:center;position:relative}
.authours h2::after{content:"";width:80px;height:4px;background:#FFD34E;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:4px}
.authours h3{font-size:24px;font-weight:700;color:#1F2C58;margin-top:25px;margin-bottom:10px;padding-left:12px;border-left:4px solid #c49617}
.authours p{line-height:1.7;color:#fff;margin-bottom:15px}
@media (max-width: 576px) {
.footer .email-text{font-size:12px!important}
}
[class*='oplogo-'],[class*='game-']{width:170px;margin:0 auto;display:block;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;max-width:100%;height:100%}
.company-size [class*='brand-']{width:100%;height:100%;margin:0 auto;display:block;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;max-width:100%}
.company-size{width:300px;height:100%;max-width:100%;padding:.5rem;border-radius:.5rem}
.primary-table .in-btn{border:1px solid var(--sec-btn-border);color:var(--sec-btn-color);transition:var(--transition)}
.primary-table .in-btn:hover{border:1px solid var(--sec-btn-bg-hover);background:var(--sec-btn-bg-hover)}
.primary-table .table-row{border:1px solid var(--section-border-color);border-radius:8px;background:var(--transparent)}
.primary-table .table-row:first-child{background:var(--white);border-width:2px}
.primary-table .brand-logo{border-radius:4px 0 0 4px}
.primary-table .brand-rating{border-right:1px solid #C4C4C4}
.primary-table .label{color:var(--txt-color)}
.primary-table .brand-cta{gap:8px}
.primary-table .rating-value{font-size:22px}
@media screen and (min-width: 768px) {
.primary-table .border-logo{border-right:1px solid #C4C4C4}
.primary-table [class*='bg-']{border-radius:6px 0 0 6px}
}
@media screen and (max-width:767px) {
.primary-table{width:350px;max-width:100%}
.primary-table .brand-logo{border-radius:4px 4px 0 0;display:block;height:65px}
.primary-table .brand-rating{border-right:none;border-bottom:1px solid #C4C4C4;padding:12px 0}
.primary-table .brand-bonus{padding:12px 0}
.primary-table .brand-cta{gap:12px}
.primary-table :is(.brand-rating,.brand-bonus,.brand-cta){max-width:300px}
.primary-table .border-logo{border-bottom:1px solid #C4C4C4}
.primary-table [class*='bg-']{border-radius:6px 6px 0 0}
}
.terms,.date{font-size:12px}
.cta-btn{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 40px;border-radius:50px;transition:.5s;margin:10px;color:var(--contrast-color);background:var(--btn-bg);transition:var(--transition)}
.cta-btn:hover{background:var(--btn-bg-hover);color:var(--contrast-color)}
.brand-bonus{font-weight:600;line-height:1.2;min-height:90px}
.bonus-amount{font-size:36px;color:var(--bonus-c)}
.bonus-before{color:var(--bonus-c);font-size:18px}
.bonus-after{font-size:18px}
.table-responsive-md table,.table-responsive-lg table,.table-responsive-xl table,.table-responsive-xxl table{width:768px;margin:0 auto}
@media screen and (min-width: 992px) {
.table-responsive-sm table,.table-responsive-md table,.table-responsive-lg table{width:992px;max-width:100%}
.table-responsive-xl table,.table-responsive-xxl table{width:1200px;max-width:100%}
}
.brand-intro .go-btn{width:250px;max-width:100%;text-align:center}
.pro-cons .list-box .heading{background:var(--default-color);font-weight:700;color:var(--background-color)}
.faq-2 .faq-container{margin-top:15px}
.faq-2 .faq-container .faq-item{background-color:#011c18;position:relative;padding:20px;margin-bottom:20px;overflow:hidden}
.faq-2 .faq-container .faq-item:last-child{margin-bottom:0}
.faq-2 .faq-container .faq-item h3{font-weight:600;font-size:18px;line-height:24px;margin:0 30px 0 32px;transition:.3s;cursor:pointer}
.faq-2 .faq-container .faq-item h3 span{color:var(--accent-color);padding-right:5px}
.faq-2 .faq-container .faq-item h3:hover{color:var(--accent-color)}
.faq-2 .faq-container .faq-item .faq-content{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out;visibility:hidden;opacity:0}
.faq-2 .faq-container .faq-item .faq-content p{margin-bottom:0;overflow:hidden}
.faq-2 .faq-container .faq-item .faq-icon{position:absolute;top:22px;left:20px;font-size:20px;line-height:0;transition:.3s;color:var(--accent-color)}
.faq-2 .faq-container .faq-item .faq-toggle{position:absolute;top:20px;right:20px;font-size:16px;line-height:0;transition:.3s;cursor:pointer}
.faq-2 .faq-container .faq-item .faq-toggle:hover{color:var(--accent-color)}
.faq-2 .faq-container .faq-active h3{color:var(--accent-color)}
.faq-2 .faq-container .faq-active .faq-content{grid-template-rows:1fr;visibility:visible;opacity:1;padding-top:10px}
.faq-2 .faq-container .faq-active .faq-toggle{transform:rotate(90deg);color:var(--accent-color)}
ul{list-style: none;}
#topics{background-color:transparent}
.topic-scroll{overflow:auto;white-space:nowrap;width:1116px;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);-webkit-mask-image:none;mask-image:none}
.topic-scroll::-webkit-scrollbar{height:6px;background-color:none}
.topic-scroll:hover::-webkit-scrollbar{background-color:#EEE}
.topic-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:5px}
.topic-scroll:hover::-webkit-scrollbar-thumb{background-color:#AAA;border-radius:5px}
.topic-scroll.fade-right{-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%);mask-image:linear-gradient(to right,black 90%,transparent 100%)}
.topic-scroll.fade-left{-webkit-mask-image:linear-gradient(to left,black 90%,transparent 100%);mask-image:linear-gradient(to left,black 90%,transparent 100%)}
.topic-scroll.fade-left.fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}
#topics a:hover{color:var(--nav-hover-color)}
@media (max-width: 1199px) {
#topics ul a,#topics ul li{display:block}
#topics ul{inset:60px 20px 20px 20px;padding:10px;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);overflow-y:auto;transition:.3s;z-index:9998;box-shadow:0 0 30px #0000001a;width:100%}
.collapse:not(.show){display:none!important}
}
@media (min-width: 1200px) {
#topics ul a{color:var(--nav-color);padding:10px;font-size:14px;font-family:var(--nav-font);font-weight:400;white-space:nowrap;transition:.3s}
}