@import url(mainstyle.css);
* {
  scroll-behavior: smooth;
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  padding-top: 75px;
}

.container {
  width: min(calc(100% - 32px), 1800px);
  max-width: 1800px;
}

/* ===================================================
   JAMSLOTS FAQ
   =================================================== */
.jam-faq-section {
  position: relative;
  overflow: hidden;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  background:
    radial-gradient(
      circle at 3% 22%,
      rgba(82, 212, 230, 0.16) 0 110px,
      transparent 112px
    ),
    radial-gradient(
      circle at 97% 76%,
      rgba(255, 83, 165, 0.14) 0 130px,
      transparent 132px
    ),
    linear-gradient(180deg, #f7fcff 0%, #fffafd 46%, #faf7ff 100%);
}

.jam-faq-section::before,
.jam-faq-section::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}

.jam-faq-section::before {
  top: 82px;
  right: 12%;
  width: 21px;
  height: 21px;
  background: #ffd45d;
  box-shadow:
    40px 32px 0 8px rgba(255, 86, 169, 0.17),
    -42px 45px 0 6px rgba(91, 213, 233, 0.2);
}

.jam-faq-section::after {
  bottom: 95px;
  left: 8%;
  width: 18px;
  height: 18px;
  background: rgba(128, 87, 232, 0.2);
  box-shadow: 43px -24px 0 7px rgba(255, 210, 86, 0.18);
}

.jam-faq-section .container {
  position: relative;
  z-index: 1;
}

.jam-faq-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 72px;
  align-items: end;
  margin-bottom: 40px;
}

.jam-faq-heading h2 {
  max-width: 740px;
  margin: 0;
  color: #30243e;
  font-size: clamp(2.55rem, 4.4vw, 4.65rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.05em;
}

.jam-faq-intro > p {
  margin: 0;
  color: #665970;
  font-size: 17px;
  line-height: 1.78;
}

.jam-faq-intro-note {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-top: 17px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(128, 87, 232, 0.12);
  border-radius: 18px;
}

.jam-faq-intro-note > i,
.jam-faq-intro-note > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #55d5e7, #8058ed);
  border-radius: 15px;
}

.jam-faq-intro-note span {
  min-width: 0;
  color: #6c5f75;
  font-size: 13px;
  line-height: 1.55;
}

.jam-faq-intro-note strong {
  display: block;
  color: #3a2d46;
}

.jam-faq-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.jam-faq-column {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.jam-faq-item {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid rgba(128, 87, 232, 0.12);
  border-radius: 22px;
  box-shadow: 0 13px 32px rgba(74, 46, 96, 0.075);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.jam-faq-item[open] {
  border-color: rgba(235, 66, 151, 0.28);
  box-shadow: 0 18px 42px rgba(89, 53, 116, 0.12);
  transform: translateY(-1px);
}

.jam-faq-item summary {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 36px;
  gap: 15px;
  align-items: center;
  min-height: 88px;
  padding: 17px 19px;
  color: #392c46;
  cursor: pointer;
  list-style: none;
}

.jam-faq-item summary::-webkit-details-marker {
  display: none;
}

.jam-faq-item summary::marker {
  display: none;
  content: "";
}

.jam-faq-item summary:focus-visible {
  outline: 3px solid rgba(128, 87, 232, 0.25);
  outline-offset: -3px;
}

.jam-faq-item summary > strong {
  min-width: 0;
  font-size: 17px;
  font-weight: 820;
  line-height: 1.35;
}

.jam-faq-icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 52px;
  min-width: 52px;
  height: 52px;
  color: #fff;
  background: linear-gradient(145deg, #ff5aaa, #e83f93);
  border-radius: 17px;
  box-shadow: 0 9px 20px rgba(165, 62, 143, 0.16);
}

.jam-faq-icon--purple {
  background: linear-gradient(145deg, #a174ff, #7045df);
}

.jam-faq-icon--cyan {
  background: linear-gradient(145deg, #5ed9e8, #507fe7);
}

.jam-faq-icon--yellow {
  background: linear-gradient(145deg, #ffd25c, #ef8e55);
}

.jam-faq-icon--mint {
  background: linear-gradient(145deg, #68dfbf, #3da8b6);
}

.jam-faq-icon--peach {
  background: linear-gradient(145deg, #ff9a72, #e852a3);
}

.jam-faq-toggle {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 36px;
  min-width: 36px;
  height: 36px;
  color: #8057dc;
  background: #f2ecff;
  border-radius: 12px;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.25s ease;
}

.jam-faq-item[open] .jam-faq-toggle {
  color: #fff;
  background: linear-gradient(145deg, #ff50a1, #8057ed);
  transform: rotate(45deg);
}

.jam-faq-answer {
  margin: 0 19px 18px 86px;
  padding: 18px 20px;
  background: linear-gradient(145deg, #fff7fb, #f7f4ff);
  border: 1px solid rgba(128, 87, 232, 0.09);
  border-radius: 16px;
}

.jam-faq-answer p {
  margin: 0;
  color: #675a70;
  font-size: 14px;
  line-height: 1.72;
}

.jam-faq-footer {
  display: grid;
  grid-template-columns: 68px minmax(270px, 0.72fr) minmax(0, 1.28fr);
  gap: 22px;
  align-items: center;
  margin-top: 24px;
  padding: 28px 31px;
  color: #fff;
  background:
    radial-gradient(
      circle at 91% 16%,
      rgba(255, 255, 255, 0.13) 0 65px,
      transparent 67px
    ),
    linear-gradient(135deg, #30243e 0%, #5c3c7b 58%, #7055b3 100%);
  border-radius: 28px;
  box-shadow: 0 22px 55px rgba(59, 39, 78, 0.2);
}

.jam-faq-footer-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  color: #fff;
  background: linear-gradient(145deg, #54d5e5, #8959ef);
  border-radius: 20px;
}

.jam-faq-footer .jam-about-label {
  color: #8ce9f1;
}

.jam-faq-footer h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.2;
}

.jam-faq-footer > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 1199.98px) {
  .jam-faq-footer {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .jam-faq-footer > p {
    grid-column: 2;
  }
}

@media (max-width: 991.98px) {
  .jam-faq-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .jam-faq-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .jam-faq-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .jam-faq-heading h2 {
    font-size: 38px;
  }

  .jam-faq-intro > p {
    font-size: 15px;
  }

  .jam-faq-item summary {
    grid-template-columns: 44px minmax(0, 1fr) 32px;
    gap: 11px;
    min-height: 78px;
    padding: 14px;
  }

  .jam-faq-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .jam-faq-toggle {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 10px;
  }

  .jam-faq-item summary > strong {
    font-size: 15px;
  }

  .jam-faq-answer {
    margin: 0 14px 14px;
    padding: 16px;
  }

  .jam-faq-footer {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 15px;
    padding: 22px;
    border-radius: 23px;
  }

  .jam-faq-footer-icon {
    width: 54px;
    height: 54px;
    border-radius: 17px;
  }

  .jam-faq-footer h3 {
    font-size: 20px;
  }

  .jam-faq-footer > p {
    grid-column: 1 / -1;
  }
}
/* JamSlots Bonuses */
.jam-bonus-section {
  position: relative;
  overflow: hidden;
  padding-top: 96px !important;
  padding-bottom: 96px !important;
  background:
    radial-gradient(
      circle at 7% 18%,
      rgba(255, 94, 178, 0.14) 0 120px,
      transparent 122px
    ),
    radial-gradient(
      circle at 94% 70%,
      rgba(91, 216, 255, 0.17) 0 145px,
      transparent 147px
    ),
    linear-gradient(180deg, #fffafd 0%, #f8fbff 100%);
}
.jam-bonus-section::before,
.jam-bonus-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  pointer-events: none;
}
.jam-bonus-section::before {
  top: 56px;
  right: 8%;
  width: 28px;
  height: 28px;
  background: #ffd95a;
  box-shadow:
    42px 38px 0 11px rgba(255, 112, 184, 0.18),
    -38px 48px 0 6px rgba(102, 218, 255, 0.18);
}
.jam-bonus-section::after {
  bottom: 110px;
  left: 5%;
  width: 22px;
  height: 22px;
  background: rgba(128, 87, 255, 0.18);
  box-shadow: 40px -25px 0 8px rgba(255, 209, 93, 0.2);
}
.jam-bonus-section .container {
  position: relative;
  z-index: 1;
}
.jam-bonus-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: end;
  margin-bottom: 42px;
}
.jam-bonus-heading h2 {
  max-width: 680px;
  margin: 0;
  color: #2d243b;
  font-size: clamp(2.35rem, 4.1vw, 4.2rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.jam-bonus-heading-copy p {
  margin: 0;
  color: #61546b;
  font-size: 17px;
  line-height: 1.76;
}
.jam-bonus-heading-copy p + p {
  margin-top: 12px;
}
.jam-bonus-details {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 30px;
  box-shadow: 0 25px 70px rgba(73, 44, 91, 0.1);
}
.jam-bonus-panel {
  padding: 34px;
}
.jam-bonus-panel[hidden] {
  display: none !important;
}
.jam-bonus-panel.is-active {
  animation: jamPanelIn 0.35s ease both;
}
.jam-bonus-panel-head {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 24px;
}
.jam-bonus-panel-head > span {
  display: grid;
  flex: 0 0 58px;
  place-items: center;
  width: 58px;
  height: 58px;
  color: #fff;
  background: linear-gradient(145deg, #ff58ab, #8559ff);
  border-radius: 20px;
  box-shadow: 0 12px 26px rgba(183, 73, 165, 0.22);
  font-size: 21px;
}
.jam-bonus-panel-head p {
  margin: 0 0 3px;
  color: #ff408f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.jam-bonus-panel-head h3 {
  margin: 0;
  color: #30243c;
  font-size: 28px;
  font-weight: 850;
}
.jam-bonus-rules {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}
.jam-bonus-rules > div {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 11px;
  align-items: start;
  padding: 18px;
  color: #66586f;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(128, 87, 255, 0.11);
  border-radius: 18px;
  line-height: 1.5;
}
.jam-bonus-rules i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #fff;
  background: linear-gradient(145deg, #5bd8e8, #8057ff);
  border-radius: 12px;
}
.jam-bonus-rules strong {
  color: #3c3047;
}
@media (max-width: 1199.98px) {
  .jam-bonus-rules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-bonus-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .jam-bonus-heading {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }
  .jam-bonus-heading-copy p {
    font-size: 16px;
  }
  .jam-bonus-panel {
    padding: 22px;
  }
  .jam-bonus-panel-head {
    align-items: flex-start;
  }
  .jam-bonus-panel-head > span {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }
  .jam-bonus-panel-head h3 {
    font-size: 22px;
  }

  .jam-bonus-rules {
    grid-template-columns: 1fr;
  }
}
.btn-close {
  background-image: unset;
}
a {
  color: inherit;
  text-decoration: none;
}
/* ============================================ header css =================================================== */
header.fix {
  background-color: var(--head-bg);
}
header.fix .nav-link {
  color: var(--nav-text);
}
.nav-link {
  color: var(--nav-text);
  font-weight: 500;
  font-size: 18px;
  padding: 0px !important;
  margin: 0px !important;
  text-transform: capitalize;
  position: relative;
  border-bottom: 1px solid transparent;
}
.nav-link:focus {
  color: var(--nav-text) !important;
}
.nav-item.active .nav-link,
.nav-item:hover .nav-link {
  color: var(--prime-text);
  border-bottom: 1px solid var(--prime-border);
}
::placeholder {
  color: var(--input-text) !important;
}
@media (max-width: 767px) {
  .nav-link {
    width: 20%;
  }
}
.theme-btn {
  min-width: 40px;
  min-height: 40px;
}
/* ======================================= Banner Section ========================================= */
.banner-content {
  position: relative;
  min-height: 900px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
/* Background video */
/* Dark overlay (same effect as your gradient) */
.banner-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  z-index: -1;
}
.banner-main {
  width: 900px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .banner-content {
    min-height: 650px;
  }
}
/* JamSlots Header & Hero */
header.head-bg {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: linear-gradient(
    120deg,
    rgba(34, 20, 58, 0.98),
    rgba(77, 39, 111, 0.97)
  ) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 35px rgba(28, 14, 45, 0.28);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
html {
  scroll-padding-top: 86px;
}
section[id] {
  scroll-margin-top: 86px;
}
header.head-bg .navbar {
  min-height: 70px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.jam-logo {
  display: block;
  width: 185px;
  height: 50px;
  object-fit: contain;
}
header.head-bg .nav-link {
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.2;
  padding: 8px 7px !important;
  border: 0;
  border-radius: 999px;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}
header.head-bg .nav-item.active .nav-link,
header.head-bg .nav-item:hover .nav-link {
  color: #fff;
  background: rgba(255, 255, 255, 0.13);
  border: 0;
  transform: translateY(-1px);
}
.jam-play-btn {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #fff !important;
  background: linear-gradient(135deg, #ff4fa3, #8b4dff) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(214, 65, 177, 0.28);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}
.jam-play-btn:hover,
.jam-play-btn:focus {
  color: #fff !important;
  filter: saturate(1.08);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(128, 87, 255, 0.32);
}
header.head-bg .navbar-toggler {
  color: #fff;
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
header.head-bg .navbar-toggler i,
header.head-bg .btn-close i {
  color: #fff;
}

header.head-bg .theme-btn {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

header.head-bg .offcanvas {
  background: linear-gradient(145deg, #24163b, #4f2b69) !important;
}
.jam-hero {
  min-height: calc(100svh - 70px);
  isolation: isolate;
  background-color: #fff9fc;
  background-image: url("../../assets/images/jamslots-hero.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.jam-hero::before {
  background: linear-gradient(
    90deg,
    rgba(255, 249, 252, 0.98) 0%,
    rgba(255, 249, 252, 0.91) 33%,
    rgba(255, 249, 252, 0.28) 55%,
    rgba(255, 249, 252, 0) 72%
  );
  z-index: -1;
}
.jam-hero::after {
  content: "";
  position: absolute;
  inset: auto auto 8% 4%;
  width: 110px;
  aspect-ratio: 1;
  border-radius: 43% 57% 59% 41% / 45% 42% 58% 55%;
  background: linear-gradient(
    145deg,
    rgba(85, 216, 255, 0.3),
    rgba(126, 231, 196, 0.16)
  );
  filter: blur(1px);
  z-index: -1;
}
.jam-hero-copy {
  width: min(610px, 52vw);
  padding: 64px 0;
}
.jam-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 9px 16px;
  color: #6f3bd1;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(128, 87, 255, 0.15);
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(128, 87, 255, 0.08);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.jam-eyebrow::before {
  content: "";
  width: 9px;
  height: 9px;
  margin-right: 9px;
  border-radius: 50%;
  background: #ff4fa3;
  box-shadow: 13px -5px 0 -2px #ffe66d;
}
.jam-hero-title {
  max-width: 600px;
  margin: 0;
  color: #29223a;
  font-family: var(--primefont);
  font-size: clamp(3.2rem, 6vw, 5.8rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.055em;
}
.jam-hero-title span {
  display: inline-block;
  color: #ff4fa3;
  text-shadow: 3px 4px 0 rgba(128, 87, 255, 0.13);
}
.jam-hero-text {
  max-width: 580px;
  color: #4d405f;
  line-height: 1.65;
}
.jam-hero-note {
  display: inline-block;
  margin-top: 20px;
  color: #695a77;
  font-size: 14px;
  font-weight: 550;
}
@media (max-width: 1199.98px) {
  header.head-bg .nav-link {
    font-size: 14px;
    padding-inline: 5px !important;
  }
  .jam-logo {
    width: 165px;
  }
}
@media (max-width: 991.98px) {
  header.head-bg .navbar {
    min-height: 66px;
  }
  header.head-bg .offcanvas {
    background: linear-gradient(145deg, #24163b, #4f2b69) !important;
  }
  header.head-bg .offcanvas-body {
    padding-top: 28px;
  }
  header.head-bg .nav-link {
    display: inline-flex;
    width: auto;
    margin-bottom: 8px !important;
    padding: 11px 15px !important;
    font-size: 17px;
  }
  .jam-hero-copy {
    width: min(620px, 68vw);
  }
  .jam-hero {
    min-height: calc(100svh - 66px);
  }
}
@media (max-width: 767.98px) {
  .jam-logo {
    width: 142px;
    height: 44px;
  }
  header.head-bg .jam-play-btn {
    padding: 10px 14px !important;
    font-size: 14px;
  }
  .jam-hero {
    min-height: max(720px, calc(100svh - 66px));
    align-items: flex-start;
    background-position: 65% bottom;
    background-size: auto 56%;
  }
  .jam-hero::before {
    background: linear-gradient(
      180deg,
      rgba(255, 249, 252, 1) 0%,
      rgba(255, 249, 252, 0.98) 48%,
      rgba(255, 249, 252, 0.48) 65%,
      rgba(255, 249, 252, 0.05) 100%
    );
  }
  .jam-hero-copy {
    width: 100%;
    padding: 64px 0 340px;
    text-align: center;
  }
  .jam-hero-title {
    max-width: 560px;
    margin-inline: auto;
    font-size: clamp(2.7rem, 13vw, 4.2rem);
  }
  .jam-hero-text {
    margin-inline: auto;
    font-size: 17px !important;
  }
  .jam-hero-note {
    display: block;
  }
}
/* JamSlots Live Casino */
.jam-live-section {
  position: relative;
  overflow: hidden;
  padding-top: 96px !important;
  padding-bottom: 96px !important;
  background:
    radial-gradient(
      circle at 7% 10%,
      rgba(126, 231, 196, 0.2) 0 90px,
      transparent 92px
    ),
    radial-gradient(
      circle at 94% 14%,
      rgba(128, 87, 255, 0.13) 0 120px,
      transparent 122px
    ),
    linear-gradient(180deg, #f9fdff 0%, #faf7ff 100%);
}
.jam-live-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
.jam-live-intro h2 {
  max-width: 650px;
  margin: 0;
  color: #29223a;
  font-size: clamp(2.3rem, 4vw, 4.15rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.jam-live-intro-copy p {
  margin: 0;
  color: #594d67;
  font-size: 17px;
  line-height: 1.78;
}
.jam-live-intro-copy p + p {
  margin-top: 12px;
}
.jam-live-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
  padding: 8px;
  overflow-x: auto;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(128, 87, 255, 0.13);
  border-radius: 24px;
  box-shadow: 0 14px 40px rgba(92, 62, 122, 0.08);
  scrollbar-width: none;
}
.jam-live-tabs::-webkit-scrollbar {
  display: none;
}
.jam-live-tab {
  flex: 1 0 auto;
  min-width: 170px;
  padding: 13px 18px;
  color: #51445f;
  background: transparent;
  border: 0;
  border-radius: 17px;
  font-weight: 750;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.jam-live-tab i {
  margin-right: 8px;
  color: #4fc7b1;
}
.jam-live-tab:hover {
  color: #6f3bd1;
  background: rgba(128, 87, 255, 0.07);
}
.jam-live-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, #55d8ff, #8057ff);
  box-shadow: 0 9px 22px rgba(87, 112, 213, 0.24);
}
.jam-live-tab.is-active i {
  color: #fff;
}
.jam-live-panel {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(128, 87, 255, 0.13);
  border-radius: 30px;
  box-shadow: 0 24px 70px rgba(69, 43, 94, 0.1);
}
.jam-live-panel[hidden] {
  display: none !important;
}
.jam-live-panel.is-active {
  animation: jamPanelIn 0.35s ease both;
}
.jam-live-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 15px;
}
.jam-live-card {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(65, 44, 83, 0.09);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.jam-live-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(104, 60, 142, 0.15);
}
.jam-live-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #f0f4fa;
}
.jam-live-card > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 0;
  padding: 42px 12px 12px;
  background: linear-gradient(180deg, transparent, rgba(25, 15, 36, 0.92));
}
.jam-live-card h3 {
  display: -webkit-box;
  min-height: 0;
  margin: 0 0 3px;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.jam-live-card p {
  position: static;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.75);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
  backdrop-filter: none;
}
.jam-live-differences {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}
.jam-live-differences > div {
  position: relative;
  min-height: 112px;
  padding: 18px 18px 18px 48px;
  background: linear-gradient(145deg, #fff, #fbf8ff);
  border: 1px solid rgba(128, 87, 255, 0.13);
  border-radius: 18px;
}
.jam-live-differences > div::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 19px;
  width: 16px;
  height: 16px;
  background: linear-gradient(145deg, #55d8ff, #8057ff);
  border: 4px solid #edfaff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(96, 105, 214, 0.23);
}
.jam-live-differences strong {
  display: block;
  margin-bottom: 5px;
  color: #342841;
  font-size: 15px;
  line-height: 1.35;
}
.jam-live-differences span {
  display: block;
  color: #706479;
  font-size: 13px;
  line-height: 1.52;
}
.jam-live-copy {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: start;
  margin-top: 28px;
  padding: 28px;
  background: linear-gradient(
    135deg,
    rgba(237, 253, 250, 0.92),
    rgba(245, 241, 255, 0.92)
  );
  border: 1px solid rgba(97, 177, 193, 0.15);
  border-radius: 24px;
}
.jam-live-copy-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: #fff;
  background: linear-gradient(145deg, #55d8ff, #8057ff);
  border-radius: 20px;
  box-shadow: 0 12px 25px rgba(85, 135, 224, 0.22);
  font-size: 21px;
}
.jam-live-copy h3 {
  margin-bottom: 12px;
  color: #30263f;
  font-size: 25px;
  font-weight: 800;
}
.jam-live-copy p {
  margin-bottom: 11px;
  color: #62556d;
  line-height: 1.72;
}
.jam-live-copy li strong {
  color: #3f3150;
}
.jam-live-copy ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.jam-live-copy li {
  position: relative;
  padding: 13px 14px 13px 36px;
  color: #574a62;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(128, 87, 255, 0.1);
  border-radius: 15px;
  line-height: 1.5;
}
.jam-live-copy li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 16px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(145deg, #55d8ff, #8057ff);
}
@media (max-width: 1199.98px) {
  .jam-live-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .jam-live-differences {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-live-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .jam-live-intro {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }
  .jam-live-intro-copy p {
    font-size: 16px;
  }
  .jam-live-tabs {
    margin-inline: -12px;
    padding: 7px 12px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  .jam-live-tab {
    min-width: auto;
  }
  .jam-live-panel {
    padding: 19px;
    border-radius: 24px;
  }
  .jam-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .jam-live-card > div {
    min-height: 0;
    padding: 36px 10px 10px;
  }
  .jam-live-card h3 {
    font-size: 14px;
  }
  .jam-live-differences {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .jam-live-differences > div {
    min-height: 0;
  }
  .jam-live-copy {
    grid-template-columns: 48px 1fr;
    gap: 13px;
    padding: 21px;
  }
  .jam-live-copy-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }
  .jam-live-copy h3 {
    font-size: 21px;
  }
  .jam-live-copy ul {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 420px) {
  .jam-logo {
    width: 122px;
  }
  header.head-bg .jam-play-btn {
    padding-inline: 12px !important;
  }
  .jam-hero-copy {
    padding-top: 48px;
  }
}
/* JamSlots interactive games catalogue */
.jam-games-section {
  position: relative;
  overflow: hidden;
  padding-top: 96px !important;
  padding-bottom: 96px !important;
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(85, 216, 255, 0.16) 0 90px,
      transparent 92px
    ),
    radial-gradient(
      circle at 92% 9%,
      rgba(255, 79, 163, 0.12) 0 130px,
      transparent 132px
    ),
    linear-gradient(180deg, #fff 0%, #fff9fc 100%);
}
.jam-games-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: end;
  gap: 64px;
  margin-bottom: 42px;
}
.jam-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  color: #7a3ff2;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.jam-section-kicker::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff4fa3;
  box-shadow: 14px -5px 0 -2px #ffe66d;
}
.jam-games-intro h2 {
  max-width: 660px;
  margin: 0;
  color: #29223a;
  font-size: clamp(2.3rem, 4vw, 4.25rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.jam-games-intro > p {
  max-width: 760px;
  margin: 0;
  color: #594d67;
  font-size: 17px;
  line-height: 1.78;
}
.jam-game-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
  padding: 8px;
  overflow-x: auto;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(128, 87, 255, 0.13);
  border-radius: 24px;
  box-shadow: 0 14px 40px rgba(92, 62, 122, 0.08);
  scrollbar-width: none;
}
.jam-game-tabs::-webkit-scrollbar {
  display: none;
}
.jam-game-tab {
  flex: 1 0 auto;
  min-width: 150px;
  padding: 13px 18px;
  color: #51445f;
  background: transparent;
  border: 0;
  border-radius: 17px;
  font-weight: 750;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.jam-game-tab i {
  margin-right: 8px;
  color: #ff4fa3;
}
.jam-game-tab:hover {
  color: #6f3bd1;
  background: rgba(128, 87, 255, 0.07);
}
.jam-game-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, #ff4fa3, #8057ff);
  box-shadow: 0 9px 22px rgba(177, 64, 203, 0.24);
}
.jam-game-tab.is-active i {
  color: #fff;
}
.jam-game-panel {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(128, 87, 255, 0.13);
  border-radius: 30px;
  box-shadow: 0 24px 70px rgba(69, 43, 94, 0.1);
}
.jam-game-panel[hidden] {
  display: none !important;
}
.jam-game-panel.is-active {
  animation: jamPanelIn 0.35s ease both;
}
@keyframes jamPanelIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.jam-panel-copy {
  order: 2;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: start;
  max-width: none;
  margin-top: 28px;
  margin-bottom: 0;
  padding: 28px;
  background: linear-gradient(
    135deg,
    rgba(255, 246, 252, 0.9),
    rgba(244, 248, 255, 0.9)
  );
  border: 1px solid rgba(128, 87, 255, 0.11);
  border-radius: 24px;
}
.jam-panel-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: #fff;
  background: linear-gradient(145deg, #55d8ff, #8057ff);
  border-radius: 20px;
  box-shadow: 0 12px 25px rgba(85, 135, 224, 0.22);
  font-size: 21px;
}
.jam-panel-copy h3 {
  margin-bottom: 6px;
  color: #30263f;
  font-size: 25px;
  font-weight: 800;
}
.jam-panel-copy p {
  margin: 0;
  color: #64576f;
  line-height: 1.7;
}
.jam-category-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 12px;
}
.jam-category-content h3,
.jam-category-content .jam-category-points {
  grid-column: 1 / -1;
}
.jam-category-content > p {
  margin: 0;
}
.jam-category-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 5px 0 0;
  padding: 0;
  list-style: none;
}
.jam-category-points li {
  position: relative;
  padding: 13px 14px 13px 36px;
  color: #574a62;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(128, 87, 255, 0.1);
  border-radius: 15px;
  line-height: 1.5;
}
.jam-category-points li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 16px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ff4fa3, #8057ff);
  box-shadow: 0 3px 8px rgba(128, 87, 255, 0.22);
}
.jam-games-grid {
  order: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 15px;
}
.jam-game-card {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(65, 44, 83, 0.09);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.jam-game-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(104, 60, 142, 0.15);
}
.jam-game-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #f4eff8;
}
.jam-game-card > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 0;
  padding: 42px 12px 12px;
  background: linear-gradient(180deg, transparent, rgba(25, 15, 36, 0.92));
}
.jam-game-card h4 {
  display: -webkit-box;
  min-height: 0;
  margin: 0 0 3px;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.jam-game-card p {
  position: static;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.75);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
  backdrop-filter: none;
}
.jam-game-card span {
  display: none;
  padding: 5px 9px;
  color: #713ecb;
  background: rgba(128, 87, 255, 0.09);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.jam-games-guide {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: center;
  max-width: 1050px;
  margin: 30px auto 0;
  padding: 19px 22px;
  color: #55475f;
  background: linear-gradient(
    135deg,
    rgba(126, 231, 196, 0.18),
    rgba(85, 216, 255, 0.12)
  );
  border: 1px solid rgba(67, 192, 172, 0.18);
  border-radius: 22px;
}
.jam-games-guide i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #fff;
  background: #58cdb7;
  border-radius: 16px;
  font-size: 20px;
}
.jam-games-guide p {
  margin: 0;
  line-height: 1.65;
}
@media (max-width: 1199.98px) {
  .jam-games-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-games-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .jam-games-intro {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }
  .jam-games-intro > p {
    font-size: 16px;
  }
  .jam-game-tabs {
    margin-inline: -12px;
    padding: 7px 12px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  .jam-game-tab {
    min-width: auto;
  }
  .jam-game-panel {
    padding: 19px;
    border-radius: 24px;
  }
  .jam-panel-copy {
    grid-template-columns: 48px 1fr;
    gap: 13px;
    padding: 21px;
  }
  .jam-panel-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }
  .jam-panel-copy h3 {
    font-size: 21px;
  }
  .jam-category-content {
    grid-template-columns: 1fr;
  }
  .jam-category-content h3,
  .jam-category-content .jam-category-points {
    grid-column: 1;
  }
  .jam-category-points {
    grid-template-columns: 1fr;
  }
  .jam-games-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .jam-game-card > div {
    min-height: 0;
    padding: 36px 10px 10px;
  }
  .jam-game-card h4 {
    font-size: 14px;
  }
  .jam-games-guide {
    grid-template-columns: 1fr;
    align-items: start;
  }
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 55%) !important;
}
#backtotop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  width: 50px !important;
  min-width: unset;
  height: 50px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}
.bonuses-label {
  color: var(--prime-text);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/* ===================================================    JAMSLOTS PAYMENT METHODS    =================================================== */
.jam-payments-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #fff8fc 52%, #f7fbff 100%);
}
.jam-payments-section:before,
.jam-payments-section:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}
.jam-payments-section:before {
  top: 90px;
  left: -85px;
  width: 190px;
  height: 190px;
  background: rgba(255, 104, 178, 0.1);
}
.jam-payments-section:after {
  right: -72px;
  bottom: 130px;
  width: 175px;
  height: 175px;
  background: rgba(91, 216, 232, 0.12);
}
.jam-payments-section .container {
  position: relative;
  z-index: 1;
}
.jam-payments-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(360px, 1fr);
  gap: 68px;
  align-items: end;
  margin-bottom: 36px;
}
.jam-payments-heading .bonuses-label {
  margin-bottom: 10px;
}
.jam-payments-heading .head-text {
  margin: 0;
}
.jam-payments-heading .para-text {
  margin: 0;
  line-height: 1.75;
}
#payments .payment-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  max-width: 760px;
  margin: 0 auto 24px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 22px;
  box-shadow: 0 15px 35px rgba(111, 78, 149, 0.08);
}
#payments .payment-tab {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 13px;
  align-items: center;
  padding: 15px 20px;
  color: #5f5268;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 16px;
  cursor: pointer;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}
#payments .payment-tab > i,
#payments .payment-tab > .svg-inline--fa {
  grid-row: 1/3;
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  padding: 13px;
  color: #8057dc;
  background: #f0eaff;
  border-radius: 14px;
}
#payments .payment-tab span,
#payments .payment-tab small {
  grid-column: 2;
  display: block;
  min-width: 0;
}
#payments .payment-tab span {
  font-size: 17px;
  font-weight: 850;
}
#payments .payment-tab small {
  margin-top: 2px;
  color: #827589;
  font-size: 12px;
  font-weight: 650;
}
#payments .payment-tab.active {
  color: #fff;
  background: linear-gradient(135deg, #f44c9d, #8356ec);
  box-shadow: 0 12px 26px rgba(187, 64, 171, 0.22);
}
#payments .payment-tab.active > i,
#payments .payment-tab.active > .svg-inline--fa {
  color: #dc3d92;
  background: #fff;
}
#payments .payment-tab.active small {
  color: rgba(255, 255, 255, 0.78);
}
#payments .payment-table-wrapper {
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
#payments .payment-table {
  display: none;
}
#payments .payment-table.active {
  display: block;
}
#payments .payment-table[hidden] {
  display: none !important;
}
.jam-payment-panel-head {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding: 22px 26px;
  background: linear-gradient(135deg, #fff0f8, #f2edff);
  border: 1px solid rgba(237, 74, 154, 0.14);
  border-radius: 22px;
}
.jam-payment-panel-head > div {
  flex: 0 0 auto;
}
.jam-payment-panel-head span,
.jam-payment-panel-head strong {
  display: block;
}
.jam-payment-panel-head span {
  margin-bottom: 3px;
  color: #d93b88;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.jam-payment-panel-head strong {
  color: #6e43d2;
  font-size: 27px;
  font-weight: 900;
}
.jam-payment-panel-head p {
  max-width: 680px;
  margin: 0;
  color: #665970;
  line-height: 1.65;
}
.jam-payment-panel-head--withdraw {
  background: linear-gradient(135deg, #edfbff, #f1efff);
}
.jam-payment-panel-head--withdraw span {
  color: #168eae;
}
.jam-payment-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.jam-payment-grid--withdraw {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 900px;
  margin: 0 auto;
}
.jam-payment-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 350px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(92, 65, 123, 0.08);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.jam-payment-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(92, 65, 123, 0.12);
}
.jam-payment-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  margin-bottom: 18px;
  padding: 13px;
  background: linear-gradient(145deg, #fff9fc, #f6f2ff);
  border-radius: 16px;
}
.jam-payment-logo img {
  display: block;
  max-width: 128px;
  max-height: 46px;
  object-fit: contain;
}
.jam-payment-card h3 {
  margin: 0 0 7px;
  color: #382c44;
  font-size: 19px;
}
.jam-payment-card p {
  margin: 0;
  color: #75697d;
  font-size: 13px;
  line-height: 1.55;
}
.jam-payment-card dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 18px 0 13px;
}
.jam-payment-card dl > div {
  padding: 10px;
  background: #faf7ff;
  border-radius: 12px;
}
.jam-payment-card dt {
  color: #8a7c91;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.jam-payment-card dd {
  margin: 2px 0 0;
  color: #6f45d2;
  font-size: 14px;
  font-weight: 900;
}
.jam-payment-note {
  display: flex;
  gap: 7px;
  align-items: flex-start;
  margin-top: auto;
  color: #786a80;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}
.jam-payment-note i,
.jam-payment-note .svg-inline--fa {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #ef4798;
}
.jam-payment-grid--withdraw .jam-payment-card {
  min-height: 320px;
}
.jam-payment-grid--withdraw .jam-payment-logo {
  height: 82px;
}
.jam-payment-grid--withdraw .jam-payment-card h3 {
  font-size: 22px;
}
.jam-payment-grid--withdraw .jam-payment-card p {
  font-size: 14px;
}
.jam-payment-grid--withdraw .jam-payment-card dl > div {
  padding: 12px;
}
.jam-payment-grid--withdraw .jam-payment-card dd {
  font-size: 16px;
}
.jam-crypto-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 0;
}
.jam-crypto-list > span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
  padding: 13px 15px;
  color: #3c3047;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(128, 87, 255, 0.11);
  border-radius: 16px;
  font-size: 13px;
  font-weight: 850;
}
.jam-crypto-list img {
  grid-row: 1/3;
  width: 34px;
  height: 34px;
  padding: 5px;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
}
.jam-crypto-list small {
  display: block;
  color: #8a7c91;
  font-size: 10px;
  font-weight: 750;
}
.jam-payment-copy {
  margin-top: 20px;
  padding: 27px 30px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(128, 87, 255, 0.11);
  border-radius: 22px;
}
.jam-payment-copy h3 {
  margin: 0 0 10px;
  color: #382c44;
  font-size: 23px;
}
.jam-payment-copy p {
  margin: 0;
  color: #665970;
  line-height: 1.75;
}
.jam-payment-copy p + p {
  margin-top: 10px;
}
.jam-payment-limit-note {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 17px;
  align-items: start;
  margin-top: 22px;
  padding: 22px 25px;
  background: linear-gradient(135deg, #fff3f9, #f0f9ff);
  border: 1px solid rgba(239, 71, 152, 0.13);
  border-radius: 22px;
}
.jam-payment-limit-note > i,
.jam-payment-limit-note > .svg-inline--fa {
  box-sizing: border-box;
  width: 54px;
  height: 54px;
  padding: 16px;
  color: #fff;
  background: linear-gradient(145deg, #58d4e4, #8557ed);
  border-radius: 17px;
}
.jam-payment-limit-note h3 {
  margin: 1px 0 5px;
  color: #3b2f47;
  font-size: 18px;
}
.jam-payment-limit-note p {
  margin: 0;
  color: #6e6176;
  line-height: 1.65;
}
@media (max-width: 1199.98px) {
  .jam-payment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .jam-crypto-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .jam-payments-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .jam-payment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-payments-heading {
    margin-bottom: 26px;
  }
  .jam-payments-heading .head-text {
    font-size: 34px;
  }
  .jam-payments-heading .para-text {
    font-size: 15px;
  }
  #payments .payment-tabs {
    grid-template-columns: 1fr;
    padding: 7px;
    border-radius: 19px;
  }
  #payments .payment-tab {
    padding: 13px 15px;
  }
  .jam-payment-panel-head {
    display: block;
    padding: 20px;
  }
  .jam-payment-panel-head p {
    margin-top: 10px;
  }
  .jam-payment-panel-head strong {
    font-size: 23px;
  }
  .jam-payment-grid,
  .jam-payment-grid--withdraw,
  .jam-crypto-list {
    grid-template-columns: 1fr;
  }
  .jam-payment-card,
  .jam-payment-grid--withdraw .jam-payment-card {
    min-height: 0;
  }
  .jam-payment-copy {
    padding: 22px;
  }
  .jam-payment-copy h3 {
    font-size: 20px;
  }
  .jam-payment-limit-note {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 19px;
  }
  .jam-payment-limit-note > i,
  .jam-payment-limit-note > .svg-inline--fa {
    width: 44px;
    height: 44px;
    padding: 13px;
  }
}

/* ===================================================
   ABOUT JAMSLOTS CASINO
   =================================================== */
.jam-about-section {
  position: relative;
  overflow: hidden;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  background:
    radial-gradient(
      circle at 4% 14%,
      rgba(255, 81, 164, 0.15) 0 92px,
      transparent 94px
    ),
    radial-gradient(
      circle at 96% 34%,
      rgba(77, 208, 236, 0.18) 0 125px,
      transparent 127px
    ),
    radial-gradient(
      circle at 88% 92%,
      rgba(255, 215, 91, 0.16) 0 82px,
      transparent 84px
    ),
    linear-gradient(180deg, #fffafd 0%, #f8f5ff 52%, #f3fcff 100%);
}

.jam-about-section::before,
.jam-about-section::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}

.jam-about-section::before {
  top: 74px;
  right: 16%;
  width: 22px;
  height: 22px;
  background: #ffd95f;
  box-shadow:
    44px 31px 0 8px rgba(255, 92, 174, 0.16),
    -39px 45px 0 5px rgba(97, 216, 240, 0.2);
}

.jam-about-section::after {
  bottom: 72px;
  left: 7%;
  width: 18px;
  height: 18px;
  background: rgba(128, 87, 232, 0.18);
  box-shadow: 38px -27px 0 7px rgba(255, 205, 91, 0.2);
}

.jam-about-section .container {
  position: relative;
  z-index: 1;
}

.jam-about-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 72px;
  align-items: end;
  margin-bottom: 42px;
}

.jam-about-heading h2 {
  max-width: 720px;
  margin: 0;
  color: #30243e;
  font-size: clamp(2.55rem, 4.4vw, 4.75rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.05em;
}

.jam-about-heading-copy p {
  margin: 0;
  color: #665970;
  font-size: 17px;
  line-height: 1.78;
}

.jam-about-heading-copy p + p {
  margin-top: 12px;
}

.jam-about-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  gap: 22px;
  align-items: stretch;
  margin-bottom: 24px;
}

.jam-about-visual {
  position: relative;
  min-width: 0;
  min-height: 600px;
  overflow: hidden;
  margin: 0;
  background: #f7edff;
  border: 8px solid rgba(255, 255, 255, 0.92);
  border-radius: 34px;
  box-shadow: 0 26px 70px rgba(91, 54, 118, 0.17);
}

.jam-about-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
}

.jam-about-visual::after {
  position: absolute;
  inset: auto 0 0;
  height: 40%;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(48, 32, 65, 0.7));
  pointer-events: none;
}

.jam-about-visual figcaption {
  position: absolute;
  z-index: 1;
  right: 24px;
  bottom: 24px;
  left: 24px;
  color: #fff;
}

.jam-about-visual figcaption span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(9px);
}

.jam-about-visual figcaption strong {
  display: block;
  max-width: 570px;
  font-size: clamp(1.25rem, 2.1vw, 2rem);
  line-height: 1.2;
}

.jam-about-story {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 38px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(128, 87, 232, 0.13);
  border-radius: 34px;
  box-shadow: 0 22px 60px rgba(78, 48, 103, 0.1);
}

.jam-about-label {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 0 0 10px;
  color: #e53b91;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.jam-about-story h3,
.jam-about-close h3 {
  margin: 0 0 18px;
  color: #342741;
  font-size: clamp(1.85rem, 3vw, 3rem);
  font-weight: 880;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.jam-about-story > p:not(.jam-about-label) {
  margin: 0;
  color: #675a70;
  font-size: 15px;
  line-height: 1.78;
}

.jam-about-story > p + p {
  margin-top: 13px !important;
}

.jam-about-signature {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: auto;
  padding: 19px;
  background: linear-gradient(135deg, #fff0f8, #f0f4ff);
  border: 1px solid rgba(226, 65, 148, 0.13);
  border-radius: 20px;
}

.jam-about-signature > i,
.jam-about-signature > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 16px !important;
  color: #fff;
  background: linear-gradient(145deg, #ff52a4, #8057ed);
  border-radius: 18px;
}

.jam-about-signature p {
  min-width: 0;
  margin: 0;
  color: #62546c;
  font-size: 13px;
  line-height: 1.6;
}

.jam-about-signature strong {
  color: #392b47;
}

.jam-about-strengths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.jam-about-card {
  position: relative;
  min-width: 0;
  min-height: 290px;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(91, 58, 115, 0.11);
  border-radius: 27px;
  box-shadow: 0 16px 38px rgba(77, 46, 98, 0.08);
}

.jam-about-card::after {
  position: absolute;
  top: -46px;
  right: -43px;
  width: 130px;
  height: 130px;
  content: "";
  background: rgba(255, 255, 255, 0.45);
  border-radius: 50%;
}

.jam-about-card--pink {
  background: linear-gradient(145deg, #fff0f8, #fffafd);
}

.jam-about-card--purple {
  background: linear-gradient(145deg, #f2edff, #fbf9ff);
}

.jam-about-card--cyan {
  background: linear-gradient(145deg, #eafaff, #f9fdff);
}

.jam-about-card--yellow {
  background: linear-gradient(145deg, #fff8df, #fffdf5);
}

.jam-about-card--mint {
  background: linear-gradient(145deg, #eafbf6, #f8fffd);
}

.jam-about-card--peach {
  background: linear-gradient(145deg, #fff0e9, #fffaf7);
}

.jam-about-card > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  color: #fff;
  background: linear-gradient(145deg, #ff56a6, #8058ed);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(153, 67, 158, 0.2);
}

.jam-about-card--cyan > span {
  background: linear-gradient(145deg, #58d7e7, #6570ea);
}

.jam-about-card--yellow > span {
  background: linear-gradient(145deg, #ffc954, #f28b56);
}

.jam-about-card--mint > span {
  background: linear-gradient(145deg, #63dbba, #4e9fd9);
}

.jam-about-card--peach > span {
  background: linear-gradient(145deg, #ff916d, #eb54a2);
}

.jam-about-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  color: #392c45;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.25;
}

.jam-about-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #6b5e73;
  font-size: 14px;
  line-height: 1.7;
}

.jam-about-close {
  display: grid;
  grid-template-columns: 72px minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: 22px;
  align-items: center;
  margin-top: 24px;
  padding: 29px 32px;
  color: #fff;
  background:
    radial-gradient(
      circle at 91% 18%,
      rgba(255, 255, 255, 0.14) 0 65px,
      transparent 67px
    ),
    linear-gradient(135deg, #30243e 0%, #5d3d7b 58%, #7056b4 100%);
  border-radius: 28px;
  box-shadow: 0 22px 55px rgba(59, 39, 78, 0.2);
}

.jam-about-close-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  color: #fff;
  background: linear-gradient(145deg, #53d4e5, #8859ef);
  border-radius: 20px;
}

.jam-about-close .jam-about-label {
  color: #8ce9f1;
}

.jam-about-close h3 {
  margin: 0;
  color: #fff;
  font-size: 25px;
}

.jam-about-close > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.72;
}

@media (max-width: 1199.98px) {
  .jam-about-showcase {
    grid-template-columns: 1fr;
  }

  .jam-about-visual {
    min-height: 520px;
  }

  .jam-about-signature {
    margin-top: 24px;
  }

  .jam-about-strengths {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jam-about-close {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .jam-about-close > p {
    grid-column: 2;
  }
}

@media (max-width: 991.98px) {
  .jam-about-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 767.98px) {
  .jam-about-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .jam-about-heading h2 {
    font-size: 38px;
  }

  .jam-about-heading-copy p {
    font-size: 15px;
  }

  .jam-about-visual {
    min-height: 410px;
    border-width: 5px;
    border-radius: 25px;
  }

  .jam-about-visual figcaption {
    right: 17px;
    bottom: 17px;
    left: 17px;
  }

  .jam-about-story {
    padding: 24px;
    border-radius: 25px;
  }

  .jam-about-signature {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
  }

  .jam-about-signature > i,
  .jam-about-signature > .svg-inline--fa {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 13px !important;
  }

  .jam-about-strengths {
    grid-template-columns: 1fr;
  }

  .jam-about-card {
    min-height: 0;
    padding: 23px;
    border-radius: 22px;
  }

  .jam-about-close {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 15px;
    padding: 23px;
    border-radius: 23px;
  }

  .jam-about-close-icon {
    width: 54px;
    height: 54px;
    border-radius: 17px;
  }

  .jam-about-close h3 {
    font-size: 21px;
  }

  .jam-about-close > p {
    grid-column: 1 / -1;
  }
}
#btnSwitch {
  display: none !important;
}
/* JamSlots bonus offer redesign */
.jam-reward-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.jam-reward-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 470px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(92, 56, 126, 0.13);
  border-radius: 30px;
  box-shadow: 0 22px 60px rgba(76, 43, 95, 0.11);
}
.jam-reward-card::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -60px;
  width: 190px;
  height: 190px;
  background: rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  pointer-events: none;
}
.jam-reward-card--welcome {
  background: linear-gradient(145deg, #fff1f8, #fffafd);
}
.jam-reward-card--deposit {
  background: linear-gradient(145deg, #f4efff, #fbfaff);
}
.jam-reward-card--weekly {
  background: linear-gradient(145deg, #ecfaff, #f8fdff);
}
.jam-reward-card--returning {
  background: linear-gradient(145deg, #fff9e9, #fffdf7);
}
.jam-reward-top {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}
.jam-reward-top > span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 9px 13px;
  color: #5c4969;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(99, 59, 126, 0.11);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 750;
}
.jam-reward-top > strong {
  max-width: 260px;
  color: #ed358d;
  font-size: clamp(1.65rem, 2.6vw, 2.65rem);
  font-weight: 900;
  line-height: 1;
  text-align: right;
  letter-spacing: -0.045em;
}
.jam-reward-card--deposit .jam-reward-top > strong {
  color: #7a4de6;
}
.jam-reward-card--weekly .jam-reward-top > strong {
  color: #168cb7;
}
.jam-reward-card--returning .jam-reward-top > strong {
  color: #d27a18;
}
.jam-reward-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 20px;
  color: #30243d;
  font-size: clamp(1.7rem, 2.6vw, 2.45rem);
  font-weight: 880;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
.jam-reward-facts {
  position: relative;
  z-index: 1;
  margin-bottom: 22px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(91, 57, 115, 0.1);
  border-radius: 20px;
}
.jam-reward-facts p {
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 16px;
  margin: 0;
  padding: 14px 16px;
  border-top: 1px solid rgba(91, 57, 115, 0.09);
}
.jam-reward-facts p:first-child {
  border-top: 0;
}
.jam-reward-facts span {
  color: #8a798f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.jam-reward-facts strong {
  color: #4d4057;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.jam-deposit-strip {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: -4px 0 18px;
}
.jam-deposit-strip span {
  display: block;
  padding: 11px 7px;
  color: #fff;
  background: linear-gradient(145deg, #a56cff, #7651dd);
  border-radius: 13px;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}
.jam-deposit-strip small {
  display: block;
  margin-bottom: 2px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.jam-weekly-options {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: -4px 0 18px;
}
.jam-weekly-options > div {
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(25, 152, 194, 0.16);
  border-radius: 16px;
}
.jam-weekly-options strong,
.jam-weekly-options span {
  display: block;
}
.jam-weekly-options strong {
  color: #168cb7;
  font-size: 22px;
}
.jam-weekly-options span {
  margin-top: 2px;
  color: #64727a;
  font-size: 13px;
}
.jam-reward-open {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  padding: 15px 18px;
  color: #fff;
  background: linear-gradient(135deg, #f5489a, #8554ed);
  border: 0;
  border-radius: 16px;
  box-shadow: 0 12px 24px rgba(178, 57, 154, 0.18);
  font-size: 15px;
  font-weight: 800;
  text-align: left;
}
.jam-reward-open i,
.jam-reward-open .svg-inline--fa {
  transition: transform 0.2s ease;
}
.jam-reward-open.is-active i,
.jam-reward-open.is-active .svg-inline--fa {
  transform: rotate(180deg);
}
.jam-reward-card--weekly .jam-reward-open {
  background: linear-gradient(135deg, #28b8d6, #6564e9);
}
.jam-reward-card--returning .jam-reward-open {
  background: linear-gradient(135deg, #f3a53c, #ed5a9c);
}
.jam-bonus-details[hidden],
.jam-bonus-rules-panel[hidden] {
  display: none !important;
}
.jam-bonus-details {
  margin-top: 22px;
}
.jam-bonus-detail-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.jam-bonus-detail-steps--five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.jam-bonus-detail-steps > div {
  min-height: 155px;
  padding: 19px;
  background: linear-gradient(145deg, #fff, #faf7ff);
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 18px;
}
.jam-bonus-detail-steps span,
.jam-bonus-detail-steps strong {
  display: block;
}
.jam-bonus-detail-steps span {
  margin-bottom: 8px;
  color: #ea3b8d;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.jam-bonus-detail-steps strong {
  margin-bottom: 7px;
  color: #7548dc;
  font-size: 26px;
  font-weight: 900;
}
.jam-bonus-detail-steps p,
.jam-bonus-detail-copy {
  margin: 0;
  color: #66596f;
  font-size: 14px;
  line-height: 1.62;
}
.jam-bonus-detail-copy {
  margin-top: 18px;
  padding: 18px 20px;
  background: #fff8fc;
  border-left: 4px solid #ef4595;
  border-radius: 0 16px 16px 0;
}
.jam-bonus-clarity {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 15px;
  align-items: start;
  margin-top: 18px;
  padding: 20px;
  background: linear-gradient(145deg, #fff5fa, #f5f1ff);
  border: 1px solid rgba(239, 69, 149, 0.14);
  border-radius: 18px;
}
.jam-bonus-clarity i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #fff;
  background: linear-gradient(145deg, #ef4595, #8057ff);
  border-radius: 15px;
}
.jam-bonus-clarity p {
  margin: 0;
  color: #62556c;
  line-height: 1.7;
}
.jam-bonus-clarity strong {
  color: #352841;
}
.jam-weekly-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}
.jam-weekly-detail > div {
  padding: 22px;
  background: linear-gradient(145deg, #edfaff, #f8fdff);
  border: 1px solid rgba(30, 159, 198, 0.16);
  border-radius: 20px;
}
.jam-weekly-detail strong,
.jam-weekly-detail span {
  display: block;
}
.jam-weekly-detail strong {
  color: #148db6;
  font-size: 28px;
}
.jam-weekly-detail span {
  margin: 3px 0 9px;
  color: #394b54;
  font-weight: 800;
}
.jam-weekly-detail p {
  margin: 0;
  color: #64727a;
  line-height: 1.6;
}
.jam-bonus-rules-toggle {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 22px;
  padding: 22px 24px;
  text-align: left;
  background: linear-gradient(135deg, #fff4fa 0%, #f4f0ff 62%, #eefaff 100%);
  border: 1px solid rgba(221, 92, 176, 0.18);
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(135, 87, 184, 0.11);
}
.jam-bonus-rules-toggle > span {
  display: grid;
  flex: 1;
  min-width: 0;
  grid-template-columns: 58px minmax(0, 1fr);
  column-gap: 15px;
  align-items: center;
}
.jam-bonus-rules-toggle > span > i,
.jam-bonus-rules-toggle > span > .svg-inline--fa {
  grid-row: 1/3;
  grid-column: 1;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  padding: 14px;
  color: #fff;
  background: linear-gradient(145deg, #ff54a4, #8057ff);
  border-radius: 15px;
  box-shadow: 0 9px 20px rgba(184, 72, 179, 0.2);
}
.jam-bonus-rules-toggle strong,
.jam-bonus-rules-toggle small {
  display: block;
  grid-column: 2;
  min-width: 0;
}
.jam-bonus-rules-toggle strong {
  color: #392b46;
  font-size: 19px;
  line-height: 1.35;
}
.jam-bonus-rules-toggle small {
  margin-top: 4px;
  color: #75677f;
  font-size: 13px;
  line-height: 1.45;
}
.jam-bonus-rules-toggle > i,
.jam-bonus-rules-toggle > .svg-inline--fa {
  flex: 0 0 auto;
  color: #8057d9;
  transition: transform 0.2s ease;
}
.jam-bonus-rules-toggle.is-active > i,
.jam-bonus-rules-toggle.is-active > .svg-inline--fa {
  transform: rotate(180deg);
}
.jam-bonus-rules-panel {
  padding: 2px 22px 22px;
  background: linear-gradient(180deg, #fff8fc 0%, #f7f4ff 100%);
  border: 1px solid rgba(221, 92, 176, 0.18);
  border-top: 0;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 18px 38px rgba(135, 87, 184, 0.1);
}
.jam-bonus-rules-toggle.is-active {
  border-radius: 22px 22px 0 0;
  box-shadow: none;
}
.jam-bonus-rules-panel .jam-bonus-rules {
  margin-top: 0;
}
.jam-bonus-rules-panel .jam-bonus-rules > div {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(128, 87, 255, 0.12);
  box-shadow: 0 8px 22px rgba(116, 78, 157, 0.06);
}
.jam-bonus-rules-panel .jam-bonus-rules > div > i,
.jam-bonus-rules-panel .jam-bonus-rules > div > .svg-inline--fa {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  padding: 10px;
  color: #fff;
  background: linear-gradient(145deg, #57d5e7, #895cf1);
  border-radius: 12px;
}
@media (max-width: 1199.98px) {
  .jam-bonus-detail-steps,
  .jam-bonus-detail-steps--five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-reward-grid {
    grid-template-columns: 1fr;
  }
  .jam-reward-card {
    min-height: 0;
    padding: 22px;
    border-radius: 24px;
  }
  .jam-reward-top > strong {
    font-size: 27px;
  }
  .jam-reward-facts p {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .jam-deposit-strip {
    grid-template-columns: repeat(5, minmax(64px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .jam-bonus-detail-steps,
  .jam-bonus-detail-steps--five,
  .jam-weekly-detail {
    grid-template-columns: 1fr;
  }
  .jam-bonus-detail-steps > div {
    min-height: 0;
  }
  .jam-bonus-rules-toggle {
    padding: 18px;
  }
  .jam-bonus-rules-toggle strong {
    font-size: 16px;
  }
  .jam-bonus-rules-toggle small {
    font-size: 12px;
  }
  .jam-bonus-rules-panel {
    padding: 2px 14px 14px;
  }
}
/* Payment section: brighter candy treatment and translation-safe layout */
.jam-payments-section {
  background:
    radial-gradient(
      circle at 8% 18%,
      rgba(255, 91, 169, 0.18) 0 74px,
      transparent 75px
    ),
    radial-gradient(
      circle at 92% 26%,
      rgba(93, 218, 232, 0.18) 0 112px,
      transparent 113px
    ),
    radial-gradient(
      circle at 86% 85%,
      rgba(255, 205, 81, 0.16) 0 82px,
      transparent 83px
    ),
    linear-gradient(180deg, #fffafd 0%, #faf6ff 45%, #f2fbff 100%);
}
.jam-payments-section:before {
  top: 36%;
  left: 3%;
  width: 28px;
  height: 28px;
  background: #ffcf55;
  box-shadow:
    42px 38px 0 rgba(255, 88, 166, 0.6),
    12px 82px 0 rgba(100, 215, 232, 0.62);
}
.jam-payments-section:after {
  right: 4%;
  bottom: 27%;
  width: 34px;
  height: 34px;
  background: #9b6cff;
  box-shadow:
    -48px 35px 0 rgba(255, 196, 66, 0.75),
    -8px 76px 0 rgba(255, 92, 168, 0.48);
}
.jam-payments-heading {
  padding: 34px 38px;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.92),
    rgba(255, 240, 249, 0.93) 55%,
    rgba(236, 250, 255, 0.94)
  );
  border: 1px solid rgba(234, 75, 154, 0.15);
  border-radius: 30px;
  box-shadow: 0 22px 55px rgba(129, 74, 147, 0.1);
}
.jam-payments-heading .bonuses-label {
  display: inline-flex;
  padding: 8px 13px;
  color: #fff;
  background: linear-gradient(135deg, #f34a9b, #8a58ed);
  border-radius: 999px;
  box-shadow: 0 9px 20px rgba(194, 65, 173, 0.2);
}
#payments .payment-tabs {
  position: relative;
  max-width: 820px;
  margin-top: -18px;
  padding: 10px;
  background: linear-gradient(135deg, #fff, #f7edff);
  border: 2px solid #fff;
  box-shadow: 0 20px 45px rgba(134, 74, 156, 0.16);
}
#payments .payment-tab {
  min-height: 80px;
  border-radius: 18px;
}
#payments .payment-tab:not(.active) {
  background: rgba(255, 255, 255, 0.76);
}
.jam-payment-panel-head {
  position: relative;
  overflow: hidden;
  padding: 27px 30px;
  background: linear-gradient(110deg, #ffe5f2 0%, #f4e7ff 54%, #e5faff 100%);
  border: 2px solid rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 42px rgba(134, 74, 156, 0.11);
}
.jam-payment-panel-head:after {
  position: absolute;
  right: -22px;
  top: -35px;
  width: 130px;
  height: 130px;
  content: "";
  background:
    radial-gradient(
      circle at 32% 32%,
      rgba(255, 255, 255, 0.94) 0 8%,
      transparent 9%
    ),
    linear-gradient(145deg, rgba(255, 93, 170, 0.34), rgba(126, 87, 232, 0.25));
  border-radius: 46% 54% 64% 36%/45% 38% 62% 55%;
  transform: rotate(18deg);
}
.jam-payment-panel-head > div,
.jam-payment-panel-head > p {
  position: relative;
  z-index: 1;
}
.jam-payment-panel-head strong {
  font-size: clamp(25px, 2.2vw, 34px);
}
.jam-payment-panel-head--withdraw {
  background: linear-gradient(110deg, #dffaff 0%, #eae8ff 54%, #ffe8f5 100%);
}
.jam-payment-grid {
  gap: 18px;
  align-items: stretch;
}
.jam-payment-card {
  position: relative;
  overflow: hidden;
  min-height: 390px;
  padding: 22px 20px 20px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 42px rgba(91, 54, 122, 0.12);
}
.jam-payment-card:before {
  position: absolute;
  inset: 0 0 auto;
  height: 8px;
  content: "";
  background: linear-gradient(90deg, #ff55a3, #9561f2);
}
.jam-payment-card:nth-child(2):before {
  background: linear-gradient(90deg, #ffbd3d, #ff6b95);
}
.jam-payment-card:nth-child(3):before {
  background: linear-gradient(90deg, #44d4df, #7478f4);
}
.jam-payment-card:nth-child(4):before {
  background: linear-gradient(90deg, #8bdb67, #38c7cf);
}
.jam-payment-card:nth-child(5):before {
  background: linear-gradient(90deg, #ff9d45, #f0529f);
}
.jam-payment-card:nth-child(1) {
  background: linear-gradient(160deg, #fff 48%, #fff1f8);
}
.jam-payment-card:nth-child(2) {
  background: linear-gradient(160deg, #fff 48%, #fff8e9);
}
.jam-payment-card:nth-child(3) {
  background: linear-gradient(160deg, #fff 48%, #eefbff);
}
.jam-payment-card:nth-child(4) {
  background: linear-gradient(160deg, #fff 48%, #f1fff7);
}
.jam-payment-card:nth-child(5) {
  background: linear-gradient(160deg, #fff 48%, #fff2f3);
}
.jam-payment-logo {
  height: 86px;
  margin-bottom: 20px;
  background: linear-gradient(145deg, #ffe7f3, #eee5ff);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.42);
}
.jam-payment-card:nth-child(2) .jam-payment-logo {
  background: linear-gradient(145deg, #fff5d9, #ffe7ed);
}
.jam-payment-card:nth-child(3) .jam-payment-logo {
  background: linear-gradient(145deg, #e5fbff, #e9e9ff);
}
.jam-payment-card:nth-child(4) .jam-payment-logo {
  background: linear-gradient(145deg, #e8fff2, #e2faff);
}
.jam-payment-card:nth-child(5) .jam-payment-logo {
  background: linear-gradient(145deg, #fff1da, #ffe6f2);
}
.jam-payment-logo img {
  max-width: 140px;
  max-height: 50px;
}
.jam-payment-card h3 {
  font-size: 20px;
}
.jam-payment-card p {
  min-height: 84px;
}
.jam-payment-card dl {
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: 17px;
}
.jam-payment-card dl > div {
  display: grid;
  grid-template-columns: minmax(76px, 0.68fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 11px 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(128, 87, 255, 0.08);
}
.jam-payment-card dt,
.jam-payment-card dd {
  min-width: 0;
}
.jam-payment-card dd {
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
  word-break: normal;
  font-size: clamp(12px, 0.82vw, 14px);
  line-height: 1.3;
}
.jam-payment-grid--withdraw .jam-payment-card {
  min-height: 350px;
}
.jam-payment-grid--withdraw .jam-payment-card p {
  min-height: 48px;
}
.jam-payment-grid--withdraw .jam-payment-card dl {
  grid-template-columns: 1fr 1fr;
}
.jam-payment-grid--withdraw .jam-payment-card dl > div {
  display: block;
}
.jam-payment-grid--withdraw .jam-payment-card dd {
  margin-top: 3px;
  text-align: left;
  font-size: 15px;
}
.jam-crypto-list {
  gap: 12px;
}
.jam-crypto-list > span {
  position: relative;
  overflow: hidden;
  padding: 15px 16px;
  background: linear-gradient(145deg, #fff, #faf6ff);
  border: 2px solid #fff;
  box-shadow: 0 10px 25px rgba(96, 62, 126, 0.09);
}
.jam-crypto-list > span:nth-child(3n + 1) {
  background: linear-gradient(145deg, #fff8e6, #fff);
}
.jam-crypto-list > span:nth-child(3n + 2) {
  background: linear-gradient(145deg, #eafff7, #fff);
}
.jam-crypto-list > span:nth-child(3n) {
  background: linear-gradient(145deg, #f1edff, #fff);
}
.jam-payment-copy {
  display: grid;
  grid-template-columns: minmax(210px, 0.72fr) 1fr 1fr;
  gap: 15px;
  align-items: stretch;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.jam-payment-copy h3 {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 25px;
  color: #fff;
  background: linear-gradient(145deg, #ef4c9d, #8757e9);
  border-radius: 22px;
  box-shadow: 0 16px 35px rgba(181, 62, 166, 0.16);
}
.jam-payment-copy p,
.jam-payment-copy p + p {
  margin: 0;
  padding: 23px;
  color: #5f5368;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(128, 87, 255, 0.1);
  border-radius: 22px;
  box-shadow: 0 13px 30px rgba(91, 54, 122, 0.07);
}
.jam-payment-copy p:last-child {
  background: linear-gradient(145deg, #eefbff, #fff);
}
.jam-payment-limit-note {
  grid-template-columns: 86px minmax(0, 1fr);
  column-gap: 22px;
  align-items: center;
  padding: 24px 27px;
  background: linear-gradient(120deg, #ffe8f4, #f3eaff 52%, #e7faff);
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 38px rgba(117, 70, 144, 0.1);
}
.jam-payment-limit-note > i,
.jam-payment-limit-note > .svg-inline--fa {
  grid-column: 1;
  display: block;
  box-sizing: border-box !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  margin: 0 auto;
  padding: 16px !important;
  overflow: hidden;
}
.jam-payment-limit-note > div {
  grid-column: 2;
  min-width: 0;
  padding-left: 8px;
}
.jam-payment-limit-note h3,
.jam-payment-limit-note p {
  min-width: 0;
  margin-left: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 991.98px) {
  .jam-payment-copy {
    grid-template-columns: 1fr 1fr;
  }
  .jam-payment-copy h3 {
    grid-column: 1/-1;
  }
  .jam-payment-card p {
    min-height: 0;
  }
}
@media (max-width: 767.98px) {
  .jam-payments-heading {
    padding: 25px 22px;
    border-radius: 24px;
  }
  #payments .payment-tabs {
    margin-top: -10px;
  }
  .jam-payment-panel-head:after {
    opacity: 0.45;
  }
  .jam-payment-copy {
    grid-template-columns: 1fr;
  }
  .jam-payment-copy h3 {
    grid-column: auto;
  }
  .jam-payment-limit-note {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
  }
  .jam-payment-limit-note > i,
  .jam-payment-limit-note > .svg-inline--fa {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 13px !important;
  }
  .jam-payment-limit-note > div {
    padding-left: 4px;
  }
  .jam-payment-card dl > div {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .jam-payment-grid--withdraw .jam-payment-card dl {
    grid-template-columns: 1fr;
  }
}
/* ===================================================    JAMSLOTS ACCOUNT & SECURITY    =================================================== */
.jam-security-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f4fbff 0%, #fff7fc 48%, #f7f3ff 100%);
}
.jam-security-section:before,
.jam-security-section:after {
  position: absolute;
  content: "";
  pointer-events: none;
  border-radius: 50%;
}
.jam-security-section:before {
  top: 120px;
  left: -80px;
  width: 210px;
  height: 210px;
  background: rgba(70, 211, 219, 0.15);
  box-shadow: 70px -80px 0 rgba(255, 192, 69, 0.11);
}
.jam-security-section:after {
  right: -95px;
  bottom: 160px;
  width: 240px;
  height: 240px;
  background: rgba(246, 74, 157, 0.12);
  box-shadow: -90px 105px 0 rgba(128, 87, 238, 0.1);
}
.jam-security-section .container {
  position: relative;
  z-index: 1;
}
.jam-security-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(380px, 1fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 34px;
}
.jam-security-heading .bonuses-label {
  display: inline-flex;
  margin-bottom: 11px;
  padding: 8px 14px;
  color: #166878;
  background: #dffaff;
  border-radius: 999px;
}
.jam-security-heading .head-text,
.jam-security-heading .para-text {
  margin: 0;
}
.jam-security-heading .para-text {
  line-height: 1.78;
}
.jam-security-stage {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.55fr);
  gap: 18px;
  position: relative;
  margin-bottom: 22px;
  padding: 18px;
  background: #29223b;
  border-radius: 30px;
  box-shadow: 0 26px 60px rgba(44, 31, 62, 0.2);
}
.jam-security-stage:before {
  position: absolute;
  right: 22%;
  top: -9px;
  width: 68px;
  height: 18px;
  content: "";
  background: #ffcf4f;
  border-radius: 999px;
  transform: rotate(-8deg);
}
.jam-security-core {
  position: relative;
  overflow: hidden;
  min-height: 440px;
  padding: 34px 30px;
  color: #fff;
  background: linear-gradient(155deg, #f44e9f 0%, #8b58ed 65%, #5b78ee 100%);
  border-radius: 24px;
}
.jam-security-core:after {
  position: absolute;
  right: -66px;
  bottom: -58px;
  width: 210px;
  height: 210px;
  content: "";
  border: 32px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.jam-security-core-icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 68px;
  height: 68px;
  margin-bottom: 28px;
  color: #7548d6;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 15px 30px rgba(72, 39, 118, 0.2);
}
.jam-security-core-icon i,
.jam-security-core-icon .svg-inline--fa {
  width: 30px;
  height: 30px;
}
.jam-security-core > p {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.jam-security-core h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 30px;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.12;
}
.jam-security-core ul {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jam-security-core li {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-top: 13px;
  font-size: 14px;
  font-weight: 750;
}
.jam-security-core li i,
.jam-security-core li .svg-inline--fa {
  flex: 0 0 auto;
  color: #91f0df;
}
.jam-security-orbit {
  position: absolute;
  left: 248px;
  bottom: 26px;
  z-index: 2;
  display: flex;
  gap: 9px;
}
.jam-security-orbit span {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  color: #312843;
  background: #fff;
  border: 5px solid #29223b;
  border-radius: 50%;
}
.jam-security-orbit i,
.jam-security-orbit .svg-inline--fa {
  width: 14px;
  height: 14px;
}
.jam-security-orbit span:nth-child(2) {
  color: #e14491;
  background: #fff0f7;
}
.jam-security-orbit span:nth-child(3) {
  color: #148da5;
  background: #e9fbff;
}
.jam-security-official {
  padding: 30px;
  background: linear-gradient(145deg, #342947, #29223b);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
}
.jam-security-label {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  margin: 0;
  color: #40d1d8;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.jam-security-label i,
.jam-security-label .svg-inline--fa {
  flex: 0 0 auto;
}
.jam-security-requirements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 21px;
}
.jam-security-requirements article {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  min-width: 0;
  padding: 18px;
  color: #fff;
  background: rgba(255, 255, 255, 0.065);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
}
.jam-security-requirements article > i,
.jam-security-requirements article > .svg-inline--fa {
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  padding: 13px;
  color: #fff;
  background: linear-gradient(145deg, #42ced7, #596eea);
  border-radius: 14px;
}
.jam-security-requirements article:nth-child(2) > i,
.jam-security-requirements article:nth-child(2) > .svg-inline--fa {
  background: linear-gradient(145deg, #ffbe47, #f2639b);
}
.jam-security-requirements article:nth-child(3) > i,
.jam-security-requirements article:nth-child(3) > .svg-inline--fa {
  background: linear-gradient(145deg, #8cdf75, #38c4ca);
}
.jam-security-requirements article:nth-child(4) > i,
.jam-security-requirements article:nth-child(4) > .svg-inline--fa {
  background: linear-gradient(145deg, #a06cf3, #ed58a5);
}
.jam-security-requirements h3 {
  margin: 0 0 5px;
  font-size: 16px;
}
.jam-security-requirements p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.55;
}
.jam-security-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 0 18px;
}
.jam-security-tab {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 17px 20px;
  color: #5f5268;
  text-align: left;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(88, 55, 116, 0.07);
}
.jam-security-tab > i,
.jam-security-tab > .svg-inline--fa {
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  padding: 15px;
  color: #7650d3;
  background: #eee8ff;
  border-radius: 16px;
}
.jam-security-tab > span {
  min-width: 0;
  font-size: 16px;
  font-weight: 850;
}
.jam-security-tab small {
  display: block;
  margin-top: 3px;
  color: #897b91;
  font-size: 11px;
  font-weight: 650;
}
.jam-security-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, #2ebdca, #6d65e9);
  border-color: transparent;
  box-shadow: 0 15px 34px rgba(61, 155, 194, 0.2);
}
.jam-security-tab.is-active > i,
.jam-security-tab.is-active > .svg-inline--fa {
  color: #1c9eae;
  background: #fff;
}
.jam-security-tab.is-active small {
  color: rgba(255, 255, 255, 0.76);
}
.jam-security-panel {
  padding: 24px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(128, 87, 255, 0.1);
  border-radius: 28px;
  box-shadow: 0 20px 48px rgba(92, 56, 122, 0.09);
}
.jam-security-panel[hidden] {
  display: none !important;
}
.jam-security-panel-intro {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}
.jam-security-panel-intro > span {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 58px;
  height: 58px;
  color: #fff;
  background: linear-gradient(145deg, #ffba45, #f1569b);
  border-radius: 18px;
}
.jam-security-panel-intro p {
  margin: 0;
  color: #de3f8c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.jam-security-panel-intro h3 {
  margin: 3px 0 0;
  color: #352a41;
  font-size: 24px;
}
.jam-security-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.jam-security-actions article {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 20px;
  background: linear-gradient(145deg, #fff4fa, #fff);
  border-radius: 19px;
}
.jam-security-actions article:nth-child(2),
.jam-security-actions article:nth-child(5) {
  background: linear-gradient(145deg, #ebfbff, #fff);
}
.jam-security-actions article:nth-child(3),
.jam-security-actions article:nth-child(6) {
  background: linear-gradient(145deg, #f2edff, #fff);
}
.jam-security-actions article > i,
.jam-security-actions article > .svg-inline--fa {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  padding: 11px;
  color: #fff;
  background: linear-gradient(145deg, #f34c9a, #9560ed);
  border-radius: 13px;
}
.jam-security-actions article:nth-child(2) > i,
.jam-security-actions article:nth-child(2) > .svg-inline--fa,
.jam-security-actions article:nth-child(5) > i,
.jam-security-actions article:nth-child(5) > .svg-inline--fa {
  background: linear-gradient(145deg, #38cbd4, #6371eb);
}
.jam-security-actions h3 {
  margin: 0 0 7px;
  color: #382d44;
  font-size: 16px;
}
.jam-security-actions p {
  margin: 0;
  color: #716478;
  font-size: 12px;
  line-height: 1.6;
}
.jam-security-alert {
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  margin-top: 15px;
  padding: 20px 22px;
  color: #fff;
  background: linear-gradient(125deg, #ef4d99, #8058e8);
  border-radius: 20px;
}
.jam-security-alert > i,
.jam-security-alert > .svg-inline--fa {
  box-sizing: border-box;
  width: 55px;
  height: 55px;
  padding: 16px;
  color: #ef4d99;
  background: #fff;
  border-radius: 17px;
}
.jam-security-alert h3 {
  margin: 0 0 4px;
  font-size: 18px;
}
.jam-security-alert p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
}
.jam-security-alert--blue {
  background: linear-gradient(125deg, #26b9ca, #6170ea);
}
.jam-security-alert--blue > i,
.jam-security-alert--blue > .svg-inline--fa {
  color: #288fbd;
}
.jam-verification-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}
.jam-verification-flow article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  padding: 21px;
  background: linear-gradient(145deg, #fff, #f9f6ff);
  border: 1px solid rgba(128, 87, 255, 0.1);
  border-radius: 20px;
}
.jam-verification-flow article > span {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  color: #fff;
  background: linear-gradient(145deg, #48cfd8, #6770e8);
  border-radius: 16px;
}
.jam-verification-flow article:nth-child(2) > span {
  background: linear-gradient(145deg, #f2b843, #ed579a);
}
.jam-verification-flow article:nth-child(3) > span {
  background: linear-gradient(145deg, #8bda6e, #28becb);
}
.jam-verification-flow article > span i,
.jam-verification-flow article > span .svg-inline--fa {
  width: 20px;
  height: 20px;
}
.jam-verification-flow article p {
  margin: 0;
  color: #8e579c;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.jam-verification-flow h3 {
  margin: 3px 0 7px;
  color: #382d44;
  font-size: 16px;
}
.jam-verification-flow article div p:last-child {
  color: #736679;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  text-transform: none;
}
.jam-document-safety {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 15px;
  padding: 24px;
  background: linear-gradient(135deg, #fff1f8, #effaff);
  border-radius: 22px;
}
.jam-document-safety h3 {
  margin: 12px 0 8px;
  color: #382d44;
  font-size: 23px;
}
.jam-document-safety > div > p:last-child {
  margin: 0;
  color: #6d6074;
  line-height: 1.7;
}
.jam-document-safety ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jam-document-safety li {
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 12px;
  background: rgba(255, 255, 255, 0.76);
  border-radius: 15px;
}
.jam-document-safety li > i,
.jam-document-safety li > .svg-inline--fa {
  box-sizing: border-box;
  width: 39px;
  height: 39px;
  padding: 11px;
  color: #fff;
  background: linear-gradient(145deg, #45cbd5, #696ee9);
  border-radius: 12px;
}
.jam-document-safety li:nth-child(2) > i,
.jam-document-safety li:nth-child(2) > .svg-inline--fa {
  background: linear-gradient(145deg, #f0b03c, #ee5799);
}
.jam-document-safety li:nth-child(3) > i,
.jam-document-safety li:nth-child(3) > .svg-inline--fa {
  background: linear-gradient(145deg, #9a67ee, #e456aa);
}
.jam-document-safety strong {
  display: block;
  color: #3b3046;
}
.jam-document-safety li span {
  color: #76687d;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 1199.98px) {
  .jam-security-stage {
    grid-template-columns: 310px minmax(0, 1fr);
  }
  .jam-security-requirements {
    grid-template-columns: 1fr;
  }
  .jam-security-actions,
  .jam-verification-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .jam-security-orbit {
    left: 267px;
  }
}
@media (max-width: 991.98px) {
  .jam-security-heading {
    grid-template-columns: 1fr;
    gap: 17px;
  }
  .jam-security-stage {
    grid-template-columns: 1fr;
  }
  .jam-security-core {
    min-height: 0;
  }
  .jam-security-orbit {
    display: none;
  }
  .jam-security-requirements {
    grid-template-columns: 1fr 1fr;
  }
  .jam-document-safety {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .jam-security-heading .head-text {
    font-size: 34px;
  }
  .jam-security-heading .para-text {
    font-size: 15px;
  }
  .jam-security-stage {
    padding: 10px;
    border-radius: 24px;
  }
  .jam-security-core,
  .jam-security-official {
    padding: 24px;
    border-radius: 19px;
  }
  .jam-security-core h3 {
    font-size: 30px;
  }
  .jam-security-requirements,
  .jam-security-actions,
  .jam-verification-flow,
  .jam-security-tabs {
    grid-template-columns: 1fr;
  }
  .jam-security-panel {
    padding: 16px;
    border-radius: 22px;
  }
  .jam-security-panel-intro {
    grid-template-columns: 48px minmax(0, 1fr);
  }
  .jam-security-panel-intro > span {
    width: 48px;
    height: 48px;
  }
  .jam-security-panel-intro h3 {
    font-size: 20px;
  }
  .jam-security-alert {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
  }
  .jam-security-alert > i,
  .jam-security-alert > .svg-inline--fa {
    width: 48px;
    height: 48px;
    padding: 14px;
  }
  .jam-document-safety {
    padding: 18px;
  }
}
/* Translation and browser-zoom protection for security icon/text layouts */
.jam-security-tab {
  grid-template-columns: 78px minmax(0, 1fr);
  column-gap: 18px;
}
.jam-security-tab > i,
.jam-security-tab > .svg-inline--fa {
  grid-column: 1;
  box-sizing: border-box !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 auto;
  padding: 15px !important;
  overflow: hidden;
}
.jam-security-tab > span {
  grid-column: 2;
  min-width: 0;
  padding-left: 6px;
  overflow-wrap: anywhere;
}
.jam-security-alert {
  grid-template-columns: 78px minmax(0, 1fr);
  column-gap: 20px;
}
.jam-security-alert > i,
.jam-security-alert > .svg-inline--fa {
  grid-column: 1;
  box-sizing: border-box !important;
  width: 55px !important;
  min-width: 55px !important;
  max-width: 55px !important;
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px !important;
  margin: 0 auto;
  padding: 16px !important;
  overflow: hidden;
}
.jam-security-alert > div {
  grid-column: 2;
  min-width: 0;
  padding-left: 7px;
}
.jam-security-alert h3,
.jam-security-alert p {
  min-width: 0;
  overflow-wrap: anywhere;
}
.jam-security-requirements article {
  grid-template-columns: 62px minmax(0, 1fr);
  column-gap: 14px;
}
.jam-security-requirements article > i,
.jam-security-requirements article > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  margin: 0 auto;
  padding: 13px !important;
  overflow: hidden;
}
.jam-security-requirements article > div {
  min-width: 0;
  padding-left: 4px;
}
.jam-security-panel-intro {
  grid-template-columns: 74px minmax(0, 1fr);
  column-gap: 17px;
}
.jam-security-panel-intro > span {
  grid-column: 1;
  box-sizing: border-box !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 auto;
  overflow: hidden;
}
.jam-security-panel-intro > div {
  grid-column: 2;
  min-width: 0;
  padding-left: 4px;
}
.jam-verification-flow article {
  grid-template-columns: 70px minmax(0, 1fr);
  column-gap: 15px;
}
.jam-verification-flow article > span {
  box-sizing: border-box !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 auto;
  overflow: hidden;
}
.jam-verification-flow article > div {
  min-width: 0;
  padding-left: 4px;
}
.jam-document-safety li {
  grid-template-columns: 55px minmax(0, 1fr);
  column-gap: 12px;
}
.jam-document-safety li > i,
.jam-document-safety li > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 39px !important;
  min-width: 39px !important;
  max-width: 39px !important;
  height: 39px !important;
  min-height: 39px !important;
  max-height: 39px !important;
  margin: 0 auto;
  padding: 11px !important;
  overflow: hidden;
}
.jam-document-safety li > span {
  min-width: 0;
  padding-left: 3px;
  overflow-wrap: anywhere;
}
@media (max-width: 767.98px) {
  .jam-security-tab {
    grid-template-columns: 64px minmax(0, 1fr);
    column-gap: 13px;
  }
  .jam-security-tab > span {
    padding-left: 3px;
  }
  .jam-security-alert {
    grid-template-columns: 62px minmax(0, 1fr);
    column-gap: 13px;
  }
  .jam-security-alert > i,
  .jam-security-alert > .svg-inline--fa {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 14px !important;
  }
  .jam-security-alert > div {
    padding-left: 3px;
  }
  .jam-security-panel-intro {
    grid-template-columns: 62px minmax(0, 1fr);
  }
  .jam-security-panel-intro > span {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  .jam-security-requirements article {
    grid-template-columns: 56px minmax(0, 1fr);
  }
  .jam-verification-flow article {
    grid-template-columns: 60px minmax(0, 1fr);
  }
}
/* ===================================================    JAMSLOTS RESPONSIVE / MOBILE EXPERIENCE    =================================================== */
.jam-mobile-section {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.jam-mobile-section:before {
  position: absolute;
  inset: 0 0 auto;
  height: 520px;
  content: "";
  background: linear-gradient(145deg, #242039 0%, #33234a 52%, #263c57 100%);
}
.jam-mobile-section:after {
  position: absolute;
  right: -90px;
  top: 180px;
  width: 260px;
  height: 260px;
  content: "";
  background: linear-gradient(
    145deg,
    rgba(255, 81, 161, 0.48),
    rgba(116, 89, 238, 0.26)
  );
  border-radius: 45% 55% 38% 62%/55% 40% 60% 45%;
  transform: rotate(20deg);
}
.jam-mobile-section .container {
  position: relative;
  z-index: 1;
}
.jam-mobile-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(380px, 1fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 35px;
  color: #fff;
}
.jam-mobile-heading .bonuses-label {
  display: inline-flex;
  margin-bottom: 11px;
  padding: 8px 14px;
  color: #31253f;
  background: #ffca4e;
  border-radius: 999px;
}
.jam-mobile-heading .head-text {
  margin: 0;
  color: #fff;
}
.jam-mobile-heading .para-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.78;
}
.jam-device-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.75fr);
  gap: 24px;
  align-items: stretch;
  margin-bottom: 22px;
}
.jam-device-art {
  position: relative;
  min-height: 610px;
  overflow: hidden;
  background: linear-gradient(145deg, #ffeff7, #eee8ff 54%, #ddf9ff);
  border: 8px solid rgba(255, 255, 255, 0.92);
  border-radius: 34px;
  box-shadow: 0 26px 65px rgba(35, 27, 52, 0.22);
}
.jam-device-laptop {
  position: absolute;
  left: 5%;
  top: 8%;
  width: 75%;
}
.jam-device-laptop:before {
  position: absolute;
  inset: -11px -11px 0;
  content: "";
  background: #2c263a;
  border-radius: 20px 20px 7px 7px;
}
.jam-device-screen {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 335px;
  background: #fff;
  border-radius: 11px;
}
.jam-device-camera {
  position: absolute;
  left: 50%;
  top: -6px;
  z-index: 3;
  width: 5px;
  height: 5px;
  background: #776e83;
  border-radius: 50%;
}
.jam-device-base {
  position: relative;
  left: -7%;
  z-index: 2;
  width: 114%;
  height: 17px;
  background: linear-gradient(180deg, #ddd8e6, #a9a2b7);
  border-radius: 2px 2px 18px 18px;
  box-shadow: 0 10px 15px rgba(54, 43, 67, 0.2);
}
.jam-mini-nav {
  display: flex;
  gap: 13px;
  align-items: center;
  height: 44px;
  padding: 7px 13px;
  color: #594d64;
  font-size: 7px;
  font-weight: 800;
}
.jam-mini-nav img {
  width: 70px;
  margin-right: auto;
}
.jam-mini-nav b {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  color: #fff;
  background: linear-gradient(145deg, #f34c9a, #8b58ed);
  border-radius: 8px;
}
.jam-mini-banner {
  display: flex;
  align-items: center;
  height: 145px;
  overflow: hidden;
  padding-left: 25px;
  background: linear-gradient(110deg, #fff3f9, #f3eaff);
}
.jam-mini-banner > div {
  position: relative;
  z-index: 1;
  flex: 0 0 43%;
}
.jam-mini-banner small {
  display: block;
  color: #e84694;
  font-size: 6px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.jam-mini-banner strong {
  display: block;
  margin-top: 5px;
  color: #31253d;
  font-size: 15px;
  line-height: 1.08;
}
.jam-mini-banner img {
  width: 62%;
  height: 160px;
  object-fit: cover;
  object-position: center;
}
.jam-mini-games {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 13px;
}
.jam-mini-games img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 7px;
}
.jam-device-tablet {
  position: absolute;
  right: 4%;
  top: 22%;
  z-index: 3;
  width: 35%;
  padding: 8px;
  background: #393143;
  border-radius: 20px;
  box-shadow: 0 22px 36px rgba(47, 35, 62, 0.25);
  transform: rotate(3deg);
}
.jam-tablet-screen {
  overflow: hidden;
  height: 380px;
  background: #fff;
  border-radius: 13px;
}
.jam-tablet-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 39px;
  padding: 8px 11px;
  color: #7550d2;
}
.jam-tablet-top img {
  width: 65px;
}
.jam-tablet-feature {
  position: relative;
  height: 140px;
}
.jam-tablet-feature img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jam-tablet-feature span,
.jam-phone-hero span {
  position: absolute;
  left: 10px;
  bottom: 9px;
  padding: 5px 8px;
  color: #fff;
  background: linear-gradient(135deg, #f24b9a, #8657e8);
  border-radius: 999px;
  font-size: 7px;
  font-weight: 850;
}
.jam-tablet-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 8px;
}
.jam-tablet-grid img {
  width: 100%;
  height: 78px;
  object-fit: cover;
  border-radius: 6px;
}
.jam-device-phone {
  position: absolute;
  left: 9%;
  bottom: 4%;
  z-index: 5;
  width: 25%;
  padding: 8px;
  background: #292334;
  border-radius: 28px;
  box-shadow: 0 24px 45px rgba(43, 31, 57, 0.3);
  transform: rotate(-4deg);
}
.jam-phone-speaker {
  position: absolute;
  left: 38%;
  top: 5px;
  z-index: 3;
  width: 24%;
  height: 4px;
  background: #625a6c;
  border-radius: 99px;
}
.jam-phone-screen {
  overflow: hidden;
  height: 325px;
  background: #fff;
  border-radius: 21px;
}
.jam-phone-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 12px 10px 7px;
  color: #754fd5;
}
.jam-phone-top img {
  width: 60px;
}
.jam-phone-hero {
  position: relative;
  height: 93px;
}
.jam-phone-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jam-phone-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 7px;
}
.jam-phone-grid img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  border-radius: 6px;
}
.jam-phone-nav {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 31px;
  color: #7653cf;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 0 0 18px 18px;
  box-shadow: 0 -4px 10px rgba(57, 42, 71, 0.07);
  font-size: 9px;
}
.jam-device-bubble {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
}
.jam-device-bubble--pink {
  left: 5%;
  top: 50%;
  width: 34px;
  height: 34px;
  background: #ff58a5;
  box-shadow: inset -8px -8px 12px rgba(170, 45, 120, 0.22);
}
.jam-device-bubble--yellow {
  right: 5%;
  top: 8%;
  width: 47px;
  height: 47px;
  background: #ffd257;
  box-shadow: inset -10px -10px 14px rgba(196, 127, 16, 0.18);
}
.jam-device-bubble--cyan {
  right: 42%;
  bottom: 7%;
  width: 26px;
  height: 26px;
  background: #57d8e3;
  box-shadow: inset -6px -6px 10px rgba(28, 139, 157, 0.2);
}
.jam-mobile-guide {
  padding: 31px;
  background: linear-gradient(155deg, #fff, #fff7fc);
  border: 1px solid rgba(128, 87, 255, 0.12);
  border-radius: 30px;
  box-shadow: 0 22px 52px rgba(57, 38, 78, 0.12);
}
.jam-mobile-eyebrow {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 11px;
  color: #e13d8c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.jam-mobile-guide > h3 {
  margin: 0 0 12px;
  color: #372b43;
  font-size: 30px;
  line-height: 1.15;
}
.jam-mobile-lead {
  margin: 0;
  color: #716478;
  line-height: 1.7;
}
.jam-platform-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 23px 0 15px;
}
.jam-platform-tab {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  color: #6c5d75;
  background: #f6f1fb;
  border: 0;
  border-radius: 13px;
  font-size: 11px;
  font-weight: 850;
  text-align: left;
}
.jam-platform-tab > i,
.jam-platform-tab > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 10px !important;
  color: #8659dd;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.jam-platform-tab > span {
  min-width: 0;
  padding-left: 2px;
  overflow-wrap: anywhere;
}
.jam-platform-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, #f34d9b, #8b59ec);
}
.jam-platform-tab.is-active > i,
.jam-platform-tab.is-active > .svg-inline--fa {
  color: #e33f91;
}
.jam-platform-panel {
  padding: 20px;
  background: linear-gradient(145deg, #f0fbff, #f8f3ff);
  border-radius: 18px;
}
.jam-platform-panel[hidden] {
  display: none !important;
}
.jam-platform-panel h4 {
  margin: 0 0 8px;
  color: #3a2e46;
  font-size: 18px;
}
.jam-platform-panel p {
  margin: 0;
  color: #6e6175;
  font-size: 13px;
  line-height: 1.65;
}
.jam-platform-panel ul {
  display: grid;
  gap: 7px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.jam-platform-panel li {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: #51455a;
  font-size: 12px;
  font-weight: 750;
}
.jam-platform-panel li i,
.jam-platform-panel li .svg-inline--fa {
  box-sizing: border-box !important;
  width: 25px !important;
  min-width: 25px !important;
  max-width: 25px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  padding: 7px !important;
  color: #fff;
  background: linear-gradient(145deg, #47ccd6, #7370e8);
  border-radius: 8px;
  overflow: hidden;
}
.jam-mobile-consistency {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.jam-mobile-consistency article {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  min-width: 0;
  padding: 19px;
  background: linear-gradient(145deg, #fff1f8, #fff);
  border: 1px solid rgba(238, 73, 150, 0.1);
  border-radius: 20px;
}
.jam-mobile-consistency article:nth-child(2) {
  background: linear-gradient(145deg, #eafcff, #fff);
}
.jam-mobile-consistency article:nth-child(3) {
  background: linear-gradient(145deg, #f0ecff, #fff);
}
.jam-mobile-consistency article:nth-child(4) {
  background: linear-gradient(145deg, #fff8df, #fff);
}
.jam-mobile-consistency article > i,
.jam-mobile-consistency article > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 auto;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #ef4b99, #8c5aeb);
  border-radius: 15px;
  overflow: hidden;
}
.jam-mobile-consistency article:nth-child(2) > i,
.jam-mobile-consistency article:nth-child(2) > .svg-inline--fa {
  background: linear-gradient(145deg, #3acbd5, #6571e9);
}
.jam-mobile-consistency article:nth-child(3) > i,
.jam-mobile-consistency article:nth-child(3) > .svg-inline--fa {
  background: linear-gradient(145deg, #9b66ec, #ed57a4);
}
.jam-mobile-consistency article:nth-child(4) > i,
.jam-mobile-consistency article:nth-child(4) > .svg-inline--fa {
  background: linear-gradient(145deg, #f3b43f, #ef6387);
}
.jam-mobile-consistency article > div {
  min-width: 0;
  padding-left: 3px;
}
.jam-mobile-consistency h3 {
  margin: 0 0 5px;
  color: #3b3046;
  font-size: 15px;
}
.jam-mobile-consistency p {
  margin: 0;
  color: #76697d;
  font-size: 11px;
  line-height: 1.55;
}
.jam-mobile-copy {
  display: grid;
  grid-template-columns: minmax(210px, 0.68fr) 1fr 1fr;
  gap: 14px;
}
.jam-mobile-copy h3 {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 25px;
  color: #fff;
  background: linear-gradient(145deg, #28213a, #4b315f);
  border-radius: 22px;
  font-size: 22px;
}
.jam-mobile-copy p {
  margin: 0;
  padding: 23px;
  color: #675a6f;
  background: linear-gradient(145deg, #fff, #fff4f9);
  border: 1px solid rgba(128, 87, 255, 0.1);
  border-radius: 22px;
  line-height: 1.7;
}
.jam-mobile-copy p:last-child {
  background: linear-gradient(145deg, #ecfbff, #fff);
}
@media (max-width: 1199.98px) {
  .jam-device-showcase {
    grid-template-columns: 1fr;
  }
  .jam-device-art {
    min-height: 600px;
  }
  .jam-mobile-guide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .jam-mobile-guide > .jam-mobile-eyebrow,
  .jam-mobile-guide > h3,
  .jam-mobile-guide > .jam-mobile-lead {
    grid-column: 1/-1;
  }
  .jam-platform-tabs {
    grid-column: 1;
  }
  .jam-platform-panel {
    grid-column: 2;
    grid-row: 4/6;
  }
  .jam-mobile-consistency {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991.98px) {
  .jam-mobile-heading {
    grid-template-columns: 1fr;
    gap: 17px;
  }
  .jam-mobile-copy {
    grid-template-columns: 1fr 1fr;
  }
  .jam-mobile-copy h3 {
    grid-column: 1/-1;
  }
}
@media (max-width: 767.98px) {
  .jam-mobile-section:before {
    height: 620px;
  }
  .jam-mobile-heading .head-text {
    font-size: 34px;
  }
  .jam-mobile-heading .para-text {
    font-size: 15px;
  }
  .jam-device-art {
    min-height: 510px;
    border-width: 5px;
    border-radius: 25px;
  }
  .jam-device-laptop {
    left: 6%;
    top: 8%;
    width: 88%;
  }
  .jam-device-screen {
    height: 265px;
  }
  .jam-mini-banner {
    height: 110px;
  }
  .jam-mini-games img {
    height: 69px;
  }
  .jam-device-tablet {
    right: 4%;
    top: 35%;
    width: 44%;
  }
  .jam-tablet-screen {
    height: 285px;
  }
  .jam-tablet-feature {
    height: 100px;
  }
  .jam-tablet-grid img {
    height: 55px;
  }
  .jam-device-phone {
    left: 7%;
    bottom: 4%;
    width: 36%;
  }
  .jam-phone-screen {
    height: 270px;
  }
  .jam-phone-grid img {
    height: 54px;
  }
  .jam-mobile-guide {
    display: block;
    padding: 23px;
  }
  .jam-mobile-guide > h3 {
    font-size: 25px;
  }
  .jam-platform-tabs {
    grid-template-columns: 1fr;
    margin-top: 18px;
  }
  .jam-platform-panel {
    margin-top: 14px;
  }
  .jam-mobile-consistency,
  .jam-mobile-copy {
    grid-template-columns: 1fr;
  }
  .jam-mobile-copy h3 {
    grid-column: auto;
  }
  .jam-mobile-consistency article {
    grid-template-columns: 58px minmax(0, 1fr);
  }
}
.jam-mobile-heading .head-text {
  color: #fff !important;
}
.jam-mobile-heading .para-text {
  color: rgba(255, 255, 255, 0.78) !important;
}
.jam-platform-tab {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 6px;
  padding: 8px 7px;
  font-size: 10px;
}
.jam-platform-tab > span {
  min-width: 0;
  padding-left: 1px;
  white-space: nowrap;
  overflow-wrap: normal;
}
/* ===================================================    JAMSLOTS GAME PROVIDERS    =================================================== */
.jam-providers-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #282139 0 620px, #f7f5ff 620px 100%);
}
.jam-providers-section:before,
.jam-providers-section:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}
.jam-providers-section:before {
  top: 68px;
  right: -65px;
  width: 230px;
  height: 230px;
  background: radial-gradient(
    circle at 35% 30%,
    #fff 0 5%,
    #ff69b2 7%,
    #9a63ee 68%,
    transparent 70%
  );
  opacity: 0.48;
}
.jam-providers-section:after {
  top: 315px;
  left: -58px;
  width: 150px;
  height: 150px;
  background: linear-gradient(145deg, #59dce7, #8d69f0);
  opacity: 0.25;
}
.jam-providers-section .container {
  position: relative;
  z-index: 1;
}
.jam-providers-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(430px, 1fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 31px;
}
.jam-providers-heading .jam-section-kicker {
  color: #ff6bb5;
}
.jam-providers-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.45rem, 4.7vw, 4.65rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.jam-providers-heading > div:last-child {
  display: grid;
  gap: 12px;
}
.jam-providers-heading > div:last-child p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.72;
}
.jam-provider-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 20px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 27px;
  backdrop-filter: blur(13px);
}
.jam-provider-tab {
  position: relative;
  display: grid;
  grid-template-rows: 54px auto;
  gap: 7px;
  align-items: center;
  justify-items: center;
  min-width: 0;
  padding: 17px 13px 13px;
  color: #d8cfea;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.jam-provider-tab:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.14);
}
.jam-provider-tab.is-active {
  color: #3a2d46;
  background: linear-gradient(135deg, #fff0f8, #f1edff);
  border-color: #fff;
  box-shadow: 0 14px 30px rgba(19, 12, 31, 0.28);
}
.jam-provider-tab img {
  display: block;
  max-width: 142px;
  max-height: 46px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.jam-provider-tab.is-active img {
  filter: none;
}
.jam-provider-tab[data-provider-tab="hacksaw"] img {
  border-radius: 7px;
}
.jam-provider-tab small {
  display: block;
  min-width: 0;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.jam-wordmark {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  color: #fff;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.04em;
}
.jam-provider-tab.is-active .jam-wordmark {
  color: #31263b;
}
.jam-wordmark--global {
  flex-direction: column;
  font-size: 17px;
}
.jam-wordmark--global b {
  color: #56d9dc;
  font-size: 21px;
}
.jam-wordmark--hacksaw {
  flex-direction: column;
  font-size: 21px;
  letter-spacing: 0.05em;
}
.jam-wordmark--hacksaw em {
  color: #63dce1;
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.26em;
}
.jam-wordmark--ela {
  font-size: 24px;
}
.jam-wordmark--ela span {
  margin-left: 4px;
  color: #f356a0;
}
.jam-wordmark--spribe {
  font-size: 25px;
  letter-spacing: 0.08em;
}
.jam-provider-panel {
  padding: 28px;
  background: linear-gradient(145deg, #fff, #fbf8ff);
  border: 1px solid rgba(116, 80, 164, 0.13);
  border-radius: 30px;
  box-shadow: 0 25px 65px rgba(56, 38, 78, 0.16);
}
.jam-provider-panel[hidden] {
  display: none !important;
}
.jam-provider-copy {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  margin-bottom: 25px;
  padding: 24px;
  background: linear-gradient(125deg, #fff1f8, #eefbff 58%, #f3efff);
  border-radius: 22px;
}
.jam-provider-badge {
  display: grid;
  place-items: center;
  box-sizing: border-box !important;
  width: 64px !important;
  height: 64px !important;
  color: #fff;
  background: linear-gradient(145deg, #f34b99, #8259ed);
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(200, 66, 164, 0.22);
  overflow: hidden;
}
.jam-provider-badge > i,
.jam-provider-badge > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
}
.jam-provider-copy > div:last-child {
  min-width: 0;
  padding-left: 3px;
}
.jam-provider-label {
  margin: 0 0 5px !important;
  color: #dd3f8b !important;
  font-size: 10px !important;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.jam-provider-copy h3 {
  margin: 0 0 9px;
  color: #382b45;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: -0.025em;
}
.jam-provider-copy p {
  margin: 7px 0 0;
  color: #6f6277;
  font-size: 13px;
  line-height: 1.68;
  overflow-wrap: anywhere;
}
.jam-provider-games {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.jam-provider-games article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(110, 77, 151, 0.12);
  border-radius: 18px;
  box-shadow: 0 11px 25px rgba(63, 43, 82, 0.08);
}
.jam-provider-games img {
  display: block;
  width: 100%;
  height: 190px;
  background: #eee9f7;
  object-fit: cover;
  object-position: center;
}
.jam-provider-games h4 {
  min-height: 52px;
  margin: 0;
  padding: 13px 13px 5px;
  color: #392e44;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.jam-provider-games span {
  display: inline-flex;
  margin: 0 13px 13px;
  padding: 6px 9px;
  color: #8154db;
  background: #f1eaff;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.jam-provider-note {
  display: grid;
  grid-template-columns: 63px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  margin-top: 18px;
  padding: 18px 21px;
  color: #65586f;
  background: linear-gradient(135deg, #fff6fa, #effaff);
  border: 1px solid rgba(113, 80, 155, 0.12);
  border-radius: 20px;
}
.jam-provider-note > i,
.jam-provider-note > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 auto;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #52d5df, #7865e9);
  border-radius: 15px;
  overflow: hidden;
}
.jam-provider-note p {
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.jam-provider-note strong {
  color: #382c44;
}
@media (max-width: 1199.98px) {
  .jam-providers-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .jam-provider-games {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .jam-provider-games img {
    height: 230px;
  }
}
@media (max-width: 991.98px) {
  .jam-provider-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-providers-section {
    background: linear-gradient(180deg, #282139 0 610px, #f7f5ff 610px 100%);
  }
  .jam-providers-heading h2 {
    font-size: 36px;
  }
  .jam-providers-heading > div:last-child p {
    font-size: 14px;
  }
  .jam-provider-tabs {
    gap: 8px;
    padding: 9px;
    border-radius: 21px;
  }
  .jam-provider-tab {
    grid-template-rows: 45px auto;
    padding: 13px 8px 10px;
    border-radius: 14px;
  }
  .jam-provider-tab img {
    max-width: 112px;
    max-height: 38px;
  }
  .jam-provider-panel {
    padding: 15px;
    border-radius: 22px;
  }
  .jam-provider-copy {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
  }
  .jam-provider-badge {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px;
  }
  .jam-provider-copy h3 {
    font-size: 21px;
  }
  .jam-provider-games {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  .jam-provider-games img {
    height: 190px;
  }
  .jam-provider-note {
    grid-template-columns: 55px minmax(0, 1fr);
    padding: 16px;
  }
  .jam-provider-note > i,
  .jam-provider-note > .svg-inline--fa {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 12px !important;
  }
}
@media (max-width: 767.98px) {
  .jam-providers-section {
    background: linear-gradient(180deg, #282139 0 840px, #f7f5ff 840px 100%);
  }
}
/* ===================================================    JAMSLOTS CASINO GAME GUIDE    =================================================== */
.jam-guide-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #fff7fb 0%, #f5f1ff 48%, #eefbff 100%);
}
.jam-guide-section:before,
.jam-guide-section:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}
.jam-guide-section:before {
  top: 90px;
  left: -85px;
  width: 210px;
  height: 210px;
  background: linear-gradient(
    145deg,
    rgba(255, 82, 162, 0.3),
    rgba(144, 92, 235, 0.13)
  );
}
.jam-guide-section:after {
  right: -75px;
  bottom: 70px;
  width: 190px;
  height: 190px;
  background: linear-gradient(
    145deg,
    rgba(72, 211, 221, 0.25),
    rgba(125, 102, 233, 0.13)
  );
}
.jam-guide-section .container {
  position: relative;
  z-index: 1;
}
.jam-guide-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(430px, 1fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 30px;
}
.jam-guide-heading h2 {
  margin: 0;
  color: #30243d;
  font-size: clamp(2.7rem, 5vw, 5rem);
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.06em;
}
.jam-guide-heading-copy {
  display: grid;
  gap: 12px;
}
.jam-guide-heading-copy p {
  margin: 0;
  color: #6e6075;
  font-size: 15px;
  line-height: 1.72;
}
.jam-guide-shell {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(108, 72, 150, 0.11);
  border-radius: 32px;
  box-shadow: 0 25px 65px rgba(70, 44, 92, 0.13);
  backdrop-filter: blur(12px);
}
.jam-guide-nav {
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 10px;
  background: linear-gradient(155deg, #2e243d, #49315b);
  border-radius: 23px;
}
.jam-guide-tab {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  color: #d9cfe3;
  background: rgba(255, 255, 255, 0.065);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  text-align: left;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}
.jam-guide-tab:hover {
  transform: translateX(2px);
  background: rgba(255, 255, 255, 0.11);
}
.jam-guide-tab > i,
.jam-guide-tab > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #ef4b9b, #8059eb);
  border-radius: 14px;
  overflow: hidden;
}
.jam-guide-tab > span {
  min-width: 0;
}
.jam-guide-tab strong,
.jam-guide-tab small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.jam-guide-tab strong {
  font-size: 13px;
  line-height: 1.25;
}
.jam-guide-tab small {
  margin-top: 3px;
  color: rgba(235, 226, 242, 0.58);
  font-size: 9px;
  line-height: 1.35;
}
.jam-guide-tab.is-active {
  color: #342740;
  background: linear-gradient(135deg, #fff0f8, #edfaff);
  border-color: #fff;
  box-shadow: 0 10px 24px rgba(18, 10, 28, 0.2);
}
.jam-guide-tab.is-active > i,
.jam-guide-tab.is-active > .svg-inline--fa {
  background: linear-gradient(145deg, #4cd1db, #7168eb);
}
.jam-guide-tab.is-active small {
  color: #76647f;
}
.jam-guide-content {
  min-width: 0;
}
.jam-guide-panel {
  min-height: 590px;
  padding: 31px;
  background: linear-gradient(145deg, #fff, #fffafd);
  border-radius: 23px;
}
.jam-guide-panel[hidden] {
  display: none !important;
}
.jam-guide-panel-title {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  margin-bottom: 20px;
}
.jam-guide-panel-title > span {
  display: grid;
  place-items: center;
  box-sizing: border-box !important;
  width: 62px !important;
  height: 62px !important;
  color: #fff;
  background: linear-gradient(145deg, #54d4de, #7165e9);
  border-radius: 19px;
  box-shadow: 0 11px 24px rgba(82, 111, 213, 0.18);
  overflow: hidden;
}
.jam-guide-panel-title > span i,
.jam-guide-panel-title > span .svg-inline--fa {
  width: 24px !important;
  height: 24px !important;
}
.jam-guide-panel-title > div {
  min-width: 0;
}
.jam-guide-panel-title p {
  margin: 0 0 4px;
  color: #df3e8c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.jam-guide-panel-title h3 {
  margin: 0;
  color: #372a43;
  font-size: 27px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}
.jam-guide-panel > p {
  margin: 0 0 14px;
  color: #6e6175;
  font-size: 14px;
  line-height: 1.76;
}
.jam-guide-concepts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0;
}
.jam-guide-concepts > div {
  padding: 17px;
  background: linear-gradient(145deg, #fff0f7, #f8f4ff);
  border: 1px solid rgba(223, 62, 140, 0.1);
  border-radius: 16px;
}
.jam-guide-concepts strong {
  display: block;
  margin-bottom: 5px;
  color: #8a4ddc;
  font-size: 13px;
}
.jam-guide-concepts p {
  margin: 0;
  color: #75687d;
  font-size: 11px;
  line-height: 1.55;
}
.jam-guide-practical {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  margin-top: 19px;
  padding: 17px 19px;
  color: #61536b;
  background: linear-gradient(135deg, #eafcff, #f3efff);
  border-radius: 17px;
}
.jam-guide-practical > i,
.jam-guide-practical > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 auto;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #45cdd8, #7466e9);
  border-radius: 14px;
  overflow: hidden;
}
.jam-guide-practical p {
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.jam-guide-practical strong {
  color: #392d45;
}
.jam-guide-feature-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 19px 0;
}
.jam-guide-feature-map > div {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 14px;
  background: #fff4f9;
  border-radius: 15px;
}
.jam-guide-feature-map > div > i,
.jam-guide-feature-map > div > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 38px !important;
  height: 38px !important;
  padding: 11px !important;
  color: #fff;
  background: linear-gradient(145deg, #ed4b99, #895be8);
  border-radius: 12px;
}
.jam-guide-feature-map span {
  min-width: 0;
  color: #75677c;
  font-size: 10px;
  line-height: 1.45;
}
.jam-guide-feature-map strong {
  display: block;
  color: #42344e;
  font-size: 12px;
}
.jam-guide-scale {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0;
}
.jam-guide-scale > div {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  padding: 18px;
  background: linear-gradient(145deg, #e9fcff, #f3f0ff);
  border-radius: 16px;
}
.jam-guide-scale > div:nth-child(2) {
  background: linear-gradient(145deg, #fff4dd, #fff8f1);
}
.jam-guide-scale > div:nth-child(3) {
  background: linear-gradient(145deg, #fff0f7, #f8efff);
}
.jam-guide-scale span,
.jam-guide-scale b {
  display: block;
}
.jam-guide-scale span {
  margin-bottom: 8px;
  color: #3a2d46;
  font-size: 13px;
  font-weight: 900;
}
.jam-guide-scale b {
  color: #73657b;
  font-size: 10px;
  line-height: 1.5;
}
.jam-guide-table-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0;
}
.jam-guide-table-cards > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 9px;
  padding: 16px;
  background: linear-gradient(145deg, #fff0f8, #f8f4ff);
  border-radius: 16px;
}
.jam-guide-table-cards i,
.jam-guide-table-cards .svg-inline--fa {
  grid-row: 1/3;
  box-sizing: border-box !important;
  width: 37px !important;
  height: 37px !important;
  padding: 10px !important;
  color: #fff;
  background: linear-gradient(145deg, #f04a99, #835be9);
  border-radius: 11px;
}
.jam-guide-table-cards strong {
  color: #40314c;
  font-size: 12px;
}
.jam-guide-table-cards span {
  color: #796b80;
  font-size: 10px;
  line-height: 1.45;
}
.jam-guide-live-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 22px 0;
}
.jam-guide-live-flow span {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 17px 9px;
  color: #4a3b55;
  background: linear-gradient(145deg, #ecfbff, #f5f1ff);
  border-radius: 15px;
  text-align: center;
}
.jam-guide-live-flow i,
.jam-guide-live-flow .svg-inline--fa {
  box-sizing: border-box !important;
  width: 38px !important;
  height: 38px !important;
  padding: 10px !important;
  color: #fff;
  background: linear-gradient(145deg, #47cfd9, #7564e8);
  border-radius: 12px;
}
.jam-guide-live-flow b {
  font-size: 10px;
}
.jam-guide-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0;
}
.jam-guide-choice-grid > div {
  display: grid;
  grid-template-columns: 47px minmax(0, 1fr);
  gap: 10px;
  padding: 16px;
  background: linear-gradient(145deg, #fff2f8, #f4faff);
  border-radius: 16px;
}
.jam-guide-choice-grid i,
.jam-guide-choice-grid .svg-inline--fa {
  grid-row: 1/3;
  box-sizing: border-box !important;
  width: 40px !important;
  height: 40px !important;
  padding: 11px !important;
  color: #fff;
  background: linear-gradient(145deg, #ec4b98, #7761e7);
  border-radius: 12px;
}
.jam-guide-choice-grid strong {
  color: #41324c;
  font-size: 12px;
}
.jam-guide-choice-grid p {
  margin: 0;
  color: #786a7f;
  font-size: 10px;
  line-height: 1.45;
}
@media (max-width: 1199.98px) {
  .jam-guide-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .jam-guide-shell {
    grid-template-columns: 270px minmax(0, 1fr);
  }
  .jam-guide-panel {
    padding: 25px;
  }
}
@media (max-width: 991.98px) {
  .jam-guide-shell {
    grid-template-columns: 1fr;
  }
  .jam-guide-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .jam-guide-panel {
    min-height: 0;
  }
  .jam-guide-live-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jam-guide-heading h2 {
    font-size: 38px;
  }
  .jam-guide-heading-copy p {
    font-size: 14px;
  }
  .jam-guide-shell {
    padding: 9px;
    border-radius: 24px;
  }
  .jam-guide-nav {
    grid-template-columns: 1fr;
    padding: 8px;
    border-radius: 18px;
  }
  .jam-guide-panel {
    padding: 20px;
    border-radius: 18px;
  }
  .jam-guide-panel-title {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px;
  }
  .jam-guide-panel-title > span {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px;
  }
  .jam-guide-panel-title h3 {
    font-size: 21px;
  }
  .jam-guide-concepts,
  .jam-guide-feature-map,
  .jam-guide-scale,
  .jam-guide-table-cards,
  .jam-guide-choice-grid {
    grid-template-columns: 1fr;
  }
  .jam-guide-practical {
    grid-template-columns: 54px minmax(0, 1fr);
    padding: 15px;
  }
  .jam-guide-live-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ===================================================    JAMSLOTS GETTING STARTED    =================================================== */
.jam-start-section {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.jam-start-section:before {
  position: absolute;
  inset: 0 0 auto;
  height: 540px;
  content: "";
  background: linear-gradient(145deg, #221d34 0%, #3b2850 54%, #28465a 100%);
}
.jam-start-section:after {
  position: absolute;
  right: -90px;
  top: 125px;
  width: 280px;
  height: 280px;
  content: "";
  background: radial-gradient(
    circle at 35% 30%,
    #fff 0 4%,
    #ff5fac 7%,
    #9565ed 70%
  );
  border-radius: 50%;
  opacity: 0.42;
}
.jam-start-section .container {
  position: relative;
  z-index: 1;
}
.jam-start-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(430px, 1fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 30px;
}
.jam-start-heading .jam-section-kicker {
  color: #ff72ba;
}
.jam-start-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.6rem, 4.8vw, 4.8rem);
  font-weight: 900;
  line-height: 0.97;
  letter-spacing: -0.055em;
}
.jam-start-heading > div:last-child {
  display: grid;
  gap: 12px;
}
.jam-start-heading > div:last-child p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.72;
}
.jam-start-route {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 18px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 24px;
  backdrop-filter: blur(12px);
}
.jam-start-route:before {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 45px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #ff55a4, #8b65ef, #4fd5dc);
  opacity: 0.42;
}
.jam-start-stop {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 5px 11px;
  color: #d9cfe2;
  background: transparent;
  border: 0;
  border-radius: 15px;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.3;
  text-align: center;
}
.jam-start-stop > i,
.jam-start-stop > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 14px !important;
  color: #fff;
  background: #50405f;
  border: 3px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
  overflow: hidden;
}
.jam-start-stop > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.jam-start-stop:hover > i,
.jam-start-stop:hover > .svg-inline--fa {
  transform: translateY(-2px);
}
.jam-start-stop.is-active {
  color: #33263f;
  background: linear-gradient(145deg, #fff1f8, #edfaff);
}
.jam-start-stop.is-active > i,
.jam-start-stop.is-active > .svg-inline--fa {
  background: linear-gradient(145deg, #f24c9b, #7e60ea);
  border-color: #fff;
  box-shadow: 0 8px 18px rgba(217, 61, 154, 0.27);
}
.jam-start-stage {
  display: grid;
  grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);
  gap: 16px;
  padding: 16px;
  background: linear-gradient(145deg, #f8f3ff, #ecfbff);
  border: 1px solid rgba(107, 74, 150, 0.12);
  border-radius: 32px;
  box-shadow: 0 26px 70px rgba(47, 32, 64, 0.17);
}
.jam-start-visual {
  position: relative;
  min-height: 625px;
  overflow: hidden;
  background: linear-gradient(145deg, #ffeff7, #e9e6ff 56%, #dffaff);
  border-radius: 24px;
}
.jam-start-visual:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 360px;
  height: 360px;
  content: "";
  border: 1px solid rgba(113, 84, 176, 0.16);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.jam-start-orbit {
  position: absolute;
  border: 1px solid rgba(111, 82, 176, 0.15);
  border-radius: 50%;
}
.jam-start-orbit--one {
  inset: 14% 8%;
  transform: rotate(25deg);
}
.jam-start-orbit--two {
  inset: 23% 0;
  transform: rotate(-27deg);
}
.jam-start-visual-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 250px;
  padding: 29px 25px;
  color: #fff;
  background: linear-gradient(145deg, #322642, #5a3972);
  border: 7px solid rgba(255, 255, 255, 0.85);
  border-radius: 38% 62% 45% 55%/55% 42% 58% 45%;
  box-shadow: 0 24px 50px rgba(58, 37, 76, 0.24);
  text-align: center;
  transform: translate(-50%, -50%) rotate(-2deg);
}
.jam-start-visual-core img {
  display: block;
  max-width: 145px;
  max-height: 58px;
  margin: 0 auto 17px;
  object-fit: contain;
}
.jam-start-visual-core span,
.jam-start-visual-core strong {
  display: block;
}
.jam-start-visual-core span {
  color: #ff91c8;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.jam-start-visual-core strong {
  margin-top: 8px;
  font-size: 25px;
  line-height: 1.12;
}
.jam-start-token {
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  color: #fff;
  border: 5px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  box-shadow: 0 13px 28px rgba(58, 40, 77, 0.2);
  font-weight: 900;
}
.jam-start-token--aud {
  left: 9%;
  top: 13%;
  width: 90px;
  height: 90px;
  background: linear-gradient(145deg, #49cfd9, #6672e9);
  font-size: 21px;
}
.jam-start-token--shield {
  right: 8%;
  top: 19%;
  width: 78px;
  height: 78px;
  background: linear-gradient(145deg, #8d67ed, #ee58a6);
}
.jam-start-token--card {
  right: 13%;
  bottom: 12%;
  width: 91px;
  height: 91px;
  background: linear-gradient(145deg, #f3bc45, #ef5b94);
}
.jam-start-token i,
.jam-start-token .svg-inline--fa {
  width: 28px !important;
  height: 28px !important;
}
.jam-start-panels {
  min-width: 0;
}
.jam-start-panel {
  min-height: 625px;
  padding: 31px;
  background: #fff;
  border-radius: 24px;
}
.jam-start-panel[hidden] {
  display: none !important;
}
.jam-start-eyebrow {
  margin: 0 0 7px !important;
  color: #e23e8d !important;
  font-size: 10px !important;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.jam-start-panel h3 {
  margin: 0 0 16px;
  color: #372a43;
  font-size: 29px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.03em;
}
.jam-start-panel > p {
  margin: 0 0 15px;
  color: #6e6075;
  font-size: 13px;
  line-height: 1.72;
}
.jam-start-checks {
  display: grid;
  gap: 9px;
  margin: 19px 0;
}
.jam-start-checks > div,
.jam-start-withdrawal-list > div {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  background: linear-gradient(145deg, #fff2f8, #f5faff);
  border-radius: 15px;
}
.jam-start-checks i,
.jam-start-checks .svg-inline--fa,
.jam-start-withdrawal-list i,
.jam-start-withdrawal-list .svg-inline--fa {
  box-sizing: border-box !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 auto;
  padding: 12px !important;
  color: #fff;
  background: linear-gradient(145deg, #ef4c99, #7e60e9);
  border-radius: 13px;
  overflow: hidden;
}
.jam-start-checks span,
.jam-start-withdrawal-list span {
  min-width: 0;
  color: #786a7f;
  font-size: 10px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.jam-start-checks strong,
.jam-start-withdrawal-list strong {
  display: block;
  color: #40324c;
  font-size: 12px;
}
.jam-start-note {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-top: 18px;
  padding: 16px;
  color: #61546a;
  background: linear-gradient(135deg, #eafcff, #f3efff);
  border-radius: 16px;
}
.jam-start-note > i,
.jam-start-note > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 auto;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #47cfd9, #7167ea);
  border-radius: 13px;
  overflow: hidden;
}
.jam-start-note p {
  min-width: 0;
  margin: 0;
  font-size: 11px;
  line-height: 1.58;
  overflow-wrap: anywhere;
}
.jam-start-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 21px 0;
}
.jam-start-split > div {
  padding: 22px;
  background: linear-gradient(145deg, #fff1f8, #f8f5ff);
  border-radius: 18px;
}
.jam-start-split i,
.jam-start-split .svg-inline--fa {
  box-sizing: border-box !important;
  width: 45px !important;
  height: 45px !important;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(145deg, #f04b9a, #835de9);
  border-radius: 14px;
}
.jam-start-split h4 {
  margin: 12px 0 6px;
  color: #3e304a;
  font-size: 16px;
}
.jam-start-split p {
  margin: 0;
  color: #776a7e;
  font-size: 11px;
  line-height: 1.55;
}
.jam-start-docs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0;
}
.jam-start-docs span {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-width: 0;
  padding: 18px 11px;
  background: linear-gradient(145deg, #f0fbff, #f7f2ff);
  border-radius: 16px;
  text-align: center;
}
.jam-start-docs i,
.jam-start-docs .svg-inline--fa {
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  padding: 12px !important;
  color: #fff;
  background: linear-gradient(145deg, #48cfd9, #7167e9);
  border-radius: 14px;
}
.jam-start-docs b {
  color: #40324b;
  font-size: 11px;
}
.jam-start-docs small {
  color: #7b6d82;
  font-size: 9px;
  line-height: 1.4;
}
.jam-start-funding-flow {
  display: grid;
  grid-template-columns: 1fr 23px 1fr 23px 1fr;
  gap: 7px;
  align-items: center;
  margin: 21px 0;
}
.jam-start-funding-flow > div {
  min-width: 0;
  padding: 16px;
  background: linear-gradient(145deg, #e9fbff, #f3efff);
  border-radius: 15px;
}
.jam-start-funding-flow span,
.jam-start-funding-flow strong {
  display: block;
}
.jam-start-funding-flow span {
  margin-bottom: 5px;
  color: #df3f8c;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}
.jam-start-funding-flow strong {
  color: #44364f;
  font-size: 11px;
  line-height: 1.4;
}
.jam-start-funding-flow > i,
.jam-start-funding-flow > .svg-inline--fa {
  width: 15px !important;
  color: #8a5ce0;
}
.jam-start-bonus-questions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 20px 0;
}
.jam-start-bonus-questions span {
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  color: #54445e;
  background: linear-gradient(145deg, #fff1f8, #f5f2ff);
  border-radius: 14px;
  font-size: 10px;
  font-weight: 800;
}
.jam-start-bonus-questions i,
.jam-start-bonus-questions .svg-inline--fa {
  box-sizing: border-box !important;
  width: 35px !important;
  height: 35px !important;
  padding: 10px !important;
  color: #fff;
  background: linear-gradient(145deg, #f04b9a, #825ce9);
  border-radius: 11px;
}
.jam-start-game-prefs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 20px 0;
}
.jam-start-game-prefs > div {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr);
  gap: 9px;
  padding: 14px;
  background: linear-gradient(145deg, #fff1f8, #effbff);
  border-radius: 15px;
}
.jam-start-game-prefs i,
.jam-start-game-prefs .svg-inline--fa {
  grid-row: 1/3;
  box-sizing: border-box !important;
  width: 39px !important;
  height: 39px !important;
  padding: 11px !important;
  color: #fff;
  background: linear-gradient(145deg, #ed4a98, #7663e8);
  border-radius: 12px;
}
.jam-start-game-prefs strong {
  color: #41334c;
  font-size: 11px;
}
.jam-start-game-prefs p {
  margin: 0;
  color: #796c80;
  font-size: 9px;
  line-height: 1.45;
}
.jam-start-withdrawal-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 18px 0;
}
.jam-start-withdrawal-list > div {
  padding: 12px;
}
.jam-start-footer {
  display: grid;
  grid-template-columns: 75px minmax(0, 1fr);
  gap: 19px;
  align-items: center;
  margin-top: 18px;
  padding: 22px;
  color: #fff;
  background: linear-gradient(135deg, #2e243d, #49315d);
  border-radius: 22px;
}
.jam-start-footer > i,
.jam-start-footer > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 auto;
  padding: 17px !important;
  color: #fff;
  background: linear-gradient(145deg, #51d3dc, #7664e9);
  border-radius: 18px;
  overflow: hidden;
}
.jam-start-footer > div {
  min-width: 0;
}
.jam-start-footer strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.jam-start-footer p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  line-height: 1.6;
}
@media (max-width: 1199.98px) {
  .jam-start-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .jam-start-route {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .jam-start-route:before {
    display: none;
  }
  .jam-start-stage {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  .jam-start-panel {
    padding: 25px;
  }
}
@media (max-width: 991.98px) {
  .jam-start-stage {
    grid-template-columns: 1fr;
  }
  .jam-start-visual {
    min-height: 390px;
  }
  .jam-start-panel {
    min-height: 0;
  }
  .jam-start-visual-core {
    width: 225px;
  }
  .jam-start-token--aud {
    left: 15%;
  }
  .jam-start-token--shield {
    right: 15%;
  }
  .jam-start-token--card {
    right: 19%;
  }
}
@media (max-width: 767.98px) {
  .jam-start-section:before {
    height: 780px;
  }
  .jam-start-heading h2 {
    font-size: 36px;
  }
  .jam-start-heading > div:last-child p {
    font-size: 14px;
  }
  .jam-start-route {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 9px;
    border-radius: 19px;
  }
  .jam-start-stop {
    grid-template-columns: 44px minmax(0, 1fr);
    justify-items: start;
    text-align: left;
  }
  .jam-start-stop > i,
  .jam-start-stop > .svg-inline--fa {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 11px !important;
  }
  .jam-start-stage {
    padding: 9px;
    border-radius: 24px;
  }
  .jam-start-visual {
    min-height: 340px;
    border-radius: 18px;
  }
  .jam-start-visual-core {
    width: 190px;
    padding: 24px 18px;
  }
  .jam-start-visual-core strong {
    font-size: 20px;
  }
  .jam-start-token--aud {
    left: 4%;
    top: 8%;
    width: 68px;
    height: 68px;
    font-size: 15px;
  }
  .jam-start-token--shield {
    right: 4%;
    top: 14%;
    width: 62px;
    height: 62px;
  }
  .jam-start-token--card {
    right: 7%;
    bottom: 7%;
    width: 68px;
    height: 68px;
  }
  .jam-start-panel {
    padding: 20px;
    border-radius: 18px;
  }
  .jam-start-panel h3 {
    font-size: 23px;
  }
  .jam-start-split,
  .jam-start-docs,
  .jam-start-bonus-questions,
  .jam-start-game-prefs,
  .jam-start-withdrawal-list {
    grid-template-columns: 1fr;
  }
  .jam-start-funding-flow {
    grid-template-columns: 1fr;
  }
  .jam-start-funding-flow > i,
  .jam-start-funding-flow > .svg-inline--fa {
    justify-self: center;
    transform: rotate(90deg);
  }
  .jam-start-footer {
    grid-template-columns: 60px minmax(0, 1fr);
    padding: 18px;
  }
  .jam-start-footer > i,
  .jam-start-footer > .svg-inline--fa {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 14px !important;
  }
}

/* ===================================================
   SITE FOOTER AND LEGAL PAGES
   =================================================== */
.jam-site-footer {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.78);
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(255, 80, 164, 0.2) 0 95px,
      transparent 97px
    ),
    radial-gradient(
      circle at 92% 18%,
      rgba(82, 211, 230, 0.17) 0 120px,
      transparent 122px
    ),
    linear-gradient(145deg, #2d223b 0%, #432d59 52%, #50386c 100%);
}

.jam-site-footer::after {
  position: absolute;
  right: 6%;
  bottom: 70px;
  width: 24px;
  height: 24px;
  content: "";
  background: #ffd25c;
  border-radius: 50%;
  box-shadow:
    -48px 29px 0 9px rgba(255, 91, 174, 0.15),
    44px -35px 0 6px rgba(89, 218, 234, 0.17);
}

.jam-site-footer .container {
  position: relative;
  z-index: 1;
}

.jam-footer-main {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, 0.65fr));
  gap: 42px;
  padding: 68px 0 38px;
}

.jam-footer-brand img {
  display: block;
  width: 205px;
  height: 58px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
}

.jam-footer-brand > p {
  max-width: 390px;
  margin: 18px 0;
  font-size: 14px;
  line-height: 1.72;
}

.jam-footer-audience {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 9px 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 750;
}

.jam-footer-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.jam-footer-links h2 {
  margin: 7px 0 8px;
  color: #fff;
  font-size: 17px;
  font-weight: 850;
}

.jam-footer-links a {
  width: fit-content;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  line-height: 1.45;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.jam-footer-links a:hover {
  color: #8ce9f1;
  transform: translateX(3px);
}

.jam-footer-note {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  padding: 18px 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 20px;
}

.jam-footer-note > i,
.jam-footer-note > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 15px !important;
  color: #fff;
  background: linear-gradient(145deg, #55d5e6, #8659ec);
  border-radius: 17px;
}

.jam-footer-note p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.jam-footer-note strong {
  color: #fff;
}

.jam-footer-bottom {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 26px;
  padding: 22px 0 27px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 12px;
}

.jam-footer-bottom p {
  margin: 0;
}

.jam-footer-bottom a {
  color: #8ce9f1;
  font-weight: 750;
}

.jam-legal-page {
  min-height: 100vh;
  background:
    radial-gradient(
      circle at 4% 12%,
      rgba(255, 82, 164, 0.13) 0 90px,
      transparent 92px
    ),
    radial-gradient(
      circle at 96% 36%,
      rgba(83, 211, 231, 0.15) 0 120px,
      transparent 122px
    ),
    linear-gradient(180deg, #fffafd 0%, #f8f6ff 48%, #f4fbff 100%);
}

.jam-legal-hero {
  padding: 92px 0 52px;
}

.jam-legal-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 48px;
  align-items: center;
  padding: 45px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(128, 87, 232, 0.13);
  border-radius: 34px;
  box-shadow: 0 24px 65px rgba(79, 48, 103, 0.11);
}

.jam-legal-kicker {
  margin: 0 0 10px;
  color: #e53b91;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.jam-legal-hero h1 {
  max-width: 850px;
  margin: 0;
  color: #30243e;
  font-size: clamp(2.7rem, 5vw, 5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.05em;
}

.jam-legal-lead {
  max-width: 850px;
  margin: 20px 0 0;
  color: #675a70;
  font-size: 17px;
  line-height: 1.75;
}

.jam-legal-hero-art {
  display: grid;
  place-items: center;
  width: 210px;
  height: 210px;
  color: #fff;
  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(255, 255, 255, 0.42) 0 13px,
      transparent 15px
    ),
    linear-gradient(145deg, #ff5aaa, #8057ed 60%, #55d4e5);
  border: 10px solid #fff;
  border-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;
  box-shadow: 0 21px 48px rgba(126, 68, 170, 0.22);
  font-size: 64px;
  transform: rotate(4deg);
}

.jam-legal-content {
  padding-bottom: 92px;
}

.jam-legal-shell {
  display: grid;
  grid-template-columns: 265px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.jam-legal-nav {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 7px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(128, 87, 232, 0.12);
  border-radius: 24px;
  box-shadow: 0 15px 38px rgba(78, 46, 99, 0.08);
}

.jam-legal-nav strong {
  margin-bottom: 7px;
  color: #3a2d46;
  font-size: 15px;
}

.jam-legal-nav a {
  padding: 10px 12px;
  color: #6b5e73;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
}

.jam-legal-nav a:hover {
  color: #7145d2;
  background: #f3edff;
}

.jam-legal-article {
  padding: 40px;
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid rgba(128, 87, 232, 0.12);
  border-radius: 30px;
  box-shadow: 0 20px 55px rgba(76, 45, 98, 0.09);
}

.jam-legal-block + .jam-legal-block {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid rgba(128, 87, 232, 0.12);
}

.jam-legal-block h2 {
  margin: 0 0 13px;
  color: #372a44;
  font-size: 28px;
  font-weight: 870;
}

.jam-legal-block h3 {
  margin: 22px 0 9px;
  color: #4a3759;
  font-size: 19px;
  font-weight: 820;
}

.jam-legal-block p,
.jam-legal-block li {
  color: #675a70;
  font-size: 15px;
  line-height: 1.75;
}

.jam-legal-block p {
  margin: 0 0 12px;
}

.jam-legal-block ul {
  display: grid;
  gap: 8px;
  margin: 13px 0 0;
  padding-left: 21px;
}

.jam-legal-callout {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  margin: 22px 0;
  padding: 19px;
  background: linear-gradient(145deg, #fff2f8, #f1f5ff);
  border: 1px solid rgba(230, 63, 146, 0.13);
  border-radius: 19px;
}

.jam-legal-callout > i,
.jam-legal-callout > .svg-inline--fa {
  box-sizing: border-box !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 14px !important;
  color: #fff;
  background: linear-gradient(145deg, #ff55a5, #8057ed);
  border-radius: 16px;
}

.jam-legal-callout p {
  min-width: 0;
  margin: 0;
}

.jam-responsible-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 22px 0;
}

.jam-responsible-links a {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  padding: 20px;
  color: #3a2d46;
  text-decoration: none;
  background: linear-gradient(
    135deg,
    rgba(255, 238, 248, 0.96),
    rgba(238, 246, 255, 0.96)
  );
  border: 1px solid rgba(164, 92, 244, 0.16);
  border-radius: 22px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.jam-responsible-links a:hover {
  color: #3a2d46;
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(96, 57, 139, 0.12);
}

.jam-responsible-links a > i,
.jam-responsible-links a > .svg-inline--fa {
  box-sizing: border-box !important;
  flex: 0 0 48px;
  width: 48px !important;
  height: 48px !important;
  padding: 13px !important;
  color: #fff;
  background: linear-gradient(135deg, #ff4ca5, #835cff);
  border-radius: 16px;
}

.jam-responsible-links span,
.jam-responsible-links strong {
  display: block;
}

.jam-responsible-links span {
  min-width: 0;
  line-height: 1.6;
}

.jam-responsible-links strong {
  margin-bottom: 4px;
  color: #332442;
}

@media (max-width: 991.98px) {
  .jam-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jam-legal-hero-inner {
    grid-template-columns: 1fr;
  }

  .jam-legal-hero-art {
    display: none;
  }

  .jam-legal-shell {
    grid-template-columns: 1fr;
  }

  .jam-legal-nav {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jam-legal-nav strong {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767.98px) {
  .jam-responsible-links {
    grid-template-columns: 1fr;
  }

  .jam-footer-main {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 52px;
  }

  .jam-footer-bottom {
    display: grid;
    gap: 8px;
  }

  .jam-legal-hero {
    padding: 65px 0 35px;
  }

  .jam-legal-hero-inner {
    padding: 27px 22px;
    border-radius: 25px;
  }

  .jam-legal-hero h1 {
    font-size: 41px;
  }

  .jam-legal-lead {
    font-size: 15px;
  }

  .jam-legal-content {
    padding-bottom: 65px;
  }

  .jam-legal-nav {
    grid-template-columns: 1fr;
  }

  .jam-legal-article {
    padding: 25px 21px;
    border-radius: 24px;
  }

  .jam-legal-block h2 {
    font-size: 24px;
  }
}