/* ==================================================
              SUN BINGO HEADER AND HERO STYLES START
================================================== */

:root {

  --casino-blue-950: #050e38;

  --casino-blue-900: #071a59;

  --casino-blue-700: #1139a2;

  --casino-cyan: #13e6ff;

  --casino-lime: #c7ff17;

  --casino-coral: #ff416c;

  --casino-white: #ffffff;

  --casino-container: 1540px;

}

*,
*::before,
*::after {

  box-sizing: border-box;

}

html {

  width: 100%;

  overflow-x: hidden;

  scroll-behavior: smooth;

}

body {

  width: 100%;

  margin: 0;

  overflow-x: clip;

  color: var(--casino-white);

  background: var(--casino-blue-950);

  font-family: Inter, Arial, sans-serif;

}

img {

  display: block;

  max-width: 100%;

}

.container {

  width: min(calc(100% - 48px), var(--casino-container));

  max-width: none;

  margin-inline: auto;

  padding-inline: 0;

}

.row {

  margin-right: 0;

  margin-left: 0;

}

.row > [class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}

.site-header {

  position: fixed;

  z-index: 1000;

  inset: 0 0 auto;

  width: 100%;

  border-bottom: 1px solid rgba(255, 255, 255, 0.14);

  background: rgba(5, 14, 56, 0.82);

  -webkit-backdrop-filter: blur(18px);

  backdrop-filter: blur(18px);

}

.site-header .site-navigation,
.site-header .navbar {

  min-height: 88px;

}

.site-header .navbar {

  display: grid;

  width: 100%;

  grid-template-columns: 190px minmax(0, 1fr);

  gap: 16px;

  align-items: center;

}

.site-header .logo {

  width: 195px;

  height: 70px;

  overflow: hidden;

}

.site-header .logo img {

  width: 190px;

  max-width: none;

  height: 95px;

  object-fit: contain;

  transform: translateY(-13px);

}

.site-header .navbar-collapse {

  display: block;

  min-width: 0;

}

.site-header .navbar-nav {

  display: flex;

  width: 100%;

  margin: 0;

  padding: 0;

  gap: 2px;

  align-items: center;

  justify-content: flex-end;

  list-style: none;

}

.site-header .navbar-nav li:last-child {

  margin-left: 8px;

}

.site-header .nav-link {

  display: block;

  padding: 12px 7px;

  border-radius: 10px;

  color: rgba(255, 255, 255, 0.92) !important;

  font-size: 12px;

  font-weight: 750;

  white-space: nowrap;

  text-decoration: none;

}

.site-header .nav-link:hover {

  color: var(--casino-white) !important;

  background: rgba(255, 255, 255, 0.08);

}

.site-header .nav-link:focus,
.site-header .nav-link:active {

  color: #13e6ff !important;

  background: rgba(19, 230, 255, .09);

}

.site-header .btn-primary,
.site-hero__cta {

  display: inline-flex;

  min-height: 50px;

  padding: 0 25px;

  align-items: center;

  justify-content: center;

  border: 0;

  border-radius: 14px;

  color: var(--casino-blue-950);

  background: var(--casino-lime);

  box-shadow: 0 12px 30px rgba(199, 255, 23, 0.2);

  font-weight: 850;

  line-height: 1;

  text-decoration: none;

}

.navbar-toggler {

  display: none;

}

.site-hero {

  position: relative;

  display: flex;

  width: 100%;

  min-height: 100vh;

  min-height: 100svh;

  overflow: hidden;

  align-items: center;

  background: var(--casino-blue-950);

  isolation: isolate;

}

.site-hero__background {

  position: absolute;

  z-index: -2;

  inset: 0;

}

.site-hero__background img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.site-hero__background span {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(90deg, rgba(5, 14, 56, 0.98) 0%, rgba(5, 14, 56, 0.88) 31%, rgba(5, 14, 56, 0.22) 56%, rgba(5, 14, 56, 0.02) 75%),
    linear-gradient(0deg, rgba(5, 14, 56, 0.38), transparent 34%);

}

.site-hero .slider-content {

  position: relative;

  z-index: 2;

  width: 100%;

  padding: 150px 0 74px;

}

.site-hero .slide-sub-title {

  max-width: 690px;

  margin: 0;

  color: #fffaf2;

  font-size: clamp(64px, 7.2vw, 118px);

  font-weight: 950;

  letter-spacing: -0.07em;

  line-height: 0.88;

}

.site-hero .slide-sub-title::after {

  display: block;

  width: 96px;

  height: 7px;

  margin-top: 25px;

  border-radius: 999px;

  background: linear-gradient(90deg, var(--casino-cyan), var(--casino-coral));

  content: "";

}

.site-hero .hero-description p {

  max-width: 650px;

  margin: 26px 0 0;

  color: #dbe9ff;

  font-size: clamp(17px, 1.25vw, 20px);

  line-height: 1.72;

}

.site-hero__cta {

  margin-top: 30px;

}

.site-hero__note {

  max-width: 560px;

  margin: 22px 0 0;

  color: rgba(255, 255, 255, 0.68);

  font-size: 13px;

  line-height: 1.55;

}

@media (max-width: 1120px) {

  .site-header .navbar {

    grid-template-columns: 180px minmax(0, 1fr);

    gap: 15px;

}

  .site-header .logo,
  .site-header .logo img {

    width: 170px;

}

  .site-header .nav-link {

    padding-inline: 7px;

    font-size: 12px;

}

  .site-header .btn-primary {

    padding-inline: 18px;

}

}

@media (max-width: 900px) {

  .site-header .navbar {

    display: flex;

    justify-content: space-between;

}

  .site-header .navbar-toggler {

    display: block;

    width: 46px;

    height: 46px;

    margin-left: auto;

    border: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 12px;

    background: rgba(255, 255, 255, 0.08);

}

  .site-header .navbar-collapse:not(.show) {

    display: none;

}

  .site-header .navbar-collapse {

    position: absolute;

    top: 88px;

    right: 24px;

    left: 24px;

    padding: 15px;

    border: 1px solid rgba(255, 255, 255, 0.15);

    border-radius: 0 0 18px 18px;

    background: rgba(5, 14, 56, 0.98);

}

  .site-header .navbar-nav {

    display: grid;

    grid-template-columns: 1fr 1fr;

}

  .site-header .navbar-nav li:last-child {

    margin-left: 0;

    grid-column: 1 / -1;

}

  .site-header .btn-primary {

    width: 100%;

    margin-top: 8px;

}

  .site-hero__background img {

    object-position: 59% center;

}

}

@media (max-width: 620px) {

  .container {

    width: min(calc(100% - 28px), var(--casino-container));

}

  .site-header .site-navigation,
  .site-header .navbar {

    min-height: 72px;

}

  .site-header .logo {

    width: 152px;

    height: 60px;

}

  .site-header .logo img {

    width: 152px;

    height: 76px;

    transform: translateY(-8px);

}

  .site-header .navbar-collapse {

    top: 72px;

    right: 14px;

    left: 14px;

}

  .site-hero {

    min-height: 100svh;

    align-items: flex-end;

}

  .site-hero__background img {

    height: 58%;

    object-position: 68% top;

}

  .site-hero__background span {

    background: linear-gradient(180deg, rgba(5, 14, 56, 0.08), rgba(5, 14, 56, 0.88) 48%, var(--casino-blue-950) 70%);

}

  .site-hero .slider-content {

    padding: 330px 0 48px;

}

  .site-hero .slide-sub-title {

    font-size: clamp(54px, 17vw, 78px);

}

  .site-hero .hero-description p {

    font-size: 16px;

    line-height: 1.62;

}

}

/* ==================================================
               SUN BINGO HEADER AND HERO STYLES END
================================================== */

/* ==================================================
                SUN BINGO CASINO OVERVIEW START
================================================== */

.casino-overview {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #111a3d;

  background:
    radial-gradient(circle at 8% 22%, rgba(19, 230, 255, 0.14), transparent 26%),
    radial-gradient(circle at 94% 70%, rgba(255, 65, 108, 0.12), transparent 25%),
    #f7f8ff;

}

.casino-overview::before {

  position: absolute;

  top: 0;

  right: 7%;

  width: 220px;

  height: 12px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(90deg, var(--casino-cyan), var(--casino-coral));

  content: "";

}

.casino-overview__header {

  display: grid;

  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.65fr);

  gap: 80px;

  align-items: end;

}

.casino-overview__eyebrow,
.casino-overview__label {

  color: #2453ca;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: 0.12em;

  text-transform: uppercase;

}

.casino-overview__header h2 {

  max-width: 820px;

  margin: 16px 0 0;

  color: #08154b;

  font-size: clamp(48px, 5vw, 78px);

  font-weight: 950;

  letter-spacing: -0.06em;

  line-height: 0.96;

}

.casino-overview__header > p {

  margin: 0;

  color: #53607d;

  font-size: 18px;

  line-height: 1.75;

}

.casino-overview__feature {

  display: grid;

  margin-top: 72px;

  grid-template-columns: minmax(420px, 0.95fr) minmax(0, 1.05fr);

  align-items: center;

  overflow: hidden;

  border: 1px solid rgba(8, 21, 75, 0.08);

  border-radius: 32px;

  background: #fff;

  box-shadow: 0 30px 80px rgba(20, 39, 96, 0.11);

}

.casino-overview__visual {

  min-height: 0;

  margin: 0;

  overflow: hidden;

  aspect-ratio: 4 / 3;

  background: #071244;

}

.casino-overview__visual img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.casino-overview__feature-copy {

  padding: clamp(42px, 5vw, 78px);

  align-self: center;

}

.casino-overview__feature-copy h3 {

  max-width: 620px;

  margin: 15px 0 24px;

  color: #08154b;

  font-size: clamp(36px, 3.4vw, 56px);

  font-weight: 920;

  letter-spacing: -0.045em;

  line-height: 1.03;

}

.casino-overview__feature-copy p {

  margin: 0 0 19px;

  color: #59647e;

  font-size: 16px;

  line-height: 1.75;

}

.casino-overview__feature-copy .casino-overview__lead {

  color: #263353;

  font-size: 18px;

}

.casino-overview__highlights {

  display: grid;

  margin: 0;

  padding: 24px;

  grid-column: 1 / -1;

  grid-template-columns: repeat(3, 1fr);

  gap: 14px;

  border-top: 1px solid rgba(8, 21, 75, 0.08);

  background: #f7f8ff;

  list-style: none;

}

.casino-overview__highlights li {

  display: flex;

  min-height: 76px;

  padding: 14px 16px;

  border-radius: 13px;

  gap: 13px;

  align-items: center;

  background: #f1f4ff;

}

.casino-overview__highlight-icon {

  display: inline-grid;

  width: 36px;

  height: 36px;

  flex: 0 0 36px;

  border-radius: 11px;

  place-items: center;

  color: #fff;

  background: linear-gradient(135deg, #2453ca, #13bedd);

}

.casino-overview__highlight-icon svg {

  width: 19px;

  height: 19px;

  fill: currentColor;

}

.casino-overview__highlights strong {

  color: #18254b;

  font-size: 14px;

}

.casino-overview__areas {

  display: grid;

  margin-top: 24px;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;

}

.casino-overview__area {

  position: relative;

  overflow: hidden;

  padding: 38px;

  border-radius: 26px;

  color: #fff;

  background: #08154b;

}

.casino-overview__area::after {

  position: absolute;

  right: -70px;

  bottom: -90px;

  width: 210px;

  height: 210px;

  border: 45px solid rgba(255,255,255,.06);

  border-radius: 50%;

  content: "";

}

.casino-overview__area--casino {
 background: linear-gradient(145deg, #08154b, #183fc2);

}

.casino-overview__area--live {
 background: linear-gradient(145deg, #35105d, #b02690);

}

.casino-overview__area--sports {
 background: linear-gradient(145deg, #063f5a, #087c91);

}

.casino-overview__area-icon {

  display: inline-grid;

  width: 58px;

  height: 58px;

  border: 1px solid rgba(255,255,255,.22);

  border-radius: 18px;

  place-items: center;

  color: var(--casino-lime);

  background: rgba(255,255,255,.1);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);

}

.casino-overview__area-icon svg {

  width: 28px;

  height: 28px;

  fill: currentColor;

}

.casino-overview__area-label {

  margin: 20px 0 6px;

  color: var(--casino-lime);

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;

}

.casino-overview__area h3 {

  margin: 0 0 18px;

  font-size: 28px;

  letter-spacing: -.03em;

  line-height: 1.12;

}

.casino-overview__area > p:not(.casino-overview__area-label) {

  margin: 0;

  color: rgba(255,255,255,.78);

  line-height: 1.7;

}

.casino-overview__area ul {

  display: grid;

  margin: 25px 0 0;

  padding: 0;

  gap: 9px;

  list-style: none;

}

.casino-overview__area li {

  position: relative;

  padding-left: 18px;

  color: rgba(255,255,255,.9);

  font-size: 14px;

}

.casino-overview__area li::before {

  position: absolute;

  top: .52em;

  left: 0;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: var(--casino-lime);

  content: "";

}

.casino-overview__extras {

  display: grid;

  margin-top: 24px;

  padding: 48px;

  grid-template-columns: .72fr 1.28fr;

  gap: 60px;

  align-items: center;

  border: 1px solid rgba(8,21,75,.09);

  border-radius: 26px;

  background: #fff;

}

.casino-overview__extras header > span,
.casino-overview__responsive-copy > span {

  color: #2453ca;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;

}

.casino-overview__extras h3,
.casino-overview__responsive h3 {

  margin: 11px 0 14px;

  color: #08154b;

  font-size: 34px;

  letter-spacing: -.04em;

  line-height: 1.08;

}

.casino-overview__extras header p,
.casino-overview__responsive-copy > p {

  margin: 0;

  color: #5b6680;

  line-height: 1.7;

}

.casino-overview__extras-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 12px;

}

.casino-overview__extras-grid article {

  padding: 20px;

  border-radius: 16px;

  background: #f1f4ff;

}

.casino-overview__extras-grid strong,
.casino-overview__extras-grid span {

  display: block;

}

.casino-overview__extras-grid strong {

  color: #142352;

  font-size: 16px;

}

.casino-overview__extras-grid span {

  margin-top: 6px;

  color: #68738d;

  font-size: 13px;

  line-height: 1.55;

}

.casino-overview__responsive {

  display: grid;

  margin-top: 24px;

  padding: 60px;

  grid-template-columns: .9fr 1.1fr;

  gap: 75px;

  align-items: center;

  overflow: hidden;

  border-radius: 28px;

  background: linear-gradient(125deg, #e9edff, #fff 52%, #e5fbff);

}

.casino-overview__devices {

  position: relative;

  min-height: 260px;

}

.casino-overview__device {

  position: absolute;

  display: block;

  overflow: hidden;

  border: 9px solid #08154b;

  border-radius: 15px;

  background: #071244;

  box-shadow: 0 24px 45px rgba(8,21,75,.2);

}

.casino-overview__device--desktop {
 inset: 5px 12% 30px 0;

}

.casino-overview__device--tablet {
 right: 4%;
 bottom: 6px;
 width: 34%;
 height: 70%;

}

.casino-overview__device--phone {
 right: 0;
 bottom: 0;
 width: 18%;
 height: 53%;
 border-width: 6px;
 border-radius: 18px;

}

.casino-device-ui {

  width: 100%;

  height: 100%;

  overflow: hidden;

  color: #fff;

  background: linear-gradient(150deg, #071244, #102f93);

}

.casino-device-ui__topbar {

  display: flex;

  height: 22%;

  padding: 7px 10px;

  gap: 10px;

  align-items: center;

  background: rgba(4, 12, 48, 0.82);

}

.casino-device-ui__topbar strong {

  margin-right: auto;

  color: var(--casino-lime);

  font-size: clamp(7px, .65vw, 11px);

  font-style: italic;

  letter-spacing: .05em;

}

.casino-device-ui__topbar span {

  color: rgba(255,255,255,.72);

  font-size: clamp(5px, .48vw, 8px);

  font-weight: 750;

}

.casino-device-ui__games {

  display: grid;

  height: 78%;

  padding: 9px;

  grid-template-columns: repeat(3, 1fr);

  grid-template-rows: repeat(2, 1fr);

  gap: 7px;

}

.casino-device-ui__games img {

  width: 100%;

  height: 100%;

  min-height: 0;

  border-radius: 5px;

  object-fit: cover;

  background: rgba(255,255,255,.08);

}

.casino-device-ui--live {

  position: relative;

  background: #071244;

}

.casino-device-ui--live .casino-device-ui__topbar {

  height: 22%;

}

.casino-device-ui--live > img {

  width: 100%;

  height: 58%;

  object-fit: cover;

}

.casino-device-ui__live-bar {

  display: flex;

  height: 20%;

  padding: 5px 7px;

  align-items: center;

  justify-content: space-between;

  background: #0b1b58;

}

.casino-device-ui__live-bar span,
.casino-device-ui__live-bar b {

  font-size: clamp(5px, .46vw, 8px);

}

.casino-device-ui__live-bar b {

  padding: 4px 6px;

  border-radius: 5px;

  color: #071244;

  background: var(--casino-lime);

}

.casino-device-ui--sports {

  padding-bottom: 5px;

}

.casino-device-ui--sports .casino-device-ui__topbar {

  height: 24%;

  padding-inline: 6px;

}

.casino-device-ui--sports .casino-device-ui__topbar i {

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--casino-coral);

}

.casino-device-ui__event {

  display: grid;

  margin: 4px;

  padding: 5px;

  grid-template-columns: 1fr auto;

  border: 1px solid rgba(255,255,255,.13);

  border-radius: 5px;

  background: rgba(255,255,255,.08);

}

.casino-device-ui__event b,
.casino-device-ui__event span,
.casino-device-ui__event small {

  font-size: clamp(4px, .37vw, 6px);

}

.casino-device-ui__event span {

  color: var(--casino-lime);

  font-weight: 800;

}

.casino-device-ui__event small {

  margin-top: 2px;

  grid-column: 1 / -1;

  color: rgba(255,255,255,.55);

}

.casino-overview__responsive-points {

  display: flex;

  margin-top: 25px;

  gap: 8px;

  flex-wrap: wrap;

}

.casino-overview__responsive-points strong {

  padding: 10px 13px;

  border: 1px solid rgba(36,83,202,.16);

  border-radius: 999px;

  color: #1b347c;

  background: rgba(255,255,255,.72);

  font-size: 12px;

}

@media (max-width: 1050px) {

  .casino-overview__header,
  .casino-overview__feature,
  .casino-overview__extras,
  .casino-overview__responsive {

    grid-template-columns: 1fr;

}

  .casino-overview__header {
 gap: 25px;

}

  .casino-overview__feature {
 margin-top: 50px;

}

  .casino-overview__visual {
 min-height: 0;

}

  .casino-overview__areas {
 grid-template-columns: 1fr;

}

  .casino-overview__extras,
  .casino-overview__responsive {
 gap: 35px;

}

  .casino-overview__highlights {
 grid-template-columns: 1fr;

}

}

@media (max-width: 620px) {

  .casino-overview {
 padding: 76px 0;

}

  .casino-overview__header h2 {
 font-size: 46px;

}

  .casino-overview__header > p {
 font-size: 16px;

}

  .casino-overview__visual {
 min-height: 0;

}

  .casino-overview__feature-copy,
  .casino-overview__area,
  .casino-overview__extras,
  .casino-overview__responsive {
 padding: 28px;

}

  .casino-overview__feature-copy h3 {
 font-size: 38px;

}

  .casino-overview__extras-grid {
 grid-template-columns: 1fr;

}

  .casino-overview__highlights {
 padding: 16px;

}

  .casino-overview__devices {
 min-height: 210px;

}

}

/* ==================================================
                 SUN BINGO CASINO OVERVIEW END
================================================== */

/* ==================================================
                     POPULAR SLOTS START
================================================== */

.casino-slots {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #fff;

  background:
    radial-gradient(circle at 12% 4%, rgba(19, 230, 255, 0.14), transparent 25%),
    radial-gradient(circle at 90% 92%, rgba(255, 65, 108, 0.15), transparent 28%),
    #050e38;

}

.casino-slots::before {

  position: absolute;

  top: 0;

  left: 8%;

  width: 190px;

  height: 10px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(90deg, var(--casino-cyan), var(--casino-coral));

  content: "";

}

.casino-slots__header {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(360px, .55fr);

  gap: 70px;

  align-items: end;

}

.casino-slots__eyebrow {

  color: var(--casino-cyan);

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .13em;

  text-transform: uppercase;

}

.casino-slots__header h2 {

  max-width: 800px;

  margin: 15px 0 0;

  color: #fff;

  font-size: clamp(48px, 5vw, 76px);

  font-weight: 950;

  letter-spacing: -.06em;

  line-height: .98;

}

.casino-slots__header > p {

  margin: 0;

  color: #bfcbed;

  font-size: 17px;

  line-height: 1.75;

}

.casino-slots__grid {

  display: grid;

  margin-top: 60px;

  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 18px;

}

.casino-slot-card {

  display: flex;

  min-width: 0;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.13);

  border-radius: 19px;

  flex-direction: column;

  background: rgba(255,255,255,.075);

  box-shadow: 0 20px 45px rgba(0,0,0,.16);

}

.casino-slot-card__image {

  position: relative;

  display: block;

  overflow: hidden;

  aspect-ratio: 2 / 3;

  background: #101b4e;

}

.casino-slot-card__image img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.casino-slots__note {

  display: flex;

  margin-top: 25px;

  padding: 20px 22px;

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 16px;

  gap: 14px;

  align-items: center;

  background: rgba(255,255,255,.06);

}

.casino-slots__note > span {

  display: inline-grid;

  width: 34px;

  height: 34px;

  flex: 0 0 34px;

  border-radius: 50%;

  place-items: center;

  color: #050e38;

  background: var(--casino-cyan);

  font-family: Georgia, serif;

  font-size: 17px;

  font-weight: 900;

}

.casino-slots__note p {

  margin: 0;

  color: #aebddd;

  font-size: 13px;

  line-height: 1.6;

}

@media (max-width: 1380px) {

  .casino-slots__grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));

}

}

@media (max-width: 980px) {

  .casino-slots__header {
 grid-template-columns: 1fr;
 gap: 24px;

}

  .casino-slots__grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));

}

}

@media (max-width: 680px) {

  .casino-slots {
 padding: 76px 0;

}

  .casino-slots__header h2 {
 font-size: 45px;

}

  .casino-slots__header > p {
 font-size: 16px;

}

  .casino-slots__grid {
 margin-top: 42px;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;

}

}

@media (max-width: 390px) {

  .casino-slots__grid {
 grid-template-columns: 1fr;

}

}

/* ==================================================
                      POPULAR SLOTS END
================================================== */

/* ==================================================
                      CASINO GAMES START
================================================== */

.casino-games {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #182342;

  background:
    radial-gradient(circle at 5% 18%, rgba(19, 230, 255, .12), transparent 23%),
    radial-gradient(circle at 96% 72%, rgba(255, 65, 108, .11), transparent 27%),
    #f7f8ff;

}

.casino-games::before {

  position: absolute;

  top: 0;

  right: 9%;

  width: 200px;

  height: 10px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(90deg, var(--casino-cyan), var(--casino-coral));

  content: "";

}

.casino-games__header {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(380px, .62fr);

  gap: 76px;

  align-items: end;

}

.casino-games__eyebrow,
.casino-games__formats-header span {

  color: #2453ca;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .13em;

  text-transform: uppercase;

}

.casino-games__header h2 {

  max-width: 880px;

  margin: 15px 0 0;

  color: #08154b;

  font-size: clamp(48px, 5.2vw, 78px);

  font-weight: 950;

  letter-spacing: -.06em;

  line-height: .98;

}

.casino-games__header > p {

  margin: 0;

  color: #57627c;

  font-size: 18px;

  line-height: 1.75;

}

.casino-games__grid {

  display: grid;

  margin-top: 68px;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 24px;

}

.casino-game-card {

  display: grid;

  min-width: 0;

  overflow: hidden;

  grid-template-columns: minmax(350px, .92fr) minmax(0, 1.08fr);

  border: 1px solid rgba(8,21,75,.09);

  border-radius: 28px;

  background: #fff;

  box-shadow: 0 26px 65px rgba(21,40,96,.1);

}

.casino-game-card__visual {

  position: relative;

  min-height: 100%;

  margin: 0;

  overflow: hidden;

  background: #0a174d;

}

.casino-game-card__visual::after {

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, transparent 55%, rgba(5,14,56,.82));

  content: "";

}

.casino-game-card__visual img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.casino-game-card__visual figcaption {

  position: absolute;

  z-index: 2;

  right: 18px;

  bottom: 18px;

  left: 18px;

  color: #fff;

  font-size: 22px;

  font-weight: 900;

}

.casino-game-card__content {

  display: flex;

  padding: 28px;

  flex-direction: column;

}

.casino-game-card__type {

  color: #2453ca;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;

}

.casino-game-card__content h3 {

  margin: 7px 0 12px;

  color: #08154b;

  font-size: 30px;

  font-weight: 920;

  letter-spacing: -.04em;

}

.casino-game-card__content p {

  margin: 0 0 12px;

  color: #5b6680;

  font-size: 13px;

  line-height: 1.55;

}

.casino-game-card__content .casino-game-card__objective {

  padding: 12px 14px;

  border-left: 4px solid var(--casino-coral);

  border-radius: 0 12px 12px 0;

  color: #263458;

  background: #f2f4ff;

}

.casino-game-card__objective strong {

  color: #08154b;

}

.casino-game-card__appeal {

  margin-top: auto;

  padding: 13px 14px;

  border-radius: 14px;

  background: linear-gradient(135deg, #08154b, #183fc2);

}

.casino-game-card__appeal strong,
.casino-game-card__appeal span {

  display: block;

}

.casino-game-card__appeal strong {

  color: var(--casino-lime);

  font-size: 12px;

  letter-spacing: .06em;

  text-transform: uppercase;

}

.casino-game-card__appeal span {

  margin-top: 6px;

  color: rgba(255,255,255,.82);

  font-size: 12px;

  line-height: 1.45;

}

.casino-game-card__content ul {

  display: grid;

  margin: 12px 0 0;

  padding: 0;

  gap: 5px;

  list-style: none;

}

.casino-game-card__content li {

  position: relative;

  padding-left: 17px;

  color: #46526f;

  font-size: 11px;

  line-height: 1.35;

}

.casino-game-card__content li::before {

  position: absolute;

  top: .5em;

  left: 0;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #13bedd;

  content: "";

}

.casino-games__formats {

  margin-top: 74px;

}

.casino-games__formats-header {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(360px, .62fr);

  gap: 70px;

  align-items: end;

}

.casino-games__formats-header h3 {

  max-width: 720px;

  margin: 12px 0 0;

  color: #08154b;

  font-size: clamp(38px, 4vw, 58px);

  letter-spacing: -.05em;

  line-height: 1;

}

.casino-games__formats-header > p {

  margin: 0;

  color: #5b6680;

  font-size: 16px;

  line-height: 1.7;

}

.casino-games__formats-grid {

  display: grid;

  margin-top: 35px;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 24px;

}

.casino-format-card {

  display: grid;

  overflow: hidden;

  grid-template-columns: 1fr;

  border-radius: 26px;

  color: #fff;

  background: #08154b;

}

.casino-format-card--instant {
 background: linear-gradient(145deg, #08215e, #164dc9);

}

.casino-format-card--jackpot {
 background: linear-gradient(145deg, #34105c, #a92783);

}

.casino-format-card figure {

  min-height: 0;

  aspect-ratio: 16 / 8;

  margin: 0;

  overflow: hidden;

}

.casino-format-card figure img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.casino-format-card > div {

  padding: 30px;

}

.casino-format-card > div > span {

  color: var(--casino-lime);

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;

}

.casino-format-card h4 {

  margin: 9px 0 17px;

  color: #fff;

  font-size: 28px;

  letter-spacing: -.035em;

  line-height: 1.08;

}

.casino-format-card p {

  margin: 0 0 16px;

  color: rgba(255,255,255,.76);

  font-size: 14px;

  line-height: 1.68;

}

.casino-format-card strong {

  display: block;

  margin-bottom: 7px;

  color: #fff;

  font-size: 13px;

}

.casino-games__comparison {

  display: grid;

  margin-top: 24px;

  padding: 45px;

  grid-template-columns: .55fr 1.45fr;

  gap: 55px;

  align-items: center;

  border: 1px solid rgba(8,21,75,.09);

  border-radius: 26px;

  background: #fff;

}

.casino-games__comparison header > span {

  color: #2453ca;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;

}

.casino-games__comparison h3 {

  margin: 10px 0 0;

  color: #08154b;

  font-size: 32px;

  letter-spacing: -.04em;

  line-height: 1.08;

}

.casino-games__comparison-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 10px;

}

.casino-games__comparison-grid article {

  padding: 18px;

  border-radius: 15px;

  background: #f1f4ff;

}

.casino-games__comparison-grid strong,
.casino-games__comparison-grid span {

  display: block;

}

.casino-games__comparison-grid strong {

  color: #122252;

  font-size: 15px;

}

.casino-games__comparison-grid span {

  margin-top: 4px;

  color: #2453ca;

  font-size: 10px;

  font-weight: 900;

  text-transform: uppercase;

}

.casino-games__comparison-grid p {

  margin: 9px 0 0;

  color: #68738d;

  font-size: 12px;

  line-height: 1.5;

}

.casino-games__note {

  display: grid;

  margin-top: 24px;

  padding: 24px 28px;

  grid-template-columns: auto 1fr;

  gap: 22px;

  align-items: center;

  border-radius: 17px;

  color: #fff;

  background: #08154b;

}

.casino-games__note strong {

  color: var(--casino-lime);

  white-space: nowrap;

}

.casino-games__note p {

  margin: 0;

  color: rgba(255,255,255,.72);

  font-size: 13px;

  line-height: 1.6;

}

@media (max-width: 1320px) {

  .casino-game-card {
 grid-template-columns: minmax(300px, .86fr) minmax(0, 1.14fr);

}

  .casino-format-card {
 grid-template-columns: 1fr;

}

  .casino-game-card__content,
  .casino-format-card > div {
 padding: 30px;

}

  .casino-games__comparison {
 grid-template-columns: 1fr;
 gap: 28px;

}

}

@media (max-width: 1050px) {

  .casino-games__header,
  .casino-games__formats-header {
 grid-template-columns: 1fr;
 gap: 24px;

}

  .casino-games__grid,
  .casino-games__formats-grid {
 grid-template-columns: 1fr;

}

  .casino-games__comparison-grid {
 grid-template-columns: repeat(2, 1fr);

}

}

@media (max-width: 680px) {

  .casino-games {
 padding: 76px 0;

}

  .casino-games__header h2 {
 font-size: 45px;

}

  .casino-game-card,
  .casino-format-card {
 grid-template-columns: 1fr;

}

  .casino-game-card__visual {
 aspect-ratio: 4 / 3;
 min-height: 0;

}

  .casino-format-card figure {
 aspect-ratio: 16 / 10;

}

  .casino-game-card__content,
  .casino-format-card > div {
 padding: 26px;

}

  .casino-games__comparison {
 padding: 27px;

}

  .casino-games__comparison-grid {
 grid-template-columns: 1fr;

}

  .casino-games__note {
 grid-template-columns: 1fr;
 gap: 8px;

}

  .casino-games__note strong {
 white-space: normal;

}

}

/* ==================================================
                       CASINO GAMES END
================================================== */

/* ==================================================
                       LIVE CASINO START
================================================== */

.casino-live {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #fff;

  background:
    radial-gradient(circle at 8% 18%, rgba(255,65,108,.18), transparent 24%),
    radial-gradient(circle at 92% 75%, rgba(19,230,255,.15), transparent 28%),
    #080a2e;

}

.casino-live::before {

  position: absolute;

  top: 0;

  left: 9%;

  width: 210px;

  height: 10px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(90deg, #ff416c, #8f55ff, #13e6ff);

  content: "";

}

.casino-live__header {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(380px, .62fr);

  gap: 78px;

  align-items: end;

}

.casino-live__eyebrow {

  color: #ff6f91;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .13em;

  text-transform: uppercase;

}

.casino-live__header h2 {

  max-width: 900px;

  margin: 15px 0 0;

  color: #fff;

  font-size: clamp(50px, 5.4vw, 82px);

  font-weight: 950;

  letter-spacing: -.06em;

  line-height: .96;

}

.casino-live__header > p {

  margin: 0;

  color: #bdc7e6;

  font-size: 18px;

  line-height: 1.75;

}

.casino-live__feature {

  display: grid;

  margin-top: 68px;

  grid-template-columns: minmax(420px, .95fr) minmax(0, 1.05fr);

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 30px;

  background: rgba(255,255,255,.07);

  box-shadow: 0 30px 75px rgba(0,0,0,.24);

}

.casino-live__feature-visual {

  position: relative;

  min-height: 100%;

  margin: 0;

  overflow: hidden;

  background: #111446;

}

.casino-live__feature-visual::after {

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, transparent 55%, rgba(8,10,46,.85));

  content: "";

}

.casino-live__feature-visual img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.casino-live__feature-visual figcaption {

  position: absolute;

  z-index: 2;

  right: 28px;

  bottom: 25px;

  left: 28px;

  color: #fff;

  font-size: 20px;

  font-weight: 900;

}

.casino-live__feature-copy {

  padding: clamp(42px, 5vw, 74px);

}

.casino-live__feature-copy > span,
.casino-live-card > div > span,
.casino-live__table-choice header > span {

  color: #ff6f91;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;

}

.casino-live__feature-copy h3 {

  max-width: 630px;

  margin: 12px 0 20px;

  color: #fff;

  font-size: clamp(38px, 3.8vw, 58px);

  font-weight: 920;

  letter-spacing: -.05em;

  line-height: 1.02;

}

.casino-live__feature-copy > p {

  margin: 0 0 18px;

  color: #b9c3df;

  font-size: 16px;

  line-height: 1.72;

}

.casino-live__feature-copy .casino-live__lead {

  color: #e3e8f7;

  font-size: 18px;

}

.casino-live__studio-points {

  display: grid;

  margin-top: 28px;

  gap: 10px;

}

.casino-live__studio-points article {

  display: flex;

  padding: 14px 16px;

  border: 1px solid rgba(255,255,255,.1);

  border-radius: 14px;

  gap: 14px;

  align-items: center;

  background: rgba(255,255,255,.06);

}

.casino-live__point-icon {

  display: inline-grid;

  width: 40px;

  height: 40px;

  flex: 0 0 40px;

  border-radius: 12px;

  place-items: center;

  color: #080a2e;

  background: linear-gradient(135deg, #ff6f91, #13e6ff);

}

.casino-live__point-icon svg {

  width: 21px;

  height: 21px;

  fill: currentColor;

}

.casino-live__studio-points strong,
.casino-live__studio-points p {

  display: block;

}

.casino-live__studio-points strong {

  color: #fff;

  font-size: 14px;

}

.casino-live__studio-points p {

  margin: 4px 0 0;

  color: #aeb8d3;

  font-size: 12px;

  line-height: 1.5;

}

.casino-live__games {

  display: grid;

  margin-top: 24px;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 24px;

}

.casino-live-card {

  display: grid;

  overflow: hidden;

  grid-template-columns: 1fr;

  border: 1px solid rgba(255,255,255,.11);

  border-radius: 25px;

  background: rgba(255,255,255,.065);

}

.casino-live-card figure {

  position: relative;

  min-height: 0;

  aspect-ratio: 16 / 9;

  margin: 0;

  overflow: hidden;

  background: #101342;

}

.casino-live-card figure::after {

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, transparent 55%, rgba(8,10,46,.86));

  content: "";

}

.casino-live-card figure img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.casino-live-card figcaption {

  position: absolute;

  z-index: 2;

  right: 18px;

  bottom: 17px;

  left: 18px;

  color: #fff;

  font-size: 17px;

  font-weight: 900;

}

.casino-live-card > div {

  padding: 28px;

}

.casino-live-card h3 {

  margin: 9px 0 16px;

  color: #fff;

  font-size: 26px;

  font-weight: 900;

  letter-spacing: -.04em;

  line-height: 1.08;

}

.casino-live-card p {

  margin: 0 0 17px;

  color: #b6c0dc;

  font-size: 13px;

  line-height: 1.58;

}

.casino-live-card strong {

  display: block;

  margin-bottom: 6px;

  color: #13e6ff;

  font-size: 11px;

  letter-spacing: .06em;

  text-transform: uppercase;

}

.casino-live-card strong + p {

  margin-bottom: 0;

  color: #e0e5f5;

  font-size: 13px;

}

.casino-live__table-choice {

  display: grid;

  margin-top: 24px;

  padding: 48px;

  grid-template-columns: .7fr 1.3fr;

  gap: 55px;

  align-items: center;

  border-radius: 26px;

  color: #192344;

  background: #f7f8ff;

}

.casino-live__table-choice h3 {

  margin: 10px 0 14px;

  color: #08154b;

  font-size: 34px;

  letter-spacing: -.045em;

  line-height: 1.08;

}

.casino-live__table-choice header p {

  margin: 0;

  color: #65708b;

  line-height: 1.65;

}

.casino-live__choice-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 12px;

}

.casino-live__choice-grid article {

  display: flex;

  padding: 18px;

  border: 1px solid rgba(8,21,75,.08);

  border-radius: 15px;

  gap: 13px;

  background: #fff;

}

.casino-live__choice-grid article > span {

  display: inline-grid;

  width: 38px;

  height: 38px;

  flex: 0 0 38px;

  border-radius: 11px;

  place-items: center;

  color: #fff;

  background: linear-gradient(135deg, #8f55ff, #2453ca);

}

.casino-live__choice-grid svg {

  width: 20px;

  height: 20px;

  fill: currentColor;

}

.casino-live__choice-grid strong {

  color: #172653;

  font-size: 14px;

}

.casino-live__choice-grid p {

  margin: 4px 0 0;

  color: #69748d;

  font-size: 12px;

  line-height: 1.5;

}

.casino-live__note {

  display: grid;

  margin-top: 24px;

  padding: 22px 27px;

  grid-template-columns: auto 1fr;

  gap: 22px;

  align-items: center;

  border: 1px solid rgba(19,230,255,.2);

  border-radius: 17px;

  background: rgba(19,230,255,.07);

}

.casino-live__note span {

  color: #13e6ff;

  font-weight: 900;

  white-space: nowrap;

}

.casino-live__note p {

  margin: 0;

  color: #aeb9d7;

  font-size: 13px;

  line-height: 1.6;

}

@media (max-width: 1260px) {

  .casino-live-card {
 grid-template-columns: 1fr;

}

  .casino-live-card > div {
 padding: 28px;

}

  .casino-live__table-choice {
 grid-template-columns: 1fr;
 gap: 28px;

}

}

@media (max-width: 1050px) {

  .casino-live__header,
  .casino-live__feature {
 grid-template-columns: 1fr;

}

  .casino-live__header {
 gap: 24px;

}

  .casino-live__feature-visual {
 min-height: 0;
 aspect-ratio: 8 / 5;

}

  .casino-live__games {
 grid-template-columns: 1fr;

}

}

@media (max-width: 680px) {

  .casino-live {
 padding: 76px 0;

}

  .casino-live__header h2 {
 font-size: 46px;

}

  .casino-live__feature-copy {
 padding: 28px;

}

  .casino-live-card {
 grid-template-columns: 1fr;

}

  .casino-live-card figure {
 min-height: 0;
 aspect-ratio: 16 / 10;

}

  .casino-live-card > div {
 padding: 26px;

}

  .casino-live__table-choice {
 padding: 28px;

}

  .casino-live__choice-grid {
 grid-template-columns: 1fr;

}

  .casino-live__note {
 grid-template-columns: 1fr;
 gap: 7px;

}

  .casino-live__note span {
 white-space: normal;

}

}

/* ==================================================
                        LIVE CASINO END
================================================== */

/* ==================================================
                       SPORTS SECTION START
================================================== */

.casino-sports {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #e9edff;

  background:
    radial-gradient(circle at 4% 16%, rgba(19,230,255,.16), transparent 25%),
    radial-gradient(circle at 96% 72%, rgba(255,65,108,.14), transparent 28%),
    linear-gradient(145deg, #071033, #0b1649 58%, #191044);

}

.casino-sports::before {

  position: absolute;

  top: 0;

  right: 10%;

  width: 220px;

  height: 10px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(90deg, #13e6ff, #b9ff21, #ff416c);

  content: "";

}

.casino-sports__header,
.casino-sports__coverage > header {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(390px, .62fr);

  gap: 76px;

  align-items: end;

}

.casino-sports__eyebrow,
.casino-sports__hero-copy > span,
.casino-sports__journey header > span,
.casino-sports__bet-types header > span,
.casino-sports__coverage header span,
.casino-sports__info-grid article > span {

  color: #b9ff21;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .13em;

  text-transform: uppercase;

}

.casino-sports__header h2 {

  max-width: 930px;

  margin: 15px 0 0;

  color: #fff;

  font-size: clamp(52px, 5.4vw, 82px);

  font-weight: 950;

  letter-spacing: -.06em;

  line-height: .96;

}

.casino-sports__header > p {

  margin: 0;

  color: #bac4e2;

  font-size: 18px;

  line-height: 1.72;

}

.casino-sports__hero {

  display: grid;

  margin-top: 66px;

  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 30px;

  background: rgba(255,255,255,.065);

  box-shadow: 0 32px 80px rgba(0,0,0,.25);

}

.casino-sports__hero figure {
 min-height: 100%;
 margin: 0;
 overflow: hidden;

}

.casino-sports__hero figure img {
 width: 100%;
 height: 100%;
 object-fit: cover;

}

.casino-sports__hero-copy {
 padding: clamp(38px, 4.5vw, 68px);

}

.casino-sports__hero-copy h3,
.casino-sports__journey h3,
.casino-sports__bet-types h3,
.casino-sports__coverage h3 {

  margin: 10px 0 18px;

  color: #fff;

  font-size: clamp(34px, 3.2vw, 52px);

  font-weight: 920;

  letter-spacing: -.05em;

  line-height: 1.03;

}

.casino-sports__hero-copy > p,
.casino-sports__journey header > p,
.casino-sports__bet-types header > p,
.casino-sports__coverage > header p {

  margin: 0;

  color: #b9c3df;

  font-size: 15px;

  line-height: 1.7;

}

.casino-sports__terms {
 display: grid;
 margin-top: 26px;
 grid-template-columns: repeat(3, 1fr);
 gap: 9px;

}

.casino-sports__terms article {
 padding: 15px;
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 14px;
 background: rgba(255,255,255,.06);

}

.casino-sports__terms b {
 color: #13e6ff;
 font-size: 13px;

}

.casino-sports__terms p {
 margin: 6px 0 0;
 color: #aeb8d4;
 font-size: 11px;
 line-height: 1.45;

}

.casino-sports__journey {

  display: grid;

  margin-top: 24px;

  padding: 48px;

  grid-template-columns: .68fr 1.32fr;

  gap: 52px;

  border-radius: 28px;

  color: #17234b;

  background: #f7f8ff;

}

.casino-sports__journey h3 {
 color: #08154b;
 font-size: 38px;

}

.casino-sports__journey header > span {
 color: #2453ca;

}

.casino-sports__journey header > p {
 color: #65708b;

}

.casino-sports__steps {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 11px;

}

.casino-sports__steps article {
 display: flex;
 padding: 18px;
 gap: 14px;
 border: 1px solid rgba(8,21,75,.08);
 border-radius: 16px;
 background: #fff;

}

.casino-sports__step-icon {
 display: grid;
 width: 42px;
 height: 42px;
 flex: 0 0 42px;
 border-radius: 13px;
 place-items: center;
 color: #08154b;
 background: linear-gradient(135deg, #13e6ff, #b9ff21);

}

.casino-sports__step-icon svg {
 width: 21px;
 height: 21px;
 fill: currentColor;

}

.casino-sports__steps b {
 color: #122252;
 font-size: 14px;

}

.casino-sports__steps p {
 margin: 5px 0 0;
 color: #68738d;
 font-size: 12px;
 line-height: 1.48;

}

.casino-sports__journey aside {
 grid-column: 1 / -1;
 display: grid;
 padding: 20px 24px;
 grid-template-columns: auto 1fr;
 gap: 22px;
 align-items: center;
 border-radius: 16px;
 color: #fff;
 background: linear-gradient(110deg, #112a83, #194bc7);

}

.casino-sports__journey aside strong {
 color: #b9ff21;
 white-space: nowrap;

}

.casino-sports__journey aside p {
 margin: 0;
 color: rgba(255,255,255,.78);
 font-size: 13px;
 line-height: 1.55;

}

.casino-sports__modes {
 display: grid;
 margin-top: 24px;
 grid-template-columns: repeat(2, 1fr);
 gap: 24px;

}

.casino-sports-mode {
 position: relative;
 overflow: hidden;
 padding: 42px;
 border: 1px solid rgba(255,255,255,.11);
 border-radius: 26px;
 background: rgba(255,255,255,.07);

}

.casino-sports-mode::after {
 position: absolute;
 top: -70px;
 right: -50px;
 width: 210px;
 height: 210px;
 border-radius: 50%;
 opacity: .23;
 content: "";

}

.casino-sports-mode--prematch::after {
 background: #13e6ff;

}

.casino-sports-mode--live::after {
 background: #ff416c;

}

.casino-sports-mode > span {
 color: #13e6ff;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .12em;
 text-transform: uppercase;

}

.casino-sports-mode--live > span {
 color: #ff6f91;

}

.casino-sports-mode h3 {
 max-width: 520px;
 margin: 9px 0 16px;
 color: #fff;
 font-size: 36px;
 letter-spacing: -.045em;

}

.casino-sports-mode p {
 max-width: 680px;
 margin: 0 0 22px;
 color: #b8c2dd;
 line-height: 1.68;

}

.casino-sports-mode strong {
 display: block;
 padding-top: 18px;
 border-top: 1px solid rgba(255,255,255,.12);
 color: #e8ecf9;
 font-size: 13px;
 line-height: 1.55;

}

.casino-sports__bet-types {
 margin-top: 76px;

}

.casino-sports__bet-types header {
 max-width: 920px;

}

.casino-sports__bet-types > div {
 display: grid;
 margin-top: 30px;
 grid-template-columns: repeat(3, 1fr);
 gap: 18px;

}

.casino-sports__bet-types article {
 padding: 30px;
 border-radius: 22px;
 color: #182342;
 background: #fff;

}

.casino-sports__bet-types article > .casino-sports__bet-icon {
 display: grid;
 width: 48px;
 height: 48px;
 border-radius: 14px;
 place-items: center;
 color: #071033;
 background: linear-gradient(135deg, #13e6ff, #b9ff21);

}

.casino-sports__bet-icon svg {
 width: 23px;
 height: 23px;
 fill: currentColor;

}

.casino-sports__bet-types h4 {
 margin: 18px 0 10px;
 color: #08154b;
 font-size: 25px;

}

.casino-sports__bet-types article p {
 margin: 0;
 color: #606b85;
 font-size: 14px;
 line-height: 1.6;

}

.casino-sports__coverage {
 margin-top: 76px;

}

.casino-sports__coverage-grid {
 display: grid;
 margin-top: 32px;
 grid-template-columns: repeat(2, 1fr);
 gap: 18px;

}

.casino-sports__coverage-grid article {
 padding: 35px;
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 23px;
 background: rgba(255,255,255,.065);

}

.casino-sports__coverage-grid b {
 color: #b9ff21;
 font-size: 12px;
 letter-spacing: .09em;
 text-transform: uppercase;

}

.casino-sports__coverage-grid h4 {
 margin: 9px 0 13px;
 color: #fff;
 font-size: 26px;
 letter-spacing: -.035em;

}

.casino-sports__coverage-grid p {
 margin: 0;
 color: #b5bfd9;
 font-size: 14px;
 line-height: 1.65;

}

.casino-sports__info-grid {
 display: grid;
 margin-top: 24px;
 grid-template-columns: repeat(3, 1fr);
 gap: 18px;

}

.casino-sports__info-grid article {
 padding: 28px;
 border-radius: 20px;
 color: #17234b;
 background: #f4f6ff;

}

.casino-sports__info-grid article > span {
 color: #2453ca;

}

.casino-sports__info-grid h3 {
 margin: 9px 0 11px;
 color: #08154b;
 font-size: 23px;
 letter-spacing: -.035em;

}

.casino-sports__info-grid p {
 margin: 0;
 color: #66718b;
 font-size: 13px;
 line-height: 1.58;

}

.casino-sports__notice {
 display: grid;
 margin-top: 24px;
 padding: 23px 27px;
 grid-template-columns: auto 1fr;
 gap: 24px;
 align-items: center;
 border: 1px solid rgba(185,255,33,.23);
 border-radius: 17px;
 background: rgba(185,255,33,.07);

}

.casino-sports__notice strong {
 color: #b9ff21;
 white-space: nowrap;

}

.casino-sports__notice p {
 margin: 0;
 color: #b7c1dc;
 font-size: 13px;
 line-height: 1.58;

}

@media (max-width: 1100px) {

  .casino-sports__header, .casino-sports__coverage > header, .casino-sports__hero, .casino-sports__journey {
 grid-template-columns: 1fr;
 gap: 28px;

}

  .casino-sports__hero figure {
 aspect-ratio: 16 / 8;

}

  .casino-sports__info-grid {
 grid-template-columns: 1fr;

}

}

@media (max-width: 720px) {

  .casino-sports {
 padding: 76px 0;

}

  .casino-sports__header h2 {
 font-size: 46px;

}

  .casino-sports__hero-copy, .casino-sports__journey, .casino-sports-mode {
 padding: 27px;

}

  .casino-sports__terms, .casino-sports__steps, .casino-sports__modes, .casino-sports__bet-types > div, .casino-sports__coverage-grid {
 grid-template-columns: 1fr;

}

  .casino-sports__journey aside, .casino-sports__notice {
 grid-template-columns: 1fr;
 gap: 8px;

}

  .casino-sports__journey aside strong, .casino-sports__notice strong {
 white-space: normal;

}

}

/* ==================================================
                        SPORTS SECTION END
================================================== */

/* ==================================================
                       BONUSES SECTION START
================================================== */

.casino-bonuses {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #182342;

  background:
    radial-gradient(circle at 4% 12%, rgba(19,230,255,.12), transparent 24%),
    radial-gradient(circle at 95% 42%, rgba(255,65,108,.11), transparent 27%),
    #f6f7ff;

}

.casino-bonuses::before {
 position: absolute;
 top: 0;
 left: 10%;
 width: 220px;
 height: 10px;
 border-radius: 0 0 999px 999px;
 background: linear-gradient(90deg, #ff416c, #8f55ff, #13e6ff);
 content: "";

}

.casino-bonuses__header {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(400px, .62fr);
 gap: 76px;
 align-items: end;

}

.casino-bonuses__eyebrow, .casino-bonuses__welcome > header > div > span, .casino-bonuses__sports-copy > span, .casino-bonuses__reloads header span, .casino-bonuses__cashback > header > span, .casino-bonuses__drops > div > span, .casino-bonuses__essentials header span {
 color: #2453ca;
 font-size: 12px;
 font-weight: 900;
 letter-spacing: .13em;
 text-transform: uppercase;

}

.casino-bonuses__header h2 {
 max-width: 960px;
 margin: 15px 0 0;
 color: #08154b;
 font-size: clamp(50px, 5.2vw, 78px);
 font-weight: 950;
 letter-spacing: -.06em;
 line-height: .97;

}

.casino-bonuses__header > p {
 margin: 0;
 color: #5d6882;
 font-size: 18px;
 line-height: 1.72;

}

.casino-bonuses__choice {
 display: flex;
 margin-top: 52px;
 padding: 22px 25px;
 border: 1px solid rgba(8,21,75,.09);
 border-radius: 18px;
 gap: 17px;
 align-items: center;
 background: #fff;
 box-shadow: 0 18px 45px rgba(20,39,95,.08);

}

.casino-bonuses__choice > span {
 display: grid;
 width: 48px;
 height: 48px;
 flex: 0 0 48px;
 border-radius: 14px;
 place-items: center;
 color: #071033;
 background: linear-gradient(135deg, #13e6ff, #b9ff21);

}

.casino-bonuses__choice svg {
 width: 23px;
 height: 23px;
 fill: currentColor;

}

.casino-bonuses__choice strong {
 color: #08154b;

}

.casino-bonuses__choice p {
 margin: 4px 0 0;
 color: #65708a;
 font-size: 13px;
 line-height: 1.55;

}

.casino-bonuses__welcome {
 margin-top: 24px;
 padding: 54px;
 border: 1px solid rgba(8,21,75,.08);
 border-radius: 30px;
 background: #fff;
 box-shadow: 0 28px 70px rgba(20,39,95,.09);

}

.casino-bonuses__welcome > header {
 display: grid;
 grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
 gap: 48px;
 align-items: end;

}

.casino-bonuses__welcome > header h3, .casino-bonuses__sports-copy h3, .casino-bonuses__reloads h3, .casino-bonuses__cashback h3, .casino-bonuses__drops h3, .casino-bonuses__essentials h3 {
 margin: 10px 0 0;
 color: #08154b;
 font-size: clamp(36px, 4vw, 58px);
 font-weight: 930;
 letter-spacing: -.05em;
 line-height: 1.02;

}

.casino-bonuses__welcome > header p {
 margin: 0;
 color: #65708a;
 font-size: 15px;
 line-height: 1.68;

}

.casino-bonuses__deposit-grid {
 display: grid;
 margin-top: 38px;
 grid-template-columns: 1.35fr 1fr 1fr;
 gap: 16px;

}

.casino-deposit-card {
 display: flex;
 min-width: 0;
 padding: 30px;
 border-radius: 23px;
 flex-direction: column;
 color: #fff;
 background: linear-gradient(145deg, #0a1a5a, #1d48c6);

}

.casino-deposit-card--first {
 background: linear-gradient(145deg, #1c125e, #7d218e);

}

.casino-deposit-card > span {
 color: #b9ff21;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .11em;
 text-transform: uppercase;

}

.casino-deposit-card h4 {
 margin: 9px 0 21px;
 color: #fff;
 font-size: 25px;
 letter-spacing: -.035em;

}

.casino-deposit-card__option {
 padding: 17px;
 border: 1px solid rgba(255,255,255,.12);
 border-radius: 15px;
 background: rgba(255,255,255,.08);

}

.casino-deposit-card__option + .casino-deposit-card__option {
 margin-top: 10px;

}

.casino-deposit-card__option--highlight {
 border-color: rgba(185,255,33,.35);
 background: rgba(185,255,33,.1);

}

.casino-deposit-card__option b, .casino-deposit-card__option strong {
 display: block;

}

.casino-deposit-card__option b {
 color: #13e6ff;
 font-size: 12px;

}

.casino-deposit-card__option strong {
 margin-top: 4px;
 color: #fff;
 font-size: 20px;

}

.casino-deposit-card__option p, .casino-deposit-card > p {
 margin: 7px 0 0;
 color: rgba(255,255,255,.74);
 font-size: 12px;
 line-height: 1.5;

}

.casino-deposit-card__amount {
 margin: auto 0 3px;
 color: #fff;
 font-size: 62px;
 font-weight: 950;
 letter-spacing: -.06em;
 line-height: 1;

}

.casino-deposit-card > strong {
 color: #b9ff21;
 font-size: 18px;

}

.casino-bonuses__welcome-rules {
 display: grid;
 margin-top: 16px;
 grid-template-columns: repeat(4, 1fr);
 gap: 10px;

}

.casino-bonuses__welcome-rules article {
 padding: 18px;
 border-radius: 15px;
 background: #f1f4ff;

}

.casino-bonuses__welcome-rules b {
 color: #14275e;
 font-size: 13px;

}

.casino-bonuses__welcome-rules p {
 margin: 6px 0 0;
 color: #69748d;
 font-size: 11px;
 line-height: 1.48;

}

.casino-bonuses__sports-welcome {
 display: grid;
 margin-top: 24px;
 grid-template-columns: 1.15fr .85fr;
 overflow: hidden;
 border-radius: 28px;
 color: #fff;
 background: linear-gradient(135deg, #07143f, #11378f 62%, #4d176d);

}

.casino-bonuses__sports-copy {
 padding: 52px;

}

.casino-bonuses__sports-copy > span {
 color: #13e6ff;

}

.casino-bonuses__sports-copy h3 {
 color: #fff;

}

.casino-bonuses__sports-copy > p {
 margin: 18px 0 0;
 max-width: 720px;
 color: #b8c3df;
 line-height: 1.68;

}

.casino-bonuses__sports-stages {
 display: grid;
 margin-top: 28px;
 grid-template-columns: repeat(2, 1fr);
 gap: 10px;

}

.casino-bonuses__sports-stages article {
 padding: 18px;
 border: 1px solid rgba(255,255,255,.12);
 border-radius: 15px;
 background: rgba(255,255,255,.07);

}

.casino-bonuses__sports-stages b, .casino-bonuses__sports-stages strong {
 display: block;

}

.casino-bonuses__sports-stages b {
 color: #aeb9d8;
 font-size: 12px;

}

.casino-bonuses__sports-stages strong {
 margin-top: 5px;
 color: #b9ff21;
 font-size: 21px;

}

.casino-bonuses__sports-terms {
 padding: 52px;
 background: rgba(255,255,255,.075);

}

.casino-bonuses__sports-terms > span {
 color: #ff6f91;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .12em;
 text-transform: uppercase;

}

.casino-bonuses__sports-terms h4 {
 margin: 9px 0 15px;
 color: #fff;
 font-size: 28px;
 letter-spacing: -.04em;

}

.casino-bonuses__sports-terms > p {
 margin: 0;
 color: #b7c1dc;
 font-size: 13px;
 line-height: 1.6;

}

.casino-bonuses__sports-terms ul {
 display: grid;
 margin: 22px 0 0;
 padding: 0;
 gap: 9px;
 list-style: none;

}

.casino-bonuses__sports-terms li {
 padding: 15px;
 border-radius: 13px;
 background: rgba(255,255,255,.075);

}

.casino-bonuses__sports-terms li strong, .casino-bonuses__sports-terms li span {
 display: block;

}

.casino-bonuses__sports-terms li strong {
 color: #13e6ff;
 font-size: 13px;

}

.casino-bonuses__sports-terms li span {
 margin-top: 4px;
 color: #d9def0;
 font-size: 12px;
 line-height: 1.45;

}

.casino-bonuses__reloads, .casino-bonuses__cashback {
 margin-top: 68px;

}

.casino-bonuses__essentials {
 margin-top: 48px;

}

.casino-bonuses__reloads > header {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(370px, .62fr);
 gap: 70px;
 align-items: end;

}

.casino-bonuses__reloads > header p, .casino-bonuses__cashback > header p {
 margin: 0;
 color: #65708a;
 line-height: 1.65;

}

.casino-bonuses__reload-grid, .casino-bonuses__cashback-grid {
 display: grid;
 margin-top: 30px;
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;

}

.casino-reload-card {
 padding: 40px;
 border-radius: 25px;
 color: #fff;
 background: linear-gradient(145deg, #0a2a68, #157ba1);

}

.casino-reload-card--weekend {
 background: linear-gradient(145deg, #36105f, #a42680);

}

.casino-reload-card > span {
 color: #b9ff21;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .11em;
 text-transform: uppercase;

}

.casino-reload-card h4 {
 margin: 9px 0 16px;
 color: #fff;
 font-size: 33px;
 letter-spacing: -.045em;

}

.casino-reload-card > p {
 margin: 0;
 color: rgba(255,255,255,.76);
 line-height: 1.65;

}

.casino-reload-card > div {
 margin-top: 24px;
 padding: 18px;
 border: 1px solid rgba(255,255,255,.13);
 border-radius: 15px;
 background: rgba(255,255,255,.08);

}

.casino-reload-card > div strong {
 color: #13e6ff;

}

.casino-reload-card > div p {
 margin: 5px 0 0;
 color: #fff;
 font-size: 13px;

}

.casino-reload-card small {
 display: block;
 margin-top: 18px;
 color: rgba(255,255,255,.63);
 line-height: 1.45;

}

.casino-bonuses__cashback > header {
 max-width: 1000px;

}

.casino-bonuses__cashback-grid article {
 padding: 40px;
 border: 1px solid rgba(8,21,75,.08);
 border-radius: 25px;
 background: #fff;
 box-shadow: 0 20px 55px rgba(20,39,95,.07);

}

.casino-bonuses__cashback-grid article > span {
 color: #2453ca;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .11em;
 text-transform: uppercase;

}

.casino-cashback-value {
 margin-top: 23px;
 color: #123db2;
 font-size: 66px;
 font-weight: 950;
 letter-spacing: -.07em;
 line-height: 1;

}

.casino-bonuses__cashback-grid h4 {
 margin: 8px 0 14px;
 color: #08154b;
 font-size: 29px;

}

.casino-bonuses__cashback-grid p {
 margin: 0;
 color: #626d87;
 line-height: 1.62;

}

.casino-bonuses__cashback-grid ul {
 display: flex;
 margin: 22px 0 0;
 padding: 0;
 gap: 8px;
 flex-wrap: wrap;
 list-style: none;

}

.casino-bonuses__cashback-grid li {
 padding: 9px 12px;
 border-radius: 999px;
 color: #17306f;
 background: #edf1ff;
 font-size: 11px;
 font-weight: 800;

}

.casino-bonuses__drops {
 display: grid;
 margin-top: 24px;
 padding: 45px;
 grid-template-columns: 1fr auto;
 gap: 35px 55px;
 align-items: center;
 border-radius: 27px;
 color: #fff;
 background: linear-gradient(125deg, #0b113b, #23217b 58%, #7d1d79);

}

.casino-bonuses__drops > div > span {
 color: #13e6ff;

}

.casino-bonuses__drops h3 {
 color: #fff;

}

.casino-bonuses__drops > div > p {
 max-width: 760px;
 margin: 16px 0 0;
 color: #bac3df;
 line-height: 1.65;

}

.casino-bonuses__drops-value strong, .casino-bonuses__drops-value span {
 display: block;
 text-align: right;

}

.casino-bonuses__drops-value {
 max-width: 360px;
 padding: 20px 22px;
 border: 1px solid rgba(185,255,33,.22);
 border-radius: 18px;
 background: rgba(185,255,33,.07);

}

.casino-bonuses__drops-value strong {
 color: #b9ff21;
 font-size: clamp(38px, 3.8vw, 56px);
 letter-spacing: -.06em;

}

.casino-bonuses__drops-value span {
 margin-top: 5px;
 color: #c4cce2;
 font-size: 11px;
 line-height: 1.4;

}

.casino-bonuses__drops aside {
 grid-column: 1 / -1;
 display: grid;
 padding-top: 22px;
 grid-template-columns: auto 1fr;
 gap: 22px;
 border-top: 1px solid rgba(255,255,255,.12);

}

.casino-bonuses__drops aside b {
 color: #ff6f91;
 white-space: nowrap;

}

.casino-bonuses__drops aside p {
 margin: 0;
 color: #b8c1dc;
 font-size: 13px;
 line-height: 1.55;

}

.casino-bonuses__essentials > header {
 max-width: 840px;

}

.casino-bonuses__essentials > div {
 display: grid;
 margin-top: 30px;
 grid-template-columns: repeat(4, 1fr);
 gap: 12px;

}

.casino-bonuses__essentials article {
 padding: 24px;
 border-radius: 18px;
 color: #fff;
 background: #08154b;

}

.casino-bonuses__essentials b {
 color: #b9ff21;

}

.casino-bonuses__essentials p {
 margin: 9px 0 0;
 color: #bac3df;
 font-size: 12px;
 line-height: 1.55;

}

.casino-bonuses__notice {
 display: grid;
 margin-top: 24px;
 padding: 22px 27px;
 grid-template-columns: auto 1fr;
 gap: 22px;
 align-items: center;
 border: 1px solid rgba(8,21,75,.1);
 border-radius: 17px;
 background: #fff;

}

.casino-bonuses__notice strong {
 color: #2453ca;
 white-space: nowrap;

}

.casino-bonuses__notice p {
 margin: 0;
 color: #66718a;
 font-size: 13px;
 line-height: 1.55;

}

@media (max-width: 1100px) {

  .casino-bonuses__header, .casino-bonuses__welcome > header, .casino-bonuses__sports-welcome, .casino-bonuses__reloads > header {
 grid-template-columns: 1fr;
 gap: 26px;

}

  .casino-bonuses__deposit-grid {
 grid-template-columns: 1fr 1fr;

}

  .casino-deposit-card--first {
 grid-column: 1 / -1;

}

  .casino-bonuses__welcome-rules, .casino-bonuses__essentials > div {
 grid-template-columns: repeat(2, 1fr);

}

  .casino-bonuses__drops {
 grid-template-columns: 1fr;

}

  .casino-bonuses__drops-value strong, .casino-bonuses__drops-value span {
 text-align: left;

}

}

@media (max-width: 700px) {

  .casino-bonuses {
 padding: 76px 0;

}

  .casino-bonuses__header h2 {
 font-size: 44px;

}

  .casino-bonuses__welcome, .casino-bonuses__sports-copy, .casino-bonuses__sports-terms, .casino-reload-card, .casino-bonuses__cashback-grid article, .casino-bonuses__drops {
 padding: 27px;

}

  .casino-bonuses__deposit-grid, .casino-bonuses__welcome-rules, .casino-bonuses__sports-stages, .casino-bonuses__reload-grid, .casino-bonuses__cashback-grid, .casino-bonuses__essentials > div {
 grid-template-columns: 1fr;

}

  .casino-deposit-card--first {
 grid-column: auto;

}

  .casino-bonuses__drops aside, .casino-bonuses__notice {
 grid-template-columns: 1fr;
 gap: 8px;

}

  .casino-bonuses__drops aside b, .casino-bonuses__notice strong {
 white-space: normal;

}

}

/* ==================================================
                        BONUSES SECTION END
================================================== */

/* ==================================================
                         PAYMENTS START
================================================== */

.site-payments-section {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #fff;

  background:
    radial-gradient(circle at 8% 18%, rgba(19,230,255,.17), transparent 25%),
    radial-gradient(circle at 92% 78%, rgba(255,65,108,.14), transparent 28%),
    linear-gradient(145deg, #061033, #0c174a 60%, #221247);

}

.site-payments-section::before {
 position: absolute;
 top: 0;
 right: 10%;
 width: 220px;
 height: 10px;
 border-radius: 0 0 999px 999px;
 background: linear-gradient(90deg, #13e6ff, #8f55ff, #ff416c);
 content: "";

}

.site-payment__payments {
 margin: 0;
 padding: 0;
 border: 0;
 background: transparent;

}

.site-payment__payments-heading {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(390px, .62fr);
 gap: 76px;
 align-items: end;

}

.site-payment__card-label {
 margin: 0;
 color: #13e6ff;
 font-size: 12px;
 font-weight: 900;
 letter-spacing: .13em;
 text-transform: uppercase;

}

.site-payment__payments-heading h3 {
 max-width: 920px;
 margin: 14px 0 0;
 color: #fff;
 font-size: clamp(50px, 5.2vw, 78px);
 font-weight: 950;
 letter-spacing: -.06em;
 line-height: .97;

}

.site-payment__payments-heading > p {
 margin: 0;
 color: #bac4e1;
 font-size: 18px;
 line-height: 1.72;

}

.site-payment__intro {
 display: grid;
 margin-top: 52px;
 grid-template-columns: repeat(3, 1fr);
 gap: 12px;

}

.site-payment__intro article {
 padding: 24px;
 border: 1px solid rgba(255,255,255,.11);
 border-radius: 18px;
 background: rgba(255,255,255,.065);

}

.site-payment__intro strong {
 color: #b9ff21;
 font-size: 14px;

}

.site-payment__intro p {
 margin: 8px 0 0;
 color: #b5bfd9;
 font-size: 12px;
 line-height: 1.55;

}

.site-payment__payment-switcher {
 position: relative;
 margin-top: 24px;

}

.site-payment__payment-radio {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 overflow: hidden;
 opacity: 0;
 clip: rect(0 0 0 0);

}

.site-payment__payment-tabs {
 display: grid;
 padding: 8px;
 grid-template-columns: repeat(2, 1fr);
 gap: 8px;
 border: 1px solid rgba(255,255,255,.11);
 border-radius: 22px;
 background: rgba(255,255,255,.065);

}

.site-payment__payment-tab {
 display: flex;
 margin: 0;
 padding: 19px 22px;
 border: 1px solid transparent;
 border-radius: 16px;
 gap: 14px;
 align-items: center;
 cursor: pointer;
 transition: background .2s ease, border-color .2s ease, transform .2s ease;

}

.site-payment__payment-tab:hover {
 transform: translateY(-1px);
 background: rgba(255,255,255,.07);

}

.site-payment__payment-tab-icon {
 display: grid;
 width: 44px;
 height: 44px;
 flex: 0 0 44px;
 border-radius: 13px;
 place-items: center;
 color: #071033;
 background: linear-gradient(135deg, #13e6ff, #b9ff21);
 font-size: 19px;

}

.site-payment__payment-tab > span:last-child, .site-payment__payment-tab strong, .site-payment__payment-tab small {
 display: block;

}

.site-payment__payment-tab strong {
 color: #fff;
 font-size: 17px;

}

.site-payment__payment-tab small {
 margin-top: 3px;
 color: #aeb8d4;
 font-size: 11px;

}

#site-payment-control-deposit:checked ~ .site-payment__payment-tabs .site-payment__payment-tab--deposit,
#site-payment-control-withdrawal:checked ~ .site-payment__payment-tabs .site-payment__payment-tab--withdrawal {
 border-color: rgba(19,230,255,.3);
 background: linear-gradient(110deg, rgba(19,230,255,.16), rgba(143,85,255,.15));

}

#site-payment-control-deposit:focus-visible ~ .site-payment__payment-tabs .site-payment__payment-tab--deposit,
#site-payment-control-withdrawal:focus-visible ~ .site-payment__payment-tabs .site-payment__payment-tab--withdrawal {
 outline: 3px solid #b9ff21;
 outline-offset: 2px;

}

.site-payment__payment-panels {
 margin-top: 14px;

}

.site-payment__payment-panel {
 display: none;
 padding: 36px;
 border: 1px solid rgba(255,255,255,.11);
 border-radius: 27px;
 background: rgba(255,255,255,.065);

}

#site-payment-control-deposit:checked ~ .site-payment__payment-panels .site-payment__payment-panel--deposit,
#site-payment-control-withdrawal:checked ~ .site-payment__payment-panels .site-payment__payment-panel--withdrawal {
 display: block;

}

.site-payment__panel-heading {
 display: grid;
 grid-template-columns: auto minmax(320px, .62fr);
 gap: 42px;
 align-items: center;

}

.site-payment__panel-heading > div {
 display: flex;
 gap: 11px;
 align-items: center;

}

.site-payment__panel-heading strong {
 color: #fff;
 font-size: 25px;
 letter-spacing: -.035em;

}

.site-payment__panel-heading > p {
 margin: 0;
 color: #aeb8d4;
 font-size: 13px;
 line-height: 1.55;

}

.site-payment__status-dot {
 width: 11px;
 height: 11px;
 flex: 0 0 11px;
 border-radius: 50%;
 background: #13e6ff;
 box-shadow: 0 0 0 6px rgba(19,230,255,.12);

}

.site-payment__status-dot--pink {
 background: #ff6f91;
 box-shadow: 0 0 0 6px rgba(255,111,145,.12);

}

.site-payment__method-group {
 margin-top: 28px;
 padding: 24px;
 border-radius: 22px;
 background: rgba(5,12,47,.42);

}

.site-payment__method-group + .site-payment__method-group {
 margin-top: 16px;

}

.site-payment__method-group-heading {
 display: flex;
 margin-bottom: 20px;
 gap: 13px;
 align-items: center;

}

.site-payment__method-group-icon {
 display: grid;
 width: 42px;
 height: 42px;
 flex: 0 0 42px;
 border-radius: 12px;
 place-items: center;
 color: #071033;
 background: #13e6ff;

}

.site-payment__method-group-icon--crypto {
 background: #b9ff21;

}

.site-payment__method-group-heading > div {
 min-width: 0;

}

.site-payment__method-group-heading strong, .site-payment__method-group-heading small {
 display: block;

}

.site-payment__method-group-heading strong {
 color: #fff;
 font-size: 17px;

}

.site-payment__method-group-heading small {
 margin-top: 3px;
 color: #9faaca;
 font-size: 11px;

}

.site-payment__method-count {
 margin-left: auto;
 padding: 7px 10px;
 border-radius: 999px;
 color: #13e6ff;
 background: rgba(19,230,255,.1);
 font-size: 9px;
 font-weight: 900;
 letter-spacing: .1em;

}

.site-payment__method-count--crypto {
 color: #b9ff21;
 background: rgba(185,255,33,.1);

}

.site-payment__method-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 10px;

}

.site-payment__method-grid--crypto {
 grid-template-columns: repeat(5, minmax(0, 1fr));

}

.site-payment__method {
 display: flex;
 min-width: 0;
 min-height: 82px;
 padding: 14px 16px;
 border: 1px solid rgba(21,41,102,.1);
 border-radius: 16px;
 gap: 14px;
 align-items: center;
 background: linear-gradient(145deg, #fff, #f4f6ff);
 box-shadow: 0 9px 24px rgba(0,0,0,.07);

}

.site-payment__method-icon {
 display: grid;
 width: 68px;
 height: 54px;
 flex: 0 0 68px;
 padding: 8px;
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 12px;
 place-items: center;
 color: #fff;
 background: linear-gradient(145deg, #101a4b, #35468d);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
 font-size: 25px;

}

.site-payment__method-icon img {
 display: block;
 width: 100%;
 max-width: 52px;
 height: 40px;
 object-fit: contain;

}

.site-payment__method > div:last-child {
 min-width: 0;

}

.site-payment__method > div:last-child strong, .site-payment__method > div:last-child small {
 display: block;
 overflow-wrap: anywhere;

}

.site-payment__method > div:last-child strong {
 color: #0b1748;
 font-size: 14px;
 line-height: 1.2;

}

.site-payment__name-break {
 display: block;
 white-space: nowrap;

}

.site-payment__method > div:last-child small {
 margin-top: 5px;
 color: #65708a;
 font-size: 10px;
 line-height: 1.3;

}

.site-payment__method-icon b {
 color: #fff;
 font-size: 11px;
 letter-spacing: -.03em;

}

.site-payment__method-icon--apple {
 font-size: 31px;

}

.site-payment__method-icon--paypal {
 color: #62a9ff;

}

.site-payment__method-icon--skrill b {
 color: #e58bd8;
 font-size: 13px;

}

.site-payment__method-icon--neteller b {
 color: #9fe36b;
 font-size: 9px;

}

.site-payment__method-icon--paysafe b {
 color: #73d79e;
 font-size: 10px;

}

.site-payment__method-icon--revolut b {
 font-size: 25px;
 font-weight: 950;

}

.site-payment__method-icon--faster {
 color: #b9ff21;

}

.site-payment__method-icon--binance b {
 color: #f3ba2f;
 font-size: 8px;
 letter-spacing: .02em;

}

.site-payment__card-marks {
 display: flex;
 justify-content: center;
 align-items: center;

}

.site-payment__card-marks b {
 color: #fff;
 font-size: 16px;
 font-weight: 950;
 font-style: italic;
 letter-spacing: -.03em;

}

.site-payment__mastercard-marks {
 display: flex;
 justify-content: center;
 align-items: center;

}

.site-payment__mastercard-marks i {
 display: block;
 width: 25px;
 height: 25px;
 border-radius: 50%;
 background: #eb001b;

}

.site-payment__mastercard-marks i + i {
 margin-left: -9px;
 background: #f79e1b;
 opacity: .94;

}

.site-payment__card-marks i {
 display: block;
 width: 19px;
 height: 19px;
 border-radius: 50%;
 background: #eb001b;

}

.site-payment__card-marks i + i {
 margin-left: -7px;
 background: #f79e1b;
 opacity: .92;

}

.site-payment__method-icon--crypto {
 background: linear-gradient(145deg, #16245c, #40539a);

}

.site-payment__method-grid--crypto .site-payment__method {
 background: linear-gradient(145deg, #fbfcff, #eef2ff);

}

.site-payment__method-icon img[src$="/ethereum.svg"],
.site-payment__method-icon img[src$="/usdt.svg"] {
 width: 58px;
 max-width: 58px;
 height: 44px;
 transform: scale(1.18);

}

@media (max-width: 1220px) {

  .site-payment__method-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));

}

  .site-payment__method-grid--crypto {
 grid-template-columns: repeat(4, minmax(0, 1fr));

}

}

@media (max-width: 900px) {

  .site-payment__payments-heading, .site-payment__panel-heading {
 grid-template-columns: 1fr;
 gap: 24px;

}

  .site-payment__intro {
 grid-template-columns: 1fr;

}

  .site-payment__method-grid, .site-payment__method-grid--crypto {
 grid-template-columns: repeat(2, minmax(0, 1fr));

}

}

@media (max-width: 600px) {

  .site-payments-section {
 padding: 76px 0;

}

  .site-payment__payments-heading h3 {
 font-size: 45px;

}

  .site-payment__payment-tabs {
 grid-template-columns: 1fr;

}

  .site-payment__payment-panel {
 padding: 20px;

}

  .site-payment__method-group {
 padding: 16px;

}

  .site-payment__method-grid, .site-payment__method-grid--crypto {
 grid-template-columns: 1fr;

}

  .site-payment__method-count {
 display: none;

}

}

/* ==================================================
                          PAYMENTS END
================================================== */
.legacy-faq-grid{
display:none!important
}
.sun-faq{
background:radial-gradient(circle at 10% 18%,rgba(255,212,59,.17),transparent 24%),radial-gradient(circle at 92% 76%,rgba(43,195,223,.16),transparent 27%),linear-gradient(145deg,#5c1a86,#9227a7 58%,#d829a2)
}
.sun-faq:before{
background:linear-gradient(90deg,#ffd43b,#ff8d2c,#2bc3df)
}
.sun-faq .casino-faq__eyebrow{
color:#ffd43b
}
.sun-faq .casino-faq__header>p{
color:rgba(255,255,255,.76)
}
.sun-faq .casino-faq__topics span,.sun-faq .casino-faq__item{
border-color:rgba(255,255,255,.22);
background:rgba(255,255,255,.1)
}
.sun-faq .casino-faq__topics i{
color:#ffd43b
}
.sun-faq .casino-faq__icon{
color:#54196e;
background:linear-gradient(135deg,#ffd43b,#ff962e)
}
.sun-faq .casino-faq__item:hover,.sun-faq .casino-faq__item[open]{
border-color:rgba(255,212,59,.55);
background:rgba(255,255,255,.15)
}
.sun-faq .casino-faq__toggle:before,.sun-faq .casino-faq__toggle:after{
background:#ffd43b
}
.sun-faq__grid>.casino-faq__column{
grid-template-rows:repeat(5,auto)
}

.sun-faq{
padding:116px 24px 128px;
color:#52196b;
background:radial-gradient(circle at 4% 18%,rgba(255,212,59,.28),transparent 20%),radial-gradient(circle at 95% 72%,rgba(43,195,223,.18),transparent 22%),linear-gradient(to bottom,#fff8ec 0%,#fff8ec 83%,#ffe6ee 100%)
}
.sun-faq:before{
top:0;
left:8%;
height:10px;
background:linear-gradient(90deg,#ffd43b,#ff8d2c,#ed2789)
}
.sun-faq:after{
right:-150px;
bottom:-190px;
border-color:rgba(237,39,137,.13);
box-shadow:0 0 0 55px rgba(237,39,137,.045),0 0 0 110px rgba(43,195,223,.035)
}
.sun-faq>.container{
width:min(1420px,100%);
max-width:none;
padding:0
}
.sun-faq .casino-faq__eyebrow{
color:#ed2789
}
.sun-faq .casino-faq__header h2{
color:#52196b;
font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif
}
.sun-faq .casino-faq__header>p{
color:#76677a
}
.sun-faq .casino-faq__topics span{
border:2px solid #eadfea;
color:#601d79;
background:#fff;
box-shadow:0 7px 0 rgba(85,24,105,.07)
}
.sun-faq .casino-faq__topics i{
color:#ed2789
}
.sun-faq .casino-faq__item{
border:2px solid #eadfea;
background:#fff;
box-shadow:0 12px 28px rgba(77,19,96,.07)
}
.sun-faq .casino-faq__item:hover{
border-color:#ef9ac7;
background:#fff;
box-shadow:0 15px 32px rgba(77,19,96,.11)
}
.sun-faq .casino-faq__item[open]{
border-color:#2bc3df;
background:#f7fdff
}
.sun-faq .casino-faq__item summary>span:nth-child(2){
color:#52196b
}
.sun-faq .casino-faq__icon{
color:#54196e;
background:linear-gradient(135deg,#ffd43b,#ff9a31);
box-shadow:0 8px 0 #f1d8ed
}
.sun-faq .casino-faq__column:nth-child(2) .casino-faq__icon{
background:linear-gradient(135deg,#2bc3df,#73e2ef)
}
.sun-faq .casino-faq__toggle{
background:#f8eaf5
}
.sun-faq .casino-faq__toggle:before,.sun-faq .casino-faq__toggle:after{
background:#ed2789
}
.sun-faq .casino-faq__answer{
border-top-color:#efe2ef
}
.sun-faq .casino-faq__answer p{
color:#76677a
}
.sun-faq .casino-faq__note{
border:4px solid #ffd43b;
background:linear-gradient(135deg,#6a1e92,#a729ab);
box-shadow:0 13px 0 rgba(77,19,96,.12)
}
.sun-faq .casino-faq__note span{
color:#54196e;
background:#ffd43b
}
.sun-faq .casino-faq__note strong{
color:#fff
}
.sun-faq .casino-faq__note p{
color:rgba(255,255,255,.75)
}

.sun-faq+.site-footer{
background:linear-gradient(145deg,#651045,#8f165d 55%,#bc1c72)!important
}

@media(max-width:600px){
.sun-faq{
padding:82px 15px 96px
}

}

/* ==================================================
                           FAQ START
================================================== */

.casino-faq {

  position: relative;

  overflow: hidden;

  padding: 112px 0;

  color: #fff;

  background:
    radial-gradient(circle at 10% 18%, rgba(19, 230, 255, .15), transparent 24%),
    radial-gradient(circle at 92% 76%, rgba(255, 65, 108, .14), transparent 27%),
    linear-gradient(145deg, #07143f 0%, #101852 57%, #251345 100%);

}

.casino-faq::before {

  position: absolute;

  top: 0;

  left: 8%;

  width: 240px;

  height: 9px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(90deg, #b9ff21, #13e6ff, #ff6f91);

  content: "";

}

.casino-faq::after {

  position: absolute;

  right: -120px;

  bottom: -160px;

  width: 420px;

  height: 420px;

  border: 1px solid rgba(255, 255, 255, .08);

  border-radius: 50%;

  box-shadow: 0 0 0 55px rgba(255, 255, 255, .025), 0 0 0 110px rgba(255, 255, 255, .018);

  content: "";

}

.casino-faq .container {
 position: relative;
 z-index: 1;

}

.casino-faq__header {

  display: grid;

  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .65fr);

  gap: 72px;

  align-items: end;

}

.casino-faq__eyebrow {

  color: #13e6ff;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .14em;

}

.casino-faq__header h2 {

  max-width: 900px;

  margin: 15px 0 0;

  color: #fff;

  font-size: clamp(50px, 5vw, 76px);

  font-weight: 950;

  letter-spacing: -.06em;

  line-height: .98;

}

.casino-faq__header > p {

  margin: 0;

  color: #b9c4df;

  font-size: 17px;

  line-height: 1.72;

}

.casino-faq__topics {

  display: flex;

  margin-top: 42px;

  gap: 9px;

  flex-wrap: wrap;

}

.casino-faq__topics span {

  display: inline-flex;

  padding: 10px 14px;

  border: 1px solid rgba(255, 255, 255, .11);

  border-radius: 999px;

  gap: 8px;

  align-items: center;

  color: #dce3f5;

  background: rgba(255, 255, 255, .065);

  font-size: 12px;

  font-weight: 800;

}

.casino-faq__topics i {
 color: #b9ff21;

}

.casino-faq__grid {

  display: grid;

  margin-top: 34px;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 14px;

  align-items: start;

}

.casino-faq__column {
 display: grid;
 gap: 14px;

}

.casino-faq__item {

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .11);

  border-radius: 19px;

  background: rgba(255, 255, 255, .065);

  box-shadow: 0 18px 48px rgba(0, 0, 0, .1);

  transition: border-color .22s ease, background .22s ease, transform .22s ease;

}

.casino-faq__item:hover {

  border-color: rgba(19, 230, 255, .28);

  transform: translateY(-1px);

  background: rgba(255, 255, 255, .085);

}

.casino-faq__item[open] {

  border-color: rgba(19, 230, 255, .34);

  background: linear-gradient(130deg, rgba(19, 230, 255, .11), rgba(143, 85, 255, .10));

}

.casino-faq__item summary {

  display: grid;

  min-height: 88px;

  padding: 18px 20px;

  grid-template-columns: 48px minmax(0, 1fr) 32px;

  gap: 15px;

  align-items: center;

  cursor: pointer;

  list-style: none;

}

.casino-faq__item summary::-webkit-details-marker {
 display: none;

}

.casino-faq__item summary > span:nth-child(2) {

  color: #fff;

  font-size: 16px;

  font-weight: 850;

  line-height: 1.35;

}

.casino-faq__icon {

  display: grid;

  width: 48px;

  height: 48px;

  border-radius: 14px;

  place-items: center;

  color: #07143f;

  background: linear-gradient(135deg, #13e6ff, #b9ff21);

  box-shadow: 0 10px 24px rgba(19, 230, 255, .14);

  font-size: 18px;

}

.casino-faq__toggle {

  position: relative;

  display: block;

  width: 32px;

  height: 32px;

  border-radius: 50%;

  background: rgba(255, 255, 255, .09);

}

.casino-faq__toggle::before,
.casino-faq__toggle::after {

  position: absolute;

  top: 15px;

  left: 10px;

  width: 12px;

  height: 2px;

  border-radius: 2px;

  background: #13e6ff;

  content: "";

  transition: transform .22s ease;

}

.casino-faq__toggle::after {
 transform: rotate(90deg);

}

.casino-faq__item[open] .casino-faq__toggle::after {
 transform: rotate(0);

}

.casino-faq__answer {

  margin: 0 20px 0 83px;

  padding: 0 0 22px;

  border-top: 1px solid rgba(255, 255, 255, .09);

}

.casino-faq__answer p {

  margin: 17px 0 0;

  color: #b9c4df;

  font-size: 13px;

  line-height: 1.72;

}

.casino-faq__note {

  display: flex;

  margin-top: 18px;

  padding: 22px 25px;

  border: 1px solid rgba(185, 255, 33, .21);

  border-radius: 18px;

  gap: 16px;

  align-items: center;

  background: rgba(185, 255, 33, .075);

}

.casino-faq__note > span {

  display: grid;

  width: 42px;

  height: 42px;

  flex: 0 0 42px;

  border-radius: 13px;

  place-items: center;

  color: #07143f;

  background: #b9ff21;

}

.casino-faq__note strong {
 color: #fff;
 font-size: 14px;

}

.casino-faq__note p {
 margin: 4px 0 0;
 color: #b9c4df;
 font-size: 12px;
 line-height: 1.5;

}

@media (max-width: 900px) {

  .casino-faq__header {
 grid-template-columns: 1fr;
 gap: 25px;

}

  .casino-faq__grid {
 grid-template-columns: 1fr;

}

}

@media (max-width: 600px) {

  .casino-faq {
 padding: 76px 0;

}

  .casino-faq__header h2 {
 font-size: 44px;

}

  .casino-faq__header > p {
 font-size: 15px;

}

  .casino-faq__topics {
 margin-top: 30px;

}

  .casino-faq__item summary {
 min-height: 80px;
 padding: 15px;
 grid-template-columns: 42px minmax(0, 1fr) 28px;
 gap: 12px;

}

  .casino-faq__icon {
 width: 42px;
 height: 42px;
 border-radius: 12px;

}

  .casino-faq__toggle {
 width: 28px;
 height: 28px;

}

  .casino-faq__toggle::before, .casino-faq__toggle::after {
 top: 13px;
 left: 8px;

}

  .casino-faq__answer {
 margin: 0 15px 0 69px;

}

  .casino-faq__note {
 align-items: flex-start;

}

}

/* ==================================================
                            FAQ END
================================================== */

/* ==================================================
                          FOOTER START
================================================== */

.site-footer {
 padding: 76px 0 28px;
 color: #fff;
 background: #050d2d;

}

.site-footer__main {
 display: grid;
 grid-template-columns: minmax(280px, .75fr) 1.25fr;
 gap: 80px;

}

.site-footer__brand {
 max-width: 480px;

}

.site-footer__logo {
 display: inline-block;
 width: 210px;
 height: 76px;
 overflow: hidden;

}

.site-footer__logo img {
 width: 205px;
 height: 100px;
 max-width: none;
 object-fit: contain;
 transform: translateY(-13px);

}

.site-footer__brand > p {
 margin: 18px 0 0;
 color: #aeb9d5;
 font-size: 13px;
 line-height: 1.7;

}

.site-footer__navigation {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 34px;

}

.site-footer__navigation h3 {
 margin: 0 0 18px;
 color: #fff;
 font-size: 14px;

}

.site-footer__navigation a {
 display: block;
 width: fit-content;
 margin-top: 11px;
 color: #9eabc9;
 font-size: 12px;
 text-decoration: none;

}

.site-footer__navigation a:hover, .site-footer__legal a:hover {
 color: #13e6ff;

}

.site-footer__legal {
 display: flex;
 margin-top: 52px;
 padding: 18px 0;
 border-top: 1px solid rgba(255,255,255,.1);
 border-bottom: 1px solid rgba(255,255,255,.1);
 gap: 24px;
 align-items: center;
 flex-wrap: wrap;

}

.site-footer__legal strong {
 margin-right: auto;
 color: #b9ff21;
 font-size: 11px;
 letter-spacing: .08em;
 text-transform: uppercase;

}

.site-footer__legal a {
 color: #aeb9d5;
 font-size: 11px;
 text-decoration: none;

}

.site-footer__responsible {
 display: grid;
 margin-top: 26px;
 padding: 25px;
 grid-template-columns: 70px minmax(260px, .7fr) 1fr;
 gap: 25px;
 align-items: center;
 border: 1px solid rgba(185,255,33,.17);
 border-radius: 20px;
 background: rgba(185,255,33,.055);

}

.site-footer__responsible > strong {
 display: grid;
 width: 64px;
 height: 64px;
 border-radius: 50%;
 place-items: center;
 color: #07143f;
 background: #b9ff21;
 font-size: 22px;

}

.site-footer__responsible h3 {
 margin: 0;
 color: #fff;
 font-size: 17px;

}

.site-footer__responsible p {
 margin: 5px 0 0;
 color: #aeb9d5;
 font-size: 11px;
 line-height: 1.58;

}

.site-footer__payments {
 display: flex;
 margin-top: 28px;
 gap: 28px;
 align-items: center;
 justify-content: space-between;

}

.site-footer__payments > div:first-child span, .site-footer__payments > div:first-child strong {
 display: block;

}

.site-footer__payments > div:first-child span {
 color: #13e6ff;
 font-size: 9px;
 font-weight: 900;
 letter-spacing: .1em;
 text-transform: uppercase;

}

.site-footer__payments > div:first-child strong {
 margin-top: 5px;
 color: #dfe5f5;
 font-size: 12px;

}

.site-footer__payment-icons {
 display: flex;
 gap: 7px;
 flex-wrap: wrap;
 justify-content: flex-end;

}

.site-footer__pay-icon {
 display: grid;
 width: 52px;
 height: 38px;
 padding: 6px;
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 9px;
 place-items: center;
 color: #fff;
 background: rgba(255,255,255,.07);
 font-size: 25px;

}

.site-footer__pay-icon img {
 max-width: 38px;
 max-height: 25px;
 object-fit: contain;

}

.site-footer__bottom {
 display: flex;
 margin-top: 28px;
 padding-top: 20px;
 border-top: 1px solid rgba(255,255,255,.08);
 align-items: center;
 justify-content: space-between;

}

.site-footer__bottom p {
 margin: 0;
 color: #7f8bab;
 font-size: 10px;

}

.site-footer__bottom a {
 display: inline-flex;
 gap: 8px;
 align-items: center;
 color: #dfe5f5;
 font-size: 11px;
 font-weight: 800;
 text-decoration: none;

}

.site-footer__bottom a span {
 display: grid;
 width: 28px;
 height: 28px;
 border-radius: 50%;
 place-items: center;
 color: #07143f;
 background: #13e6ff;

}

@media (max-width: 900px) {

  .site-footer__main {
 grid-template-columns: 1fr;
 gap: 45px;

}

  .site-footer__responsible {
 grid-template-columns: 70px 1fr;

}

  .site-footer__responsible > p {
 grid-column: 1 / -1;

}

  .site-footer__payments {
 align-items: flex-start;
 flex-direction: column;

}

  .site-footer__payment-icons {
 justify-content: flex-start;

}

}

@media (max-width: 600px) {

  .site-footer {
 padding-top: 58px;

}

  .site-footer__navigation {
 grid-template-columns: 1fr 1fr;

}

  .site-footer__navigation > div:last-child {
 grid-column: 1 / -1;

}

  .site-footer__legal {
 align-items: flex-start;
 flex-direction: column;
 gap: 12px;

}

  .site-footer__legal strong {
 margin: 0 0 4px;

}

  .site-footer__responsible {
 grid-template-columns: 1fr;

}

  .site-footer__bottom {
 align-items: flex-start;
 flex-direction: column;
 gap: 18px;

}

}

/* ==================================================
                           FOOTER END
================================================== */

/* ==================================================
                       LEGAL PAGES START
================================================== */

.sun-legal-page {
 padding-top: 88px;
 color: #101b4d;
 background: #f3f5ff;

}

.sun-legal-hero {
 position: relative;
 overflow: hidden;
 padding: 92px 0 72px;
 color: #fff;
 background: radial-gradient(circle at 85% 20%, rgba(19,230,255,.2), transparent 28%), linear-gradient(135deg, #07143f, #18216c 64%, #541d66);

}

.sun-legal-hero::after {
 position: absolute;
 right: 8%;
 bottom: -110px;
 width: 300px;
 height: 300px;
 border: 1px solid rgba(255,255,255,.12);
 border-radius: 50%;
 box-shadow: 0 0 0 45px rgba(255,255,255,.025), 0 0 0 90px rgba(255,255,255,.018);
 content: "";

}

.sun-legal-hero .container {
 position: relative;
 z-index: 1;

}

.sun-legal-hero__label {
 color: #b9ff21;
 font-size: 11px;
 font-weight: 900;
 letter-spacing: .14em;
 text-transform: uppercase;

}

.sun-legal-hero h1 {
 max-width: 930px;
 margin: 14px 0 0;
 color: #fff;
 font-size: clamp(50px, 6vw, 82px);
 font-weight: 950;
 letter-spacing: -.065em;
 line-height: .95;

}

.sun-legal-hero p {
 max-width: 760px;
 margin: 24px 0 0;
 color: #c5cee5;
 font-size: 16px;
 line-height: 1.7;

}

.sun-legal-hero__meta {
 display: inline-flex;
 margin-top: 28px;
 padding: 10px 14px;
 border: 1px solid rgba(255,255,255,.13);
 border-radius: 999px;
 gap: 8px;
 color: #dce3f5;
 background: rgba(255,255,255,.07);
 font-size: 11px;

}

.sun-legal-layout {
 display: grid;
 padding: 72px 0 100px;
 grid-template-columns: 270px minmax(0, 1fr);
 gap: 58px;
 align-items: start;

}

.sun-legal-nav {
 position: sticky;
 top: 112px;
 padding: 22px;
 border: 1px solid rgba(15,34,92,.09);
 border-radius: 20px;
 background: #fff;
 box-shadow: 0 18px 50px rgba(18,36,94,.07);

}

.sun-legal-nav strong {
 display: block;
 margin-bottom: 12px;
 color: #2453ca;
 font-size: 11px;
 letter-spacing: .1em;
 text-transform: uppercase;

}

.sun-legal-nav a {
 display: block;
 padding: 9px 0;
 color: #53617f;
 font-size: 12px;
 text-decoration: none;

}

.sun-legal-nav a:hover {
 color: #2453ca;

}

.sun-legal-content {
 min-width: 0;

}

.sun-legal-content section {
 padding: 34px;
 border: 1px solid rgba(15,34,92,.08);
 border-radius: 22px;
 background: #fff;
 box-shadow: 0 16px 46px rgba(18,36,94,.055);
 scroll-margin-top: 112px;

}

.sun-legal-content section + section {
 margin-top: 16px;

}

.sun-legal-content h2 {
 margin: 0;
 color: #08154b;
 font-size: 28px;
 letter-spacing: -.035em;

}

.sun-legal-content h3 {
 margin: 24px 0 0;
 color: #173fa8;
 font-size: 17px;

}

.sun-legal-content p, .sun-legal-content li {
 color: #5e6a84;
 font-size: 13px;
 line-height: 1.72;

}

.sun-legal-content p {
 margin: 14px 0 0;

}

.sun-legal-content ul {
 margin: 14px 0 0;
 padding-left: 20px;

}

.sun-legal-content li + li {
 margin-top: 7px;

}

.sun-legal-callout {
 border-left: 5px solid #13e6ff !important;
 background: linear-gradient(130deg, #fff, #f0f5ff) !important;

}

.sun-legal-callout strong {
 color: #08154b;

}

@media (max-width: 900px) {

  .sun-legal-page {
 padding-top: 72px;

}

  .sun-legal-layout {
 grid-template-columns: 1fr;
 gap: 24px;

}

  .sun-legal-nav {
 position: static;
 display: flex;
 gap: 6px 18px;
 flex-wrap: wrap;

}

  .sun-legal-nav strong {
 width: 100%;

}

}

@media (max-width: 600px) {

  .sun-legal-hero {
 padding: 70px 0 55px;

}

  .sun-legal-hero h1 {
 font-size: 47px;

}

  .sun-legal-layout {
 padding: 44px 0 70px;

}

  .sun-legal-content section {
 padding: 24px;

}

}

/* ==================================================
                        LEGAL PAGES END
================================================== */

/* ==================================================
                  SUN BINGO HEADER START
================================================== */
.sb-header {

  position: fixed;

  z-index: 50;

  top: 0;

  right: 0;

  left: 0;

  padding: 20px 28px;

  background: transparent;

  transition: padding .25s ease;

}

.sb-header__inner {

  display: flex;

  width: min(1240px, 100%);

  min-height: 82px;

  margin: 0 auto;

  padding: 9px 13px 9px 18px;

  align-items: center;

  gap: 24px;

  background: rgba(255, 255, 255, .95);

  border: 3px solid #ffd43b;

  border-radius: 25px;

  box-shadow: 0 0 0 2px rgba(90, 25, 126, .16), 0 9px 0 rgba(70, 19, 104, .18), 0 18px 34px rgba(56, 11, 81, .16);

  backdrop-filter: blur(14px);

  -webkit-backdrop-filter: blur(14px);

  transition: min-height .25s ease, padding .25s ease, border-color .25s ease, box-shadow .25s ease;

}

.sb-header.is-scrolled {

  padding-top: 9px;

  padding-bottom: 9px;

}

.sb-header.is-scrolled .sb-header__inner {

  min-height: 68px;

  padding-top: 5px;

  padding-bottom: 5px;

  border-color: #f3228b;

  box-shadow: 0 0 0 2px rgba(90, 25, 126, .18), 0 7px 0 rgba(70, 19, 104, .16), 0 14px 28px rgba(56, 11, 81, .2);

}

.sb-header__logo {

  display: flex;

  flex: 0 0 180px;

  align-items: center;

  gap: 9px;

  color: #4c176c;

  text-decoration: none !important;

}

.sb-logo__sun {

  position: relative;

  display: block;

  width: 42px;

  height: 42px;

  flex: 0 0 42px;

  background: #ffd43b;

  border: 4px solid #ff9d1c;

  border-radius: 50%;

  box-shadow: 0 0 0 4px rgba(255, 212, 59, .28);

}

.sb-logo__sun::after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 56px;

  height: 6px;

  content: "";

  background: #ffd43b;

  border-radius: 99px;

  box-shadow: 0 -25px 0 #ffd43b, 0 25px 0 #ffd43b;

  transform: translate(-50%, -50%);

}

.sb-logo__text {

  display: flex;

  min-width: 0;

  flex-direction: column;

  line-height: 1;

}

.sb-logo__text strong {

  color: #5b197e;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  font-size: 20px;

  font-weight: 900;

  letter-spacing: -.04em;

  text-transform: uppercase;

  white-space: nowrap;

}

.sb-logo__text small {

  margin-top: 4px;

  color: #f3228b;

  font-family: "Trebuchet MS", Arial, sans-serif;

  font-size: 10px;

  font-weight: 900;

  letter-spacing: .22em;

  text-transform: uppercase;

}

.sb-header__nav {

  display: flex;

  flex: 1 1 auto;

  align-items: center;

  justify-content: center;

  gap: clamp(14px, 1.65vw, 27px);

}

.sb-header__nav a {

  position: relative;

  padding: 12px 0;

  color: #4c176c;

  font-family: "Trebuchet MS", Arial, sans-serif;

  font-size: 14px;

  font-weight: 800;

  line-height: 1;

  text-decoration: none;

  white-space: nowrap;

}

.sb-header__nav a::after {

  position: absolute;

  right: 0;

  bottom: 3px;

  left: 0;

  height: 4px;

  content: "";

  background: #f3228b;

  border-radius: 99px;

  transform: scaleX(0);

  transition: transform .2s ease;

}

.sb-header__nav a:hover::after,
.sb-header__nav a:focus-visible::after {

  transform: scaleX(1);

}

.sb-header__toggle {

  display: none;

}

/* ==================================================
                   SUN BINGO HEADER END
================================================== */

/* ==================================================
                  SUN BINGO BUTTONS START
================================================== */
.sb-button {

  display: inline-flex;

  min-height: 54px;

  padding: 0 28px;

  align-items: center;

  justify-content: center;

  color: #fff !important;

  background: linear-gradient(180deg, #ff3c9e 0%, #da0870 100%);

  border: 3px solid #fff;

  border-radius: 999px;

  box-shadow: 0 6px 0 #86104f, 0 12px 24px rgba(54, 7, 67, .22);

  font-family: "Trebuchet MS", Arial, sans-serif;

  font-size: 16px;

  font-weight: 900;

  line-height: 1;

  text-decoration: none !important;

  text-transform: uppercase;

  transition: transform .2s ease, box-shadow .2s ease;

}

.sb-button:hover,
.sb-button:focus-visible {

  color: #fff;

  transform: translateY(-2px);

  box-shadow: 0 8px 0 #86104f, 0 16px 28px rgba(54, 7, 67, .28);

}

.sb-button--header {

  flex: 0 0 auto;

  white-space: nowrap;

}

.sb-button--hero {

  min-height: 64px;

  padding: 0 38px;

  gap: 12px;

  background: linear-gradient(180deg, #ffb52b 0%, #ff7d13 100%);

  box-shadow: 0 7px 0 #c44d0b, 0 15px 28px rgba(54, 7, 67, .25);

  font-size: 19px;

}

/* ==================================================
                   SUN BINGO BUTTONS END
================================================== */

/* ==================================================
                   SUN BINGO HERO START
================================================== */
.sb-hero {

  position: relative;

  min-height: max(760px, 100vh);

  overflow: hidden;

  background:
    radial-gradient(circle at 8% 80%, rgba(255, 255, 255, .17) 0 5px, transparent 6px),
    linear-gradient(118deg, #7228a8 0%, #9e32bd 53%, #ed389f 100%);

}

.sb-hero__inner {

  position: relative;

  z-index: 3;

  display: grid;

  grid-template-columns: minmax(0, 1.05fr) minmax(400px, .78fr);

  width: min(1180px, calc(100% - 56px));

  min-height: max(760px, 100vh);

  margin: 0 auto;

  padding-top: 118px;

  align-items: center;

  gap: 30px;

}

.sb-hero__content {

  position: relative;

  z-index: 5;

  padding: 58px 0 64px;

  color: #fff;

}

.sb-hero__label {

  display: grid;

  width: 48px;

  height: 48px;

  margin: 0 0 20px;

  place-items: center;

  color: #481265;

  background: #ffda35;

  border: 3px solid #fff;

  border-radius: 50%;

  box-shadow: 0 5px 0 rgba(66, 17, 93, .3);

  font-family: "Trebuchet MS", Arial, sans-serif;

  font-size: 14px;

  font-weight: 900;

}

.sb-hero h1 {

  max-width: 690px;

  margin: 0;

  color: #fff;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  font-size: clamp(60px, 6.2vw, 92px);

  font-weight: 900;

  line-height: .95;

  letter-spacing: -.055em;

  text-shadow: 0 6px 0 rgba(70, 17, 98, .27);

}

.sb-hero__intro {

  max-width: 650px;

  margin: 25px 0 10px;

  color: #fff;

  font-family: Arial, sans-serif;

  font-size: clamp(18px, 1.65vw, 22px);

  font-weight: 700;

  line-height: 1.52;

}

.sb-hero__details {

  max-width: 650px;

  margin: 0 0 31px;

  color: rgba(255, 255, 255, .88);

  font-family: Arial, sans-serif;

  font-size: 16px;

  font-weight: 500;

  line-height: 1.6;

}

.sb-hero__note {

  margin: 18px 0 0;

  color: rgba(255, 255, 255, .78);

  font-family: Arial, sans-serif;

  font-size: 12px;

  font-weight: 700;

  line-height: 1.45;

}

.sb-hero__visual {

  position: relative;

  z-index: 3;

  align-self: end;

}

.sb-hero__visual img {

  position: relative;

  z-index: 3;

  display: block;

  width: min(495px, 100%);

  max-height: 642px;

  margin: 0 auto;

  object-fit: contain;

  object-position: center bottom;

  filter: drop-shadow(0 26px 24px rgba(49, 7, 63, .32));

}

.sb-hero__burst {

  position: absolute;

  z-index: 1;

  top: 48%;

  left: 50%;

  width: 500px;

  aspect-ratio: 1;

  background: repeating-conic-gradient(from -6deg, #ffd43b 0deg 11deg, #ff991c 11deg 22deg);

  border: 11px solid rgba(255, 255, 255, .78);

  border-radius: 50%;

  opacity: .92;

  transform: translate(-50%, -50%);

}

.sb-hero__ball {

  position: absolute;

  z-index: 4;

  display: grid;

  width: 72px;

  height: 72px;

  place-items: center;

  color: #4a1467;

  border: 6px solid #fff;

  border-radius: 50%;

  box-shadow: 0 7px 0 rgba(70, 17, 98, .25);

  font-family: "Trebuchet MS", Arial, sans-serif;

  font-size: 22px;

  font-weight: 900;

}

.sb-hero__ball--pink {

  top: 15%;

  left: -10px;

  background: #ff3c9e;

  transform: rotate(-10deg);

}

.sb-hero__ball--blue {

  right: -26px;

  bottom: 17%;

  background: #20c3ed;

  transform: rotate(12deg);

}

.sb-hero__shape {

  position: absolute;

  border-radius: 50%;

  opacity: .25;

}

.sb-hero__shape--one {

  top: 175px;

  left: -110px;

  width: 255px;

  height: 255px;

  border: 28px solid #ffda35;

}

.sb-hero__shape--two {

  right: 12%;

  bottom: -70px;

  width: 185px;

  height: 185px;

  background: #22c3ed;

}

/* ==================================================
                    SUN BINGO HERO END
================================================== */

/* ==================================================
              SUN BINGO HEADER + HERO MOBILE START
================================================== */
@media (max-width: 1050px) {

  .sb-header__nav {
 gap: 13px;

}

  .sb-header__nav a {
 font-size: 12px;

}

  .sb-hero__inner {
 grid-template-columns: 1fr 420px;

}

  .sb-hero__burst {
 width: 430px;

}

}

@media (max-width: 860px) {

  .sb-header {
 padding: 13px 14px;

}

  .sb-header__inner {
 min-height: 70px;
 padding: 7px 9px 7px 14px;
 border-radius: 21px;

}

  .sb-header__logo {
 flex-basis: 145px;

}

  .sb-logo__text strong {
 font-size: 17px;

}

  .sb-logo__sun {
 width: 36px;
 height: 36px;
 flex-basis: 36px;

}

  .sb-logo__sun::after {
 width: 47px;
 box-shadow: 0 -21px 0 #ffd43b, 0 21px 0 #ffd43b;

}

  .sb-header__toggle {

    display: grid;

    width: 44px;

    height: 44px;

    margin-left: auto;

    padding: 0;

    place-content: center;

    gap: 5px;

    background: #ffd43b;

    border: 0;

    border-radius: 50%;

}

  .sb-header__toggle span {
 display: block;
 width: 21px;
 height: 3px;
 background: #4a1467;
 border-radius: 99px;

}

  .sb-header__nav {

    position: absolute;

    top: calc(100% + 5px);

    right: 14px;

    left: 14px;

    display: none;

    padding: 17px;

    align-items: stretch;

    flex-direction: column;

    gap: 2px;

    background: #fff;

    border: 3px solid #ffd43b;

    border-radius: 20px;

    box-shadow: 0 12px 28px rgba(55, 9, 71, .18);

}

  .sb-header__nav.is-open {
 display: flex;

}

  .sb-header__nav a {
 padding: 10px;
 font-size: 15px;

}

  .sb-button--header {
 min-height: 44px;
 padding: 0 17px;
 border-width: 2px;
 font-size: 13px;

}

  .sb-hero {
 min-height: 100svh;

}

  .sb-hero__inner {

    grid-template-columns: 1fr;

    width: min(680px, calc(100% - 34px));

    min-height: 100svh;

    padding-top: 105px;

    text-align: center;

}

  .sb-hero__content {
 padding: 60px 0 25px;

}

  .sb-hero__label {
 margin-right: auto;
 margin-left: auto;

}

  .sb-hero__intro {
 margin-right: auto;
 margin-left: auto;

}

  .sb-hero__details {
 margin-right: auto;
 margin-left: auto;

}

  .sb-hero__visual {
 width: min(500px, 100%);
 margin: 0 auto;

}

  .sb-hero__visual img {
 max-height: 610px;

}

}

@media (max-width: 540px) {

  .sb-header__logo {
 flex-basis: 112px;

}

  .sb-logo__text strong {
 font-size: 14px;

}

  .sb-logo__text small {
 font-size: 8px;

}

  .sb-logo__sun {
 width: 31px;
 height: 31px;
 flex-basis: 31px;
 border-width: 3px;

}

  .sb-logo__sun::after {
 width: 40px;
 height: 5px;
 box-shadow: 0 -18px 0 #ffd43b, 0 18px 0 #ffd43b;

}

  .sb-header__inner {
 gap: 8px;

}

  .sb-header__toggle {
 width: 39px;
 height: 39px;

}

  .sb-button--header {
 min-height: 40px;
 padding: 0 12px;
 font-size: 12px;

}

  .sb-hero__content {
 padding-top: 48px;

}

  .sb-hero h1 {
 font-size: clamp(49px, 15vw, 68px);

}

  .sb-hero__intro {
 font-size: 17px;

}

  .sb-hero__details {
 font-size: 15px;

}

  .sb-hero__burst {
 width: 350px;

}

  .sb-hero__ball {
 width: 56px;
 height: 56px;
 border-width: 4px;
 font-size: 17px;

}

  .sb-hero__ball--blue {
 right: -7px;

}

}

/* ==================================================
               SUN BINGO HEADER + HERO MOBILE END
================================================== */

/* ==================================================
                  SUN BINGO OVERVIEW START
================================================== */
.sb-overview {

  position: relative;

  padding: 118px 28px 126px;

  overflow: hidden;

  color: #3f1558;

  background:
    radial-gradient(circle at 4% 8%, rgba(255, 213, 59, .26) 0 90px, transparent 91px),
    radial-gradient(circle at 96% 92%, rgba(32, 195, 237, .16) 0 150px, transparent 151px),
    #fffaf0;

  scroll-margin-top: 100px;

}

.sb-overview__inner {

  width: min(1420px, 100%);

  margin: 0 auto;

}

@media (min-width: 1500px) {

  .sb-overview__header {
 grid-template-columns: minmax(0, 1.15fr) minmax(400px, .65fr);

}

  .sb-overview__spotlight {
 grid-template-columns: minmax(0, 1.2fr) minmax(390px, .6fr);
 padding-right: 78px;
 padding-left: 72px;

}

  .sb-overview__grid {
 gap: 28px;

}

  .sb-overview__tile {
 padding: 42px 44px 38px;

}

  .sb-overview__essentials {
 padding-right: 58px;
 padding-left: 58px;

}

}

.sb-overview__header {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(340px, .75fr);

  margin-bottom: 48px;

  align-items: end;

  gap: 56px;

}

.sb-overview__eyebrow,
.sb-overview__kicker,
.sb-overview__tile-label {

  display: block;

  margin: 0 0 12px;

  color: #ed2589;

  font-family: "Trebuchet MS", Arial, sans-serif;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .11em;

  text-transform: uppercase;

}

.sb-overview__header h2 {

  max-width: 700px;

  margin: 0;

  color: #4e176e;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  font-size: clamp(44px, 5vw, 68px);

  font-weight: 900;

  line-height: 1.02;

  letter-spacing: -.05em;

}

.sb-overview__header > p {

  max-width: 570px;

  margin: 0;

  color: #6f5a79;

  font-family: Arial, sans-serif;

  font-size: 17px;

  line-height: 1.72;

}

.sb-overview__spotlight {

  position: relative;

  display: grid;

  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .7fr);

  min-height: 430px;

  padding: 52px 58px;

  align-items: center;

  gap: 46px;

  overflow: hidden;

  color: #fff;

  background: linear-gradient(130deg, #6d259f 0%, #9e31be 58%, #ef3298 100%);

  border: 5px solid #fff;

  border-radius: 42px;

  box-shadow: 0 0 0 4px #ffd43b, 0 22px 0 rgba(83, 24, 110, .12), 0 35px 65px rgba(76, 25, 98, .16);

}

.sb-overview__spotlight::before {

  position: absolute;

  right: -60px;

  bottom: -100px;

  width: 300px;

  height: 300px;

  content: "";

  border: 40px solid rgba(255, 255, 255, .1);

  border-radius: 50%;

}

.sb-overview__spotlight-copy {
 position: relative;
 z-index: 2;

}

.sb-overview__kicker {
 color: #ffd83c;

}

.sb-overview__spotlight h3 {

  margin: 0 0 19px;

  color: #fff;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  font-size: clamp(34px, 4vw, 54px);

  line-height: 1.04;

  letter-spacing: -.045em;

}

.sb-overview__spotlight-copy > p {

  max-width: 760px;

  margin: 0;

  color: rgba(255, 255, 255, .91);

  font-family: Arial, sans-serif;

  font-size: 16px;

  line-height: 1.72;

}

.sb-overview__chips {
 display: flex;
 margin-top: 25px;
 flex-wrap: wrap;
 gap: 9px;

}

.sb-overview__chips span {

  padding: 9px 14px;

  color: #fff;

  background: rgba(255, 255, 255, .14);

  border: 2px solid rgba(255, 255, 255, .38);

  border-radius: 999px;

  font: 800 13px/1 Arial, sans-serif;

}

.sb-overview__platform-art {

  position: absolute;

  position: relative;

  z-index: 2;

  min-height: 340px;

}

.sb-overview__platform-art::before,
.sb-overview__platform-art::after {

  position: absolute;

  top: 50%;

  left: 50%;

  content: "";

  border: 2px dashed rgba(255, 255, 255, .28);

  border-radius: 50%;

  transform: translate(-50%, -50%);

}

.sb-overview__platform-art::before {
 width: 305px;
 height: 305px;

}

.sb-overview__platform-art::after {
 width: 235px;
 height: 235px;

}

.sb-overview__sun-core {

  position: absolute;

  z-index: 3;

  top: 50%;

  left: 50%;

  display: grid;

  width: 160px;

  height: 160px;

  place-items: center;

  align-content: center;

  color: #50166f;

  background: linear-gradient(145deg, #ffe253, #ff9d1c);

  border: 9px solid #fff;

  border-radius: 50%;

  box-shadow: 0 14px 0 rgba(67, 16, 91, .25), 0 22px 38px rgba(67, 16, 91, .2);

  text-align: center;

  transform: translate(-50%, -50%);

}

.sb-overview__sun-core span {

  width: 32px;

  height: 32px;

  margin-bottom: 7px;

  background: #fff;

  border-radius: 50%;

  box-shadow: 0 0 0 8px rgba(255, 255, 255, .25);

}

.sb-overview__sun-core strong {

  color: #551771;

  font: 900 18px/1 "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  text-transform: uppercase;

}

.sb-overview__sun-core small {

  margin-top: 6px;

  color: #b31a6b;

  font: 900 10px/1 Arial, sans-serif;

  letter-spacing: .18em;

  text-transform: uppercase;

}

.sb-overview__orbit {

  position: absolute;

  z-index: 4;

  display: grid;

  min-width: 84px;

  height: 47px;

  padding: 0 14px;

  place-items: center;

  color: #541770;

  background: #fff;

  border: 4px solid var(--orbit-color);

  border-radius: 999px;

  box-shadow: 0 7px 0 rgba(67, 16, 91, .22);

  font: 900 13px/1 Arial, sans-serif;

}

.sb-overview__orbit--bingo {
 --orbit-color: #ffd43b;
 top: 7px;
 left: 50%;
 min-width: 104px;
 transform: translateX(-50%) rotate(-3deg);

}

.sb-overview__orbit--slots {
 --orbit-color: #f43b9a;
 top: 91px;
 right: -8px;
 transform: rotate(6deg);

}

.sb-overview__orbit--slingo {
 --orbit-color: #20c3ed;
 right: 22px;
 bottom: 40px;
 transform: rotate(-5deg);

}

.sb-overview__orbit--casino {
 --orbit-color: #ff991c;
 bottom: 12px;
 left: 24px;
 transform: rotate(5deg);

}

.sb-overview__orbit--live {
 --orbit-color: #d884ff;
 top: 91px;
 left: -8px;
 transform: rotate(-6deg);

}

.sb-overview__grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  margin-top: 58px;

  gap: 22px;

}

.sb-overview__tile {

  position: relative;

  min-height: 330px;

  padding: 38px 38px 34px;

  overflow: hidden;

  background: #fff;

  border: 2px solid rgba(80, 23, 111, .1);

  border-radius: 30px;

  box-shadow: 0 15px 38px rgba(71, 28, 88, .08);

}

.sb-overview__tile::after {

  position: absolute;

  right: -45px;

  bottom: -55px;

  width: 150px;

  height: 150px;

  content: "";

  background: var(--sb-tile-color);

  border-radius: 50%;

  opacity: .11;

}

.sb-overview__tile--slots {
 --sb-tile-color: #f3228b;

}

.sb-overview__tile--slingo {
 --sb-tile-color: #20c3ed;

}

.sb-overview__tile--casino {
 --sb-tile-color: #ff9b20;

}

.sb-overview__tile--live {
 --sb-tile-color: #7a2ca9;

}

.sb-overview__icon {

  display: grid;

  width: 58px;

  height: 58px;

  margin-bottom: 25px;

  place-items: center;

  color: #fff;

  background: var(--sb-tile-color);

  border: 5px solid #fff;

  border-radius: 18px;

  box-shadow: 0 0 0 3px var(--sb-tile-color), 0 8px 18px rgba(71, 28, 88, .14);

  font: 900 25px/1 Arial, sans-serif;

  transform: rotate(-4deg);

}

.sb-overview__tile-label {
 margin-bottom: 8px;
 color: var(--sb-tile-color);

}

.sb-overview__tile h3 {

  max-width: 460px;

  margin: 0 0 14px;

  color: #4c176c;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  font-size: 27px;

  line-height: 1.15;

  letter-spacing: -.03em;

}

.sb-overview__tile > p:last-child {

  position: relative;

  z-index: 2;

  margin: 0;

  color: #725f7a;

  font-family: Arial, sans-serif;

  font-size: 15px;

  line-height: 1.68;

  max-width: 570px;

}

.sb-overview__essentials {

  margin-top: 56px;

  padding: 48px 50px 50px;

  background: #fff;

  border: 3px solid #ffd43b;

  border-radius: 34px;

  box-shadow: 0 16px 42px rgba(71, 28, 88, .09);

}

.sb-overview__essentials > header {

  display: grid;

  grid-template-columns: .55fr 1fr;

  margin-bottom: 35px;

  align-items: end;

  gap: 30px;

}

.sb-overview__essentials h3 {

  margin: 0;

  color: #4c176c;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;

  font-size: 34px;

  line-height: 1.12;

  letter-spacing: -.035em;

}

.sb-overview__essentials-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 18px 28px;

}

.sb-overview__essentials-grid article {
 display: flex;
 padding: 20px;
 gap: 17px;
 background: #fffaf0;
 border-radius: 20px;

}

.sb-overview__essentials-grid article > span {

  display: grid;

  width: 43px;

  height: 43px;

  flex: 0 0 43px;

  place-items: center;

  color: #fff;

  background: #7a2ca9;

  border-radius: 50%;

  font: 900 17px/1 Arial, sans-serif;

}

.sb-overview__essentials-grid article:nth-child(2) > span {
 background: #f3228b;

}

.sb-overview__essentials-grid article:nth-child(3) > span {
 background: #ff991c;

}

.sb-overview__essentials-grid article:nth-child(4) > span {
 background: #20b9df;

}

.sb-overview__essentials-grid strong {
 display: block;
 margin-bottom: 7px;
 color: #4c176c;
 font: 900 17px/1.2 "Trebuchet MS", Arial, sans-serif;

}

.sb-overview__essentials-grid p {
 margin: 0;
 color: #75637d;
 font: 14px/1.58 Arial, sans-serif;

}

@media (max-width: 900px) {

  .sb-overview {
 padding: 90px 20px 100px;

}

  .sb-overview__header {
 grid-template-columns: 1fr;
 gap: 22px;

}

  .sb-overview__spotlight {
 grid-template-columns: 1fr;
 padding: 45px;

}

  .sb-overview__platform-art {
 min-height: 350px;

}

  .sb-overview__essentials > header {
 grid-template-columns: 1fr;
 gap: 5px;

}

}

@media (max-width: 680px) {

  .sb-overview {
 padding-right: 15px;
 padding-left: 15px;

}

  .sb-overview__header h2 {
 font-size: 43px;

}

  .sb-overview__spotlight {
 padding: 35px 27px 42px;
 border-radius: 30px;

}

  .sb-overview__grid, .sb-overview__essentials-grid {
 grid-template-columns: 1fr;

}

  .sb-overview__tile {
 min-height: auto;
 padding: 32px 27px;

}

  .sb-overview__essentials {
 padding: 36px 24px;

}

  .sb-overview__essentials h3 {
 font-size: 29px;

}

}

/* ==================================================
                   SUN BINGO OVERVIEW END
================================================== */

/* ==================================================
                 SUN BINGO ONLINE BINGO START
================================================== */
.sb-bingo {
 padding: 120px 28px 125px;
 color: #401557;
 background: #fff;
 scroll-margin-top: 95px;

}

.sb-bingo__inner {
 width: min(1420px, 100%);
 margin: 0 auto;

}

@media (min-width:1500px){

  .sb-bingo__header{
grid-template-columns:minmax(0,1.15fr) minmax(400px,.65fr)
}

  .sb-bingo__intro{
grid-template-columns:minmax(0,1.25fr) 410px;
padding-right:75px;
padding-left:72px
}

  .sb-bingo__format{
grid-template-columns:175px 1fr;
padding-right:54px;
padding-left:38px
}

  .sb-bingo__choice,.sb-bingo__advantages{
padding-right:58px;
padding-left:58px
}

}

.sb-bingo__header {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr);
 margin-bottom: 48px;
 align-items: end;
 gap: 55px;

}

.sb-bingo__eyebrow, .sb-bingo__label {
 display: block;
 margin: 0 0 11px;
 color: #ed2589;
 font: 900 13px/1 "Trebuchet MS", Arial, sans-serif;
 letter-spacing: .12em;
 text-transform: uppercase;

}

.sb-bingo__header h2 {
 max-width: 720px;
 margin: 0;
 color: #4d176c;
 font: 900 clamp(46px, 5vw, 69px)/1.02 "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
 letter-spacing: -.052em;

}

.sb-bingo__header > p {
 max-width:570px;
 margin: 0;
 color: #74627b;
 font: 17px/1.72 Arial, sans-serif;

}

.sb-bingo__intro {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 370px;
 padding: 52px 56px;
 align-items: center;
 gap: 52px;
 overflow: hidden;
 background: linear-gradient(135deg, #7228a8, #a12fc0 58%, #ef3298);
 border: 5px solid #fff;
 border-radius: 40px;
 box-shadow: 0 0 0 4px #ffd43b, 0 22px 0 rgba(82, 22, 108, .12);

}

.sb-bingo__intro-copy {
 color: #fff;

}

.sb-bingo__intro .sb-bingo__label {
 color: #ffd83c;

}

.sb-bingo__intro h3 {
 max-width: 700px;
 margin: 0 0 17px;
 color: #fff;
 font: 900 clamp(34px, 3.8vw, 50px)/1.06 "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
 letter-spacing: -.04em;

}

.sb-bingo__intro-copy > p {
 max-width:780px;
 margin: 0;
 color: rgba(255,255,255,.9);
 font: 16px/1.7 Arial, sans-serif;

}

.sb-bingo__steps {
 display: grid;
 grid-template-columns: repeat(2, minmax(0,1fr));
 margin: 28px 0 0;
 padding: 0;
 gap: 12px;
 list-style: none;

}

.sb-bingo__steps li {
 position: relative;
 min-height: 94px;
 padding: 17px 14px 15px 62px;
 background: rgba(255,255,255,.12);
 border: 1px solid rgba(255,255,255,.26);
 border-radius: 16px;

}

.sb-bingo__steps i {
 position:absolute;
 top:18px;
 left:14px;
 display:block;
 width:34px;
 height:34px;
 background:#ffd83c;
 border:3px solid #fff;
 border-radius:11px;
 box-shadow:0 4px 0 rgba(67,16,91,.2);

}

.sb-bingo__steps i::before,.sb-bingo__steps i::after{
position:absolute;
content:"";
box-sizing:border-box
}

.sb-bingo__step--room i::before{
top:8px;
left:7px;
width:14px;
height:15px;
border:3px solid #54166f;
border-top:0;
border-radius:2px
}

.sb-bingo__step--room i::after{
top:4px;
left:7px;
width:15px;
height:15px;
border-top:3px solid #54166f;
border-left:3px solid #54166f;
transform:rotate(45deg)
}

.sb-bingo__step--ticket i::before{
top:7px;
left:6px;
width:17px;
height:19px;
background:repeating-linear-gradient(90deg,#54166f 0 3px,transparent 3px 7px);
border:2px solid #54166f;
border-radius:2px
}

.sb-bingo__step--draw i::before{
top:6px;
left:6px;
width:17px;
height:17px;
border:3px solid #54166f;
border-radius:50%
}

.sb-bingo__step--draw i::after{
right:5px;
bottom:5px;
width:9px;
height:3px;
background:#54166f;
border-radius:3px;
transform:rotate(45deg)
}

.sb-bingo__step--win i::before{
top:6px;
left:7px;
width:16px;
height:14px;
border:3px solid #54166f;
border-top:0;
border-radius:0 0 9px 9px
}

.sb-bingo__step--win i::after{
bottom:5px;
left:12px;
width:8px;
height:8px;
border-bottom:3px solid #54166f;
border-left:3px solid #54166f;
transform:rotate(-45deg)
}

.sb-bingo__steps strong {
 display: block;
 margin-bottom: 4px;
 color: #fff;
 font: 900 14px/1.2 "Trebuchet MS", Arial, sans-serif;

}

.sb-bingo__steps span {
 color: rgba(255,255,255,.78);
 font: 12px/1.4 Arial, sans-serif;

}

.sb-bingo__ticket {
 position: relative;
 width: 290px;
 margin: 0 auto;
 padding: 22px;
 background: #fff;
 border: 9px solid #ffd43b;
 border-radius: 27px;
 box-shadow: 0 18px 0 rgba(67,16,91,.28);
 transform: rotate(5deg);

}

.sb-bingo__ticket > strong {
 display: block;
 margin-bottom: 14px;
 color: #ed2589;
 font: 900 29px/1 "Trebuchet MS", Arial, sans-serif;
 letter-spacing: .22em;
 text-align: center;

}

.sb-bingo__ticket > div {
 display: grid;
 grid-template-columns: repeat(5,1fr);
 gap: 6px;

}

.sb-bingo__ticket i {
 display: grid;
 aspect-ratio: 1;
 place-items: center;
 color: #50166f;
 background: #fff3c5;
 border-radius: 8px;
 font: normal 800 14px/1 Arial, sans-serif;

}

.sb-bingo__ticket i:nth-child(8) {
 color: #fff;
 background: #ed2589;

}

.sb-bingo__ticket-ball {
 position: absolute;
 display: grid;
 width: 72px;
 height: 72px;
 place-items: center;
 color: #52166f;
 background: #ff991c;
 border: 7px solid #fff;
 border-radius: 50%;
 box-shadow: 0 8px 0 rgba(67,16,91,.22);
 font: 900 19px/1 Arial,sans-serif;

}

.sb-bingo__ticket-ball--one {
 top: -42px;
 right: -44px;

}

.sb-bingo__ticket-ball--two {
 bottom: -44px;
 left: -45px;
 background: #20c3ed;

}

.sb-bingo__formats {
 display: grid;
 margin-top: 72px;
 gap: 24px;

}

.sb-bingo__format {
 display: grid;
 grid-template-columns: 155px 1fr;
 padding: 37px 42px 37px 30px;
 align-items: center;
 gap: 34px;
 background: #fffaf0;
 border: 2px solid rgba(79,22,108,.09);
 border-radius: 30px;
 box-shadow: 0 14px 36px rgba(70,25,88,.07);

}

.sb-bingo__format-number {
 display: grid;
 width: 118px;
 height: 118px;
 place-items: center;
 color: #4e176d;
 background: var(--format-color);
 border: 8px solid #fff;
 border-radius: 50%;
 box-shadow: 0 0 0 4px var(--format-color), 0 10px 0 rgba(78,23,109,.15);
 font: 900 37px/1 "Arial Rounded MT Bold", Arial, sans-serif;

}

.sb-bingo__format--75 {
 --format-color:#ffd43b;

}

.sb-bingo__format--80 {
 --format-color:#20c3ed;

}

.sb-bingo__format--90 {
 --format-color:#f43b9a;

}

.sb-bingo__format-copy > span {
 display:block;
 margin-bottom:7px;
 color:var(--format-color);
 filter:saturate(1.4) brightness(.75);
 font:900 12px/1 Arial,sans-serif;
 letter-spacing:.1em;
 text-transform:uppercase;

}

.sb-bingo__format h3 {
 margin:0 0 12px;
 color:#4e176d;
 font:900 31px/1.1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
 letter-spacing:-.035em;

}

.sb-bingo__format p {
 max-width:1050px;
 margin:0;
 color:#715e79;
 font:15px/1.68 Arial,sans-serif;

}

.sb-bingo__format ul {
 display:flex;
 margin:18px 0 0;
 padding:0;
 flex-wrap:wrap;
 gap:8px;
 list-style:none;

}

.sb-bingo__format li {
 padding:8px 12px;
 color:#5a286d;
 background:#fff;
 border:1px solid rgba(79,22,108,.1);
 border-radius:999px;
 font:800 12px/1 Arial,sans-serif;

}

.sb-bingo__choice {
 margin-top:68px;
 padding:48px 50px 50px;
 background:#4e176d;
 border-radius:34px;
 box-shadow:0 18px 42px rgba(68,20,92,.15);

}

.sb-bingo__choice > header {
 display:grid;
 grid-template-columns:.8fr 1.2fr;
 margin-bottom:32px;
 align-items:end;
 gap:35px;

}

.sb-bingo__choice .sb-bingo__eyebrow {
 color:#ffd43b;

}

.sb-bingo__choice h3 {
 margin:0;
 color:#fff;
 font:900 36px/1.12 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
 letter-spacing:-.035em;

}

.sb-bingo__choice header p {
 margin:0;
 color:rgba(255,255,255,.72);
 font:15px/1.6 Arial,sans-serif;

}

.sb-bingo__choice-grid {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;

}

.sb-bingo__choice-grid article {
 display:grid;
 grid-template-columns:44px 1fr;
 padding:21px;
 column-gap:15px;
 background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.18);
 border-radius:20px;

}

.sb-bingo__choice-grid article > span {
 display:grid;
 width:44px;
 height:44px;
 grid-row:1/3;
 place-items:center;
 color:#4e176d;
 background:#ffd43b;
 border-radius:50%;
 font:900 17px/1 Arial,sans-serif;

}

.sb-bingo__choice-grid strong {
 color:#fff;
 font:900 16px/1.25 "Trebuchet MS",Arial,sans-serif;

}

.sb-bingo__choice-grid p {
 margin:6px 0 0;
 color:rgba(255,255,255,.72);
 font:13px/1.5 Arial,sans-serif;

}

.sb-bingo__advantages {
 display:grid;
 grid-template-columns:.65fr 1.35fr;
 margin-top:62px;
 padding:49px 50px;
 gap:48px;
 background:#fffaf0;
 border:3px solid #ffd43b;
 border-radius:34px;

}

.sb-bingo__advantages h3 {
 margin:0;
 color:#4e176d;
 font:900 36px/1.12 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
 letter-spacing:-.04em;

}

.sb-bingo__advantages ul {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 margin:0;
 padding:0;
 gap:22px 25px;
 list-style:none;

}

.sb-bingo__advantages li {
 position:relative;
 padding-left:25px;

}

.sb-bingo__advantages li::before {
 position:absolute;
 top:3px;
 left:0;
 width:13px;
 height:13px;
 content:"";
 background:#f3228b;
 border:3px solid #fff;
 border-radius:50%;
 box-shadow:0 0 0 2px #f3228b;

}

.sb-bingo__advantages strong {
 display:block;
 margin-bottom:6px;
 color:#4e176d;
 font:900 15px/1.25 "Trebuchet MS",Arial,sans-serif;

}

.sb-bingo__advantages li span {
 color:#75647b;
 font:13px/1.5 Arial,sans-serif;

}

.sb-bingo__tip {
 display:flex;
 margin-top:25px;
 padding:24px 28px;
 align-items:center;
 gap:25px;
 color:#4e176d;
 background:#dff8ff;
 border-left:7px solid #20c3ed;
 border-radius:18px;

}

.sb-bingo__tip strong {
 flex:0 0 auto;
 font:900 18px/1.2 "Trebuchet MS",Arial,sans-serif;

}

.sb-bingo__tip p {
 margin:0;
 color:#5f6174;
 font:14px/1.58 Arial,sans-serif;

}

@media(max-width:900px){
.sb-bingo{
padding:95px 20px 105px
}
.sb-bingo__header{
grid-template-columns:1fr;
gap:20px
}
.sb-bingo__intro{
grid-template-columns:1fr;
padding:45px
}
.sb-bingo__ticket{
margin-top:45px
}
.sb-bingo__choice>header,.sb-bingo__advantages{
grid-template-columns:1fr
}
.sb-bingo__choice>header{
gap:10px
}

}

@media(max-width:680px){
.sb-bingo{
padding-right:15px;
padding-left:15px
}
.sb-bingo__header h2{
font-size:43px
}
.sb-bingo__intro{
padding:35px 25px 48px;
border-radius:30px
}
.sb-bingo__steps,.sb-bingo__choice-grid,.sb-bingo__advantages ul{
grid-template-columns:1fr
}
.sb-bingo__ticket{
width:245px
}
.sb-bingo__format{
grid-template-columns:1fr;
padding:32px 25px
}
.sb-bingo__format-number{
width:92px;
height:92px;
font-size:29px
}
.sb-bingo__choice,.sb-bingo__advantages{
padding:36px 24px
}
.sb-bingo__tip{
align-items:flex-start;
flex-direction:column;
gap:8px
}

}

/* ==================================================
                  SUN BINGO ONLINE BINGO END
================================================== */

/* ==================================================
                  SUN BINGO SLOTS & SLINGO START
================================================== */
.sb-slots{
padding:120px 28px 125px;
color:#fff;
background:linear-gradient(145deg,#3f115b 0%,#651c87 58%,#8f267f 100%);
scroll-margin-top:95px;
overflow:hidden
}

.sb-slots__inner{
width:min(1420px,100%);
margin:0 auto
}
.sb-slots__header{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(380px,.7fr);
align-items:end;
gap:60px
}
.sb-slots__eyebrow{
display:block;
margin:0 0 12px;
color:#ffd43b;
font:900 13px/1 "Trebuchet MS",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase
}
.sb-slots__header h2{
max-width:820px;
margin:0;
color:#fff;
font:900 clamp(47px,5vw,70px)/1.01 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.052em
}
.sb-slots__header>p{
max-width:570px;
margin:0;
color:rgba(255,255,255,.76);
font:17px/1.72 Arial,sans-serif
}

.sb-slots__types{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
margin-top:55px;
gap:15px
}
.sb-slots__types article{
padding:27px 24px;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.18);
border-radius:23px
}
.sb-slots__types article>span{
display:grid;
width:45px;
height:45px;
margin-bottom:20px;
place-items:center;
color:#4a145f;
background:#ffd43b;
border:4px solid #fff;
border-radius:14px;
font:900 19px/1 Arial,sans-serif;
transform:rotate(-4deg)
}
.sb-slots__types h3{
margin:0 0 9px;
color:#fff;
font:900 19px/1.2 "Trebuchet MS",Arial,sans-serif
}
.sb-slots__types p{
margin:0;
color:rgba(255,255,255,.7);
font:13px/1.55 Arial,sans-serif
}

.sb-slots__popular{
margin-top:72px
}
.sb-slots__popular>header{
display:grid;
grid-template-columns:1fr minmax(340px,.6fr);
align-items:end;
gap:45px;
margin-bottom:31px
}
.sb-slots__popular h3{
max-width:790px;
margin:0;
color:#fff;
font:900 38px/1.1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.04em
}
.sb-slots__popular header p{
margin:0;
color:rgba(255,255,255,.7);
font:14px/1.62 Arial,sans-serif
}
.sb-slots__showcase{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:16px
}
.sb-game-card{
min-width:0;
padding:10px 10px 21px;
background:#fff;
border-radius:22px;
box-shadow:0 18px 35px rgba(32,5,43,.2)
}
.sb-game-card__art{
display:flex;
aspect-ratio:4/5;
padding:18px;
align-items:center;
justify-content:center;
flex-direction:column;
color:#fff;
background:linear-gradient(145deg,var(--game-a),var(--game-b));
border-radius:16px;
text-align:center;
overflow:hidden
}
.sb-game-card__art span{
display:grid;
width:62px;
height:62px;
margin-bottom:17px;
place-items:center;
background:rgba(255,255,255,.22);
border:4px solid #fff;
border-radius:50%;
font:900 28px/1 Arial,sans-serif
}
.sb-game-card__art b{
font:900 21px/1.05 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
text-shadow:0 3px 0 rgba(44,8,55,.2)
}
.sb-game-card>small{
display:block;
margin:16px 9px 6px;
color:var(--game-a);
font:900 10px/1 Arial,sans-serif;
letter-spacing:.09em;
text-transform:uppercase
}
.sb-game-card h4{
margin:0 9px 8px;
color:#4b1767;
font:900 16px/1.2 "Trebuchet MS",Arial,sans-serif
}
.sb-game-card p{
margin:0 9px;
color:#77667c;
font:12px/1.48 Arial,sans-serif
}
.sb-game-card--fluffy{
--game-a:#f33b94;
--game-b:#7830af
}
.sb-game-card--sugar{
--game-a:#1ebce7;
--game-b:#ef43ae
}
.sb-game-card--headlines{
--game-a:#f04b31;
--game-b:#8d185d
}
.sb-game-card--pots{
--game-a:#f4ad1f;
--game-b:#209f73
}
.sb-game-card--bass{
--game-a:#1ca9d1;
--game-b:#194e9f
}
.sb-game-card--sun{
--game-a:#ff9d1c;
--game-b:#e82c83
}

.sb-slingo{
display:grid;
grid-template-columns:minmax(0,1fr) 480px;
margin-top:75px;
padding:56px 62px;
align-items:center;
gap:62px;
color:#42155c;
background:#fff;
border:5px solid #fff;
border-radius:40px;
box-shadow:0 0 0 4px #20c3ed,0 22px 0 rgba(31,7,43,.16)
}
.sb-slingo .sb-slots__eyebrow{
color:#ef268a
}
.sb-slingo h3{
margin:0 0 18px;
color:#4c176a;
font:900 clamp(38px,4vw,55px)/1.04 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.045em
}
.sb-slingo__copy>p{
margin:0 0 13px;
color:#6f5c77;
font:15px/1.68 Arial,sans-serif
}
.sb-slingo__copy ul{
display:flex;
margin:23px 0 0;
padding:0;
flex-wrap:wrap;
gap:8px;
list-style:none
}
.sb-slingo__copy li{
padding:9px 13px;
color:#51206a;
background:#fff3cb;
border-radius:999px;
font:800 12px/1 Arial,sans-serif
}
.sb-slingo__visual{
position:relative;
min-height:350px;
padding:46px 32px 30px;
background:linear-gradient(145deg,#6e28a1,#e92e95);
border-radius:29px;
transform:rotate(2deg)
}
.sb-slingo__reels{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:6px;
margin-bottom:17px
}
.sb-slingo__reels span{
display:grid;
aspect-ratio:1;
place-items:center;
color:#4b1667;
background:#ffd43b;
border:4px solid #fff;
border-radius:50%;
font:900 17px/1 Arial,sans-serif
}
.sb-slingo__grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:7px;
padding:16px;
background:#fff;
border-radius:18px
}
.sb-slingo__grid i{
display:grid;
aspect-ratio:1;
place-items:center;
color:#4c176a;
background:#e6faff;
border-radius:8px;
font:normal 900 14px/1 Arial,sans-serif
}
.sb-slingo__grid i:nth-child(7){
color:#fff;
background:#ef268a
}

.sb-slots__slingo-games{
margin-top:54px
}
.sb-slots__slingo-games>header{
display:grid;
grid-template-columns:1fr 1fr;
align-items:end;
gap:30px;
margin-bottom:22px
}
.sb-slots__slingo-games h3{
margin:0;
color:#fff;
font:900 33px/1.1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif
}
.sb-slots__slingo-games header p{
margin:0;
color:rgba(255,255,255,.68);
font:14px/1.55 Arial,sans-serif
}
.sb-slots__slingo-games>div{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px
}
.sb-slots__slingo-games article{
padding:23px;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.17);
border-radius:19px
}
.sb-slots__slingo-games strong{
display:block;
margin-bottom:7px;
color:#ffd43b;
font:900 15px/1.25 "Trebuchet MS",Arial,sans-serif
}
.sb-slots__slingo-games span{
color:rgba(255,255,255,.7);
font:13px/1.48 Arial,sans-serif
}
.sb-slots__check{
display:flex;
margin-top:28px;
padding:24px 28px;
align-items:center;
gap:24px;
color:#4c176a;
background:#fff5ce;
border-left:7px solid #ffd43b;
border-radius:18px
}
.sb-slots__check strong{
flex:0 0 auto;
font:900 17px/1.2 "Trebuchet MS",Arial,sans-serif
}
.sb-slots__check p{
margin:0;
color:#63566a;
font:13px/1.56 Arial,sans-serif
}

@media(max-width:1250px){
.sb-slots__showcase{
grid-template-columns:repeat(3,1fr)
}
.sb-slots__types{
grid-template-columns:repeat(2,1fr)
}

}
@media(max-width:900px){
.sb-slots{
padding:95px 20px 105px
}
.sb-slots__header,.sb-slots__popular>header{
grid-template-columns:1fr;
gap:20px
}
.sb-slingo{
grid-template-columns:1fr;
padding:46px
}
.sb-slots__slingo-games>div{
grid-template-columns:repeat(2,1fr)
}

}
@media(max-width:680px){
.sb-slots{
padding-right:15px;
padding-left:15px
}
.sb-slots__header h2{
font-size:43px
}
.sb-slots__types,.sb-slots__showcase,.sb-slots__slingo-games>div,.sb-slots__slingo-games>header{
grid-template-columns:1fr
}
.sb-game-card{
display:grid;
grid-template-columns:145px 1fr;
column-gap:10px
}
.sb-game-card__art{
grid-row:1/5
}
.sb-slingo{
padding:36px 24px;
border-radius:30px
}
.sb-slingo__visual{
min-height:300px;
padding:38px 20px 25px
}
.sb-slots__check{
align-items:flex-start;
flex-direction:column;
gap:7px
}

}

/* ==================================================
                   SUN BINGO SLOTS & SLINGO END
================================================== */

/* ==================================================
           SLOTS & SLINGO VISUAL CORRECTIONS START
================================================== */
.sb-game-card {
 padding: 9px 9px 18px;

}

.sb-game-card > img {

  display: block;

  width: 100%;

  aspect-ratio: 1;

  object-fit: cover;

  border-radius: 14px;

}

.sb-game-card > small {
 margin: 14px 8px 6px;
 color: #ef268a;
 font-size: 9px;

}

.sb-game-card h4 {
 margin: 0 8px;
 font-size: 14px;

}

.sb-slingo__visual {
 min-height: 500px;
 padding: 24px 25px 20px;
 transform: rotate(1deg);

}

.sb-slingo__status {
 display: flex;
 margin-bottom: 14px;
 justify-content: space-between;
 gap: 10px;

}

.sb-slingo__status > span {
 display: flex;
 padding: 8px 12px;
 align-items: center;
 gap: 9px;
 color: #fff;
 background: rgba(255,255,255,.15);
 border-radius: 12px;

}

.sb-slingo__status small {
 font: 700 10px/1 Arial,sans-serif;
 text-transform: uppercase;

}

.sb-slingo__status strong {
 color: #ffd43b;
 font: 900 20px/1 Arial,sans-serif;

}

.sb-slingo__reels {
 margin-bottom: 13px;

}

.sb-slingo__grid {
 grid-template-columns: repeat(5,1fr);
 gap: 6px;
 padding: 13px;

}

.sb-slingo__grid i {
 border: 2px solid transparent;
 border-radius: 7px;
 font-size: 12px;

}

.sb-slingo__grid i.is-hit {
 background: #ffd43b;
 border-color: #ff9d1c;

}

.sb-slingo__grid i.is-wild {
 color: #fff;
 background: #ef268a;

}

.sb-slingo__caption {
 display: block;
 margin-top: 12px;
 color: rgba(255,255,255,.72);
 font: 11px/1.4 Arial,sans-serif;
 text-align: center;

}

@media (max-width:1250px) {
 .sb-slots__showcase {
 grid-template-columns: repeat(4,1fr);

}

}

@media (max-width:900px) {
 .sb-slots__showcase {
 grid-template-columns: repeat(3,1fr);

}

}

@media (max-width:680px) {

  .sb-slots__showcase {
 grid-template-columns: repeat(2,1fr);

}

  .sb-game-card {
 display: block;

}

  .sb-slingo__visual {
 min-height: 420px;
 padding: 24px 18px;

}

}

/* ==================================================
            SLOTS & SLINGO VISUAL CORRECTIONS END
================================================== */

/* ==================================================
          SUN BINGO SLOT CATALOGUE SHELVES START
================================================== */
.sb-slot-shelf{
margin-top:38px
}
.sb-slot-shelf>header{
display:flex;
align-items:end;
justify-content:space-between;
gap:30px;
margin-bottom:16px
}
.sb-slot-shelf>header h4{
margin:0;
color:#fff;
font:900 30px/1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif
}
.sb-slot-shelf>header p{
max-width:620px;
margin:0;
color:rgba(255,255,255,.72);
font:14px/1.5 Arial,sans-serif;
text-align:right
}
.sb-slot-shelf .sb-game-card{
padding:7px;
border:1px solid rgba(255,255,255,.55);
border-radius:20px;
background:#fff;
overflow:hidden;
transition:transform .2s ease,box-shadow .2s ease
}
.sb-slot-shelf .sb-game-card img{
display:block;
width:100%;
height:auto;
aspect-ratio:1;
object-fit:cover;
border-radius:14px
}
.sb-slot-shelf .sb-game-card:hover{
transform:translateY(-5px);
box-shadow:0 22px 38px rgba(31,5,44,.3)
}

@media(max-width:900px){
.sb-slot-shelf>header{
align-items:flex-start;
flex-direction:column;
gap:8px
}
.sb-slot-shelf>header p{
text-align:left
}

}

@media(max-width:680px){
.sb-slot-shelf .sb-game-card{
display:block
}
.sb-slot-shelf .sb-slots__showcase{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px
}

}

/* ==================================================
           SUN BINGO SLOT CATALOGUE SHELVES END
================================================== */

/* ==================================================
          SUN BINGO LIVE CASINO REFINEMENTS START
================================================== */
.casino-games{
display:none
}

.casino-live-card__variants{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:18px 0 20px;
padding:0;
list-style:none
}
.casino-live-card__variants li{
margin:0;
padding:7px 11px;
border:1px solid rgba(76,23,103,.15);
border-radius:999px;
background:#fff2c8;
color:#581870;
font:800 11px/1.2 Arial,sans-serif
}
.casino-live__feature-copy>span,.casino-live-card>div>span,.casino-live__table-choice header>span{
letter-spacing:.09em
}
.casino-live-card>div{
display:flex;
flex-direction:column
}
.casino-live-card>div>strong{
margin-top:auto
}

@media(max-width:680px){
.casino-live-card__variants{
gap:6px
}
.casino-live-card__variants li{
padding:6px 9px;
font-size:10px
}

}

/* ==================================================
           SUN BINGO LIVE CASINO REFINEMENTS END
================================================== */

/* ==================================================
             SUN BINGO LIVE CASINO START
================================================== */
.sun-live{
position:relative;
padding:118px 24px 125px;
background:#fff8ec;
color:#4d1768;
overflow:hidden
}
.sun-live:before,.sun-live:after{
content:"";
position:absolute;
border:55px solid rgba(238,40,139,.1);
border-radius:50%;
pointer-events:none
}
.sun-live:before{
width:430px;
height:430px;
left:-230px;
top:250px
}
.sun-live:after{
width:300px;
height:300px;
right:-160px;
bottom:280px;
border-color:rgba(31,190,224,.12)
}
.sun-live__inner{
position:relative;
z-index:1;
width:min(1420px,100%);
margin:auto
}
.sun-live__intro{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);
gap:70px;
align-items:end;
margin-bottom:48px
}
.sun-live__intro span,.sun-live__label,.sun-live-card__copy>span,.sun-live__choice>div>span{
display:block;
margin-bottom:13px;
color:#ee2788;
font:900 13px/1 Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase
}
.sun-live__intro h2{
max-width:820px;
margin:0;
font:900 clamp(48px,5vw,76px)/.96 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.055em
}
.sun-live__intro>p{
margin:0;
color:#705d78;
font:18px/1.65 Arial,sans-serif
}
.sun-live__hero{
display:grid;
grid-template-columns:1.05fr .95fr;
min-height:520px;
border:7px solid #ffd238;
border-radius:46px;
background:linear-gradient(135deg,#6621a7 0%,#a52cba 50%,#ed278b 100%);
box-shadow:0 28px 0 rgba(74,19,99,.12);
overflow:hidden
}
.sun-live__hero-copy{
align-self:center;
padding:68px 30px 68px 74px;
color:#fff
}
.sun-live__hero-copy .sun-live__label{
color:#ffd83d
}
.sun-live__hero-copy h3{
max-width:690px;
margin:0 0 24px;
font:900 clamp(38px,4vw,62px)/1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.045em
}
.sun-live__hero-copy p{
max-width:680px;
margin:0;
color:rgba(255,255,255,.84);
font:17px/1.7 Arial,sans-serif
}
.sun-live__facts{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:29px
}
.sun-live__facts span{
padding:9px 14px;
border:2px solid rgba(255,255,255,.38);
border-radius:999px;
color:#fff;
font:800 12px/1 Arial,sans-serif
}
.sun-live__hero-art{
position:relative;
min-height:520px;
background:radial-gradient(circle at 60% 53%,#ffcf3d 0 26%,#ff8c2b 26% 42%,transparent 42%),radial-gradient(circle at 60% 53%,rgba(255,255,255,.24) 0 48%,transparent 49%)
}
.sun-live__cover{
position:absolute;
width:235px;
height:350px;
object-fit:cover;
border:7px solid #fff;
border-radius:26px;
filter:drop-shadow(0 23px 18px rgba(52,7,68,.32))
}
.sun-live__cover--one{
left:12%;
top:14%;
transform:rotate(-7deg)
}
.sun-live__cover--two{
right:8%;
bottom:5%;
width:225px;
height:225px;
transform:rotate(8deg)
}
.sun-live__ball{
position:absolute;
right:10%;
top:8%;
display:grid;
width:76px;
height:76px;
place-items:center;
border:6px solid #fff;
border-radius:50%;
background:#28c7e8;
color:#4c1766;
font:900 14px/1 Arial,sans-serif;
box-shadow:0 10px 0 rgba(72,17,95,.2)
}
.sun-live__categories{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-top:92px
}
.sun-live-card{
display:grid;
grid-template-columns:240px 1fr;
min-height:430px;
border:2px solid #eee3f0;
border-radius:34px;
background:#fff;
box-shadow:0 17px 40px rgba(68,20,86,.09);
overflow:hidden
}
.sun-live-card__gallery{
position:relative;
min-height:100%;
background:linear-gradient(155deg,#781eb0,#ef278c);
overflow:hidden
}
.sun-live-card--blackjack .sun-live-card__gallery{
background:linear-gradient(155deg,#ed2789,#ff842c)
}
.sun-live-card--baccarat .sun-live-card__gallery{
background:linear-gradient(155deg,#ff9b25,#ffd637)
}
.sun-live-card--shows .sun-live-card__gallery{
background:linear-gradient(155deg,#1bbbdc,#7923b1)
}
.sun-live-card__gallery:after{
content:"";
position:absolute;
width:210px;
height:210px;
right:-105px;
bottom:-100px;
border:35px solid rgba(255,255,255,.16);
border-radius:50%
}
.sun-live-card__gallery img{
position:absolute;
width:155px;
height:155px;
object-fit:cover;
border:5px solid #fff;
border-radius:22px;
box-shadow:0 17px 25px rgba(43,8,55,.28)
}
.sun-live-card__gallery img:first-child{
left:20px;
top:38px;
transform:rotate(-5deg)
}
.sun-live-card__gallery img:last-child{
right:16px;
bottom:38px;
transform:rotate(6deg)
}
.sun-live-card__copy{
padding:38px 34px
}
.sun-live-card__copy h3{
margin:0 0 16px;
font:900 29px/1.08 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.035em
}
.sun-live-card__copy p{
margin:0;
color:#716277;
font:14px/1.62 Arial,sans-serif
}
.sun-live-card__copy ul{
display:flex;
flex-wrap:wrap;
gap:7px;
margin:22px 0 0;
padding:0;
list-style:none
}
.sun-live-card__copy li{
padding:7px 10px;
border-radius:999px;
background:#fff1c7;
color:#5a1b70;
font:800 10px/1.2 Arial,sans-serif
}
.sun-live__choice{
display:grid;
grid-template-columns:.82fr 1.18fr;
gap:60px;
align-items:center;
margin-top:70px;
padding:52px 58px;
border:5px solid #28c4e5;
border-radius:38px;
background:#fff
}
.sun-live__choice h3{
margin:0 0 15px;
font:900 37px/1.05 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.04em
}
.sun-live__choice>div>p{
margin:0;
color:#756579;
font:15px/1.62 Arial,sans-serif
}
.sun-live__choice-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px
}
.sun-live__choice-grid article{
padding:20px;
border-radius:20px;
background:#f7edfa
}
.sun-live__choice-grid b{
display:block;
margin-bottom:6px;
color:#ed2789;
font:900 15px/1 Arial,sans-serif
}
.sun-live__choice-grid p{
margin:0;
color:#6e6074;
font:12px/1.45 Arial,sans-serif
}
.sun-live__note{
display:grid;
grid-template-columns:auto 1fr;
gap:28px;
align-items:center;
margin-top:25px;
padding:26px 34px;
border-radius:24px;
background:#572070;
color:#fff
}
.sun-live__note strong{
color:#ffd639;
font:900 16px/1 Arial,sans-serif;
white-space:nowrap
}
.sun-live__note p{
margin:0;
color:rgba(255,255,255,.82);
font:13px/1.55 Arial,sans-serif
}
.legacy-live-casino{
display:none!important
}

@media(max-width:1100px){
.sun-live__intro,.sun-live__hero,.sun-live__choice{
grid-template-columns:1fr
}
.sun-live__hero-copy{
padding:54px
}
.sun-live__hero-art{
min-height:430px
}
.sun-live__categories{
grid-template-columns:1fr
}

}

@media(max-width:700px){
.sun-live{
padding:82px 15px 90px
}
.sun-live__intro{
gap:20px
}
.sun-live__intro h2{
font-size:44px
}
.sun-live__intro>p{
font-size:16px
}
.sun-live__hero{
border-width:4px;
border-radius:30px
}
.sun-live__hero-copy{
padding:38px 25px
}
.sun-live__hero-copy h3{
font-size:37px
}
.sun-live__hero-art{
min-height:350px
}
.sun-live__cover{
width:170px;
height:250px
}
.sun-live__cover--two{
width:165px;
height:165px
}
.sun-live__categories{
margin-top:62px
}
.sun-live-card{
grid-template-columns:1fr
}
.sun-live-card__gallery{
min-height:290px
}
.sun-live-card__copy{
padding:30px 24px
}
.sun-live__choice{
padding:34px 24px;
gap:30px
}
.sun-live__choice-grid{
grid-template-columns:1fr
}
.sun-live__note{
grid-template-columns:1fr;
gap:8px
}

}

/* ==================================================
              SUN BINGO LIVE CASINO END
================================================== */

/* ==================================================
                  SUN BINGO MOBILE START
================================================== */
.removed-template-content{
display:none!important
}
.sun-mobile{
position:relative;
padding:120px 24px;
background:linear-gradient(180deg,#6420a1 0%,#8928b4 52%,#dd2c9b 100%);
color:#fff;
overflow:hidden
}
.sun-mobile:before{
content:"";
position:absolute;
width:530px;
height:530px;
right:-270px;
top:90px;
border:70px solid rgba(255,211,51,.14);
border-radius:50%
}
.sun-mobile__inner{
position:relative;
z-index:1;
width:min(1420px,100%);
margin:auto
}
.sun-mobile__header{
display:grid;
grid-template-columns:1.05fr .75fr;
gap:70px;
align-items:end;
margin-bottom:50px
}
.sun-mobile__header span,.sun-mobile__eyebrow,.sun-mobile__apps>div>span{
display:block;
margin-bottom:13px;
color:#ffd735;
font:900 13px/1 Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase
}
.sun-mobile__header h2{
max-width:830px;
margin:0;
font:900 clamp(48px,5vw,76px)/.96 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.055em
}
.sun-mobile__header>p{
margin:0;
color:rgba(255,255,255,.78);
font:18px/1.65 Arial,sans-serif
}
.sun-mobile__feature{
display:grid;
grid-template-columns:.9fr 1.1fr;
min-height:560px;
border:6px solid #ffd43c;
border-radius:46px;
background:#fff;
color:#51186c;
box-shadow:0 28px 0 rgba(52,9,71,.24);
overflow:hidden
}
.sun-mobile__copy{
align-self:center;
padding:70px
}
.sun-mobile__copy .sun-mobile__eyebrow{
color:#ee2789
}
.sun-mobile__copy h3{
margin:0 0 24px;
font:900 clamp(38px,3.8vw,58px)/1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.045em
}
.sun-mobile__copy>p{
margin:0;
color:#74647a;
font:16px/1.7 Arial,sans-serif
}
.sun-mobile__devices{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:28px
}
.sun-mobile__devices span{
padding:9px 14px;
border-radius:999px;
background:#fff0c2;
color:#5b1d72;
font:900 11px/1 Arial,sans-serif
}
.sun-mobile__visual{
position:relative;
min-height:560px;
background:radial-gradient(circle at 52% 48%,#ffd83e 0 22%,#ff8b2b 22% 37%,transparent 37%),linear-gradient(145deg,#21c3df,#a22aba 55%,#ef2789)
}
.sun-device{
position:absolute;
background:#3d1555;
border:7px solid #fff;
box-shadow:0 24px 35px rgba(46,5,60,.34)
}
.sun-device>div{
height:100%;
padding:16px;
background:linear-gradient(145deg,#6b21a6,#ee278c);
overflow:hidden
}
.sun-device span{
display:block;
color:#ffd634;
font:900 12px/1 Arial,sans-serif
}
.sun-device b{
display:block;
margin:12px 0;
color:#fff;
font:900 16px/1.1 Arial,sans-serif
}
.sun-device i{
display:inline-block;
width:27%;
height:48px;
margin:3%;
border-radius:8px;
background:linear-gradient(145deg,#ff922b,#ffd83d)
}
.sun-device--laptop{
left:10%;
top:18%;
width:72%;
height:290px;
border-radius:18px
}
.sun-device--laptop:after{
content:"";
position:absolute;
left:-9%;
bottom:-24px;
width:118%;
height:20px;
border-radius:3px 3px 15px 15px;
background:#fff
}
.sun-device--tablet{
right:5%;
bottom:7%;
width:225px;
height:290px;
border-radius:24px;
transform:rotate(5deg)
}
.sun-device--phone{
left:8%;
bottom:4%;
width:130px;
height:255px;
border-radius:28px;
transform:rotate(-6deg)
}
.sun-device--phone>div,.sun-device--tablet>div{
border-radius:17px
}
.sun-mobile__benefits{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:80px
}
.sun-mobile__benefits article{
padding:31px 27px;
border:1px solid rgba(255,255,255,.24);
border-radius:25px;
background:rgba(255,255,255,.11);
backdrop-filter:blur(8px)
}
.sun-mobile__benefits article>span{
display:grid;
width:52px;
height:52px;
margin-bottom:22px;
place-items:center;
border:4px solid #fff;
border-radius:16px;
background:#ffd43b;
color:#53196d;
font:900 22px/1 Arial,sans-serif
}
.sun-mobile__benefits h3{
margin:0 0 12px;
font:900 21px/1.1 "Trebuchet MS",Arial,sans-serif
}
.sun-mobile__benefits p{
margin:0;
color:rgba(255,255,255,.75);
font:13px/1.58 Arial,sans-serif
}
.sun-mobile__apps{
display:grid;
grid-template-columns:1fr .9fr;
gap:60px;
align-items:center;
margin-top:70px;
padding:52px 60px;
border:5px solid #2bc5e3;
border-radius:38px;
background:#fff;
color:#50186b
}
.sun-mobile__apps h3{
margin:0 0 17px;
font:900 41px/1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.04em
}
.sun-mobile__apps p{
margin:0;
color:#74647a;
font:15px/1.65 Arial,sans-serif
}
.sun-mobile__stores{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px
}
.sun-mobile__stores figure{
display:flex;
margin:0;
padding:22px;
align-items:center;
justify-content:center;
flex-direction:column;
border-radius:22px;
background:#f8effa;
text-align:center
}
.sun-mobile__stores img{
display:block;
width:auto;
max-width:100%;
height:48px;
object-fit:contain
}
.sun-mobile__stores figcaption{
margin-top:12px;
color:#77687b;
font:11px/1.4 Arial,sans-serif
}
.sun-mobile__note{
display:grid;
grid-template-columns:auto 1fr;
gap:28px;
align-items:center;
margin-top:24px;
padding:25px 32px;
border-radius:22px;
background:#4b1764
}
.sun-mobile__note strong{
color:#ffd539;
font:900 15px/1 Arial,sans-serif;
white-space:nowrap
}
.sun-mobile__note p{
margin:0;
color:rgba(255,255,255,.78);
font:13px/1.55 Arial,sans-serif
}

@media(max-width:1100px){
.sun-mobile__header,.sun-mobile__feature,.sun-mobile__apps{
grid-template-columns:1fr
}
.sun-mobile__benefits{
grid-template-columns:1fr 1fr
}
.sun-mobile__visual{
min-height:500px
}

}

@media(max-width:680px){
.sun-mobile{
padding:82px 15px 90px
}
.sun-mobile__header{
gap:20px
}
.sun-mobile__header h2{
font-size:44px
}
.sun-mobile__header>p{
font-size:16px
}
.sun-mobile__feature{
border-width:4px;
border-radius:30px
}
.sun-mobile__copy{
padding:38px 25px
}
.sun-mobile__copy h3{
font-size:37px
}
.sun-mobile__visual{
min-height:390px
}
.sun-device--laptop{
width:78%;
height:210px
}
.sun-device--tablet{
width:155px;
height:220px
}
.sun-device--phone{
width:105px;
height:205px
}
.sun-mobile__benefits{
grid-template-columns:1fr;
margin-top:58px
}
.sun-mobile__apps{
padding:36px 24px;
gap:32px
}
.sun-mobile__stores{
grid-template-columns:1fr
}
.sun-mobile__note{
grid-template-columns:1fr;
gap:8px
}

}

/* ==================================================
                   SUN BINGO MOBILE END
================================================== */

/* ==================================================
          SUN BINGO MOBILE VISUAL UPDATE START
================================================== */
.sun-mobile__visual{
overflow:hidden
}
.sun-device>div.sun-device__screen{
box-sizing:border-box;
height:100%;
padding:13px;
background:#fff;
overflow:hidden
}
.sun-device__brand{
display:flex;
align-items:center;
gap:8px;
margin-bottom:14px;
color:#51176b
}
.sun-device__brand b{
display:block;
width:18px;
height:18px;
margin:0;
border:5px solid #ffca36;
border-radius:50%
}
.sun-device__brand span{
color:#51176b;
font:900 11px/1 Arial,sans-serif
}
.sun-device__games{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px
}
.sun-device__games img{
display:block;
width:100%;
aspect-ratio:1;
object-fit:cover;
border-radius:9px
}
.sun-device__focus{
display:block;
width:100%;
aspect-ratio:1;
object-fit:cover;
border-radius:12px
}
.sun-device__mini{
display:flex;
gap:6px;
margin-top:11px
}
.sun-device__mini i{
display:block;
flex:1;
width:auto;
height:34px;
margin:0;
border-radius:7px;
background:linear-gradient(145deg,#ffd43c,#ff8e2c)
}
.sun-device--phone>div.sun-device__screen,.sun-device--tablet>div.sun-device__screen{
border-radius:17px
}
.sun-mobile__apps{
grid-template-columns:1fr .78fr
}
.sun-mobile__apps-copy p+p{
margin-top:14px
}
.sun-mobile__app-benefits{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:13px
}
.sun-mobile__app-benefits article{
padding:20px;
border-radius:19px;
background:#f8eef9
}
.sun-mobile__app-benefits b{
display:block;
margin-bottom:7px;
color:#ed2788;
font:900 14px/1.1 Arial,sans-serif
}
.sun-mobile__app-benefits p{
margin:0;
color:#756579;
font:12px/1.5 Arial,sans-serif
}

@media(max-width:900px){
.sun-mobile__app-benefits{
grid-template-columns:1fr 1fr
}

}

@media(max-width:680px){
.sun-mobile__app-benefits{
grid-template-columns:1fr
}
.sun-device__games{
grid-template-columns:repeat(2,1fr)
}
.sun-device__games img:nth-child(n+3){
display:none
}

}

/* ==================================================
           SUN BINGO MOBILE VISUAL UPDATE END
================================================== */
.sun-mobile__inner{
display:flex;
flex-direction:column
}
.sun-mobile__header{
order:1
}
.sun-mobile__apps{
order:2;
margin-top:0;
margin-bottom:76px;
border-color:#ffd43a;
box-shadow:0 26px 0 rgba(53,8,72,.22)
}
.sun-mobile__feature{
order:3
}
.sun-mobile__benefits{
order:4
}
.sun-mobile__note{
order:5
}

.sun-mobile__app-showcase{
display:flex;
align-items:center;
align-self:stretch;
flex-direction:column
}
.sun-mobile__app-devices{
display:block;
width:min(100%,620px);
height:auto;
border-radius:24px
}
.sun-mobile__app-showcase .sun-mobile__stores{
width:min(100%,520px);
margin-top:8px;
gap:12px
}
.sun-mobile__app-showcase .sun-mobile__stores figure{
padding:12px 14px
}
.sun-mobile__app-showcase .sun-mobile__stores img{
height:36px
}
.sun-mobile__app-showcase .sun-mobile__stores figcaption{
margin-top:6px;
font-size:10px
}

.sun-mobile__feature{
display:block;
min-height:0
}
.sun-mobile__copy{
padding:58px 66px
}
.sun-mobile__copy h3{
max-width:940px
}
.sun-mobile__copy>p{
max-width:1080px
}

@media(max-width:680px){
.sun-mobile__app-devices{
width:100%
}
.sun-mobile__app-showcase .sun-mobile__stores{
grid-template-columns:1fr 1fr
}
.sun-mobile__app-showcase .sun-mobile__stores img{
height:28px
}
.sun-mobile__app-showcase .sun-mobile__stores figure{
padding:10px 7px
}

}

/* ==================================================
               SUN BINGO PROMOTIONS START
================================================== */
.casino-bonuses{
display:none!important
}

.sun-promos{
position:relative;
padding:120px 24px;
background:#fff8ec;
color:#50186b;
overflow:hidden
}
.sun-promos:before{
content:"";
position:absolute;
width:420px;
height:420px;
left:-240px;
top:360px;
border:60px solid rgba(237,39,137,.1);
border-radius:50%
}
.sun-promos__inner{
position:relative;
z-index:1;
width:min(1420px,100%);
margin:auto
}
.sun-promos__header{
display:grid;
grid-template-columns:1.05fr .75fr;
gap:70px;
align-items:end;
margin-bottom:48px
}
.sun-promos__header span,.sun-promos__hero>div>span,.sun-promos__terms>div>span,.sun-referral__intro>span{
display:block;
margin-bottom:13px;
color:#ed2789;
font:900 13px/1 Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase
}
.sun-promos__header h2{
margin:0;
font:900 clamp(48px,5vw,76px)/.96 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.055em
}
.sun-promos__header>p{
margin:0;
color:#746579;
font:18px/1.65 Arial,sans-serif
}
.sun-promos__hero{
display:grid;
grid-template-columns:1.08fr .92fr;
min-height:480px;
border:7px solid #ffd43c;
border-radius:45px;
background:linear-gradient(135deg,#6721a6,#a82bb5 54%,#ed2789);
box-shadow:0 27px 0 rgba(77,18,98,.13);
overflow:hidden
}
.sun-promos__hero>div:first-child{
align-self:center;
padding:65px 30px 65px 72px;
color:#fff
}
.sun-promos__hero>div>span{
color:#ffd63a
}
.sun-promos__hero h3{
max-width:730px;
margin:0 0 22px;
font:900 clamp(38px,4vw,59px)/1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.045em
}
.sun-promos__hero p{
margin:0;
color:rgba(255,255,255,.8);
font:16px/1.68 Arial,sans-serif
}
.sun-promos__chips{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:27px
}
.sun-promos__chips span{
padding:9px 13px;
border:2px solid rgba(255,255,255,.38);
border-radius:999px;
color:#fff;
font:800 11px/1 Arial,sans-serif
}
.sun-promos__hero-art{
position:relative;
min-height:480px;
background:radial-gradient(circle at 52% 51%,#ffd63b 0 23%,#ff8c2b 23% 39%,transparent 39%)
}
.sun-promos__hero-art i,.sun-promos__hero-art b,.sun-promos__hero-art span,.sun-promos__hero-art em{
position:absolute;
display:grid;
place-items:center;
border:7px solid #fff;
box-shadow:0 14px 0 rgba(68,12,87,.2);
font-style:normal;
font-family:Arial,sans-serif;
font-weight:900
}
.sun-promos__hero-art i{
left:12%;
top:20%;
width:105px;
height:105px;
border-radius:50%;
background:#28c4e2;
color:#fff;
font-size:45px;
transform:rotate(-10deg)
}
.sun-promos__hero-art b{
right:13%;
top:13%;
width:90px;
height:90px;
border-radius:24px;
background:#ed2789;
color:#fff;
font-size:45px;
transform:rotate(9deg)
}
.sun-promos__hero-art span{
left:25%;
bottom:13%;
width:190px;
height:115px;
border-radius:28px;
background:#fff;
color:#5c1a75;
font-size:37px;
transform:rotate(5deg)
}
.sun-promos__hero-art em{
right:10%;
bottom:19%;
width:82px;
height:82px;
border-radius:50%;
background:#ffd63b;
color:#5b1973;
font-size:37px
}
.sun-promos__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:19px;
margin-top:86px
}
.sun-promos__grid article{
padding:32px 29px;
border:2px solid #eee2ef;
border-radius:27px;
background:#fff;
box-shadow:0 16px 35px rgba(70,21,87,.07)
}
.sun-promos__grid article>span{
display:grid;
width:54px;
height:54px;
margin-bottom:22px;
place-items:center;
border:4px solid #fff;
border-radius:16px;
background:#ffd43b;
color:#54196e;
box-shadow:0 8px 0 #f0d7ee;
font:900 21px/1 Arial,sans-serif
}
.sun-promos__grid h3{
margin:0 0 12px;
font:900 23px/1.08 "Trebuchet MS",Arial,sans-serif
}
.sun-promos__grid p{
margin:0;
color:#76677b;
font:13px/1.58 Arial,sans-serif
}
.sun-promos__terms{
display:grid;
grid-template-columns:.82fr 1.18fr;
gap:50px;
align-items:center;
margin-top:66px;
padding:48px 55px;
border:5px solid #2bc4df;
border-radius:36px;
background:#fff
}
.sun-promos__terms h3{
margin:0 0 14px;
font:900 36px/1.04 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.04em
}
.sun-promos__terms p{
margin:0;
color:#75667a;
font:14px/1.58 Arial,sans-serif
}
.sun-promos__terms-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px
}
.sun-promos__terms-grid article{
padding:19px;
border-radius:18px;
background:#f8eef9
}
.sun-promos__terms-grid b{
display:block;
margin-bottom:6px;
color:#ed2788;
font:900 14px/1 Arial,sans-serif
}
.sun-promos__terms-grid p{
font-size:12px
}
.sun-referral{
margin-top:68px;
padding:60px;
border-radius:42px;
background:linear-gradient(135deg,#5d1b8e,#a527b0 57%,#ec278a);
color:#fff;
box-shadow:0 25px 0 rgba(65,13,84,.14)
}
.sun-referral__intro{
display:grid;
grid-template-columns:1.05fr .95fr;
column-gap:55px;
align-items:end
}
.sun-referral__intro>span{
grid-column:1/-1;
color:#ffd43a
}
.sun-referral__intro h3{
margin:0;
font:900 clamp(39px,4vw,59px)/1 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.045em
}
.sun-referral__intro p{
margin:0;
color:rgba(255,255,255,.78);
font:15px/1.65 Arial,sans-serif
}
.sun-referral__steps{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:38px
}
.sun-referral__steps article{
display:flex;
gap:16px;
padding:23px;
border:1px solid rgba(255,255,255,.25);
border-radius:22px;
background:rgba(255,255,255,.1)
}
.sun-referral__steps article>span{
display:grid;
flex:0 0 45px;
height:45px;
place-items:center;
border-radius:14px;
background:#ffd43a;
color:#54196e;
font:900 18px/1 Arial,sans-serif
}
.sun-referral__steps b{
display:block;
margin-bottom:7px;
font:900 16px/1.1 Arial,sans-serif
}
.sun-referral__steps p{
margin:0;
color:rgba(255,255,255,.72);
font:12px/1.5 Arial,sans-serif
}
.sun-referral aside{
display:grid;
grid-template-columns:auto 1fr;
gap:25px;
align-items:center;
margin-top:18px;
padding:23px 27px;
border-radius:20px;
background:#fff;
color:#55196f
}
.sun-referral aside strong{
color:#ed2788;
font:900 14px/1 Arial,sans-serif;
white-space:nowrap
}
.sun-referral aside p{
margin:0;
color:#75667a;
font:12px/1.55 Arial,sans-serif
}

@media(max-width:1000px){
.sun-promos__header,.sun-promos__hero,.sun-promos__terms,.sun-referral__intro{
grid-template-columns:1fr
}
.sun-promos__header{
gap:22px
}
.sun-promos__hero>div:first-child{
padding:52px
}
.sun-promos__grid{
grid-template-columns:1fr 1fr
}
.sun-referral__intro{
gap:20px
}
.sun-referral__intro p{
margin-top:20px
}

}

@media(max-width:680px){
.sun-promos{
padding:82px 15px 90px
}
.sun-promos__header h2{
font-size:44px
}
.sun-promos__header>p{
font-size:16px
}
.sun-promos__hero{
border-width:4px;
border-radius:30px
}
.sun-promos__hero>div:first-child{
padding:37px 25px
}
.sun-promos__hero h3{
font-size:37px
}
.sun-promos__hero-art{
min-height:350px
}
.sun-promos__grid{
grid-template-columns:1fr;
margin-top:60px
}
.sun-promos__terms{
padding:34px 24px;
gap:30px
}
.sun-promos__terms-grid,.sun-referral__steps{
grid-template-columns:1fr
}
.sun-referral{
padding:38px 24px
}
.sun-referral aside{
grid-template-columns:1fr;
gap:8px
}
.sun-referral aside strong{
white-space:normal
}

}

.sun-promos__offers{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
margin-top:72px
}
.sun-promo-offer{
display:grid;
grid-template-columns:180px 1fr;
gap:28px;
padding:34px;
border:5px solid #fff;
border-radius:34px;
color:#fff;
box-shadow:0 18px 0 rgba(79,18,98,.12)
}
.sun-promo-offer--bingo{
background:linear-gradient(145deg,#7923aa,#c42caf)
}
.sun-promo-offer--spins{
background:linear-gradient(145deg,#ed2789,#ff792c)
}
.sun-promo-offer__value{
display:flex;
min-height:205px;
align-items:center;
justify-content:center;
flex-direction:column;
border-radius:25px;
background:#ffd43a;
color:#50186b;
text-align:center
}
.sun-promo-offer__value small{
font:900 10px/1 Arial,sans-serif;
letter-spacing:.09em
}
.sun-promo-offer__value strong{
font:900 61px/.95 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif
}
.sun-promo-offer__value span{
font:900 14px/1.1 Arial,sans-serif
}
.sun-promo-offer h3{
margin:4px 0 11px;
font:900 25px/1.08 "Trebuchet MS",Arial,sans-serif
}
.sun-promo-offer p{
margin:0 0 15px;
color:rgba(255,255,255,.82);
font:13px/1.55 Arial,sans-serif
}
.sun-promo-offer ul{
display:grid;
gap:8px;
margin:0;
padding:0;
list-style:none
}
.sun-promo-offer li{
position:relative;
padding-left:17px;
color:rgba(255,255,255,.85);
font:12px/1.45 Arial,sans-serif
}
.sun-promo-offer li:before{
content:"";
position:absolute;
left:0;
top:.48em;
width:7px;
height:7px;
border-radius:50%;
background:#ffd43a
}
.sun-promos__offers+.sun-promos__grid{
margin-top:45px
}
.sun-referral__steps article>span{
font-size:14px
}

@media(max-width:1100px){
.sun-promos__offers{
grid-template-columns:1fr
}

}

@media(max-width:680px){
.sun-promos__offers{
margin-top:52px
}
.sun-promo-offer{
grid-template-columns:1fr;
padding:22px
}
.sun-promo-offer__value{
min-height:155px
}

}

.sun-promos__hero .sun-promos__hero-art{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:1fr auto;
gap:20px;
align-content:center;
padding:64px 58px;
background:radial-gradient(circle at 50% 50%,#ffd63b 0 25%,#ff8c2b 25% 44%,transparent 44%)
}

.sun-promos__hero .sun-promos__hero-art i,.sun-promos__hero .sun-promos__hero-art b,.sun-promos__hero .sun-promos__hero-art span,.sun-promos__hero .sun-promos__hero-art em{
position:static;
box-sizing:border-box;
width:auto;
height:auto;
transform:none
}

.sun-promos__hero .sun-promos__hero-art i,.sun-promos__hero .sun-promos__hero-art span{
display:flex;
min-height:190px;
align-items:center;
justify-content:center;
flex-direction:column;
border-radius:28px;
color:#53196d;
font-size:52px
}

.sun-promos__hero .sun-promos__hero-art i{
background:#2bc2df
}
.sun-promos__hero .sun-promos__hero-art span{
background:#fff
}
.sun-promos__hero .sun-promos__hero-art small{
display:block;
margin:0 0 7px;
color:#53196d;
font:900 11px/1 Arial,sans-serif;
letter-spacing:.14em
}
.sun-promos__hero .sun-promos__hero-art span strong{
display:block;
margin-top:2px;
color:#ed2789;
font:900 15px/1 Arial,sans-serif;
letter-spacing:.06em
}
.sun-promos__hero .sun-promos__hero-art b{
position:absolute;
left:50%;
top:50%;
z-index:2;
width:64px;
height:64px;
border-radius:50%;
background:#ed2789;
color:#fff;
font-size:17px;
transform:translate(-50%,-63%)
}
.sun-promos__hero .sun-promos__hero-art em{
grid-column:1/-1;
justify-self:center;
display:flex;
width:150px;
height:74px;
align-items:center;
justify-content:center;
gap:8px;
border-radius:999px;
background:#ffd43b;
color:#53196d;
font-size:30px
}
.sun-promos__hero .sun-promos__hero-art em small{
margin:0;
font-size:8px
}

@media(max-width:680px){
.sun-promos__hero .sun-promos__hero-art{
padding:45px 22px;
gap:12px
}
.sun-promos__hero .sun-promos__hero-art i,.sun-promos__hero .sun-promos__hero-art span{
min-height:145px;
font-size:35px;
border-width:5px
}
.sun-promos__hero .sun-promos__hero-art b{
width:52px;
height:52px;
font-size:14px
}
.sun-promos__hero .sun-promos__hero-art em{
width:135px;
height:64px;
font-size:25px
}

}

.sun-promos__grid article>span svg{
width:29px;
height:29px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}

/* ==================================================
                SUN BINGO PROMOTIONS END
================================================== */

/* ==================================================
            SUN BINGO PAYMENT RESTYLE START
================================================== */
.site-payments-section{
display:none!important
}

.site-payments-section{
padding:116px 24px;
background:radial-gradient(circle at 8% 20%,rgba(255,212,59,.22),transparent 25%),radial-gradient(circle at 92% 78%,rgba(43,195,223,.22),transparent 27%),linear-gradient(145deg,#641d91,#a42bae 58%,#ed2789)
}
.site-payments-section>.container{
width:min(1420px,100%);
max-width:none;
padding:0
}
.site-payments-section:before{
right:7%;
height:12px;
background:linear-gradient(90deg,#ffd43b,#ff8c2b,#2bc3df)
}
.site-payment__card-label{
color:#ffd43b
}
.site-payment__payments-heading h3{
font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif
}
.site-payment__payments-heading>p,.site-payment__intro p,.site-payment__payment-tab small,.site-payment__panel-heading>p,.site-payment__method-group-heading small{
color:rgba(255,255,255,.72)
}
.site-payment__intro article,.site-payment__payment-tabs,.site-payment__payment-panel{
border-color:rgba(255,255,255,.22);
background:rgba(255,255,255,.1)
}
.site-payment__intro strong{
color:#ffd43b
}
.site-payment__payment-tab-icon{
color:#54196e;
background:linear-gradient(135deg,#ffd43b,#ff952f)
}
#site-payment-control-deposit:checked~.site-payment__payment-tabs .site-payment__payment-tab--deposit,#site-payment-control-withdrawal:checked~.site-payment__payment-tabs .site-payment__payment-tab--withdrawal{
border-color:rgba(255,212,59,.55);
background:linear-gradient(110deg,rgba(255,212,59,.2),rgba(237,39,137,.18))
}
.site-payment__status-dot{
background:#ffd43b;
box-shadow:0 0 0 6px rgba(255,212,59,.16)
}
.site-payment__method-group{
background:rgba(70,14,92,.34)
}
.site-payment__method-group-icon{
color:#54196e;
background:#2bc3df
}
.site-payment__method-group-icon--crypto{
background:#ffd43b
}
.site-payment__method-count{
color:#ffd43b;
background:rgba(255,212,59,.13)
}
.site-payment__method{
border:3px solid #fff;
border-radius:18px;
background:#fff;
box-shadow:0 10px 0 rgba(64,10,83,.13)
}
.site-payment__method-icon{
border:0;
background:#f5f0f7;
box-shadow:none
}
.site-payment__method-icon--cards{
background:#172b85
}
.site-payment__method-icon--paypal{
background:#fff;
color:#0070ba
}
.site-payment__method-icon--skrill{
background:#fff
}
.site-payment__method-icon--skrill b{
color:#862165
}
.site-payment__method-icon--neteller{
background:#101820
}
.site-payment__method-icon--neteller b{
color:#8dc63f
}
.site-payment__method-icon--apple{
background:#fff;
color:#111
}
.site-payment__method-icon--faster{
background:#fff;
color:#5b1b75
}
.site-payment__method-icon--binance{
background:#111
}
.site-payment__method-icon--paysafe{
background:#fff
}
.site-payment__method-icon--paysafe b{
color:#008c65
}
.site-payment__method-icon--revolut{
background:#fff;
color:#111
}
.site-payment__method-icon--bank{
background:#fff;
color:#5a1a73
}
.site-payment__method-icon--crypto{
background:linear-gradient(145deg,#59207c,#8d2ba5)
}
.site-payment__method-grid--crypto .site-payment__method{
background:#fff
}

@media(max-width:600px){
.site-payments-section{
padding:78px 15px
}

}

/* ==================================================
             SUN BINGO PAYMENT RESTYLE END
================================================== */

/* ==================================================
                  GAME PROVIDERS START
================================================== */
.sun-providers{
padding:112px 0 100px;
background:#fff8ec;
color:#52196b;
overflow:hidden
}
.sun-providers__inner{
width:min(1420px,calc(100% - 48px));
margin:auto
}
.sun-providers__header{
display:grid;
grid-template-columns:1.05fr .75fr;
gap:70px;
align-items:end
}
.sun-providers__header span{
display:block;
margin-bottom:14px;
color:#ed2789;
font:900 13px/1 Arial,sans-serif;
letter-spacing:.13em;
text-transform:uppercase
}
.sun-providers__header h2{
margin:0;
font:900 clamp(48px,5vw,73px)/.96 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
letter-spacing:-.055em
}
.sun-providers__header p{
margin:0;
color:#76677a;
font:17px/1.65 Arial,sans-serif
}
.sun-providers__value{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
margin-top:48px
}
.sun-providers__value article{
padding:25px;
border:2px solid #eee1ed;
border-radius:22px;
background:#fff
}
.sun-providers__value b{
display:block;
margin-bottom:8px;
color:#ed2789;
font:900 15px/1.1 Arial,sans-serif
}
.sun-providers__value p{
margin:0;
color:#76677a;
font:12px/1.52 Arial,sans-serif
}
.sun-providers__tracks{
margin-top:64px;
display:grid;
gap:15px
}
.sun-provider-track{
display:flex;
width:max-content;
gap:15px;
will-change:transform
}
.sun-provider-track__set{
display:flex;
gap:15px
}
.sun-provider-track span{
display:flex;
width:210px;
height:92px;
align-items:center;
justify-content:center;
box-sizing:border-box;
border:5px solid #fff;
border-radius:22px;
background:#fff;
color:#54196e;
box-shadow:0 10px 0 rgba(76,17,96,.12);
font:900 18px/1 Arial,sans-serif;
text-align:center
}
.sun-provider-track--first{
animation:sun-provider-left 36s linear infinite
}
.sun-provider-track--second{
transform:translateX(-35%);
animation:sun-provider-right 39s linear infinite
}
.sun-providers__tracks:hover .sun-provider-track{
animation-play-state:paused
}
@keyframes sun-provider-left{
to{
transform:translateX(calc(-50% - 7.5px))
}

}
@keyframes sun-provider-right{
from{
transform:translateX(calc(-50% - 7.5px))
}
to{
transform:translateX(0)
}

}
.sun-provider-track .p4{
color:#f15a29
}
.sun-provider-track .pw{
color:#24265b
}
.sun-provider-track .ps{
color:#2a9b51
}
.sun-provider-track .pb{
color:#e62d59
}
.sun-provider-track .pr{
color:#d52b32
}
.sun-provider-track .prev{
background:#222;
color:#fff
}
.sun-provider-track .psky{
color:#2369b3
}
.sun-provider-track .pplay{
background:#751982;
color:#fff;
font-size:23px
}
.sun-provider-track .pp{
background:#111;
color:#fff;
font-size:13px
}
.sun-provider-track .pblue{
color:#1b71b8
}
.sun-provider-track .pgg{
background:#252369;
color:#fff
}
.sun-provider-track .pin{
color:#e83b33
}
.sun-provider-track .pslingo{
background:linear-gradient(135deg,#66219a,#ed2789);
color:#fff;
font-size:25px
}
.sun-provider-track .peye{
color:#ec1e79
}
.sun-provider-track .pq{
color:#182b57
}
.sun-provider-track .p12{
background:#121c37;
color:#fff
}
.sun-provider-track .pigt{
color:#e23b31;
font-size:28px
}
.sun-provider-track .pags{
color:#e43d30;
font-size:28px
}
.sun-providers__note{
width:min(1420px,calc(100% - 48px));
margin:36px auto 0;
color:#817185;
font:11px/1.5 Arial,sans-serif;
text-align:center
}

@media(max-width:900px){
.sun-providers__header{
grid-template-columns:1fr;
gap:24px
}
.sun-providers__value{
grid-template-columns:1fr 1fr
}

}

@media(max-width:600px){
.sun-providers{
padding:80px 0
}
.sun-providers__inner,.sun-providers__note{
width:calc(100% - 30px)
}
.sun-providers__header h2{
font-size:43px
}
.sun-providers__value{
grid-template-columns:1fr
}
.sun-provider-track span{
width:170px;
height:78px
}

}

@media(prefers-reduced-motion:reduce){
.sun-provider-track{
animation:none
}
.sun-provider-track__set[aria-hidden="true"]{
display:none
}
.sun-provider-track{
width:100%;
overflow-x:auto;
padding-bottom:12px
}

}

.sun-providers__playtech{
display:grid;
grid-template-columns:300px 1fr;
gap:42px;
align-items:center;
margin-top:25px;
padding:35px 42px;
border:6px solid #fff;
border-radius:30px;
background:linear-gradient(135deg,#1377b8,#2a98cf);
box-shadow:0 14px 0 rgba(76,17,96,.14);
color:#fff
}
.sun-providers__playtech-logo{
display:flex;
min-height:130px;
align-items:center;
justify-content:center;
gap:13px;
border-radius:23px;
background:#fff;
color:#1476b8
}
.sun-providers__playtech-logo i{
display:block;
width:38px;
height:38px;
border:10px solid #79bd43;
border-left-color:#1476b8;
border-radius:50%;
transform:rotate(-25deg)
}
.sun-providers__playtech-logo strong{
font:900 32px/1 Arial,sans-serif;
letter-spacing:-.05em
}
.sun-providers__playtech>div:last-child>span{
display:block;
margin-bottom:9px;
color:#d8f06b;
font:900 11px/1 Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase
}
.sun-providers__playtech h3{
margin:0 0 11px;
font:900 29px/1.05 "Trebuchet MS",Arial,sans-serif
}
.sun-providers__playtech p{
margin:0;
color:rgba(255,255,255,.78);
font:13px/1.58 Arial,sans-serif
}
@media(max-width:760px){
.sun-providers__playtech{
grid-template-columns:1fr;
padding:25px
}
.sun-providers__playtech-logo{
min-height:100px
}

}

.sun-provider-track .p4{
background:#111;
color:#ff6b2b
}
.sun-provider-track .pw{
background:#fff;
color:#202a44;
box-shadow:inset 0 -7px 0 #f58220,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .ps{
background:#101010;
color:#fff
}
.sun-provider-track .pb{
background:#5b2483;
color:#fff
}
.sun-provider-track .pr{
background:#fff;
color:#d9252a
}
.sun-provider-track .prev{
background:#141414;
color:#e4312b
}
.sun-provider-track .psky{
background:#fff;
color:#171717;
box-shadow:inset 0 -7px 0 #19a7df,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .pplay{
background:#fff;
color:#1476b8;
font-size:23px;
box-shadow:inset 0 -7px 0 #79bd43,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .pp{
background:#111;
color:#fff;
font-size:13px;
box-shadow:inset 0 -7px 0 #f28b22,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .pblue{
background:#fff;
color:#1974b9;
box-shadow:inset 0 -7px 0 #f6a623,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .pgg{
background:#202c74;
color:#fff
}
.sun-provider-track .pin{
background:#fff;
color:#151515;
box-shadow:inset 0 -7px 0 #e53935,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .pslingo{
background:#0969b2;
color:#ffd329;
font-size:25px;
box-shadow:inset 0 -7px 0 #ed2839,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .peye{
background:#fff;
color:#d7197d
}
.sun-provider-track .pq{
background:#111;
color:#fff;
box-shadow:inset 0 -7px 0 #75b843,0 10px 0 rgba(76,17,96,.12)
}
.sun-provider-track .p12{
background:#101820;
color:#f58220
}
.sun-provider-track .pigt{
background:#fff;
color:#1261a0;
font-size:28px
}
.sun-provider-track .pags{
background:#fff;
color:#f15a24;
font-size:28px
}

/* ==================================================
                   GAME PROVIDERS END
================================================== */
.sun-provider-track span{
position:relative;
overflow:hidden;
border:1px solid #eadfea;
border-radius:18px;
box-shadow:0 8px 18px rgba(76,17,96,.09);
text-indent:-9999px
}
.sun-provider-track span:after{
display:block;
text-indent:0;
font-family:Arial,sans-serif;
font-style:normal;
letter-spacing:-.04em
}
.sun-provider-track .p4:after{
content:"4THEPLAYER";
color:#ff6534;
font-weight:900;
font-size:20px
}
.sun-provider-track .pw:after{
content:"WAZDAN";
color:#202a44;
font-weight:900;
font-size:22px;
letter-spacing:.06em
}
.sun-provider-track .ps:after{
content:"SGaming";
color:#fff;
font-weight:800;
font-size:22px
}
.sun-provider-track .pb:after{
content:"BETIXON";
color:#fff;
font-weight:900;
font-size:23px;
letter-spacing:.06em
}
.sun-provider-track .pr:after{
content:"RED RAKE";
color:#d9252a;
font-weight:900;
font-size:21px
}
.sun-provider-track .prev:after{
content:"REVOLVER";
color:#e4312b;
font-weight:900;
font-size:20px;
letter-spacing:.05em
}
.sun-provider-track .psky:after{
content:"SKYWIND";
color:#151515;
font-weight:900;
font-size:22px;
letter-spacing:.04em
}
.sun-provider-track .pplay:after{
content:"playtech";
color:#1476b8;
font-weight:900;
font-size:25px
}
.sun-provider-track .pp:after{
content:"PRAGMATIC PLAY";
color:#fff;
font-weight:900;
font-size:15px;
letter-spacing:.02em
}
.sun-provider-track .pblue:after{
content:"BLUEPRINT";
color:#1974b9;
font-weight:900;
font-size:21px
}
.sun-provider-track .pgg:after{
content:"GAMES GLOBAL";
color:#fff;
font-weight:900;
font-size:18px
}
.sun-provider-track .pin:after{
content:"INSPIRED";
color:#181818;
font-weight:900;
font-size:22px
}
.sun-provider-track .pslingo:after{
content:"SLINGO";
color:#ffd329;
font-weight:900;
font-size:27px
}
.sun-provider-track .peye:after{
content:"EYECON";
color:#d7197d;
font-weight:900;
font-size:23px
}
.sun-provider-track .pq:after{
content:"QUICKSPIN";
color:#fff;
font-weight:900;
font-size:20px
}
.sun-provider-track .p12:after{
content:"1X2 NETWORK";
color:#f58220;
font-weight:900;
font-size:18px
}
.sun-provider-track .pigt:after{
content:"IGT";
color:#1261a0;
font-weight:900;
font-size:31px
}
.sun-provider-track .pags:after{
content:"AGS";
color:#f15a24;
font-weight:900;
font-size:31px
}

.casino-faq.sun-faq{
padding:116px 24px 128px;
color:#52196b;
background:radial-gradient(circle at 4% 18%,rgba(255,212,59,.28),transparent 20%),radial-gradient(circle at 95% 72%,rgba(43,195,223,.18),transparent 22%),linear-gradient(to bottom,#fff8ec 0%,#fff8ec 83%,#ffe6ee 100%)
}
.casino-faq.sun-faq:before{
background:linear-gradient(90deg,#ffd43b,#ff8d2c,#ed2789)
}
.casino-faq.sun-faq:after{
border-color:rgba(237,39,137,.13);
box-shadow:0 0 0 55px rgba(237,39,137,.045),0 0 0 110px rgba(43,195,223,.035)
}
.casino-faq.sun-faq .casino-faq__eyebrow{
color:#ed2789
}
.casino-faq.sun-faq .casino-faq__header h2{
color:#52196b
}
.casino-faq.sun-faq .casino-faq__header>p{
color:#76677a
}
.casino-faq.sun-faq .casino-faq__topics span{
border-color:#eadfea;
color:#601d79;
background:#fff
}
.casino-faq.sun-faq .casino-faq__topics i{
color:#ed2789
}
.casino-faq.sun-faq .casino-faq__item{
border-color:#eadfea;
background:#fff
}
.casino-faq.sun-faq .casino-faq__item:hover{
border-color:#ef9ac7;
background:#fff
}
.casino-faq.sun-faq .casino-faq__item[open]{
border-color:#2bc3df;
background:#f7fdff
}
.casino-faq.sun-faq .casino-faq__item summary>span:nth-child(2){
color:#52196b
}
.casino-faq.sun-faq .casino-faq__answer p{
color:#76677a
}
.casino-faq.sun-faq+.site-footer{
background:linear-gradient(145deg,#651045,#8f165d 55%,#bc1c72)!important
}

.site-footer,.casino-faq.sun-faq+.site-footer{
background:#b51f73!important
}
.site-footer__payments[hidden]{
display:none!important
}
.site-footer__logo{
display:block;
width:230px;
padding:14px 18px;
border-radius:18px;
background:#fff
}
.site-footer__logo img{
display:block;
width:100%;
height:auto
}
.site-footer__navigation h3,.site-footer__legal strong{
color:#ffd43b
}
.site-footer a:hover{
color:#ffd43b
}
.site-footer__responsible{
border-color:rgba(255,212,59,.42);
background:rgba(255,255,255,.09)
}
.site-footer__responsible>strong{
background:#ffd43b;
color:#54196e
}

.sb-header__logo{
display:flex;
flex:0 0 225px;
width:225px;
height:74px;
align-items:center;
overflow:visible
}

.sb-header__logo img{
display:block;
width:225px;
height:74px;
object-fit:contain;
transform:none
}

.site-footer__logo{
display:block;
width:310px;
height:auto;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
overflow:visible
}

.site-footer__logo img{
display:block;
width:100%;
height:auto;
object-fit:contain;
filter:drop-shadow(0 8px 13px rgba(67,10,61,.28));
transform:none
}

.site-header .navbar{
grid-template-columns:250px minmax(0,1fr)
}

.site-header .logo{
width:245px;
height:78px;
overflow:visible
}

.site-header .logo img{
display:block;
width:245px;
height:78px;
max-width:none;
object-fit:contain;
transform:none
}

@media(max-width:1120px){
.site-header .navbar{
grid-template-columns:210px minmax(0,1fr)
}
.site-header .logo,.site-header .logo img{
width:205px;
height:70px
}

}

@media(max-width:900px){
.sb-header__logo{
flex-basis:180px;
width:180px;
height:62px
}
.sb-header__logo img{
width:180px;
height:62px
}
.site-header .logo,.site-header .logo img{
width:190px;
height:68px
}

}

@media(max-width:620px){
.sb-header__logo{
flex-basis:145px;
width:145px;
height:52px
}
.sb-header__logo img{
width:145px;
height:52px
}
.site-header .logo,.site-header .logo img{
width:155px;
height:58px
}
.site-footer__logo{
width:250px
}

}

.sun-legal-page{
background:#fff8ec;
color:#52196b
}
.sun-legal-page .site-header{
background:#fff;
border-bottom:4px solid #ed2789
}
.sun-legal-page .site-header .logo img{
width:245px
}
.sun-legal-page .site-header .nav-link{
color:#52196b!important;
font-weight:800
}
.sun-legal-hero{
padding:150px 24px 80px;
background:linear-gradient(135deg,#681f99,#b02caf 60%,#ed2789);
color:#fff
}
.sun-legal-hero__label{
color:#ffd43b
}
.sun-legal-hero h1{
font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif
}
.sun-legal-layout{
padding-top:70px;
padding-bottom:100px
}
.sun-legal-nav{
border-color:#ffd43b;
background:#fff
}
.sun-legal-nav strong{
color:#ed2789
}
.sun-legal-nav a{
color:#65207d
}
.sun-legal-content section{
border-color:#eadfea;
background:#fff
}
.sun-legal-content h2{
color:#52196b
}
.sun-legal-callout{
border-color:#2bc3df!important;
background:#f5fcff!important
}

@media(max-width:1120px){
.sun-legal-page .site-header .logo img{
width:205px
}

}

@media(max-width:900px){
.sun-legal-page .site-header .logo img{
width:190px
}

}

@media(max-width:620px){
.sun-legal-page .site-header .logo img{
width:155px
}

}

/* Compact, high-contrast footer */
.site-footer{
padding:52px 0 22px!important
}

.site-footer>.container{
width:min(calc(100% - 64px),1540px)
}

.site-footer__main{
grid-template-columns:minmax(300px,.8fr) 1.2fr;
gap:64px;
align-items:center
}

.site-footer__brand{
max-width:520px
}

.site-footer__brand>p{
margin-top:14px;
color:#fff3fa;
font-size:15px;
line-height:1.65
}

.site-footer__navigation{
gap:50px
}

.site-footer__navigation h3{
margin-bottom:14px;
color:#ffe04a;
font-size:16px;
font-weight:900
}

.site-footer__navigation a{
margin-top:9px;
color:#fff;
font-size:14px;
font-weight:700;
line-height:1.4
}

.site-footer__legal{
margin-top:34px;
padding:15px 0;
gap:26px;
border-color:rgba(255,255,255,.24)
}

.site-footer__legal strong{
color:#ffe04a;
font-size:13px
}

.site-footer__legal a{
color:#fff;
font-size:13px;
font-weight:700
}

.site-footer__responsible{
margin-top:22px;
padding:20px 24px;
border-color:rgba(255,255,255,.3);
background:rgba(79,11,75,.2)
}

.site-footer__responsible h3{
font-size:19px
}

.site-footer__responsible p{
color:#fff3fa;
font-size:13px;
line-height:1.55
}

.site-footer__bottom{
margin-top:22px;
padding-top:16px;
border-color:rgba(255,255,255,.22)
}

.site-footer__bottom p{
color:#fff;
font-size:12px
}

.site-footer__bottom a{
color:#fff;
font-size:12px
}

@media(max-width:900px){
.site-footer>.container{
width:min(calc(100% - 40px),1540px)
}
.site-footer__main{
grid-template-columns:1fr;
gap:36px
}
.site-footer__brand{
max-width:660px
}

}

@media(max-width:600px){
.site-footer{
padding-top:42px!important
}
.site-footer>.container{
width:min(calc(100% - 28px),1540px)
}
.site-footer__navigation{
gap:28px
}
.site-footer__navigation a{
font-size:13px
}
.site-footer__responsible{
padding:18px
}
.site-footer__brand>p{
font-size:14px
}

}