main  {
  isolation:isolate;
}
main > section  {
  position:relative;
}
main > section[class*="surface-"]  {
  padding-top:clamp(3.75rem,7vw,6.5rem)!important;
  padding-bottom:clamp(3.75rem,7vw,6.5rem)!important;
}
main > section[aria-label*="ব্রেডক্রাম্ব"]  {
  padding-top:1rem!important;
  padding-bottom:.25rem!important;
}
main > section > .container  {
  width:min(100% - clamp(2rem,5vw,6rem),1180px)!important;
  max-width:1180px!important;
  padding-left:0!important;
  padding-right:0!important;
}
main > section[class*="hero"], main > section:first-of-type[class*="surface-"] + section[class*="hero"], main > section.hero  {
  min-height:auto!important;
  padding-top:clamp(3rem,6vw,5.5rem)!important;
  padding-bottom:clamp(3rem,6vw,5.5rem)!important;
  overflow:hidden;
}
main > section[class*="hero"]::after  {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(234,179,8,.55),transparent);
  pointer-events:none;
}
main > section[class*="hero"] .row  {
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  align-items:center!important;
  gap:clamp(2rem,5vw,4.5rem)!important;
}
main > section[class*="hero"] .row > [class*="col"]  {
  width:auto!important;
  max-width:none!important;
  flex:none!important;
}
main > section[class*="hero"] .row > [class*="col"]:has(figure), main > section[class*="hero"] .row > [class*="col"]:has(img)  {
  order:2;
}
main > section[class*="hero"] .row > [class*="col"]:not(:has(figure)):not(:has(img))  {
  order:1;
}
main > section[class*="hero"] h1  {
  max-width:13.5em;
}
main > section[class*="hero"] p  {
  max-width:48rem;
}
main > section[class*="hero"] .image-frame  {
  border-radius:0!important;
  aspect-ratio:5 / 4;
  box-shadow:20px 20px 0 rgba(234,179,8,.13),0 20px 50px rgba(0,0,0,.45)!important;
  transform:rotate(-1deg);
}
main > section[class*="hero"] .image-frame img  {
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
}
main > section:not([class*="hero"]):nth-of-type(odd)::before  {
  content:"";
  position:absolute;
  top:clamp(1rem,4vw,3rem);
  bottom:clamp(1rem,4vw,3rem);
  left:0;
  width:clamp(.35rem,.8vw,.75rem);
  background:linear-gradient(180deg,rgba(234,179,8,.7),rgba(234,179,8,0));
  opacity:.75;
  pointer-events:none;
}
main > section:not([class*="hero"]) .row.g-4, main > section:not([class*="hero"]) .row.g-5  {
  --bs-gutter-x:clamp(1.5rem,3vw,3rem);
  --bs-gutter-y:clamp(1.5rem,3vw,3rem);
}
main > section:not([class*="hero"]) .feature-card, main > section:not([class*="hero"]) .note-card, main > section:not([class*="hero"]) .info-card, main > section:not([class*="hero"]) .stat-card, main > section:not([class*="hero"]) .price-card, main > section:not([class*="hero"]) .pricing-card, main > section:not([class*="hero"]) .surface-light.rounded-3  {
  border-radius:0!important;
  border-left:4px solid var(--btn-bg,#eab308)!important;
  box-shadow:0 18px 42px -24px rgba(0,0,0,.62)!important;
}
main > section:not([class*="hero"]) .image-frame, main > section:not([class*="hero"]) .media-frame  {
  border-radius:0!important;
}
main > section:not([class*="hero"]) .surface-accent.p-4, main > section:not([class*="hero"]) .surface-accent.p-5, main > section:not([class*="hero"]) .surface-dark.p-4, main > section:not([class*="hero"]) .surface-dark.p-5  {
  border-radius:0!important;
}
main > section:not([class*="hero"]) .table-responsive, main > section:not([class*="hero"]) .accordion, main > section:not([class*="hero"]) .accordion-item  {
  border-radius:0!important;
}
main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(even), main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(even), main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"]:nth-child(even)  {
  transform:translateY(1rem);
}
main .marquee-wrap  {
  border-top:1px solid rgba(234,179,8,.2);
  border-bottom:1px solid rgba(234,179,8,.2);
}
main .breadcrumb, main [aria-label*="ব্রেডক্রাম্ব"] .container  {
  font-size:.95rem;
}
body.page-internal main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"])  {
  overflow:hidden;
}
body.page-internal main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) > .container  {
  position:relative;
}
body.page-internal main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) > .container::before  {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:4.5rem;
  height:.35rem;
  background:var(--btn-bg,#eab308);
  opacity:.85;
}
body.page-internal main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) h2:first-child, body.page-internal main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) h1:first-child  {
  padding-top:1.15rem;
}
body.page-internal main > section:not([class*="hero"]) .row:has(.feature-card), body.page-internal main > section:not([class*="hero"]) .row:has(.note-card), body.page-internal main > section:not([class*="hero"]) .row:has(.info-card), body.page-internal main > section:not([class*="hero"]) .row:has(.stat-card), body.page-internal main > section:not([class*="hero"]) .row:has(.surface-light)  {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:stretch;
}
body.page-internal main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"], body.page-internal main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"], body.page-internal main > section:not([class*="hero"]) .row:has(.info-card) > [class*="col"], body.page-internal main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"], body.page-internal main > section:not([class*="hero"]) .row:has(.surface-light) > [class*="col"]  {
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  grid-column:span 4;
}
body.page-internal main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(5n+1), body.page-internal main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(5n+1), body.page-internal main > section:not([class*="hero"]) .row:has(.info-card) > [class*="col"]:nth-child(5n+1), body.page-internal main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"]:nth-child(5n+1), body.page-internal main > section:not([class*="hero"]) .row:has(.surface-light) > [class*="col"]:nth-child(5n+1)  {
  grid-column:span 6;
}
body.page-internal main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(5n+2), body.page-internal main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(5n+2), body.page-internal main > section:not([class*="hero"]) .row:has(.info-card) > [class*="col"]:nth-child(5n+2), body.page-internal main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"]:nth-child(5n+2), body.page-internal main > section:not([class*="hero"]) .row:has(.surface-light) > [class*="col"]:nth-child(5n+2)  {
  grid-column:span 6;
}
body.page-internal main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"] > *, body.page-internal main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"] > *, body.page-internal main > section:not([class*="hero"]) .row:has(.info-card) > [class*="col"] > *, body.page-internal main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"] > *, body.page-internal main > section:not([class*="hero"]) .row:has(.surface-light) > [class*="col"] > *  {
  height:100%;
}
body.page-internal main > section:not([class*="hero"]) .accordion  {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  background:transparent!important;
}
body.page-internal main > section:not([class*="hero"]) .accordion .accordion-item  {
  margin:0!important;
  border:1px solid rgba(234,179,8,.2)!important;
}
body.page-internal main > section:not([class*="hero"]) .table-responsive  {
  transform:translateX(clamp(0rem,2vw,1.5rem));
  border-left:4px solid var(--btn-bg,#eab308)!important;
}
body.page-policy main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) > .container, body.page-story main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) > .container  {
  display:grid;
  grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);
  gap:clamp(1.5rem,4vw,4rem);
  align-items:start;
}
body.page-policy main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) h2, body.page-story main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) h2  {
  margin:0!important;
  border-left:4px solid var(--btn-bg,#eab308);
  padding:.35rem 0 .35rem 1rem;
}
body.page-policy main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) p, body.page-story main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) p  {
  max-width:64rem;
  font-size:1.05rem;
}
body.page-games main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(3n+1), body.page-case-study main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(3n+1), body.page-promotions main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(3n+1), body.page-analysis main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(3n+1)  {
  grid-column:span 8;
}
body.page-register main > section:not([class*="hero"]) .row:has(.surface-light) > [class*="col"], body.page-login main > section:not([class*="hero"]) .row:has(.surface-light) > [class*="col"], body.page-responsible-gaming main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]  {
  grid-column:span 6;
}
body.page-faq main > section:not([class*="hero"]) .accordion  {
  grid-template-columns:minmax(0,1fr);
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
}
body.page-news main > section:not([class*="hero"]) .row  {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
}
body.page-news main > section:not([class*="hero"]) .row > [class*="col"]  {
  width:auto!important;
  max-width:none!important;
  grid-column:span 6;
}
body.page-news-article main > section:not([class*="hero"]) article  {
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
  border-radius:0!important;
  border-left:5px solid var(--gold,#eab308)!important;
}
@media (min-width:992px)  {
  main > section:not([class*="hero"]) .container > h2:first-child, main > section:not([class*="hero"]) .container > .row:first-child h2:first-child  {
    max-width:760px;
  }
}
@media (max-width:991.98px)  {
  main > section[class*="hero"] .row  {
    display:flex!important;
    flex-direction:column!important;
  }
  main > section[class*="hero"] .row > [class*="col"]:has(figure), main > section[class*="hero"] .row > [class*="col"]:has(img), main > section[class*="hero"] .row > [class*="col"]:not(:has(figure)):not(:has(img))  {
    order:initial;
  }
  main > section[class*="hero"] .image-frame  {
    transform:none;
    box-shadow:0 16px 36px rgba(0,0,0,.38)!important;
  }
  main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(even), main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(even), main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"]:nth-child(even)  {
    transform:none;
  }
  body.page-internal main > section:not([class*="hero"]) .row:has(.feature-card), body.page-internal main > section:not([class*="hero"]) .row:has(.note-card), body.page-internal main > section:not([class*="hero"]) .row:has(.info-card), body.page-internal main > section:not([class*="hero"]) .row:has(.stat-card), body.page-internal main > section:not([class*="hero"]) .row:has(.surface-light), body.page-news main > section:not([class*="hero"]) .row  {
    display:flex!important;
  }
  body.page-internal main > section:not([class*="hero"]) .accordion  {
    display:block;
  }
  body.page-policy main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) > .container, body.page-story main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]) > .container  {
    display:block;
  }
  body.page-internal main > section:not([class*="hero"]) .table-responsive  {
    transform:none;
  }
}

/* Non-navigation layout refresh */
body > main {
  background:
    linear-gradient(90deg, rgba(234,179,8,.05), transparent 22%, transparent 78%, rgba(234,179,8,.04)),
    var(--page-bg, #0d0b06);
}

body > main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]):not([aria-label*="Breadcrumb"]) {
  border-top: 1px solid rgba(234,179,8,.12);
}

body > main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]):not([aria-label*="Breadcrumb"]):nth-of-type(even) > .container {
  padding-left: clamp(0rem, 4vw, 3rem) !important;
}

body > main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]):not([aria-label*="Breadcrumb"]):nth-of-type(odd) > .container {
  padding-right: clamp(0rem, 4vw, 3rem) !important;
}

main > section[class*="hero"] > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}

main > section[class*="hero"] > .container > * {
  min-width: 0;
}

main > section[class*="hero"] .row,
main > section[class*="hero"] .container > :not(.row),
main > section[class*="hero"] .row:only-child {
  grid-column: 1;
}

main > section[class*="hero"] h1 {
  max-width: 15.5em;
}

main > section[class*="hero"] p {
  max-width: 56rem;
}

main > section[class*="hero"] .image-frame,
main > section[class*="hero"] figure:has(img) {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 12% 100%, 0 92%);
  transform: none !important;
  box-shadow: -18px 18px 0 rgba(234,179,8,.11), 0 24px 55px rgba(0,0,0,.42) !important;
}

main > section:not([class*="hero"]) .row:has(.feature-card),
main > section:not([class*="hero"]) .row:has(.note-card),
main > section:not([class*="hero"]) .row:has(.stat-card),
main > section:not([class*="hero"]) .row:has(.info-card),
main > section:not([class*="hero"]) .row:has(.surface-light) {
  align-items: stretch;
}

main > section:not([class*="hero"]) .feature-card,
main > section:not([class*="hero"]) .note-card,
main > section:not([class*="hero"]) .stat-card,
main > section:not([class*="hero"]) .info-card,
main > section:not([class*="hero"]) .surface-light.rounded-3,
main > section:not([class*="hero"]) .surface-accent.rounded-3,
main > section:not([class*="hero"]) .surface-dark.rounded-3 {
  border-radius: 8px 8px 8px 0 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  border-right: 1px solid rgba(255,255,255,.14) !important;
}

main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n+2) .feature-card,
main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n+2) .note-card,
main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n+2) .stat-card,
main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n+2) .surface-light {
  margin-top: clamp(.75rem, 2vw, 1.5rem);
}

main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n) .feature-card,
main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n) .note-card,
main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n) .stat-card,
main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(3n) .surface-light {
  margin-top: clamp(0rem, 1vw, .75rem);
}

main > section:not([class*="hero"]) .image-frame,
main > section:not([class*="hero"]) .media-frame,
main > section:not([class*="hero"]) figure:has(img) {
  clip-path: polygon(0 8%, 94% 0, 100% 100%, 6% 100%);
}

body.page-policy main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]):not([aria-label*="Breadcrumb"]) > .container,
body.page-story main > section:not([class*="hero"]):not([aria-label*="ব্রেডক্রাম্ব"]):not([aria-label*="Breadcrumb"]) > .container {
  grid-template-columns: minmax(210px, .38fr) minmax(0, 1fr);
}

body.page-news main > section:not([class*="hero"]) .row > [class*="col"] {
  grid-column: span 7;
}

body.page-news main > section:not([class*="hero"]) .row > [class*="col"]:nth-child(even) {
  grid-column: 4 / span 7;
}

body.page-news-article main > section:not([class*="hero"]) article {
  margin-left: 0;
  margin-right: auto;
  max-width: min(920px, 100%);
}

footer.surface-dark > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

footer.surface-dark .row {
  align-items: stretch;
}

footer.surface-dark .row > [class*="col"] {
  border-left: 1px solid rgba(234,179,8,.18);
  padding-left: clamp(1rem, 2vw, 1.5rem);
}

@media (min-width: 992px) {
  body:not(.page-news):not(.page-news-article) main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(4n+1),
  body:not(.page-news):not(.page-news-article) main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(4n+1),
  body:not(.page-news):not(.page-news-article) main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"]:nth-child(4n+1) {
    grid-column: span 5;
  }

  body:not(.page-news):not(.page-news-article) main > section:not([class*="hero"]) .row:has(.feature-card) > [class*="col"]:nth-child(4n+2),
  body:not(.page-news):not(.page-news-article) main > section:not([class*="hero"]) .row:has(.note-card) > [class*="col"]:nth-child(4n+2),
  body:not(.page-news):not(.page-news-article) main > section:not([class*="hero"]) .row:has(.stat-card) > [class*="col"]:nth-child(4n+2) {
    grid-column: span 7;
  }
}

@media (max-width: 991.98px) {
  main > section[class*="hero"] > .container {
    display: block;
  }

  main > section[class*="hero"] .row {
    grid-column: auto;
  }

  main > section:not([class*="hero"]) .image-frame,
  main > section:not([class*="hero"]) .media-frame,
  main > section:not([class*="hero"]) figure:has(img),
  main > section[class*="hero"] .image-frame,
  main > section[class*="hero"] figure:has(img) {
    clip-path: none;
  }

  main > section:not([class*="hero"]) .row > [class*="col"] .feature-card,
  main > section:not([class*="hero"]) .row > [class*="col"] .note-card,
  main > section:not([class*="hero"]) .row > [class*="col"] .stat-card,
  main > section:not([class*="hero"]) .row > [class*="col"] .surface-light {
    margin-top: 0;
  }

  footer.surface-dark .row > [class*="col"] {
    border-left: 0;
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
}