@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root {
  --color-bg: #3C66D9;
  --color-surface: #ffffff;
  --color-surface-alt: #f0f4ff;
  --color-text: #1a1a2e;
  --color-text-light: #ffffff;
  --color-primary-btn: #0E1A2B;
  --color-secondary-btn: #060A11;
  --color-accent: #3C66D9;
  --color-border: #d0d7e8;
  --border-radius: 8px;
  --shadow: 0 2px 8px rgba(0,0,0,0.12);
  --header-height: 76px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--color-text);
  background: #f7f9ff;
  scroll-padding-top: calc(var(--header-height) + 16px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 16px); }
body { margin: 0; line-height: 1.65; }
img { max-width: 100%; height: auto; }
a { color: #1947ad; text-underline-offset: 3px; }
a:hover { color: #0e2c6f; }
button, input, select, textarea { font: inherit; }
button, a, summary, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #ffcc4d; outline-offset: 3px; }
.pm-x7k2-container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.pm-x7k2-site { min-height: 100vh; }
.pm-x7k2-header { position: sticky; z-index: 50; top: 0; background: #fff; box-shadow: 0 2px 12px rgba(15,29,64,.12); }
.pm-x7k2-header__inner { min-height: var(--header-height); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.pm-x7k2-brand { display: inline-flex; align-items: center; gap: 9px; font-weight: 800; color: var(--color-text); text-decoration: none; white-space: nowrap; }
.pm-x7k2-brand img { display: block; }
.pm-x7k2-flag { font-size: 1.1rem; }
.pm-x7k2-nav { display: flex; align-items: center; gap: 15px; }
.pm-x7k2-nav > a { color: var(--color-text); font-size: .9rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.pm-x7k2-nav > a:hover, .pm-x7k2-footer__links a:hover { color: var(--color-accent); }
.pm-x7k2-nav__ctas { display: flex; gap: 8px; }
.pm-x7k2-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 17px; border: 2px solid var(--color-primary-btn); border-radius: var(--border-radius); background: var(--color-primary-btn); color: #fff; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .15s ease, background .15s ease; }
.pm-x7k2-button:hover { background: #203b61; color: #fff; transform: translateY(-1px); }
.pm-x7k2-button--secondary { background: var(--color-secondary-btn); border-color: var(--color-secondary-btn); }
.pm-x7k2-button--light { color: #0d1b31; background: #fff; border-color: #fff; }
.pm-x7k2-button--light:hover { color: #0d1b31; background: #eaf0ff; }
.pm-x7k2-button--outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.8); }
.pm-x7k2-button--outline:hover { color: #10203b; background: #fff; }
.pm-x7k2-menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--color-border); border-radius: 7px; background: #fff; }
.pm-x7k2-menu-toggle span { display: block; height: 2px; margin: 5px 0; background: #101928; transition: transform .2s, opacity .2s; }
.pm-x7k2-breadcrumbs { padding-block: 12px; font-size: .88rem; color: #495368; }
.pm-x7k2-breadcrumbs a { color: #234a9e; }
.pm-x7k2-hero { overflow: hidden; position: relative; color: #fff; background: var(--color-bg); }
.pm-x7k2-hero::after { content: ""; position: absolute; width: 400px; height: 400px; right: -130px; top: -220px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.04),0 0 0 100px rgba(255,255,255,.035); }
.pm-x7k2-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(250px,.8fr); align-items: center; gap: 35px; padding-block: 54px 58px; }
.pm-x7k2-hero h1 { max-width: 780px; margin: 4px 0 12px; font-size: clamp(2rem,4.2vw,3.55rem); line-height: 1.12; letter-spacing: -.035em; }
.pm-x7k2-eyebrow { margin: 0; font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
.pm-x7k2-hero__tagline { max-width: 680px; margin: 0 0 18px; font-size: 1.12rem; }
.pm-x7k2-hero__image { width: 100%; max-width: 400px; justify-self: end; filter: drop-shadow(0 14px 22px rgba(0,0,0,.16)); }
.pm-x7k2-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.pm-x7k2-badges span { padding: 5px 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 99px; background: rgba(4,19,54,.2); color: #fff; font-size: .82rem; font-weight: 600; }
.pm-x7k2-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 23px; }
.pm-x7k2-page-layout { container-type: inline-size; container-name: page; }
.pm-x7k2-toc { margin: 28px 0; padding: 17px 20px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; box-shadow: var(--shadow); }
.pm-x7k2-toc h2 { margin: 0 0 10px; font-size: 1.03rem; }
.pm-x7k2-toc__links { display: flex; flex-wrap: wrap; gap: 7px 17px; }
.pm-x7k2-toc__links a { font-size: .9rem; font-weight: 600; }
.pm-x7k2-section { padding-block: 28px; scroll-margin-top: calc(var(--header-height) + 16px); }
.pm-x7k2-section__heading { margin-bottom: 18px; }
.pm-x7k2-section__heading h2, .pm-x7k2-content h2, .pm-x7k2-info-page h1 { margin: 0 0 6px; font-size: clamp(1.55rem,3vw,2.2rem); line-height: 1.2; letter-spacing: -.02em; }
.pm-x7k2-section__heading p { margin: 6px 0; color: #4c566c; }
.pm-x7k2-filterbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 0 0 16px; padding: 14px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; }
.pm-x7k2-filterbar label { display: grid; gap: 4px; font-size: .83rem; font-weight: 700; }
.pm-x7k2-filterbar select { min-width: 180px; }
.pm-x7k2-casino-list { display: grid; gap: 15px; }
.pm-x7k2-casino-card { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--color-border); border-left: 5px solid #8492a8; border-radius: var(--border-radius); background: #fff; box-shadow: var(--shadow); }
.pm-x7k2-casino-card--rank-1 { border-left-color: #d6a900; }
.pm-x7k2-casino-card--rank-2 { border-left-color: #98a4b6; }
.pm-x7k2-casino-card--rank-3 { border-left-color: #ad7548; }
.pm-x7k2-casino-card__top { display: flex; align-items: center; gap: 12px; }
.pm-x7k2-casino-card__top h3 { margin: 0; font-size: 1.32rem; }
.pm-x7k2-rank { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #eaf0ff; color: #142f68; font-weight: 800; }
.pm-x7k2-casino-logo { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--color-bg); color: #fff; font-size: 1.35rem; font-weight: 800; }
.pm-x7k2-au { color: #344057; font-size: .83rem; font-weight: 600; }
.pm-x7k2-payment-checks { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0 6px; color: #155c35; font-size: .9rem; font-weight: 700; }
.pm-x7k2-facts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; margin: 10px 0; }
.pm-x7k2-facts span { padding: 9px 11px; border-radius: 6px; background: var(--color-surface-alt); }
.pm-x7k2-facts b { display: block; color: #4e5b72; font-size: .75rem; }
.pm-x7k2-casino-card > p { margin: 8px 0; }
.pm-x7k2-feature-line { color: #31415d; font-size: .91rem; }
.pm-x7k2-license { color: #525d70; font-size: .84rem; }
.pm-x7k2-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: auto; padding-top: 8px; }
.pm-x7k2-terms { margin-top: 13px; padding-top: 10px; border-top: 1px solid #e1e6f0; font-size: .91rem; }
.pm-x7k2-terms summary, .pm-x7k2-faq summary { cursor: pointer; font-weight: 700; }
.pm-x7k2-pros-cons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.pm-x7k2-panel { padding: 18px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; box-shadow: var(--shadow); }
.pm-x7k2-panel h3 { margin-top: 0; }
.pm-x7k2-panel li { margin-block: 7px; }
.pm-x7k2-form { display: grid; gap: 13px; max-width: 680px; padding: 20px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; box-shadow: var(--shadow); }
.pm-x7k2-form label { display: grid; gap: 5px; font-weight: 650; }
.pm-x7k2-form input, .pm-x7k2-form select, .pm-x7k2-form textarea, .pm-x7k2-filterbar select { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #98a4b8; border-radius: 6px; color: var(--color-text); background: #fff; }
.pm-x7k2-form textarea { resize: vertical; }
.pm-x7k2-checkbox { display: flex !important; align-items: center; gap: 8px !important; }
.pm-x7k2-checkbox input { width: 18px; min-height: 18px; }
.pm-x7k2-form-message { min-height: 1.4em; margin: 0; color: #8b1f1f; font-weight: 600; }
.pm-x7k2-result { display: block; color: #183b2a; font-weight: 700; }
.pm-x7k2-note { font-size: .87rem; color: #4e586d; }
.pm-x7k2-timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding: 0; list-style: none; counter-reset: none; }
.pm-x7k2-timeline li { display: flex; gap: 11px; padding: 15px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; }
.pm-x7k2-timeline li > span { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: var(--color-bg); color: #fff; font-weight: 800; }
.pm-x7k2-timeline h3 { margin: 0 0 6px; font-size: 1rem; }
.pm-x7k2-timeline p { margin: 0; font-size: .9rem; }
.pm-x7k2-bonus-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.pm-x7k2-bonus-card { padding: 18px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; box-shadow: var(--shadow); }
.pm-x7k2-bonus-card h3 { margin-top: 0; }
.pm-x7k2-bonus-card__amount { font-size: 1.13rem; font-weight: 800; color: #142f68; }
.pm-x7k2-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; }
table { width: 100%; min-width: 660px; border-collapse: collapse; text-align: left; }
th, td { padding: 12px 14px; border: 1px solid var(--color-border); text-align: left; vertical-align: top; }
thead th { background: #e8eeff; color: #152e60; }
.pm-x7k2-faq { display: grid; gap: 9px; }
.pm-x7k2-faq details { padding: 14px 16px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; }
.pm-x7k2-faq details p { margin-bottom: 0; }
.pm-x7k2-empty-state { padding: 18px; border-radius: var(--border-radius); background: #fff; color: #4a566c; }
.pm-x7k2-author { display: flex; align-items: flex-start; gap: 17px; margin-bottom: 17px; padding: 18px; border: 1px solid var(--color-border); border-radius: var(--border-radius); background: #fff; }
.pm-x7k2-author img { flex: 0 0 80px; border-radius: 50%; }
.pm-x7k2-author h3 { margin: 0; }
.pm-x7k2-author p { margin: 5px 0; }
.pm-x7k2-content { container-type: inline-size; container-name: article; padding-block: 14px; }
.pm-x7k2-content h2, .pm-x7k2-content h3 { scroll-margin-top: calc(var(--header-height) + 16px); }
.pm-x7k2-info-page { min-height: 55vh; padding-block: 10px 70px; }
.pm-x7k2-info-page .pm-x7k2-content { max-width: 850px; }
.pm-x7k2-footer { margin-top: 45px; padding: 35px 0 28px; background: #0e1a2b; color: #f5f7fc; }
.pm-x7k2-footer a { color: #dbe6ff; }
.pm-x7k2-footer__top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.pm-x7k2-footer .pm-x7k2-brand { color: #fff; }
.pm-x7k2-footer__links { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.pm-x7k2-wallets { display: flex; flex-wrap: wrap; gap: 10px; margin: 21px 0; }
.pm-x7k2-wallets span { padding: 5px 11px; border: 1px solid #52627b; border-radius: 5px; font-weight: 700; }
.pm-x7k2-disclosure { max-width: 920px; color: #e2e8f3; }
.pm-x7k2-footer small { color: #d0d8e7; }
.pm-x7k2-sticky-widget { position: fixed; z-index: 45; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 68px; padding: 9px max(16px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); background: #fff; box-shadow: 0 -3px 18px rgba(13,28,60,.2); }
.pm-x7k2-sticky-widget > span { font-weight: 800; }
.pm-x7k2-sticky-widget > button { position: absolute; top: 5px; right: 14px; width: 34px; height: 34px; border: 0; background: transparent; color: #172239; font-size: 1.7rem; cursor: pointer; }
body:has(.pm-x7k2-sticky-widget) { padding-bottom: 76px; }
.pm-x7k2-wp-content-area { isolation: isolate; }
.pm-x7k2-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@container page (min-width: 820px) { .pm-x7k2-casino-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .pm-x7k2-casino-card:first-child { grid-column: span 2; } }
@container article (min-width: 640px) { .pm-x7k2-content .pm-x7k2-article-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } }
@media (min-width: 1440px) { .pm-x7k2-container { width: min(1240px, calc(100% - 64px)); } }
@media (max-width: 1024px) { .pm-x7k2-menu-toggle { display: block; margin-left: auto; } .pm-x7k2-nav { display: none; position: absolute; top: 100%; right: 0; left: 0; padding: 18px 22px; flex-direction: column; align-items: stretch; background: #fff; box-shadow: var(--shadow); } .pm-x7k2-nav.pm-x7k2-nav--open { display: flex; } .pm-x7k2-nav__ctas { display: flex; } .pm-x7k2-nav > a { padding: 5px 0; } .pm-x7k2-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); } .pm-x7k2-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; } .pm-x7k2-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); } .pm-x7k2-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 768px) { .pm-x7k2-hero__inner { grid-template-columns: 1fr; padding-block: 38px; } .pm-x7k2-hero__image { max-width: 280px; justify-self: center; } .pm-x7k2-facts { grid-template-columns: repeat(2,minmax(0,1fr)); } .pm-x7k2-bonus-list { grid-auto-columns: minmax(82%,1fr); grid-auto-flow: column; grid-template-columns: none; overflow-x: auto; padding: 3px 2px 14px; scroll-snap-type: x mandatory; } .pm-x7k2-bonus-card { scroll-snap-align: start; } .pm-x7k2-footer__top { align-items: flex-start; flex-direction: column; } .pm-x7k2-sticky-widget { justify-content: flex-start; gap: 10px; padding-right: 44px; } }
@media (max-width: 390px) { .pm-x7k2-container { width: calc(100% - 28px); } .pm-x7k2-brand { font-size: .89rem; } .pm-x7k2-hero__actions .pm-x7k2-button { flex: 1 1 100%; } .pm-x7k2-timeline { grid-template-columns: 1fr; } .pm-x7k2-pros-cons { grid-template-columns: 1fr; } .pm-x7k2-sticky-widget > span { font-size: .85rem; } .pm-x7k2-sticky-widget .pm-x7k2-button { padding-inline: 9px; font-size: .82rem; } }
@media (max-width: 360px) { .pm-x7k2-casino-card { padding: 14px; } .pm-x7k2-facts { gap: 6px; } .pm-x7k2-facts span { padding: 7px; font-size: .88rem; } .pm-x7k2-casino-card__top { gap: 7px; } }
@media (max-width: 320px) { .pm-x7k2-container { width: calc(100% - 24px); } .pm-x7k2-casino-card__top h3 { font-size: 1.08rem; } .pm-x7k2-rank { width: 30px; height: 30px; } }
@media (min-width: 390px) and (max-width: 767px) { .pm-x7k2-pros-cons { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

.pm-x7k2-casino-logo{
  width:90px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 70px;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(255,255,255,.12);
  padding:5px;
  box-sizing:border-box;
}

.pm-x7k2-casino-logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:4px;
}

.pm-x7k2-bonus-card__top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}

.pm-x7k2-bonus-card__top h3{
  margin:0;
}

.pm-x7k2-bonus-card__logo{
  width:60px;
  height:60px;
  flex:0 0 60px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  padding:5px;
  box-sizing:border-box;
}

.pm-x7k2-bonus-card__logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:4px;
}

.oo{
  max-width:900px;
  margin:32px auto 60px;
  padding:32px;
  background:#fff;
  border:1px solid #d0d7e8;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  color:#1a1a2e;
}

.oo p{
  margin:0 0 18px;
}

.oo h2{
  margin:34px 0 14px;
  padding-bottom:8px;
  border-bottom:1px solid #d0d7e8;
  color:#162b58;
  font-size:clamp(1.45rem,3vw,2rem);
  line-height:1.25;
}

.oo h3{
  margin:28px 0 12px;
  color:#162b58;
  font-size:1.25rem;
  line-height:1.3;
}

.oo ul,
.oo ol{
  margin:0 0 20px;
  padding-left:24px;
}

.oo li{
  margin:8px 0;
}

.oo blockquote{
  margin:24px 0;
  padding:20px 22px;
  border-left:4px solid #3C66D9;
  border-radius:8px;
  background:#f0f4ff;
}

.oo blockquote p{
  margin-bottom:10px;
}

.oo blockquote ul{
  margin-bottom:0;
}

.oo a{
  color:#1947ad;
}

.oo a:hover{
  color:#0e2c6f;
}

.oo table{
  display:block;
  width:100%;
  max-width:100%;
  min-width:760px;
  margin:24px 0;
  border-collapse:collapse;
  border-spacing:0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}

.oo thead,
.oo tbody{
  width:100%;
}

.oo th,
.oo td{
  padding:12px 14px;
  border:1px solid #d0d7e8;
  text-align:left;
  vertical-align:top;
  white-space:normal;
}

.oo th{
  background:#e8eeff;
  color:#152e60;
  font-weight:800;
}

.oo tr:nth-child(even) td{
  background:#f8faff;
}

.oo > table{
  scrollbar-width:thin;
  scrollbar-color:#9aa8c0 #edf1f8;
}

.oo > table::-webkit-scrollbar{
  height:8px;
}

.oo > table::-webkit-scrollbar-track{
  background:#edf1f8;
  border-radius:10px;
}

.oo > table::-webkit-scrollbar-thumb{
  background:#9aa8c0;
  border-radius:10px;
}

.oo strong{
  font-weight:700;
}

.oo .pm-x7k2-casino-card,
.oo .pm-x7k2-bonus-card,
.oo .pm-x7k2-panel{
  border:1px solid #d0d7e8;
  border-radius:8px;
}

@media (max-width:768px){

  .oo{
    width:calc(100% - 28px);
    margin:20px auto 45px;
    padding:22px 17px;
    border-radius:8px;
  }

  .oo h2{
    margin-top:28px;
    font-size:1.45rem;
  }

  .oo h3{
    margin-top:23px;
    font-size:1.15rem;
  }

  .oo p{
    margin-bottom:15px;
  }

  .oo blockquote{
    margin:20px 0;
    padding:16px;
  }

  .oo table{
    min-width:760px;
    margin:20px 0;
  }

  .oo th,
  .oo td{
    padding:10px 12px;
    font-size:.88rem;
  }

  .oo ul,
  .oo ol{
    padding-left:21px;
  }
}

@media (max-width:480px){

  .oo{
    width:calc(100% - 20px);
    padding:18px 14px;
  }

  .oo table{
    min-width:720px;
  }

  .oo th,
  .oo td{
    padding:9px 10px;
    font-size:.84rem;
  }
}

.oo {
  width: min(900px, calc(100% - 28px));
  max-width: 900px;
  margin: 32px auto 60px;
  padding: 32px;
  background: #fff;
  border: 1px solid #d0d7e8;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  color: #1a1a2e;
}

.oo table {
  width: 760px;
  min-width: 760px;
  max-width: none;
  margin: 0;
  border-collapse: collapse;
  table-layout: auto;
}

.oo th,
.oo td {
  padding: 12px 14px;
  border: 1px solid #d0d7e8;
  text-align: left;
  vertical-align: top;
}

.oo thead th {
  background: #e8eeff;
  color: #152e60;
}

.oo-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  margin: 24px 0;
  border: 1px solid #d0d7e8;
  border-radius: 8px;
  background: #fff;
}

.oo-table-wrap::-webkit-scrollbar {
  height: 8px;
}

.oo-table-wrap::-webkit-scrollbar-thumb {
  background: #3C66D9;
  border-radius: 10px;
}

.oo-table-wrap::-webkit-scrollbar-track {
  background: #eef2ff;
}

@media (max-width: 768px) {
  .oo {
    width: calc(100% - 20px);
    margin: 20px auto 40px;
    padding: 20px 14px;
  }

  .oo-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }

  .oo table {
    width: 760px;
    min-width: 760px;
    max-width: none;
  }

  .oo th,
  .oo td {
    padding: 10px 12px;
    font-size: 14px;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .oo {
    width: calc(100% - 12px);
    padding: 18px 10px;
  }

  .oo table {
    width: 720px;
    min-width: 720px;
  }

  .oo th,
  .oo td {
    padding: 9px 10px;
    font-size: 13px;
  }
}

.pm-x7k2-header__mobile-cta {
  display: none;
}

@media (max-width: 768px) {

  .pm-x7k2-header__inner {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .pm-x7k2-brand {
    min-width: 0;
    flex: 1 1 auto;
  }

  .pm-x7k2-header__mobile-cta {
    display: flex;
    flex: 0 0 auto;
  }

  .pm-x7k2-header__mobile-cta .pm-x7k2-button {
    white-space: nowrap;
    padding: 9px 13px;
    font-size: 13px;
  }

  .pm-x7k2-menu-toggle {
    flex: 0 0 auto;
  }

  .pm-x7k2-desktop-play {
    display: none !important;
  }
}

.pm-x7k2-hero {
  position: relative;
  overflow: hidden;
  background: var(--color-bg);
}

.pm-x7k2-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/assets/img/wal-ban.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}

.pm-x7k2-hero::after {
  z-index: 0;
}

.pm-x7k2-hero__inner {
  position: relative;
  z-index: 2;
}

.pm-x7k2-sticky-widget.is-closed{
  display:none !important;
}