{
      font-family: 'digital_sans_ef_medium';
      font-display: swap;
      src: url('https://dkzd8du6wd13r.cloudfront.net/Fonts/digital_sans_ef_medium.woff2?v=0') format('woff2'), url('https://dkzd8du6wd13r.cloudfront.net/Fonts/digital_sans_ef_medium.woff?v=0') format('woff');
      font-weight: normal;
      font-style: normal
    }

    @font-face {
      font-family: 'gilroybold';
      font-display: swap;
      src: url('https://dkzd8du6wd13r.cloudfront.net/Fonts/Gilroy-Bold.woff2?v=0') format('woff2'), url('https://dkzd8du6wd13r.cloudfront.net/Fonts/Gilroy-Bold.woff?v=0') format('woff');
      font-weight: normal;
      font-style: normal
    }

    @font-face {
      font-family: 'Open24DisplaySt';
      font-display: swap;
      src: url('https://dkzd8du6wd13r.cloudfront.net/Fonts/Open24DisplaySt.woff2?v=0') format('woff2');
      font-weight: normal;
      font-style: normal
    }

    @font-face {
      font-family: 'Glyphicons Halflings';
      font-display: swap;
      src: url('https://dkzd8du6wd13r.cloudfront.net/Fonts/glyphicons-halflings-regular.woff?v=0') format('woff')
    }

    body {
      font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
      font-size: 14px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
      font-family: inherit
    }

    .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
      font-family: 'gilroybold'
    }

    .home-progressive-jackpot .jackpot-container {
      font-family: 'Open24DisplaySt'
    }

    .glyphicon {
      font-family: 'Glyphicons Halflings'
    }

/* Safety: avoid horizontal overflow & keep media fluid */
    body {
      overflow-x: hidden;
    }
  
    img,
    picture,
    video,
    canvas,
    svg {
      max-width: 100%;
    }
  
    /* ============ Tablet and below (<= 991px) ============ */
    @media (max-width: 991px) {
      .home-inner-container {
        gap: 14px;
        margin-bottom: 26px;
      }
  
      .home-progressive-jackpot .border-container {
        gap: 24px;
      }
  
      .home-progressive-jackpot .jackpot-container {
        font-size: 30px;
        letter-spacing: 3px;
      }
  
      .footer-sitemap-section {
        padding-right: 0;
      }
    }
  
    /* ============ Mobile (<= 767px) ============ */
    @media (max-width: 767px) {
  
      /* Jackpot + Lottery: stack vertically, full width */
      .home-inner-container {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin: 12px 0 26px;
      }
  
      .home-inner-container [data-section="jackpot"],
      .home-inner-container [data-section="lottery"] {
        width: 100%;
      }
  
      .home-inner-container [data-section="lottery"] .lottery-result-container {
        max-width: 420px;
        margin: 0 auto;
      }
  
      /* Progressive jackpot: shrink nested paddings, gaps & fonts so it fits */
      .home-progressive-jackpot {
        padding: 6px;
        border-radius: 18px;
      }
  
      .home-progressive-jackpot .outer-container,
      .home-progressive-jackpot .inner-container {
        padding: 6px;
      }
  
      .home-progressive-jackpot .border-container {
        gap: 12px;
        padding: 6px;
      }
  
      .home-progressive-jackpot .jackpot-play-section {
        margin-left: 8px;
      }
  
      .home-progressive-jackpot .jackpot-play-section img {
        width: 62px;
      }
  
      .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
        font-size: 18px;
      }
  
      .home-progressive-jackpot .jackpot-container {
        font-size: 22px;
        letter-spacing: 1px;
        padding: 6px;
      }
  
      .home-progressive-jackpot .jackpot-inner-container,
      .home-progressive-jackpot .jackpot-border-container {
        padding: 6px;
        line-height: 32px;
      }
  
      .home-progressive-jackpot .jackpot-currency {
        margin-right: 5px;
      }
  
      /* Announcement bar: stack title / marquee / date */
      .announcement-container {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding: 8px 12px;
      }
  
      .announcement-container>[data-section="announcements"] {
        width: 100%;
      }
  
      .announcement-container [data-section="date"] {
        font-size: 11px;
        text-align: left;
      }
  
      /* Banner navigation arrows: closer to edges & smaller */
      .nav-btn {
        width: 34px;
        height: 34px;
        padding: 6px;
      }
  
      .nav-btn.main-prev {
        left: 8px;
      }
  
      .nav-btn.main-next {
        right: 8px;
      }
  
      .nav-btn img {
        width: 16px;
        height: 16px;
      }
  
      /* Topbar: allow wrapping instead of squeezing into 46%/54% */
      .topbar-container .row {
        flex-wrap: wrap;
        row-gap: 6px;
      }
  
      .topbar-left-container,
      .topbar-right-container {
        width: 100%;
      }
  
      /* Footer sitemap: wrap the 5 columns */
      .footer-sitemap-section {
        flex-wrap: wrap;
        row-gap: 14px;
      }
  
      .footer-sitemap-section>div {
        width: 50%;
      }
  
      /* Game carousels: fewer, larger tiles (still horizontally scrollable) */
      .game-list .game-item {
        width: calc((100% - (5px * 3.2 * 2)) / 3.2);
      }
  
      .container-content .game-list .game-item {
        width: calc((100% - (5px * 3.2 * 2)) / 3.2);
      }
  
      .popular-game-title-container .container-content .game-list .game-item {
        width: calc((100% - (5px * 3.2 * 2)) / 3.2);
      }
  
      /* Section title chevrons: less side padding */
      .container-title span,
      .popular-game-title-container .container-title span {
        padding: 5px 26px;
      }
  
      /* Footer sub-sections: stack & prevent right-edge overflow */
      .site-footer .row {
        margin-left: 0;
        margin-right: 0;
      }
  
      .footer-featured-product-section>div {
        width: 100%;
        min-width: 0;
      }
  
      .footer-featured-product-section .site-info-description {
        min-width: 0;
      }
  
      .footer-banking-section .banking-footer-section .bank-service-container {
        grid-template-columns: 1fr;
        margin: 14px;
        gap: 12px;
      }
  
      .footer-banking-section .bank-list-container {
        margin: 14px;
        padding: 16px;
      }
  
      .footer-copyright-section .col-md-12 {
        flex-wrap: wrap;
        gap: 14px;
      }
  
      .footer-copyright-section .col-md-12 .copyright {
        margin-left: 0;
      }
  
      .footer-description-section .site-description h1 {
        font-size: 20px;
        line-height: 1.3;
      }
  
      .footer-description-section .site-description p {
        text-align: left !important;
      }
  
      .footer-description-section h4,
      .footer-description-section .site-description {
        overflow-wrap: break-word;
        word-break: break-word;
      }
    }
  
    /* ============ Small phones (<= 480px) ============ */
    @media (max-width: 480px) {
      .footer-sitemap-section>div {
        width: 100%;
      }
  
      .home-progressive-jackpot .jackpot-container {
        font-size: 18px;
      }
  
      .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
        font-size: 15px;
      }
  
      .home-progressive-jackpot .jackpot-play-section img {
        width: 52px;
      }
  
      /* Game carousels: ~2.4 tiles per row on very small screens */
      .game-list .game-item {
        width: calc((100% - (5px * 2.4 * 2)) / 2.4);
      }
  
      .container-content .game-list .game-item {
        width: calc((100% - (5px * 2.4 * 2)) / 2.4);
      }
  
      .popular-game-title-container .container-content .game-list .game-item {
        width: calc((100% - (5px * 2.4 * 2)) / 2.4);
      }
    }

.entry-popup {
      position: fixed;
      inset: 0;
      z-index: 99999;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      background: rgba(8, 10, 16, .72);
      backdrop-filter: blur(10px);
      opacity: 0;
      pointer-events: none;
      transition: opacity .22s ease;
    }
  
    .entry-popup.is-visible {
      opacity: 1;
      pointer-events: auto;
    }
  
    .entry-popup-panel {
      position: relative;
      width: min(500px, calc(100vw - 32px));
      background: #10131a;
      border: 1px solid rgba(28, 49, 138, .34);
      border-radius: 16px;
      box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
      overflow: hidden;
      transform: translateY(12px) scale(.98);
      transition: transform .22s ease;
    }
  
    .entry-popup.is-visible .entry-popup-panel {
      transform: translateY(0) scale(1);
    }
  
    .entry-popup-close {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 2;
      width: 38px;
      height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 255, 255, .38);
      border-radius: 50%;
      background: rgba(0, 0, 0, .58);
      color: #fff;
      font-size: 26px;
      line-height: 1;
      cursor: pointer;
      transition: background .18s ease, transform .18s ease;
    }
  
    .entry-popup-close:hover,
    .entry-popup-close:focus {
      background: rgba(38, 63, 149, .92);
      color: #15120a;
      outline: none;
      transform: scale(1.04);
    }
  
    .entry-popup-banner {
      width: 500px;
      height: 500px;
      max-width: 100%;
      aspect-ratio: 1 / 1;
      background: #05070c;
    }
  
    .entry-popup-banner img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .entry-popup-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      padding: 14px;
      background: linear-gradient(180deg, #11151f 0%, #080a0f 100%);
    }
  
    .entry-popup-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      border-radius: 10px;
      font-weight: 800;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: .02em;
      transition: transform .18s ease, filter .18s ease;
    }
  
    .entry-popup-btn:hover,
    .entry-popup-btn:focus {
      transform: translateY(-1px);
      filter: brightness(1.08);
      text-decoration: none;
      outline: none;
    }
  
    .entry-popup-btn.register {
      background: linear-gradient(135deg, #80a4e1, #02205f);
      color: #211706;
      box-shadow: 0 8px 20px rgba(38, 63, 149, .26);
    }
  
    .entry-popup-btn.login {
      border: 1px solid rgba(128, 164, 225, .58);
      background: rgba(255, 255, 255, .06);
      color: #80a4e1;
    }
  
    @media (max-width: 560px) {
      .entry-popup {
        padding: 14px;
      }
  
      .entry-popup-panel {
        width: min(500px, calc(100vw - 28px));
        border-radius: 14px;
      }
  
      .entry-popup-banner {
        width: 100%;
        height: auto;
      }
  
      .entry-popup-actions {
        grid-template-columns: 1fr;
        padding: 12px;
      }
    }

/* ===== TXN / RTP / SEO ===== */
.txn-wrap {
              margin: 0 0 18px;
              font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
            }
      
            .txn-title {
              text-align: center;
              font-size: 18px;
              font-weight: 700;
              letter-spacing: .5px;
              margin: 0 0 14px;
              color: #80a4e1;
            }
      
            .txn-section {
              display: grid;
              grid-template-columns: 1fr 1fr;
              gap: 16px;
            }
      
            .txn-panel {
              background: #09132e;
              border: 1px solid #263f95;
              border-radius: 14px;
              overflow: hidden;
              box-shadow: 0 2px 10px rgba(28, 49, 138, .10);
            }
      
            .txn-head {
              display: flex;
              align-items: center;
              gap: 8px;
              padding: 12px 16px;
              font-size: 14px;
              font-weight: 700;
              letter-spacing: .5px;
              color: #fff;
              border-bottom: 1px solid rgba(28, 49, 138, 0.25);
              background: #1c318a;
            }
      
            .txn-ico {
              font-size: 12px;
            }
      
            .txn-deposit .txn-ico {
              color: #1e9e57;
            }
      
            .txn-withdraw .txn-ico {
              color: #80a4e1;
            }
      
            .txn-live {
              margin-left: auto;
              font-size: 10px;
              font-weight: 700;
              color: #1e9e57;
              display: inline-flex;
              align-items: center;
              gap: 5px;
            }
      
            .txn-live::before {
              content: "";
              width: 7px;
              height: 7px;
              border-radius: 50%;
              background: #2ecc71;
              box-shadow: 0 0 6px #2ecc71;
              animation: txnPulse 1.4s infinite;
            }
      
            @keyframes txnPulse {
      
              0%,
              100% {
                opacity: 1
              }
      
              50% {
                opacity: .3
              }
            }
      
            .txn-list {
              list-style: none;
              margin: 0;
              padding: 4px 0;
              overflow: hidden;
            }
      
            .txn-row {
              display: flex;
              align-items: center;
              gap: 10px;
              padding: 8px 16px;
              border-bottom: 1px dashed rgba(28, 49, 138, .18);
              animation: txnIn .5s ease;
            }
      
            .txn-row:last-child {
              border-bottom: none;
            }
      
            @keyframes txnIn {
              from {
                opacity: 0;
                transform: translateY(-10px);
              }
      
              to {
                opacity: 1;
                transform: translateY(0);
              }
            }
      
            .txn-avatar {
              flex: 0 0 30px;
              width: 30px;
              height: 30px;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 12px;
              font-weight: 700;
              color: #fff;
            }
      
            .txn-deposit .txn-avatar {
              background: linear-gradient(135deg, #2ecc71, #1e9e57);
            }
      
            .txn-withdraw .txn-avatar {
              background: linear-gradient(135deg, #ef0101, #720e0d);
              color: #5a4500;
            }
      
            .txn-meta {
              min-width: 0;
              flex: 1;
            }
      
            .txn-id {
              font-size: 13px;
              font-weight: 700;
              color: #2a2a2a;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
      
            .txn-sub {
              font-size: 11px;
              color: #8a8a8a;
            }
      
            .txn-amt {
              font-weight: 800;
              font-size: 14px;
              white-space: nowrap;
            }
      
            .txn-deposit .txn-amt {
              color: #1e9e57;
            }
      
            .txn-withdraw .txn-amt {
              color: #80a4e1;
            }
      
            @media (max-width: 600px) {
              .txn-section {
                grid-template-columns: 1fr;
              }
            }

.rtp-live-section {
      background: #01031a;
      padding: 48px 0 56px;
      color: #fff;
      font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
      border-top: 1px solid #263f95;
    }
  
    .rtp-live-section .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 16px;
    }
  
    .rtp-live-header {
      text-align: center;
      margin-bottom: 30px;
    }
  
    .rtp-live-header h2 {
      margin: 0 0 8px;
      font-size: 30px;
      font-weight: 700;
      letter-spacing: 1px;
      color: #80a4e1;
      color: #80a4e1;
    }
  
    .rtp-live-header p {
      margin: 0 auto;
      max-width: 660px;
      color: #dbdbdb;
      font-size: 14px;
      line-height: 1.5;
    }
  
    .rtp-live-controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 16px;
    }
  
    .rtp-live-clock {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #09132e;
      border: 1px solid #263f95;
      color: #80a4e1;
      padding: 8px 16px;
      border-radius: 999px;
      font-size: 14px;
      letter-spacing: .5px;
    }
  
    .rtp-live-clock::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #2ecc71;
      box-shadow: 0 0 8px #2ecc71;
      animation: rtpPulse 1.4s infinite;
    }
  
    @keyframes rtpPulse {
  
      0%,
      100% {
        opacity: 1
      }
  
      50% {
        opacity: .3
      }
    }
  
    .rtp-refresh-btn {
      cursor: pointer;
      border: none;
      border-radius: 999px;
      background: linear-gradient(to bottom, #014cc9 0%, #02205f 100%);
      color: #2a2210;
      font-weight: 700;
      font-size: 14px;
      padding: 9px 20px;
      transition: transform .15s, box-shadow .15s;
      box-shadow: 0 4px 12px rgba(28, 49, 138, .30);
    }
  
    .rtp-refresh-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 18px rgba(28, 49, 138, .45);
    }
  
    .rtp-refresh-btn:active {
      transform: translateY(0);
    }
  
    .rtp-refresh-btn[disabled] {
      opacity: .6;
      cursor: default;
    }
  
    .rtp-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
      gap: 18px;
    }
  
    .rtp-card {
      background: #09132e;
      border: 1px solid rgba(28, 49, 138, .35);
      border-radius: 14px;
      padding: 0;
      position: relative;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(28, 49, 138, .10);
      transition: transform .18s, border-color .18s, box-shadow .18s;
    }
  
    .rtp-card:hover {
      transform: translateY(-4px);
      border-color: rgba(28, 49, 138, .75);
      box-shadow: 0 10px 26px rgba(28, 49, 138, .28);
    }
  
    .rtp-thumb {
      position: relative;
      width: 100%;
      height: 140px;
      background: #02071c;
      overflow: hidden;
    }
  
    .rtp-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .35s;
    }
  
    .rtp-card:hover .rtp-thumb img {
      transform: scale(1.06);
    }
  
    .rtp-thumb::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, 0) 40%);
      pointer-events: none;
    }
  
    .rtp-card-content {
      padding: 14px 16px 16px;
    }
  
    .rtp-prov {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .4px;
      padding: 4px 10px;
      border-radius: 6px;
      color: #fff;
      text-transform: uppercase;
    }
  
    .rtp-status {
      font-size: 11px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 6px;
      white-space: nowrap;
    }
  
    .rtp-thumb .rtp-prov {
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 1;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    }
  
    .rtp-thumb .rtp-status {
      position: absolute;
      top: 8px;
      right: 8px;
      z-index: 1;
      background: rgba(255, 255, 255, .93);
    }
  
    .rtp-thumb .rtp-status.is-gacor {
      color: #1e9e57;
      border: 1px solid rgba(46, 204, 113, .55);
    }
  
    .rtp-thumb .rtp-status.is-normal {
      color: #014cc9;
      border: 1px solid rgba(28, 49, 138, .6);
    }
  
    .rtp-thumb .rtp-status.is-low {
      color: #d63a2f;
      border: 1px solid rgba(231, 76, 60, .55);
    }
  
    .rtp-game {
      font-size: 17px;
      font-weight: 700;
      color: #2a2a2a;
      margin: 0 0 12px;
      line-height: 1.25;
    }
  
    .rtp-meter-row {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
    }
  
    .rtp-bar {
      flex: 1;
      height: 9px;
      border-radius: 999px;
      background: rgba(0, 0, 0, .08);
      overflow: hidden;
    }
  
    .rtp-bar>span {
      display: block;
      height: 100%;
      border-radius: 999px;
      width: 0;
      transition: width .9s cubic-bezier(.22, 1, .36, 1);
    }
  
    .rtp-pct {
      font-size: 18px;
      font-weight: 700;
      min-width: 56px;
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
  
    .rtp-info {
      border-top: 1px dashed rgba(28, 49, 138, .4);
      padding-top: 12px;
      display: grid;
      gap: 9px;
    }
  
    .rtp-info-item {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 13px;
    }
  
    .rtp-info-item .rtp-label {
      color: #8a8a8a;
      min-width: 78px;
    }
  
    .rtp-info-item .rtp-value {
      color: #333333;
      font-weight: 600;
    }
  
    .rtp-info-item .rtp-value.jam {
      color: #014cc9;
    }
  
    .rtp-disclaimer {
      text-align: center;
      margin-top: 26px;
      font-size: 12px;
      color: #9a9a9a;
    }
  
    /* ===== Member Win Popup ===== */
    .win-popup {
      position: fixed;
      left: 18px;
      bottom: 18px;
      z-index: 1035;
      width: 312px;
      max-width: calc(100vw - 36px);
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 12px 34px 12px 12px;
      background: #09132e;
      border: 1px solid #263f95;
      border-radius: 14px;
      box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
      font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
      transform: translateX(-130%);
      opacity: 0;
      transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s;
    }
  
    .win-popup.is-visible {
      transform: translateX(0);
      opacity: 1;
    }
  
    .win-popup-thumb {
      flex: 0 0 56px;
      width: 56px;
      height: 56px;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(28, 49, 138, .4);
      background: #02071c;
    }
  
    .win-popup-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  
    .win-popup-body {
      min-width: 0;
      flex: 1;
    }
  
    .win-popup-head {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 2px;
    }
  
    .win-popup-badge {
      font-size: 10px;
      font-weight: 700;
      color: #1e9e57;
      background: rgba(46, 204, 113, .14);
      border: 1px solid rgba(46, 204, 113, .4);
      padding: 1px 7px;
      border-radius: 999px;
      white-space: nowrap;
    }
  
    .win-popup-id {
      font-size: 12px;
      font-weight: 700;
      color: #80a4e1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  
    .win-popup-game {
      font-size: 13px;
      font-weight: 700;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  
    .win-popup-prov {
      font-size: 11px;
      color: #8a8a8a;
      margin-bottom: 3px;
    }
  
    .win-popup-amount {
      font-size: 16px;
      font-weight: 800;
      color: #80a4e1;
      letter-spacing: .3px;
    }
  
    .win-popup.is-visible .win-popup-amount {
      animation: winPop .6s ease;
    }
  
    @keyframes winPop {
      0% {
        transform: scale(.7);
        opacity: 0
      }
  
      60% {
        transform: scale(1.08)
      }
  
      100% {
        transform: scale(1);
        opacity: 1
      }
    }
  
    .win-popup-close {
      position: absolute;
      top: 6px;
      right: 8px;
      border: none;
      background: transparent;
      color: #b9b297;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
      padding: 2px;
    }
  
    .win-popup-close:hover {
      color: #7d7868;
    }
  
    @media (max-width: 480px) {
      .rtp-live-header h2 {
        font-size: 23px;
      }
  
      .rtp-grid {
        grid-template-columns: 1fr;
      }
  
      .win-popup {
        width: 270px;
        left: 10px;
        bottom: 10px;
      }
    }

.sg-wrap {
      background: #000418;
      color: #dbdbdb;
      padding: 52px 16px;
      border-top: 1px solid #263f95;
      font-family: 'digital_sans_ef_medium', Arial, Helvetica, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
  
    .sg-container {
      max-width: 880px;
      margin: 0 auto;
    }
  
    .sg-eyebrow {
      display: inline-block;
      font-size: .72rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      font-weight: 700;
      color: #80a4e1;
      background: #09132e;
      border: 1px solid #263f95;
      padding: .35rem .8rem;
      border-radius: 999px;
      margin-bottom: 1rem;
    }
  
    .sg-wrap h2 {
      font-size: 1.55rem;
      color: #fff;
      margin: 2.4rem 0 .8rem;
      padding-left: .7rem;
      border-left: 4px solid #c10303;
      line-height: 1.3;
    }
  
    .sg-wrap h3 {
      font-size: 1.12rem;
      color: #fff;
      margin: 1.5rem 0 .5rem;
    }
  
    .sg-wrap p,
    .sg-wrap li {
      font-size: 1rem;
      line-height: 1.75;
      color: #dbdbdb;
    }
  
    .sg-wrap p {
      margin: 0 0 .95rem;
    }
  
    .sg-intro {
      font-size: 1.06rem;
      color: #fff;
    }
  
    .sg-wrap a {
      color: #80a4e1;
    }
  
    .sg-wrap ul,
    .sg-wrap ol {
      margin: 0 0 1.05rem;
      padding-left: 1.3rem;
    }
  
    .sg-wrap li {
      margin-bottom: .5rem;
    }
  
    .sg-table {
      width: 100%;
      border-collapse: collapse;
      margin: .6rem 0 1.6rem;
      font-size: .96rem;
    }
  
    .sg-table th,
    .sg-table td {
      text-align: left;
      padding: .7rem .85rem;
      border: 1px solid #263f95;
      vertical-align: top;
      color: #dbdbdb;
    }
  
    .sg-table th {
      background: #09132e;
      color: #fff;
      width: 40%;
      font-weight: 700;
    }
  
    .sg-faq details {
      background: #09132e;
      border: 1px solid #263f95;
      border-radius: 10px;
      margin-bottom: .6rem;
      padding: 0 1rem;
      box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
    }
  
    .sg-faq summary {
      cursor: pointer;
      font-weight: 700;
      color: #fff;
      padding: .95rem 1.6rem .95rem 0;
      list-style: none;
      position: relative;
    }
  
    .sg-faq summary::-webkit-details-marker {
      display: none;
    }
  
    .sg-faq summary::after {
      content: "+";
      position: absolute;
      right: 0;
      top: .85rem;
      color: #80a4e1;
      font-weight: 700;
      font-size: 1.2rem;
    }
  
    .sg-faq details[open] summary {
      color: #80a4e1;
    }
  
    .sg-faq details[open] summary::after {
      content: "\2212";
    }
  
    .sg-faq details p {
      padding: 0 0 1rem;
      margin: 0;
    }
  
    .sg-cta {
      background: #09132e;
      border: 1px solid #263f95;
      border-radius: 14px;
      padding: 1.6rem 1.3rem;
      text-align: center;
      margin: 2.4rem 0 1rem;
    }
  
    .sg-cta h2 {
      border: 0;
      padding: 0;
      margin: 0 0 .6rem;
    }
  
    .sg-cta-row {
      display: flex;
      gap: .6rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: .9rem;
    }
  
    .sg-btn {
      background: linear-gradient(to bottom, #014cc9 0%, #02205f 100%);
      color: #fff;
      font-weight: 700;
      padding: .75rem 1.5rem;
      border-radius: 999px;
      text-decoration: none;
    }
  
    .sg-btn-outline {
      border: 1px solid #80a4e1;
      color: #80a4e1;
      padding: .75rem 1.5rem;
      border-radius: 999px;
      text-decoration: none;
      background: #1c318a;
    }
  
    .sg-links {
      border-top: 1px dashed #263f95;
      margin-top: 1.6rem;
      padding-top: 1.1rem;
    }
  
    .sg-links h3 {
      margin-top: 0;
    }
  
    .sg-links ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: .5rem 1.1rem;
    }
  
    .sg-links li {
      margin: 0;
    }
  
    .sg-links a {
      text-decoration: underline;
    }
  
    .sg-disc {
      font-size: .85rem;
      color: #858585;
      margin-top: 1.4rem;
      border-top: 1px solid #263f95;
      padding-top: 1rem;
    }
  
    @media (max-width:600px) {
      .sg-wrap {
        padding: 38px 14px;
      }
  
      .sg-wrap h2 {
        font-size: 1.32rem;
      }
  
      .sg-intro {
        font-size: 1.02rem;
      }
  
      .sg-table th {
        width: 44%;
      }
    }