/*** Spinner Start ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s ease-out, visibility 0s linear .5s;
  z-index: 99999;
}
#spinner.show {
  transition: opacity .8s ease-out, visibility 0s linear .0s;
  visibility: visible;
  opacity: 1;
}
/*** Spinner End ***/
/*** Body ***/
html, body {
  width: 100%;
  height: 100%;
}
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background-color: #ffffff;
  position: relative;
}

.color-primary {
  color: #cf2e51;
}

.btn-square {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.back-to-top {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 990;
  display: none;
  border: 0;
  background: #cf2e51;
  box-shadow: 0 12px 28px rgba(66, 18, 38, .22);
}
.back-to-top.visible {
  display: inline-flex;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.header-main {
  padding: 18px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  transition: all .3s ease;
  background: linear-gradient(180deg,rgba(20,3,8,.96),rgba(20,3,8,.62));
}
main[id],section[id] {
  scroll-margin-top: 96px
}
.header-main.sticky {
  background: rgba(39, 5, 15, 0.96);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.allyspin-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.allyspin-mark {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 3px solid #f6c945;
  border-radius: 50% 50% 46% 54%;
  color: #f6c945;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  transform: rotate(-8deg);
  box-shadow: inset 0 0 0 4px #71172d,0 0 20px rgba(246,201,69,.2);
}
.allyspin-wordmark {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  letter-spacing: -1.5px;
  text-shadow: 0 2px 0 #170408;
  white-space: nowrap;
}
.allyspin-wordmark strong {
  color: #f6c945;
}
.allyspin-wordmark em {
  color: #d83e59;
  font-style: normal;
  font-weight: 900;
}
.allyspin-nav {
  gap: 2px;
}
.allyspin-nav .nav-link {
  font-size: 14px;
  padding: 10px 8px!important;
  font-weight: 600;
}
.allyspin-nav .nav-link:hover {
  color: #f6c945!important;
}
.allyspin-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #fff3dc url(../images/allyspin-hero.png) center center/cover no-repeat;
}
.allyspin-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center,rgba(255,252,242,.78) 0%,rgba(255,249,235,.46) 31%,rgba(255,255,255,0) 61%);
}
.allyspin-hero::after {
  display: none;
}
.allyspin-hero-content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto;
  padding: 155px 0 95px;
  text-align: center;
}
.allyspin-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #b7223f;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.allyspin-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  background: #d83e59;
}
.allyspin-hero h1 {
  font-size: clamp(2.7rem,5.5vw,5.3rem);
  line-height: 1.02;
  max-width: 780px;
  margin-bottom: 26px;
  letter-spacing: -.04em;
  color: #46101d;
  text-shadow: 0 2px 0 rgba(255,255,255,.7);
}
.allyspin-hero-copy {
  max-width: 650px;
  margin: 0 auto 34px;
  font-size: 1.15rem;
  line-height: 1.75;
  color: #55232e;
}
.allyspin-hero-cta {
  background: #c72f4b;
  color: #fff;
  border: 0;
  box-shadow: 0 14px 30px rgba(183,34,63,.24);
}
.allyspin-hero-cta:hover {
  background: #f6c945;
  color: #46101d;
  transform: translateY(-2px);
}
@media (max-width: 1199px) {
  .allyspin-nav .nav-link {
    font-size: 12px;
    padding: 8px 5px!important;
  }
  .allyspin-wordmark {
    font-size: 18px;
  }
  .allyspin-mark {
    width: 38px;
    height: 38px;
    font-size: 21px;
  }
}
@media (max-width: 991px) {
  .header-main {
    background: rgba(39,5,15,.94);
  }
  .allyspin-hero {
    min-height: 100vh;
  }
  .allyspin-hero-content {
    padding-top: 145px;
  }
}
@media (max-width: 575px) {
  .header-main {
    padding: 12px 0;
  }
  .allyspin-wordmark {
    font-size: 15px
  }
  .allyspin-mark {
    width: 34px;
    height: 34px;
    font-size: 18px
  }
  .header-main .btn {
    font-size: 14px;
    padding: 9px 15px!important
  }
  .allyspin-hero {
    min-height: 100vh
  }
  .allyspin-hero-content {
    padding: 125px 0 70px
  }
  .allyspin-hero-copy {
    font-size: 1rem
  }
  .allyspin-hero-cta {
    width: 100%;
  }
}
@media (min-width:430px) and (max-width:932px) {
  .header-main {
    background-color: rgba(20,20,20,0.9);
  }
}
/*** AllySpin Games ***/
.as-games-section {
  position: relative;
  padding: 94px 0 104px;
  background: 
  radial-gradient(circle at 8% 18%,rgba(255,137,105,.34) 0 8%,transparent 24%),
  radial-gradient(circle at 92% 28%,rgba(117,207,191,.32) 0 9%,transparent 25%),
  radial-gradient(circle at 50% 104%,rgba(247,193,76,.26),transparent 35%),
  linear-gradient(145deg,#fff0d2 0%,#ffd9cc 34%,#e2f3e9 68%,#fff2cf 100%);
  color: #3d1721;
  overflow: hidden
}
.as-games-section::before,.as-games-section::after {
  position: absolute;
  z-index: 0;
  display: grid;
  place-items: center;
  width: 104px;
  height: 132px;
  border: 8px solid rgba(255,255,255,.78);
  border-radius: 25px;
  background: linear-gradient(160deg,#fff7de,#ffcbbb);
  box-shadow: 0 18px 38px rgba(119,54,65,.14),inset 0 0 0 3px rgba(221,74,95,.12);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight: 900
}
.as-games-section::before {
  content: "7";
  left: clamp(-52px,2vw,22px);
  top: 210px;
  color: #d22d4c;
  font-size: 62px;
  transform: rotate(-8deg)
}
.as-games-section::after {
  content: "♠";
  right: clamp(-52px,2vw,22px);
  top: 440px;
  color: #4fa896;
  font-size: 58px;
  transform: rotate(9deg);
  background: linear-gradient(160deg,#e9fff8,#ffded1)
}
.as-games-section>.container {
  position: relative;
  z-index: 1;
  width: calc(100% - 48px);
  max-width: 1720px
}
.as-games-heading {
  max-width: 1100px;
  margin: 0 auto 32px;
  text-align: center
}
.as-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 8px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  color: #c72f4b;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  box-shadow: 0 8px 22px rgba(119,54,65,.08)
}
.as-games-heading h2 {
  font-size: clamp(2rem,4vw,3.5rem);
  color: #46101d;
  margin-bottom: 16px
}
.as-games-heading>p:last-child {
  max-width: 980px;
  margin: auto;
  color: #6b4a52;
  line-height: 1.7
}
.as-main-tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2
}
.as-main-tabs button,.as-slot-tabs button {
  border: 1px solid #e6cfd3;
  background: #fff;
  color: #5b2834;
  border-radius: 15px 15px 0 0;
  padding: 13px 20px;
  font-weight: 750;
  cursor: pointer
}
.as-main-tabs button.active,.as-slot-tabs button.active {
  background: #c72f4b;
  color: #fff;
  border-color: #c72f4b;
  box-shadow: 0 8px 20px rgba(199,47,75,.2)
}
.as-main-tabs button:focus-visible,.as-slot-tabs button:focus-visible,.as-game-card:focus-visible,.as-category-more:focus-visible,.as-detail-close:focus-visible {
  outline: 3px solid #f2b93b;
  outline-offset: 3px
}
.as-games-shell {
  position: relative;
  width: 100%;
  max-width: none;
  margin: -1px auto 0;
  background: linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,247,230,.92) 48%,rgba(232,251,244,.93));
  border: 1px solid rgba(197,91,108,.28);
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 28px 65px rgba(91,44,55,.16),inset 0 1px 0 #fff;
  backdrop-filter: blur(8px)
}
.as-games-shell::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px dashed rgba(205,79,99,.15);
  border-radius: 21px;
  pointer-events: none
}
.as-games-panel:not(.active),.as-slot-panel:not(.active) {
  display: none
}
.as-panel-intro {
  position: relative;
  z-index: 1;
  max-width: 850px;
  margin: 0 auto 24px;
  padding: 18px 24px 8px;
  text-align: center
}
.as-panel-intro h3 {
  color: #46101d;
  margin-bottom: 10px
}
.as-panel-intro p {
  color: #71525a;
  line-height: 1.65
}
.as-category-more {
  border: 0;
  background: #f9e5e9;
  color: #9f1d36;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 750;
  cursor: pointer
}
.as-category-more span {
  display: inline-block;
  margin-left: 7px;
  transition: transform .2s
}
.as-category-more[aria-expanded=true] span {
  transform: rotate(180deg)
}
.as-category-detail {
  margin: 14px auto 0;
  padding: 16px 20px;
  background: #fff8eb;
  border-left: 4px solid #f2b93b;
  border-radius: 12px;
  text-align: left
}
.as-slot-tabs {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  border-bottom: 3px solid #c72f4b
}
.as-slot-tabs>span {
  align-self: center;
  margin-right: 8px;
  color: #7b5961;
  font-size: .88rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em
}
.as-subcopy {
  text-align: center;
  color: #71525a;
  margin: 14px auto 20px;
  max-width: 760px
}
.as-game-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 14px
}
.as-game-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  border: 2px solid rgba(255,255,255,.75);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg,#fff,#fff8ef);
  box-shadow: 0 12px 27px rgba(91,44,55,.14);
  cursor: pointer;
  text-align: left;
  transition: transform .2s,border-color .2s,box-shadow .2s
}
.as-game-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(61,23,33,.16)
}
.as-game-card.selected {
  border-color: #c72f4b;
  box-shadow: 0 0 0 3px rgba(199,47,75,.15)
}
.as-game-card img {
  display: block;
  width: 100%;
  aspect-ratio: 2/3;
  object-fit: cover;
  background: #f5eee8
}
.as-game-card-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 9px 12px;
  min-height: 72px;
  border-top: 3px solid rgba(244,185,66,.7)
}
.as-game-card:nth-child(3n+2) .as-game-card-body {
  border-top-color: rgba(92,190,171,.7)
}
.as-game-card:nth-child(3n) .as-game-card-body {
  border-top-color: rgba(223,83,107,.65)
}
.as-game-card-body strong {
  font-size: .9rem;
  line-height: 1.22;
  color: #46101d
}
.as-game-card-body>span {
  margin-top: auto;
  color: #c72f4b;
  font-weight: 800;
  font-size: .8rem;
  line-height: 1.15
}
.as-game-details {
  grid-column: 1/-1
}
.as-game-detail {
  position: relative;
  margin-top: 22px;
  padding: 24px 54px 22px 24px;
  background: #fff8eb;
  border: 1px solid #efd6a3;
  border-radius: 16px
}
.as-game-detail h4 {
  font-size: 1rem;
  color: #8f1d34;
  margin: 14px 0 6px
}
.as-game-detail p {
  margin: 0;
  color: #63434b;
  line-height: 1.65
}
.as-provider {
  font-size: .92rem
}
.as-detail-close {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #c72f4b;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer
}
@media(max-width:991px) {
  .as-game-grid {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .as-games-shell {
    padding: 22px
  }
}
@media(max-width:767px) {
  .as-games-section::before,.as-games-section::after {
    width: 70px;
    height: 90px;
    font-size: 38px;
    opacity: .5
  }
  .as-games-section::before {
    left: -42px;
    top: 165px
  }
  .as-games-section::after {
    right: -42px;
    top: 390px
  }
}
@media(max-width:575px) {
  .as-games-section {
    padding: 68px 0 78px
  }
  .as-games-shell {
    padding: 15px;
    border-radius: 20px
  }
  .as-games-shell::before {
    inset: 7px
  }
  .as-main-tabs {
    display: grid;
    grid-template-columns: repeat(2,1fr)
  }
  .as-main-tabs button,.as-slot-tabs button {
    border-radius: 12px;
    padding: 11px 9px
  }
  .as-slot-tabs {
    align-items: stretch
  }
  .as-slot-tabs>span {
    width: 100%;
    text-align: center;
    margin: 0 0 3px
  }
  .as-game-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px
  }
  .as-game-card-body {
    padding: 8px 9px;
    min-height: 66px
  }
  .as-game-card-body strong {
    font-size: .8rem
  }
  .as-game-detail {
    padding: 20px 48px 18px 18px
  }
}
/*** AllySpin Live Games ***/
.as-live-section {
  position: relative;
  padding: 96px 0 108px;
  color: #391722;
  overflow: hidden;
  background: 
  radial-gradient(circle at 4% 14%,rgba(247,173,95,.4),transparent 23%),
  radial-gradient(circle at 96% 18%,rgba(87,191,175,.35),transparent 24%),
  radial-gradient(circle at 50% 105%,rgba(220,67,98,.18),transparent 34%),
  linear-gradient(150deg,#ffe4c7 0%,#ffd4cc 31%,#dff5e9 68%,#fff0c9 100%)
}
.as-live-section::before,.as-live-section::after {
  content: "";
  position: absolute;
  pointer-events: none;
  filter: drop-shadow(0 18px 22px rgba(91,44,55,.16))
}
.as-live-section::before {
  display: none
}
.as-live-section::after {
  right: -36px;
  top: 410px;
  width: 118px;
  height: 156px;
  border: 8px solid rgba(255,255,255,.78);
  border-radius: 23px;
  transform: rotate(8deg);
  background: linear-gradient(160deg,#effff8,#ffd6cc);
  box-shadow: inset 0 0 0 3px rgba(87,191,175,.2)
}
.as-live-section>.container {
  position: relative;
  z-index: 1;
  width: calc(100% - 48px);
  max-width: 1720px
}
.as-live-heading {
  max-width: 1720px;
  margin: 0 auto 34px;
  text-align: center
}
.as-live-heading h2 {
  font-size: clamp(2rem,4vw,3.45rem);
  color: #46101d;
  margin: 4px 0 20px
}
.as-live-intro {
  position: relative;
  padding: 24px 30px 24px 70px;
  border: 1px solid rgba(198,82,102,.25);
  border-radius: 24px;
  background: linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,248,229,.78),rgba(231,253,246,.82));
  box-shadow: 0 20px 44px rgba(91,44,55,.12);
  text-align: left
}
.as-live-intro::before {
  content: "♣";
  position: absolute;
  left: -16px;
  top: -18px;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #c72f4b;
  color: #fff;
  font-size: 24px;
  box-shadow: 0 8px 18px rgba(199,47,75,.22)
}
.as-live-intro p {
  margin: 0;
  color: #65464f;
  line-height: 1.75
}
.as-live-tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2
}
.as-live-tabs button {
  padding: 13px 20px;
  border: 1px solid rgba(198,82,102,.28);
  border-radius: 15px 15px 0 0;
  background: rgba(255,255,255,.9);
  color: #5b2834;
  font-weight: 800;
  cursor: pointer
}
.as-live-tabs button.active {
  background: #58b6a5;
  color: #fff;
  border-color: #58b6a5;
  box-shadow: 0 9px 22px rgba(76,174,156,.25)
}
.as-live-tabs button:focus-visible {
  outline: 3px solid #f2b93b;
  outline-offset: 3px
}
.as-live-shell {
  position: relative;
  width: 100%;
  max-width: none;
  margin: -1px auto 0;
  padding: 34px 36px 38px;
  border: 1px solid rgba(44,139,122,.45);
  border-radius: 28px;
  background: linear-gradient(145deg,#9dd8c9 0%,#b8e5d8 48%,#8fcebe 100%);
  box-shadow: 0 28px 65px rgba(60,113,100,.24),inset 0 1px 0 rgba(255,255,255,.8)
}
.as-live-shell::before {
  content: "";
  position: absolute;
  inset: 11px;
  border: 1px dashed rgba(255,255,255,.65);
  border-radius: 21px;
  pointer-events: none
}
.as-live-panel {
  position: relative;
  z-index: 1
}
.as-live-panel:not(.active) {
  display: none
}
.as-live-panel>h3 {
  text-align: center;
  color: #3f1120;
  margin: 2px 0 12px;
  font-size: clamp(1.7rem,3vw,2.35rem)
}
.as-live-group-copy {
  max-width: 1240px;
  margin: 0 auto 28px;
  padding: 20px 24px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 18px;
  background: rgba(255,255,255,.58);
  box-shadow: 0 12px 28px rgba(48,111,98,.12);
  text-align: left;
  color: #4f333b;
  line-height: 1.72
}
.as-live-card:nth-child(odd) {
  transform: translateY(3px)
}
.as-live-card:nth-child(odd):hover {
  transform: translateY(-3px)
}
.as-live-card.selected {
  border-color: #4cae9c;
  box-shadow: 0 0 0 3px rgba(76,174,156,.18)
}
.as-live-detail {
  background: linear-gradient(135deg,#fff8e7,#effcf7);
  border-color: #bfe4da
}
.as-live-detail h4 {
  color: #238575
}
@media(max-width:991px) {
  .as-live-shell {
    padding: 24px 22px 30px
  }
}
@media(max-width:767px) {
  .as-live-section::before,.as-live-section::after {
    opacity: .42
  }
  .as-live-section::before {
    left: -82px
  }
  .as-live-section::after {
    right: -74px
  }
}
@media(max-width:575px) {
  .as-live-section {
    padding: 68px 0 78px
  }
  .as-live-intro {
    padding: 21px 18px 21px 56px
  }
  .as-live-tabs {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .as-live-tabs button {
    padding: 11px 8px;
    border-radius: 12px
  }
  .as-live-shell {
    padding: 22px 15px;
    border-radius: 20px
  }
  .as-live-shell::before {
    inset: 7px
  }
}
@media(max-width:575px) {
  .as-games-section>.container,.as-live-section>.container {
    width: calc(100% - 24px)
  }
}
/*** AllySpin Loyalty Program ***/
.as-loyalty-section {
  position: relative;
  padding: 100px 0 110px;
  overflow: hidden;
  color: #421726;
  background: 
  radial-gradient(circle at 7% 14%,rgba(250,188,70,.34),transparent 25%),
  radial-gradient(circle at 94% 24%,rgba(218,67,96,.24),transparent 24%),
  linear-gradient(145deg,#fff0c8 0%,#ffd8c7 39%,#f1d8df 70%,#dff3e9 100%)
}
.as-loyalty-section::before,.as-loyalty-section::after {
  content: "";
  position: absolute;
  pointer-events: none
}
.as-loyalty-section::before {
  left: -70px;
  top: 260px;
  width: 190px;
  height: 190px;
  border: 18px solid rgba(255,255,255,.66);
  border-radius: 50%;
  box-shadow: inset 0 0 0 18px rgba(245,188,64,.72),inset 0 0 0 38px rgba(201,45,76,.58)
}
.as-loyalty-section::after {
  right: -54px;
  bottom: 210px;
  width: 150px;
  height: 150px;
  border-radius: 32px;
  transform: rotate(18deg);
  background: linear-gradient(145deg,rgba(255,255,255,.78),rgba(94,184,165,.5));
  box-shadow: 0 22px 44px rgba(89,44,55,.15),inset 0 0 0 7px rgba(255,255,255,.55)
}
.as-loyalty-section>.container {
  position: relative;
  z-index: 1;
  width: calc(100% - 48px);
  max-width: 1720px
}
.as-loyalty-heading {
  max-width: 1420px;
  margin: 0 auto 34px;
  text-align: center
}
.as-loyalty-heading h2 {
  font-size: clamp(2.1rem,4vw,3.65rem);
  margin: 5px 0 18px;
  color: #46101d
}
.as-loyalty-heading>p:last-child {
  margin: 0;
  padding: 24px 30px;
  border: 1px solid rgba(194,69,92,.23);
  border-radius: 24px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 20px 44px rgba(91,44,55,.11);
  color: #65464f;
  line-height: 1.76;
  text-align: left
}
.as-loyalty-flow {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  max-width: 1500px;
  margin: 0 auto 26px
}
.as-loyalty-flow article {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 22px;
  border-radius: 20px;
  background: #521526;
  color: #fff;
  box-shadow: 0 16px 34px rgba(82,21,38,.18)
}
.as-loyalty-flow article:nth-child(2) {
  background: #b82c4a
}
.as-loyalty-flow article:nth-child(3) {
  background: #328d7d
}
.as-loyalty-flow article>span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,255,255,.16);
  color: #ffe47b;
  font-size: 22px;
  font-weight: 900
}
.as-loyalty-flow h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 1.15rem
}
.as-loyalty-flow p {
  margin: 0;
  color: rgba(255,255,255,.84);
  line-height: 1.55
}
.as-loyalty-block {
  max-width: 1720px;
  margin: 0 auto 26px;
  padding: 34px;
  border: 1px solid rgba(158,54,78,.25);
  border-radius: 30px;
  background: linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,247,225,.86));
  box-shadow: 0 27px 60px rgba(91,44,55,.14)
}
.as-loyalty-title {
  display: grid;
  grid-template-columns: minmax(330px,.8fr) minmax(420px,1.2fr);
  gap: 34px;
  align-items: end;
  margin-bottom: 25px
}
.as-mini-kicker {
  margin: 0 0 6px;
  color: #c42f4e;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .8rem
}
.as-loyalty-title h3 {
  margin: 0;
  color: #46101d;
  font-size: clamp(1.65rem,2.6vw,2.45rem)
}
.as-loyalty-title>p {
  margin: 0;
  color: #694850;
  line-height: 1.65
}
.as-vip-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 14px
}
.as-vip-card {
  position: relative;
  min-height: 295px;
  padding: 22px 20px;
  border: 1px solid #ecd5c1;
  border-radius: 22px;
  background: linear-gradient(160deg,#fff9e8,#fff);
  box-shadow: 0 12px 26px rgba(91,44,55,.1)
}
.as-vip-card.featured {
  background: linear-gradient(155deg,#ffeadf,#fff7e6);
  border-color: #e5a68e
}
.as-vip-card.top {
  background: linear-gradient(155deg,#531426,#9f2440);
  border-color: #531426;
  color: #fff;
  box-shadow: 0 17px 34px rgba(82,21,38,.22)
}
.as-vip-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 15px;
  border-radius: 15px;
  background: #f6d56c;
  color: #7f1b33;
  font-size: 23px
}
.as-vip-card.top .as-vip-icon {
  background: #ffe47b
}
.as-vip-level {
  margin: 0 0 5px;
  color: #c42f4e;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase
}
.as-vip-card.top .as-vip-level {
  color: #ffe47b
}
.as-vip-card h4 {
  margin: 0 0 15px;
  color: #46101d;
  font-size: 1.12rem
}
.as-vip-card.top h4 {
  color: #fff
}
.as-vip-card ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none
}
.as-vip-card li {
  position: relative;
  padding-left: 20px;
  color: #67464f;
  line-height: 1.45
}
.as-vip-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #2e9481;
  font-weight: 900
}
.as-vip-card.top li {
  color: rgba(255,255,255,.88)
}
.as-vip-card.top li::before {
  color: #ffe47b
}
.as-shop-block {
  background: linear-gradient(135deg,rgba(231,249,243,.94),rgba(255,248,225,.9))
}
.as-shop-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 14px
}
.as-shop-grid article {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 20px;
  border: 1px solid rgba(64,148,130,.27);
  border-radius: 20px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 25px rgba(48,111,98,.1)
}
.as-shop-grid article>span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: #58b6a5;
  color: #fff;
  font-size: 20px;
  font-weight: 900
}
.as-shop-grid h4 {
  margin: 0 0 8px;
  color: #46101d;
  font-size: 1rem
}
.as-shop-grid strong {
  display: block;
  margin-bottom: 10px;
  color: #bd2d4b;
  font-size: 1.25rem
}
.as-shop-grid p {
  margin: auto 0 0;
  color: #684952;
  line-height: 1.5;
  font-size: .9rem
}
.as-loyalty-note {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-top: 20px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #511426;
  color: #fff
}
.as-loyalty-note>span {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffe47b;
  color: #511426;
  font-weight: 900
}
.as-loyalty-note p {
  margin: 0;
  color: rgba(255,255,255,.88);
  line-height: 1.6
}
.as-loyalty-note strong {
  color: #ffe47b
}
@media(max-width:1199px) {
  .as-vip-grid {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .as-shop-grid {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
}
@media(max-width:767px) {
  .as-loyalty-flow {
    grid-template-columns: 1fr
  }
  .as-loyalty-title {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start
  }
  .as-vip-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .as-loyalty-section::before,.as-loyalty-section::after {
    opacity: .35
  }
}
@media(max-width:575px) {
  .as-loyalty-section {
    padding: 70px 0 78px
  }
  .as-loyalty-section>.container {
    width: calc(100% - 24px)
  }
  .as-loyalty-heading>p:last-child,.as-loyalty-block {
    padding: 20px 17px
  }
  .as-vip-grid,.as-shop-grid {
    grid-template-columns: 1fr
  }
  .as-vip-card {
    min-height: 0
  }
}
.as-progress-block {
  background: linear-gradient(135deg,rgba(255,248,225,.94),rgba(242,220,228,.92))
}
.as-progress-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px
}
.as-progress-grid article {
  padding: 21px;
  border: 1px solid rgba(190,69,92,.22);
  border-radius: 20px;
  background: rgba(255,255,255,.75);
  box-shadow: 0 12px 25px rgba(91,44,55,.08)
}
.as-progress-grid article>span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 13px;
  border-radius: 13px;
  background: #c52f4e;
  color: #fff;
  font-size: 19px;
  font-weight: 900
}
.as-progress-grid h4 {
  margin: 0 0 6px;
  color: #46101d;
  font-size: 1rem
}
.as-progress-grid strong {
  display: block;
  margin-bottom: 9px;
  color: #258b79;
  font-size: 1.12rem
}
.as-progress-grid p {
  margin: 0;
  color: #684952;
  line-height: 1.55;
  font-size: .9rem
}
.as-level-explainer {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin-top: 18px;
  padding: 21px 23px;
  border-radius: 19px;
  background: #fff;
  color: #4e3039;
  box-shadow: inset 0 0 0 1px rgba(197,47,78,.18)
}
.as-level-explainer>span {
  display: grid;
  place-items: center;
  flex: 0 0 45px;
  height: 45px;
  border-radius: 14px;
  background: #f4d66e;
  color: #71182e;
  font-size: 23px;
  font-weight: 900
}
.as-level-explainer h4 {
  margin: 0 0 6px;
  color: #46101d
}
.as-level-explainer p {
  margin: 0;
  line-height: 1.65
}
.as-shop-grid article {
  min-height: 315px
}
.as-shop-grid article>p {
  margin: 0;
  color: #684952;
  line-height: 1.5;
  font-size: .9rem
}
.as-shop-grid details {
  margin-top: auto;
  padding-top: 15px
}
.as-shop-grid summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  color: #a5223e;
  font-weight: 850;
  font-size: .86rem;
  list-style: none
}
.as-shop-grid summary::-webkit-details-marker {
  display: none
}
.as-shop-grid summary::after {
  content: "＋";
  font-size: 1rem
}
.as-shop-grid details[open] summary::after {
  content: "−"
}
.as-shop-grid details p {
  margin: 10px 0 0;
  padding: 12px;
  border-radius: 12px;
  background: #eef9f5;
  color: #5d3e47;
  font-size: .84rem;
  line-height: 1.5
}
.as-beginner-guide {
  display: grid;
  grid-template-columns: minmax(320px,.75fr) minmax(520px,1.25fr);
  gap: 38px;
  max-width: 1720px;
  margin: 0 auto;
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(145deg,#501426,#8e213a);
  box-shadow: 0 27px 58px rgba(82,21,38,.2);
  color: #fff
}
.as-beginner-guide h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(1.65rem,2.6vw,2.45rem)
}
.as-beginner-guide>div>p:last-child {
  margin: 0;
  color: rgba(255,255,255,.78);
  line-height: 1.7
}
.as-beginner-guide .as-mini-kicker {
  color: #ffe47b
}
.as-beginner-guide ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none
}
.as-beginner-guide li {
  display: flex;
  gap: 11px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.1)
}
.as-beginner-guide li>span {
  color: #ffe47b;
  font-weight: 900
}
.as-beginner-guide li p {
  margin: 0;
  color: rgba(255,255,255,.82);
  line-height: 1.5;
  font-size: .9rem
}
.as-beginner-guide li strong {
  color: #fff
}
.as-loyalty-section>.container {
  display: flex;
  flex-direction: column
}
.as-vip-block {
  order: 3
}
.as-progress-accordion {
  order: 4
}
.as-shop-accordion {
  order: 5
}
.as-beginner-accordion {
  order: 6
}
.as-loyalty-accordion {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto 18px
}
.as-loyalty-accordion>summary {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 1px solid rgba(158,54,78,.25);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 14px 32px rgba(91,44,55,.11);
  cursor: pointer;
  list-style: none;
  transition: background .2s,border-radius .2s,transform .2s
}
.as-loyalty-accordion>summary::-webkit-details-marker {
  display: none
}
.as-loyalty-accordion>summary:hover {
  background: #fff;
  transform: translateY(-2px)
}
.as-loyalty-accordion>summary>span {
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  height: 46px;
  border-radius: 15px;
  background: #f4d66e;
  color: #6d172d;
  font-size: 22px;
  font-weight: 900
}
.as-loyalty-accordion>summary>div {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.as-loyalty-accordion>summary strong {
  color: #46101d;
  font-size: 1.12rem
}
.as-loyalty-accordion>summary small {
  color: #74545c;
  line-height: 1.45
}
.as-loyalty-accordion>summary::after {
  content: "＋";
  margin-left: auto;
  color: #b72b49;
  font-size: 1.65rem;
  font-weight: 700
}
.as-loyalty-accordion[open]>summary {
  border-radius: 22px 22px 0 0;
  background: #fff;
  transform: none
}
.as-loyalty-accordion[open]>summary::after {
  content: "−"
}
.as-loyalty-accordion>.as-loyalty-block,.as-loyalty-accordion>.as-beginner-guide {
  margin: 0;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 22px 48px rgba(91,44,55,.13)
}
.as-loyalty-accordion>.as-loyalty-block {
  border-top: 0
}
@media(max-width:1199px) {
  .as-progress-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
}
@media(max-width:767px) {
  .as-beginner-guide {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start
  }
  .as-beginner-guide ul {
    grid-template-columns: 1fr
  }
}
@media(max-width:575px) {
  .as-beginner-guide {
    padding: 20px 17px
  }
  .as-progress-grid {
    grid-template-columns: 1fr
  }
  .as-level-explainer {
    padding: 17px
  }
  .as-level-explainer>span {
    display: none
  }
  .as-loyalty-accordion>summary {
    padding: 16px
  }
  .as-loyalty-accordion>summary>span {
    flex-basis: 39px;
    height: 39px
  }
  .as-loyalty-accordion>summary small {
    font-size: .76rem
  }
}
/*** AllySpin Sports ***/
.as-sports-section {
  position: relative;
  padding: 105px 0 110px;
  overflow: hidden;
  color: #421726;
  background: radial-gradient(circle at 8% 20%,rgba(255,201,111,.5),transparent 24%),radial-gradient(circle at 92% 22%,rgba(94,184,165,.35),transparent 27%),linear-gradient(145deg,#fff2cf 0%,#ffd7ca 45%,#dff3e9 100%)
}
.as-sports-section::before {
  content: "";
  position: absolute;
  left: -90px;
  bottom: 140px;
  width: 220px;
  height: 220px;
  border: 20px solid rgba(255,255,255,.6);
  border-radius: 50%;
  box-shadow: inset 0 0 0 22px rgba(240,89,91,.42),inset 0 0 0 46px rgba(246,205,96,.52);
  pointer-events: none
}
.as-sports-section>.container {
  position: relative;
  z-index: 1;
  width: calc(100% - 48px);
  max-width: 1720px
}
.as-sports-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(350px,.65fr);
  align-items: center;
  min-height: 650px;
  padding: 58px 58px 50px;
  border: 1px solid rgba(165,59,80,.22);
  border-radius: 42px;
  background: linear-gradient(120deg,rgba(255,255,255,.92),rgba(255,247,221,.78) 58%,rgba(177,229,216,.62));
  box-shadow: 0 30px 70px rgba(89,44,55,.15)
}
.as-sports-copy {
  position: relative;
  z-index: 2;
  max-width: 970px
}
.as-sports-kicker {
  margin: 0 0 9px;
  color: #c32f4e;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase
}
.as-sports-copy h2 {
  max-width: 900px;
  margin: 0 0 22px;
  color: #46101d;
  font-size: clamp(2.5rem,5vw,5rem);
  line-height: .98
}
.as-sports-lead,.as-sports-copy>p:not(.as-sports-kicker) {
  max-width: 890px;
  color: #65464f;
  line-height: 1.72
}
.as-sports-lead {
  font-size: 1.08rem
}
.as-sports-visual {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 0
}
.as-sports-visual img {
  display: block;
  width: min(520px,100%);
  max-height: 690px;
  object-fit: contain;
  filter: drop-shadow(0 24px 28px rgba(80,31,46,.22))
}
.as-sports-details {
  margin: 0 42px
}
.as-sports-details:not([open])>.as-sports-details-body {
  display: none
}
.as-sports-details>summary {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 21px 25px;
  border: 1px solid rgba(165,59,80,.23);
  border-radius: 24px;
  background: #521526;
  color: #fff;
  box-shadow: 0 18px 38px rgba(82,21,38,.2);
  cursor: pointer;
  list-style: none
}
.as-sports-details>summary::-webkit-details-marker {
  display: none
}
.as-sports-details>summary>span {
  display: grid;
  place-items: center;
  flex: 0 0 45px;
  height: 45px;
  border-radius: 14px;
  background: #ffe078;
  color: #64162a;
  font-size: 23px;
  font-weight: 900;
  transition: transform .2s
}
.as-sports-details[open]>summary>span {
  transform: rotate(45deg)
}
.as-sports-details>summary>div {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.as-sports-details>summary strong {
  font-size: 1.15rem
}
.as-sports-details>summary small {
  color: rgba(255,255,255,.72);
  line-height: 1.45
}
.as-sports-details-body {
  padding: 38px;
  border: 1px solid rgba(165,59,80,.22);
  border-top: 0;
  border-radius: 0 0 32px 32px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 24px 54px rgba(89,44,55,.13)
}
.as-sports-details-body>header {
  max-width: 1100px;
  margin: 0 auto 30px;
  text-align: center
}
.as-sports-details-body h3 {
  margin: 0 0 12px;
  color: #46101d;
  font-size: clamp(1.7rem,3vw,2.5rem)
}
.as-sports-details-body>header>p:last-child {
  margin: 0;
  color: #6b4a53;
  line-height: 1.65
}
.as-sports-guide-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px
}
.as-sports-guide-grid article {
  padding: 22px;
  border-radius: 21px;
  background: linear-gradient(145deg,#fff8e5,#f0faf6);
  border: 1px solid rgba(72,163,145,.22)
}
.as-sports-guide-grid article>span {
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  margin-bottom: 13px;
  border-radius: 13px;
  background: #54ad9d;
  color: #fff;
  font-weight: 900
}
.as-sports-guide-grid h4 {
  margin: 0 0 8px;
  color: #46101d
}
.as-sports-guide-grid p {
  margin: 0;
  color: #694850;
  line-height: 1.58;
  font-size: .92rem
}
.as-sports-note {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-top: 16px;
  padding: 19px 21px;
  border-radius: 20px;
  background: #4c1425;
  color: #fff
}
.as-sports-note>span {
  display: grid;
  place-items: center;
  flex: 0 0 35px;
  height: 35px;
  border-radius: 50%;
  background: #ffe078;
  color: #4c1425;
  font-weight: 900
}
.as-sports-note p {
  margin: 0;
  color: rgba(255,255,255,.85);
  line-height: 1.58
}
.as-sports-note strong {
  color: #ffe078
}
@media(max-width:1199px) {
  .as-sports-hero {
    grid-template-columns: minmax(0,1.2fr) minmax(290px,.8fr);
    padding: 45px
  }
  .as-sports-guide-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
}
@media(max-width:767px) {
  .as-sports-hero {
    grid-template-columns: 1fr;
    padding: 32px 25px 0
  }
  .as-sports-copy {
    text-align: center
  }
  .as-sports-visual {
    max-height: 460px
  }
  .as-sports-details {
    margin: 0 14px
  }
  .as-sports-guide-grid {
    grid-template-columns: 1fr
  }
  .as-sports-details-body {
    padding: 25px 18px
  }
}
@media(max-width:575px) {
  .as-sports-section {
    padding: 72px 0 80px
  }
  .as-sports-section>.container {
    width: calc(100% - 24px)
  }
  .as-sports-hero {
    border-radius: 28px
  }
  .as-sports-details>summary {
    padding: 17px
  }
  .as-sports-details>summary small {
    font-size: .76rem
  }
  .as-sports-details-body {
    border-radius: 0 0 24px 24px
  }
}
/* Sports section rebuild */
.as-sports-section {
  background: radial-gradient(circle at 7% 9%,rgba(255,211,115,.48),transparent 25%),radial-gradient(circle at 92% 22%,rgba(76,174,156,.28),transparent 27%),linear-gradient(150deg,#fff4d7 0%,#ffd9cc 47%,#e1f4eb 100%)
}
.as-sports-hero {
  grid-template-columns: minmax(0,1.3fr) minmax(330px,.7fr);
  min-height: 590px;
  padding: 56px 58px 0;
  border-radius: 38px;
  background: linear-gradient(120deg,rgba(255,255,255,.94),rgba(255,249,229,.82) 58%,rgba(191,233,223,.72))
}
.as-sports-copy {
  align-self: center;
  padding-bottom: 56px
}
.as-sports-copy h2 {
  max-width: 980px;
  font-size: clamp(2.35rem,4.5vw,4.6rem);
  line-height: 1.02
}
.as-sports-copy>p:not(.as-sports-kicker) {
  max-width: 940px
}
.as-sports-visual {
  margin: 0;
  align-self: end
}
.as-sports-visual img {
  width: min(475px,100%);
  max-height: 620px
}
.as-sports-path {
  position: relative;
  margin: -25px 34px 26px;
  padding: 34px;
  border: 1px solid rgba(166,59,80,.22);
  border-radius: 30px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 55px rgba(89,44,55,.14)
}
.as-sports-path>header {
  display: grid;
  grid-template-columns: minmax(300px,.8fr) minmax(400px,1.2fr);
  column-gap: 36px;
  align-items: end;
  margin-bottom: 24px
}
.as-sports-path>header .as-sports-kicker {
  grid-column: 1
}
.as-sports-path>header h3 {
  grid-column: 1;
  margin: 0;
  color: #46101d;
  font-size: clamp(1.7rem,2.8vw,2.55rem)
}
.as-sports-path>header>p:last-child {
  grid-column: 2;
  grid-row: 1/3;
  margin: 0;
  color: #694850;
  line-height: 1.65
}
.as-sports-path-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px
}
.as-sports-path-grid article {
  padding: 21px;
  border-radius: 20px;
  background: linear-gradient(150deg,#fff9e9,#fff);
  border: 1px solid rgba(197,47,78,.18)
}
.as-sports-path-grid article>span {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  margin-bottom: 13px;
  border-radius: 14px;
  background: #f3cf68;
  color: #67172b;
  font-size: 20px;
  font-weight: 900
}
.as-sports-path-grid article:nth-child(2)>span {
  background: #ee706e;
  color: #fff
}
.as-sports-path-grid article:nth-child(3)>span {
  background: #5ab6a5;
  color: #fff
}
.as-sports-path-grid article:nth-child(4)>span {
  background: #531426;
  color: #ffe078
}
.as-sports-path-grid h4 {
  margin: 0 0 8px;
  color: #46101d
}
.as-sports-path-grid p {
  margin: 0;
  color: #694850;
  line-height: 1.56;
  font-size: .91rem
}
.as-sports-options {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin: 0 34px 26px
}
.as-sports-option {
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 28px;
  box-shadow: 0 20px 46px rgba(89,44,55,.13)
}
.as-sports-option>div {
  display: flex;
  align-items: center;
  gap: 13px
}
.as-sports-option>div>span {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  font-size: 21px;
  font-weight: 900
}
.as-sports-option .as-sports-kicker {
  margin: 0
}
.as-sports-option h3 {
  margin: 15px 0 11px;
  font-size: clamp(1.4rem,2.2vw,2rem)
}
.as-sports-option p:last-child {
  margin: 0;
  line-height: 1.67
}
.as-sports-option-live {
  background: linear-gradient(145deg,#4cae9c,#318877);
  color: #fff
}
.as-sports-option-live .as-sports-kicker {
  color: #fff2a8
}
.as-sports-option-live>div>span {
  background: rgba(255,255,255,.18);
  color: #fff
}
.as-sports-option-live h3 {
  color: #fff
}
.as-sports-option-live p {
  color: rgba(255,255,255,.88)
}
.as-sports-option-format {
  border: 1px solid rgba(165,59,80,.24);
  background: linear-gradient(145deg,#fff7de,#ffe2d5);
  color: #67464f
}
.as-sports-option-format>div>span {
  background: #c63250;
  color: #fff
}
.as-sports-option-format h3 {
  color: #46101d
}
.as-sports-option-tournaments {
  border: 1px solid rgba(198, 50, 80, .24);
  background: linear-gradient(145deg, #fff0b8, #ffd7ca);
  color: #67464f
}
.as-sports-option-tournaments>div>span {
  background: #f6c945;
  color: #531426
}
.as-sports-option-tournaments h3 {
  color: #46101d
}
.as-sports-option-virtual {
  background: linear-gradient(145deg, #552037, #321321);
  color: #fff
}
.as-sports-option-virtual .as-sports-kicker {
  color: #9ee4d7
}
.as-sports-option-virtual>div>span {
  background: #55b6a5;
  color: #fff
}
.as-sports-option-virtual h3 {
  color: #fff
}
.as-sports-option-virtual p {
  color: rgba(255, 255, 255, .88)
}
.as-sports-details {
  margin: 0 34px
}
.as-sports-details>summary {
  background: linear-gradient(120deg,#4b1324,#792039);
  transition: transform .2s,box-shadow .2s
}
.as-sports-details>summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(82,21,38,.25)
}
.as-sports-details[open]>summary {
  border-radius: 24px 24px 0 0
}
.as-sports-details-body {
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,250,246,.93))
}
.as-sports-guide-grid article {
  background: #fff
}
.as-sports-newcomer {
  display: grid;
  grid-template-columns: minmax(300px,.7fr) minmax(450px,1.3fr);
  gap: 34px;
  align-items: end;
  margin-top: 22px;
  padding: 25px;
  border-radius: 22px;
  background: #ffeadf
}
.as-sports-newcomer h3 {
  margin: 0
}
.as-sports-newcomer>p {
  margin: 0;
  color: #694850;
  line-height: 1.65
}
@media(max-width:1199px) {
  .as-sports-path-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
}
@media(max-width:767px) {
  .as-sports-hero {
    grid-template-columns: 1fr;
    padding: 34px 24px 0
  }
  .as-sports-copy {
    padding-bottom: 20px
  }
  .as-sports-path {
    margin: -10px 12px 22px;
    padding: 25px 18px
  }
  .as-sports-path>header {
    grid-template-columns: 1fr;
    gap: 8px
  }
  .as-sports-path>header .as-sports-kicker,.as-sports-path>header h3,.as-sports-path>header>p:last-child {
    grid-column: 1;
    grid-row: auto
  }
  .as-sports-options {
    grid-template-columns: 1fr;
    margin: 0 12px 22px
  }
  .as-sports-details {
    margin: 0 12px
  }
  .as-sports-newcomer {
    grid-template-columns: 1fr;
    gap: 10px
  }
}
@media(max-width:575px) {
  .as-sports-path-grid {
    grid-template-columns: 1fr
  }
  .as-sports-option {
    padding: 23px 19px
  }
  .as-sports-copy {
    text-align: left
  }
  .as-sports-visual {
    max-height: 400px
  }
}
/*** AllySpin Bonuses Start ***/
.as-bonus-section {
  --bonus-ink: #4b1022;
  --bonus-red: #cf2d50;
  --bonus-gold: #f5c957;
  --bonus-mint: #a8dfd1;
  position: relative;
  overflow: hidden;
  padding: clamp(76px, 7vw, 122px) 0;
  color: #5e4149;
  background: 
  radial-gradient(circle at 4% 8%, rgba(245, 201, 87, .40) 0 8%, transparent 23%),
  radial-gradient(circle at 96% 46%, rgba(168, 223, 209, .55) 0 10%, transparent 29%),
  linear-gradient(135deg, #fff4df 0%, #ffe1dc 52%, #eefbf4 100%);
}
.as-bonus-section::before,
.as-bonus-section::after {
  content: "";
  position: absolute;
  border: 2px solid rgba(207,45,80,.14);
  border-radius: 50%;
  pointer-events: none;
}
.as-bonus-section::before {
  width: 310px;
  height: 310px;
  left: -165px;
  top: 170px;
  box-shadow: 0 0 0 28px rgba(245,201,87,.12), 0 0 0 58px rgba(255,255,255,.42);
}
.as-bonus-section::after {
  width: 220px;
  height: 220px;
  right: -120px;
  bottom: 180px;
  box-shadow: 0 0 0 22px rgba(168,223,209,.18), 0 0 0 48px rgba(255,255,255,.42);
}
.as-bonus-section > .container {
  width: min(1720px, calc(100% - 48px));
  max-width: none;
  position: relative;
  z-index: 1;
}
.as-bonus-heading {
  max-width: 1120px;
  margin: 0 auto 38px;
  text-align: center;
}
.as-bonus-kicker {
  margin: 0 0 8px;
  color: var(--bonus-red);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.as-bonus-heading h2 {
  margin: 0 0 16px;
  color: var(--bonus-ink);
  font-size: clamp(2.35rem, 5vw, 5rem);
  line-height: .98;
}
.as-bonus-heading > p:last-child {
  margin: auto;
  max-width: 1000px;
  font-size: 1.08rem;
  line-height: 1.75;
}
.as-welcome-bonus {
  padding: clamp(24px, 3.2vw, 52px);
  border: 1px solid rgba(207,45,80,.17);
  border-radius: 34px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 24px 70px rgba(75,16,34,.10);
  backdrop-filter: blur(8px);
}
.as-welcome-summary h3 {
  max-width: 1100px;
  margin: 0 0 14px;
  color: var(--bonus-ink);
  font-size: clamp(1.75rem, 3vw, 3.15rem);
  line-height: 1.08;
}
.as-welcome-summary > p:last-of-type {
  max-width: 1050px;
  line-height: 1.7;
}
.as-bonus-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 30px;
}
.as-bonus-facts span {
  padding: 10px 16px;
  border-radius: 999px;
  color: var(--bonus-ink);
  background: #fff0b7;
  font-weight: 750;
}
.as-welcome-stages {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: start;
  gap: 16px;
}
.as-welcome-stages details {
  min-width: 0;
  border-radius: 24px;
  background: linear-gradient(145deg,#5b1228,#8a1d3b);
  color: #fff;
  box-shadow: 0 16px 30px rgba(75,16,34,.16);
  overflow: hidden;
}
.as-welcome-stages details:nth-child(2) {
  background: linear-gradient(145deg,#f5c957,#f09b62);
  color: var(--bonus-ink);
}
.as-welcome-stages details:nth-child(3) {
  background: linear-gradient(145deg,#55b8a7,#a8dfd1);
  color: var(--bonus-ink);
}
.as-welcome-stages summary {
  position: relative;
  display: flex;
  gap: 16px;
  min-height: 230px;
  padding: 25px 54px 25px 25px;
  list-style: none;
  cursor: pointer;
}
.as-welcome-stages summary::-webkit-details-marker {
  display: none;
}
.as-welcome-stages summary::after {
  content: "+";
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 1.55rem;
  font-weight: 800;
  transition: transform .25s ease;
}
.as-welcome-stages details[open] summary::after {
  transform: rotate(45deg);
}
.as-welcome-stages summary > span {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,.22);
  font-size: 1.35rem;
}
.as-welcome-stages summary > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}
.as-welcome-stages p {
  margin: 0 0 4px;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.as-welcome-stages h4 {
  margin: 0 0 9px;
  color: inherit;
  font-size: clamp(1.25rem,1.7vw,1.7rem);
}
.as-welcome-stages strong {
  margin-bottom: 12px;
}
.as-welcome-stages small {
  margin-top: auto;
  line-height: 1.5;
  opacity: .84;
}
.as-stage-detail {
  padding: 5px 25px 24px;
  border-top: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.10);
  line-height: 1.6;
}
.as-welcome-stages details:not([open]) > .as-stage-detail {
  display: none;
}
.as-stage-detail p {
  margin: 14px 0 0;
  font-size: .93rem;
  letter-spacing: 0;
  text-transform: none;
}
.as-stage-detail strong {
  color: inherit;
}
.as-bonus-list summary {
  list-style: none;
  cursor: pointer;
}
.as-bonus-list summary::-webkit-details-marker {
  display: none;
}
.as-bonus-list details:not([open]) > .as-bonus-detail {
  display: none;
}
.as-bonus-groups {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
  gap: 22px;
  margin-top: 24px;
}
.as-bonus-group {
  padding: clamp(22px,2.5vw,38px);
  border-radius: 30px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(75,16,34,.11);
  box-shadow: 0 20px 55px rgba(75,16,34,.08);
}
.as-bonus-group-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.as-bonus-group-heading > span {
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  height: 52px;
  border-radius: 17px;
  background: var(--bonus-gold);
  color: var(--bonus-ink);
  font-size: 1.4rem;
}
.as-sport-promos .as-bonus-group-heading > span {
  background: var(--bonus-mint);
}
.as-bonus-group-heading h3 {
  margin: 0;
  color: var(--bonus-ink);
  font-size: clamp(1.45rem,2vw,2.1rem);
}
.as-bonus-list {
  display: grid;
  gap: 12px;
}
.as-bonus-list details {
  border: 1px solid rgba(207,45,80,.15);
  border-radius: 19px;
  background: rgba(255,250,247,.88);
  overflow: hidden;
}
.as-bonus-list summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 17px 52px 17px 19px;
}
.as-bonus-list summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  color: var(--bonus-red);
  font-size: 1.55rem;
  font-weight: 800;
  transition: transform .25s ease;
}
.as-bonus-list details[open] summary::after {
  transform: rotate(45deg);
}
.as-bonus-list summary p {
  margin: 0 0 2px;
  color: #82636b;
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.as-bonus-list summary h4 {
  margin: 0;
  color: var(--bonus-ink);
  font-size: 1.15rem;
}
.as-bonus-list summary > span {
  color: #317f72;
  font-size: .8rem;
  font-weight: 800;
  text-align: right;
}
.as-bonus-detail {
  padding: 2px 19px 18px;
  border-top: 1px dashed rgba(207,45,80,.22);
  line-height: 1.62;
}
.as-bonus-detail p {
  margin: 14px 0 0;
}
.as-bonus-detail strong {
  color: var(--bonus-ink);
}
.as-bonus-checklist {
  display: flex;
  gap: 17px;
  margin-top: 24px;
  padding: 25px 28px;
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(120deg,#541328,#7f1c3a 60%,#317f72);
  box-shadow: 0 18px 45px rgba(75,16,34,.15);
}
.as-bonus-checklist > span {
  display: grid;
  place-items: center;
  flex: 0 0 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--bonus-gold);
  color: var(--bonus-ink);
  font-weight: 900;
}
.as-bonus-checklist h3 {
  margin: 0 0 5px;
  color: #fff;
}
.as-bonus-checklist p {
  margin: 0;
  line-height: 1.65;
}
@media (max-width: 990px) {
  .as-bonus-groups {
    grid-template-columns: 1fr;
  }
  .as-welcome-stages {
    grid-template-columns: 1fr;
  }
  .as-welcome-stages summary {
    min-height: 0;
  }
}
@media (max-width: 620px) {
  .as-bonus-section > .container {
    width: min(100% - 24px,1720px);
  }
  .as-welcome-bonus,.as-bonus-group {
    border-radius: 22px;
  }
  .as-bonus-list summary {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .as-bonus-list summary > span {
    text-align: left;
  }
  .as-bonus-checklist {
    align-items: flex-start;
    padding: 20px;
  }
}
/*** AllySpin Bonuses End ***/
/*** AllySpin Account Security Start ***/
.as-account-section {
  --account-ink: #37132b;
  --account-plum: #6b1f50;
  --account-violet: #8059c7;
  --account-mint: #78cdb8;
  position: relative;
  overflow: hidden;
  padding: clamp(60px,5vw,90px) 0;
  color: #594654;
  background: linear-gradient(135deg,#f3edff 0%,#fff4e8 48%,#e7f8f2 100%);
}
.as-account-section::before {
  content: "";
  position: absolute;
  width: 430px;
  height: 430px;
  top: -230px;
  right: -120px;
  border: 46px solid rgba(128,89,199,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(120,205,184,.10);
}
.as-account-section > .container {
  width: min(1720px,calc(100% - 48px));
  max-width: none;
  position: relative;
  z-index: 1;
}
.as-account-heading {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: center;
  gap: clamp(28px,4vw,70px);
  margin-bottom: 36px;
}
.as-account-kicker {
  margin: 0 0 9px;
  color: var(--account-violet);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.as-account-heading h2 {
  max-width: 720px;
  margin: 0;
  color: var(--account-ink);
  font-size: clamp(2.4rem,4vw,4.25rem);
  line-height: .98;
  letter-spacing: -.035em;
}
.as-account-heading > p {
  margin: 0;
  font-size: 1.06rem;
  line-height: 1.75;
}
.as-account-rules {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 15px;
}
.as-account-rules article {
  padding: 25px;
  border: 1px solid rgba(107,31,80,.13);
  border-radius: 24px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 15px 40px rgba(55,19,43,.07);
}
.as-account-rules article > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 19px;
  border-radius: 15px;
  color: #fff;
  background: var(--account-plum);
  font-weight: 900;
}
.as-account-rules article:nth-child(2) > span {
  background: var(--account-violet);
}
.as-account-rules article:nth-child(3) > span {
  background: #e49d50;
}
.as-account-rules article:nth-child(4) > span {
  background: #319d83;
}
.as-account-rules h3 {
  margin: 0 0 9px;
  color: var(--account-ink);
  font-size: 1.25rem;
}
.as-account-rules p {
  margin: 0;
  line-height: 1.62;
}
.as-account-actions {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: 20px;
  margin-top: 22px;
}
.as-secure-login,.as-account-guides {
  padding: clamp(24px,3vw,42px);
  border-radius: 30px;
}
.as-secure-login {
  color: #fff;
  background: linear-gradient(145deg,#3d1738,#6b1f50 60%,#8059c7);
  box-shadow: 0 22px 50px rgba(55,19,43,.17);
}
.as-secure-login .as-account-kicker {
  color: #bdf1e4;
}
.as-secure-login h3 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(1.7rem,2.5vw,2.7rem);
}
.as-secure-login ul {
  display: grid;
  gap: 17px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.as-secure-login li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.as-secure-login li > span {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  height: 38px;
  border-radius: 13px;
  color: var(--account-ink);
  background: #bdf1e4;
  font-weight: 900;
}
.as-secure-login li p {
  margin: 0;
  line-height: 1.6;
}
.as-account-guides {
  display: grid;
  align-content: center;
  gap: 12px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(107,31,80,.12);
}
.as-account-guides details {
  border: 1px solid rgba(128,89,199,.19);
  border-radius: 19px;
  background: #fff;
  overflow: hidden;
}
.as-account-guides summary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 19px 52px 19px 19px;
  list-style: none;
  cursor: pointer;
}
.as-account-guides summary::-webkit-details-marker {
  display: none;
}
.as-account-guides summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  color: var(--account-violet);
  font-size: 1.5rem;
  font-weight: 900;
  transition: transform .25s;
}
.as-account-guides details[open] summary::after {
  transform: rotate(45deg);
}
.as-account-guides summary > span {
  display: grid;
  place-items: center;
  flex: 0 0 43px;
  height: 43px;
  border-radius: 14px;
  color: #fff;
  background: var(--account-violet);
  font-weight: 900;
}
.as-account-guides summary strong {
  display: block;
  color: var(--account-ink);
}
.as-account-guides summary small {
  display: block;
  margin-top: 3px;
  color: #806d7b;
  line-height: 1.4;
}
.as-account-detail {
  padding: 0 22px 21px 76px;
  border-top: 1px dashed rgba(128,89,199,.2);
  line-height: 1.66;
}
.as-account-detail p {
  margin: 15px 0 0;
}
.as-account-detail strong {
  color: var(--account-ink);
}
.as-account-guides details:not([open]) > .as-account-detail {
  display: none;
}
.as-account-alert {
  display: flex;
  gap: 16px;
  margin-top: 22px;
  padding: 24px 28px;
  border-radius: 23px;
  color: #fff;
  background: linear-gradient(100deg,#b82e51,#6b1f50);
}
.as-account-alert > span {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  height: 44px;
  border-radius: 50%;
  color: #661c46;
  background: #ffd56a;
  font-weight: 950;
}
.as-account-alert h3 {
  margin: 0 0 5px;
  color: #fff;
}
.as-account-alert p {
  margin: 0;
  line-height: 1.62;
}
@media(max-width:1100px) {
  .as-account-rules {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .as-account-heading,.as-account-actions {
    grid-template-columns: 1fr;
  }
}
@media(max-width:620px) {
  .as-account-section>.container {
    width: calc(100% - 24px)
  }
  .as-account-rules {
    grid-template-columns: 1fr
  }
  .as-account-detail {
    padding-left: 22px
  }
  .as-account-alert {
    padding: 20px
  }
  .as-account-heading h2 {
    font-size: 2.4rem
  }
}
/*** AllySpin Account Security End ***/
/*** AllySpin Payments Start ***/
.as-payments-section {
  --pay-ink: #381126;
  --pay-red: #c92e52;
  --pay-teal: #319f91;
  --pay-gold: #f6c754;
  position: relative;
  overflow: hidden;
  padding: clamp(60px,5vw,90px) 0;
  color: #604851;
  background: linear-gradient(145deg,#fff1dd 0%,#ffe7e7 48%,#e4f8f2 100%);
}
.as-payments-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 8% 18%,rgba(246,199,84,.28),transparent 22%),radial-gradient(circle at 94% 72%,rgba(49,159,145,.21),transparent 24%);
}
.as-payments-section>.container {
  width: min(1720px,calc(100% - 48px));
  max-width: none;
  position: relative;
  z-index: 1;
}
.as-payments-heading {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: center;
  gap: clamp(28px,4vw,70px);
  margin-bottom: 32px;
}
.as-payments-kicker {
  margin: 0 0 8px;
  color: var(--pay-red);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.as-payments-heading h2 {
  max-width: 720px;
  margin: 0;
  color: var(--pay-ink);
  font-size: clamp(2.4rem,4vw,4.25rem);
  line-height: .98;
  letter-spacing: -.035em;
}
.as-payments-heading>p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.68;
}
.as-payment-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
}
.as-payment-tabs button {
  min-width: 210px;
  padding: 15px 25px;
  border: 1px solid rgba(201,46,82,.22);
  border-radius: 18px;
  color: var(--pay-ink);
  background: rgba(255,255,255,.82);
  font-weight: 850;
  font-size: 1rem;
  transition: .25s;
}
.as-payment-tabs button span {
  margin-right: 8px;
}
.as-payment-tabs button.active {
  color: #fff;
  border-color: var(--pay-red);
  background: linear-gradient(120deg,var(--pay-red),#7f1738);
  box-shadow: 0 12px 28px rgba(201,46,82,.22);
}
.as-payment-panel {
  padding: clamp(22px,3vw,42px);
  border: 1px solid rgba(201,46,82,.14);
  border-radius: 32px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 65px rgba(56,17,38,.08);
}
.as-payment-panel[hidden] {
  display: none!important;
}
.as-payment-panel-head {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr);
  align-items: end;
  gap: 35px;
  margin-bottom: 25px;
}
.as-payment-panel-head h3 {
  margin: 0;
  color: var(--pay-ink);
  font-size: clamp(1.7rem,2.7vw,2.8rem);
}
.as-payment-panel-head>p {
  margin: 0;
  line-height: 1.65;
}
.as-payment-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
}
.as-payment-grid article {
  display: grid;
  grid-template-columns: 68px minmax(0,1fr);
  align-items: center;
  gap: 7px 14px;
  min-height: 104px;
  padding: 14px 16px;
  border: 1px solid rgba(56,17,38,.10);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(56,17,38,.05);
}
.as-payment-grid img,.as-pay-text-icon {
  grid-row: 1/3;
  width: 68px;
  height: 58px;
  object-fit: contain;
}
.as-pay-text-icon {
  display: grid;
  place-items: center;
  width: 58px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg,var(--pay-teal),#77cdbd);
  font-size: 1.12rem;
  font-weight: 900;
}
.as-payment-grid h4 {
  margin: 0;
  color: var(--pay-ink);
  font-size: 1.02rem;
  line-height: 1.18;
}
.as-payment-grid .as-pay-range {
  display: block;
  margin: 0;
  color: #317f72;
  font-size: .86rem;
  line-height: 1.25;
}
.as-payment-grid .as-pay-range strong {
  color: #317f72;
  font-weight: 850;
}
.as-payment-safety {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
}
.as-payment-safety article {
  position: relative;
  padding: 23px 22px 22px 76px;
  border: 1px solid rgba(49,159,145,.2);
  border-radius: 22px;
  background: rgba(255,255,255,.84);
}
.as-payment-safety-icon {
  position: absolute;
  top: 22px;
  left: 22px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg,var(--pay-teal),#77cdbd);
  font-size: 1.1rem;
  font-weight: 900;
}
.as-payment-safety h3 {
  margin: 0 0 8px;
  color: var(--pay-ink);
  font-size: 1.05rem;
}
.as-payment-safety p {
  margin: 0;
  font-size: .88rem;
  line-height: 1.6;
}
.as-withdrawal-limits {
  display: grid;
  grid-template-columns: minmax(240px,.35fr) minmax(0,1.65fr);
  gap: 26px;
  margin-top: 28px;
  padding: 26px;
  border-radius: 25px;
  color: #fff;
  background: linear-gradient(120deg,#47152e,#742041 55%,#277e73);
}
.as-withdrawal-limits .as-payments-kicker {
  color: #ffd76e;
}
.as-withdrawal-limits h3 {
  margin: 0 0 8px;
  color: #fff;
}
.as-withdrawal-limits>div>p:last-child {
  line-height: 1.55;
}
.as-vip-limit-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 10px;
}
.as-vip-limit-grid article {
  padding: 15px;
  border-radius: 17px;
  background: rgba(255,255,255,.11);
}
.as-vip-limit-grid span {
  color: #ffd76e;
}
.as-vip-limit-grid h4 {
  margin: 5px 0 8px;
  color: #fff;
}
.as-vip-limit-grid p,.as-vip-limit-grid strong {
  display: block;
  margin: 0;
  font-size: .79rem;
  line-height: 1.45;
}
.as-payment-guide {
  margin-top: 18px;
  border: 1px solid rgba(201,46,82,.15);
  border-radius: 23px;
  background: rgba(255,255,255,.84);
  overflow: hidden;
}
.as-payment-guide summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  list-style: none;
  cursor: pointer;
}
.as-payment-guide summary::-webkit-details-marker {
  display: none
}
.as-payment-guide summary>span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  background: var(--pay-red);
  transition: transform .25s;
}
.as-payment-guide[open] summary>span {
  transform: rotate(45deg);
}
.as-payment-guide summary strong {
  display: block;
  color: var(--pay-ink);
}
.as-payment-guide summary small {
  display: block;
  margin-top: 3px;
  color: #826a73;
}
.as-payment-guide>div {
  padding: 0 24px 22px 80px;
  line-height: 1.65;
}
.as-payment-guide>div p {
  margin: 14px 0 0;
}
.as-payment-guide:not([open])>div {
  display: none;
}
@media(max-width:1200px) {
  .as-payment-grid {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .as-withdrawal-limits {
    grid-template-columns: 1fr
  }
  .as-vip-limit-grid {
    grid-template-columns: repeat(5,minmax(130px,1fr));
    overflow-x: auto
  }
}
@media(max-width:900px) {
  .as-payment-safety {
    grid-template-columns: 1fr
  }
}
@media(max-width:800px) {
  .as-payments-heading,.as-payment-panel-head {
    grid-template-columns: 1fr
  }
  .as-payment-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .as-payment-tabs button {
    min-width: 0;
    flex: 1
  }
  .as-payment-guide>div {
    padding-left: 24px
  }
}
@media(max-width:520px) {
  .as-payments-section>.container {
    width: calc(100% - 24px)
  }
  .as-payment-grid {
    grid-template-columns: 1fr
  }
  .as-payment-panel {
    border-radius: 22px
  }
  .as-payment-tabs {
    gap: 8px
  }
  .as-payment-tabs button {
    padding: 13px 12px
  }
}
/*** AllySpin Payments End ***/
/*** AllySpin Mobile Start ***/
.as-mobile-section {
  --mob-ink: #421226;
  --mob-red: #cf2e51;
  --mob-teal: #54b9aa;
  --mob-gold: #f7c958;
  position: relative;
  overflow: hidden;
  padding: clamp(76px,7vw,118px) 0;
  color: #624a54;
  background: linear-gradient(135deg,#ffe3ca 0%,#ffd9df 47%,#dff5eb 100%)
}
.as-mobile-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: -210px;
  top: 20%;
  border: 56px solid rgba(255,255,255,.48);
  border-radius: 50%;
  box-shadow: 0 0 0 32px rgba(231,99,95,.22),0 0 0 76px rgba(247,201,88,.18);
  pointer-events: none
}
.as-mobile-section>.container {
  position: relative;
  z-index: 1;
  width: min(1720px,calc(100% - 48px));
  max-width: none
}
.as-mobile-hero {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr);
  align-items: center;
  gap: clamp(30px,5vw,90px);
  padding: clamp(28px,4vw,58px);
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 40px;
  background: rgba(255,250,246,.64);
  box-shadow: 0 26px 70px rgba(66,18,38,.10);
  backdrop-filter: blur(8px)
}
.as-mobile-kicker {
  margin: 0 0 12px;
  color: var(--mob-red);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase
}
.as-mobile-copy h2 {
  margin: 0;
  color: var(--mob-ink);
  font-size: clamp(3rem,6vw,6.2rem);
  line-height: .91;
  letter-spacing: -.055em
}
.as-mobile-lead {
  max-width: 750px;
  margin: 28px 0 24px;
  font-size: 1.08rem;
  line-height: 1.75
}
.as-device-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.as-device-pills span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px;
  border: 1px solid rgba(66,18,38,.10);
  border-radius: 999px;
  color: var(--mob-ink);
  background: #fff;
  font-size: .9rem;
  font-weight: 800
}
.as-device-pills i {
  color: var(--mob-red);
  font-size: 1.05rem
}
.as-mobile-benefits {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px;
  margin-top: 18px
}
.as-mobile-benefits article {
  position: relative;
  padding: 28px 25px 27px 84px;
  border: 1px solid rgba(66,18,38,.10);
  border-radius: 25px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 14px 34px rgba(66,18,38,.06)
}
.as-mobile-icon {
  position: absolute;
  top: 24px;
  left: 23px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg,var(--mob-teal),#2e897d);
  font-size: 1.2rem
}
.as-mobile-benefits article:nth-child(2) .as-mobile-icon {
  background: linear-gradient(135deg,var(--mob-gold),#ed9f51)
}
.as-mobile-benefits article:nth-child(3) .as-mobile-icon {
  background: linear-gradient(135deg,var(--mob-red),#801735)
}
.as-mobile-benefits h3 {
  margin: 0 0 8px;
  color: var(--mob-ink);
  font-size: 1.15rem
}
.as-mobile-benefits p {
  margin: 0;
  line-height: 1.6
}
.as-mobile-guide {
  margin-top: 18px;
  border: 1px solid rgba(66,18,38,.11);
  border-radius: 25px;
  background: rgba(255,255,255,.86);
  overflow: hidden
}
.as-mobile-guide summary {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 21px 25px;
  list-style: none;
  cursor: pointer
}
.as-mobile-guide summary::-webkit-details-marker {
  display: none
}
.as-mobile-guide summary>span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  background: var(--mob-red);
  font-weight: 900;
  transition: transform .25s
}
.as-mobile-guide[open] summary>span {
  transform: rotate(45deg)
}
.as-mobile-guide summary strong,.as-mobile-guide summary small {
  display: block
}
.as-mobile-guide summary strong {
  color: var(--mob-ink)
}
.as-mobile-guide summary small {
  margin-top: 3px;
  color: #876f78
}
.as-mobile-guide-body {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  padding: 0 25px 25px 82px
}
.as-mobile-guide-body h3 {
  margin: 0 0 7px;
  color: var(--mob-ink);
  font-size: 1rem
}
.as-mobile-guide-body p {
  margin: 0;
  line-height: 1.62;
  font-size: .92rem
}
.as-mobile-guide:not([open]) .as-mobile-guide-body {
  display: none
}
@media(max-width:1100px) {
  .as-mobile-hero {
    grid-template-columns: 1fr
  }
  .as-mobile-benefits {
    grid-template-columns: 1fr
  }
  .as-mobile-guide-body {
    grid-template-columns: 1fr
  }
}
@media(max-width:620px) {
  .as-mobile-section>.container {
    width: calc(100% - 24px)
  }
  .as-mobile-hero {
    padding: 28px 20px;
    border-radius: 28px
  }
  .as-mobile-copy h2 {
    font-size: 3.2rem
  }
  .as-mobile-benefits article {
    padding-left: 76px
  }
  .as-mobile-guide-body {
    padding-left: 25px
  }
}
.as-mobile-hero {
  grid-template-columns: minmax(0,1fr) minmax(460px,.9fr);
  gap: clamp(32px,4vw,70px);
  padding: clamp(34px,3.6vw,54px)
}
.as-mobile-copy h2 {
  max-width: 760px;
  font-size: clamp(2.65rem,4.15vw,4.55rem);
  line-height: .98;
  letter-spacing: -.045em
}
.as-mobile-lead {
  margin: 24px 0 22px;
  line-height: 1.68
}
.as-responsive-showcase {
  overflow: hidden;
  border: 1px solid rgba(66,18,38,.13);
  border-radius: 28px;
  background: #fffaf6;
  box-shadow: 0 24px 55px rgba(66,18,38,.13)
}
.as-showcase-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 48px;
  padding: 0 18px;
  background: #4a1a2d
}
.as-showcase-bar>i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f7c958
}
.as-showcase-bar>i:nth-child(2) {
  background: #ef7a74
}
.as-showcase-bar>i:nth-child(3) {
  background: #65c3b3
}
.as-showcase-bar>span {
  margin-left: auto;
  color: #ffd454;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em
}
.as-showcase-content {
  display: grid;
  grid-template-columns: minmax(0,1fr) 175px;
  min-height: 292px;
  background: radial-gradient(circle at 20% 12%,rgba(255,255,255,.92),transparent 34%),linear-gradient(135deg,#ffda94,#ffc0ba 56%,#a8dfd4)
}
.as-showcase-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px
}
.as-showcase-message small {
  color: #b62449;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .13em
}
.as-showcase-message strong {
  margin-top: 10px;
  color: var(--mob-ink);
  font-size: clamp(1.75rem,2.25vw,2.55rem);
  line-height: 1
}
.as-showcase-message p {
  max-width: 390px;
  margin: 16px 0 0;
  line-height: 1.55
}
.as-showcase-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  padding: 22px;
  background: rgba(255,255,255,.56);
  border-left: 1px solid rgba(66,18,38,.09)
}
.as-showcase-menu span {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  border-radius: 13px;
  color: var(--mob-ink);
  background: rgba(255,255,255,.87);
  font-size: .82rem;
  font-weight: 800
}
.as-showcase-menu i {
  color: var(--mob-red)
}
.as-view-modes {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: rgba(66,18,38,.10)
}
.as-view-modes>span {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  padding: 15px 13px;
  background: #fff
}
.as-view-modes i {
  grid-row: 1/3;
  color: var(--mob-teal);
  font-size: 1.3rem
}
.as-view-modes b {
  color: var(--mob-ink);
  font-size: .82rem
}
.as-view-modes small {
  font-size: .68rem;
  color: #8b747d
}
@media(max-width:1100px) {
  .as-mobile-hero {
    grid-template-columns: 1fr
  }
  .as-responsive-showcase {
    width: min(760px,100%);
    margin: auto
  }
}
@media(max-width:620px) {
  .as-mobile-copy h2 {
    font-size: 2.45rem
  }
  .as-showcase-content {
    grid-template-columns: 1fr;
    min-height: 0
  }
  .as-showcase-message {
    padding: 28px 22px
  }
  .as-showcase-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-left: 0;
    border-top: 1px solid rgba(66,18,38,.09)
  }
  .as-view-modes {
    grid-template-columns: 1fr
  }
  .as-view-modes>span {
    grid-template-columns: 36px 1fr
  }
}
/*** AllySpin Mobile End ***/
/*** AllySpin About Start ***/
.as-about-section {
  --about-ink: #421226;
  --about-red: #cf2e51;
  --about-teal: #48aa9b;
  --about-gold: #f5c759;
  position: relative;
  overflow: hidden;
  padding: clamp(60px,5vw,90px) 0;
  color: #614b54;
  background: linear-gradient(145deg,#fff8eb 0%,#ffe9e4 52%,#e6f6ef 100%)
}
.as-about-section>.container {
  position: relative;
  z-index: 1;
  width: min(1720px,calc(100% - 48px));
  max-width: none
}
.as-about-heading {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: center;
  gap: clamp(28px,4vw,70px);
  margin-bottom: 30px
}
.as-about-kicker {
  margin: 0 0 10px;
  color: var(--about-red);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase
}
.as-about-heading h2 {
  max-width: 760px;
  margin: 0;
  color: var(--about-ink);
  font-size: clamp(2.8rem,4.35vw,4.7rem);
  line-height: .95;
  letter-spacing: -.045em
}
.as-about-subtitle {
  max-width: 690px;
  margin: 0;
  padding-left: 24px;
  border-left: 4px solid var(--about-teal);
  font-size: clamp(1.02rem,1.35vw,1.25rem);
  font-weight: 750;
  line-height: 1.48;
  color: var(--about-ink)
}
.as-about-heading-side {
  display: grid;
  align-content: center;
  gap: 4px
}
.as-about-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin: -24px -10px -34px;
  pointer-events: none
}
.as-about-visual img {
  display: block;
  width: 100%;
  max-width: 610px;
  height: auto;
  filter: drop-shadow(0 18px 22px rgba(66,18,38,.12))
}
.as-about-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px,4vw,64px);
  padding: clamp(26px,3vw,42px);
  border: 1px solid rgba(66,18,38,.10);
  border-radius: 30px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 20px 55px rgba(66,18,38,.07)
}
.as-about-intro p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.72
}
.as-about-pillars {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px;
  margin: 18px 0
}
.as-about-pillars article {
  position: relative;
  padding: 28px 25px 26px 84px;
  border: 1px solid rgba(66,18,38,.10);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 13px 30px rgba(66,18,38,.05)
}
.as-about-icon {
  position: absolute;
  top: 25px;
  left: 23px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg,var(--about-red),#831735);
  font-size: 1.15rem
}
.as-about-pillars article:nth-child(2) .as-about-icon {
  color: #52203a;
  background: linear-gradient(135deg,#f7d872,var(--about-gold))
}
.as-about-pillars article:nth-child(3) .as-about-icon {
  background: linear-gradient(135deg,#72cebf,var(--about-teal))
}
.as-about-pillars h3 {
  margin: 0 0 8px;
  color: var(--about-ink);
  font-size: 1.16rem
}
.as-about-pillars p {
  margin: 0;
  line-height: 1.62
}
.as-about-story {
  display: grid;
  grid-template-columns: minmax(300px,.65fr) minmax(0,1.35fr);
  gap: clamp(28px,5vw,85px);
  padding: clamp(30px,4vw,54px);
  border-radius: 30px;
  color: #fff;
  background: linear-gradient(125deg,#45152d 0%,#721d40 56%,#2b8277 100%);
  box-shadow: 0 22px 58px rgba(66,18,38,.15)
}
.as-about-story .as-about-kicker {
  color: #f9d66e
}
.as-about-story h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem,3vw,3.25rem);
  line-height: 1.05
}
.as-about-copy p {
  margin: 0 0 17px;
  line-height: 1.72;
  color: rgba(255,255,255,.9)
}
.as-about-copy p:last-child {
  margin-bottom: 0
}
.as-about-responsible {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: start;
  margin-top: 18px;
  padding: 25px 28px;
  border: 1px solid rgba(72,170,155,.22);
  border-radius: 25px;
  background: rgba(255,255,255,.82)
}
.as-about-responsible>span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  color: #fff;
  background: var(--about-teal);
  font-size: 1.35rem
}
.as-about-responsible h3 {
  margin: 0 0 7px;
  color: var(--about-ink);
  font-size: 1.18rem
}
.as-about-responsible p {
  margin: 0;
  line-height: 1.65
}
@media(max-width:1000px) {
  .as-about-heading,.as-about-story {
    grid-template-columns: 1fr
  }
  .as-about-subtitle {
    max-width: 760px
  }
  .as-about-visual {
    max-width: 720px;
    margin: 0 auto -10px
  }
  .as-about-pillars {
    grid-template-columns: 1fr
  }
}
@media(max-width:700px) {
  .as-about-section>.container {
    width: calc(100% - 24px)
  }
  .as-about-intro {
    grid-template-columns: 1fr
  }
  .as-about-heading h2 {
    font-size: 2.75rem
  }
  .as-about-subtitle {
    padding-left: 16px
  }
  .as-about-visual {
    min-height: 0;
    margin: 4px -8px -4px
  }
  .as-about-responsible {
    grid-template-columns: 1fr
  }
  .as-about-story {
    padding: 28px 22px
  }
  .as-about-pillars article {
    padding-left: 76px
  }
}
/*** AllySpin About End ***/
/*** AllySpin FAQ Start ***/
.as-faq-section {
  --faq-ink: #421226;
  --faq-red: #cf2e51;
  --faq-teal: #48aa9b;
  --faq-gold: #f5c759;
  position: relative;
  overflow: hidden;
  padding: clamp(60px,5vw,92px) 0;
  color: #644c56;
  background: radial-gradient(circle at 7% 12%,rgba(245,199,89,.27),transparent 21%),radial-gradient(circle at 96% 88%,rgba(72,170,155,.22),transparent 23%),linear-gradient(140deg,#fff8e9 0%,#ffe8e7 52%,#e8f7f1 100%)
}
.as-faq-section>.container {
  position: relative;
  z-index: 1;
  width: min(1720px,calc(100% - 48px));
  max-width: none
}
.as-faq-heading {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: center;
  gap: clamp(28px,4vw,70px);
  margin-bottom: 30px
}
.as-faq-kicker {
  margin: 0 0 9px;
  color: var(--faq-red);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase
}
.as-faq-heading h2 {
  margin: 0;
  color: var(--faq-ink);
  font-size: clamp(2.7rem,4.2vw,4.6rem);
  line-height: .96;
  letter-spacing: -.045em
}
.as-faq-heading>p {
  max-width: 700px;
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.68
}
.as-faq-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  align-items: start
}
.as-faq-column {
  display: grid;
  gap: 13px
}
.as-faq-column details {
  overflow: hidden;
  border: 1px solid rgba(66,18,38,.11);
  border-radius: 21px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 30px rgba(66,18,38,.055)
}
.as-faq-column summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 76px;
  padding: 17px 58px 17px 23px;
  color: var(--faq-ink);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.35;
  list-style: none;
  cursor: pointer
}
.as-faq-column summary::-webkit-details-marker {
  display: none
}
.as-faq-column summary::after {
  content: "+";
  position: absolute;
  right: 21px;
  color: var(--faq-red);
  font-size: 1.65rem;
  font-weight: 800;
  transition: transform .25s ease
}
.as-faq-column:nth-child(2) summary::after {
  color: var(--faq-teal)
}
.as-faq-column details[open] summary::after {
  transform: rotate(45deg)
}
.as-faq-column details[open] summary {
  background: linear-gradient(120deg,rgba(255,236,228,.76),rgba(229,247,241,.8))
}
.as-faq-column details>div {
  padding: 0 23px 21px;
  border-top: 1px dashed rgba(66,18,38,.13)
}
.as-faq-column details>div p {
  margin: 17px 0 0;
  line-height: 1.65
}
.as-faq-note {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  padding: 21px 24px;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(110deg,#4a152d,#7a2143 58%,#2e8479)
}
.as-faq-note>span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  color: var(--faq-ink);
  background: var(--faq-gold);
  font-size: 1.25rem;
  font-weight: 950
}
.as-faq-note p {
  margin: 0;
  line-height: 1.58
}
.as-faq-note strong {
  color: #fff
}
@media(max-width:850px) {
  .as-faq-heading,.as-faq-grid {
    grid-template-columns: 1fr
  }
  .as-faq-heading {
    gap: 16px
  }
  .as-faq-grid {
    gap: 13px
  }
}
@media(max-width:560px) {
  .as-faq-section>.container {
    width: calc(100% - 24px)
  }
  .as-faq-heading h2 {
    font-size: 2.55rem
  }
  .as-faq-column summary {
    padding-right: 48px
  }
  .as-faq-column details>div {
    padding-left: 21px
  }
  .as-faq-note {
    grid-template-columns: 1fr
  }
}
/*** AllySpin FAQ End ***/
/*** AllySpin Footer and Legal Pages Start ***/
.as-footer {
  padding: 64px 0 24px;
  color: rgba(255,255,255,.76);
  background: linear-gradient(125deg,#2b0d1b,#54152f 56%,#205f59)
}
.as-footer>.container {
  width: min(1720px,calc(100% - 48px));
  max-width: none
}
.as-footer-main {
  display: grid;
  grid-template-columns: minmax(260px,.9fr) minmax(420px,1.35fr) minmax(230px,.65fr);
  gap: clamp(34px,5vw,82px);
  padding-bottom: 42px
}
.as-footer .allyspin-brand {
  width: max-content
}
.as-footer-brand p {
  max-width: 390px;
  margin: 22px 0 18px;
  line-height: 1.65
}
.as-footer-age {
  display: inline-flex;
  padding: 8px 13px;
  border: 1px solid rgba(245,199,89,.35);
  border-radius: 999px;
  color: #f8d66e;
  font-size: .78rem;
  font-weight: 800
}
.as-footer h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 1rem;
  letter-spacing: .1em;
  text-transform: uppercase
}
.as-footer-nav>div {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 11px 26px
}
.as-footer-nav a,.as-footer-legal a {
  color: rgba(255,255,255,.78);
  text-decoration: none;
  transition: .2s
}
.as-footer-nav a:hover,.as-footer-legal a:hover {
  color: #f7cf5e;
  transform: translateX(2px)
}
.as-footer-legal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px
}
.as-footer-legal h2 {
  margin-bottom: 7px
}
.as-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.13);
  font-size: .87rem
}
.as-footer-bottom p {
  margin: 0
}
.as-legal-page {
  min-height: 100vh;
  color: #624a54;
  background: linear-gradient(145deg,#fff8eb 0%,#ffe8e6 52%,#e6f6ef 100%)
}
.as-legal-main {
  padding: clamp(142px,10vw,172px) 0 clamp(64px,7vw,108px)
}
.as-legal-main>.container {
  width: min(1180px,calc(100% - 48px));
  max-width: none
}
.as-legal-hero {
  margin-bottom: 24px;
  padding: clamp(32px,5vw,62px);
  border-radius: 36px;
  color: #fff;
  background: linear-gradient(125deg,#46132a,#7a2143 60%,#2d8479);
  box-shadow: 0 24px 60px rgba(66,18,38,.14)
}
.as-legal-kicker {
  margin: 0 0 12px;
  color: #f8d66e;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase
}
.as-legal-hero h1 {
  max-width: 850px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.5rem,5vw,4.8rem);
  line-height: .98;
  letter-spacing: -.045em
}
.as-legal-hero p {
  max-width: 780px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.86);
  line-height: 1.7
}
.as-legal-content {
  padding: clamp(28px,5vw,58px);
  border: 1px solid rgba(66,18,38,.1);
  border-radius: 32px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 20px 55px rgba(66,18,38,.07)
}
.as-legal-content section+section {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid rgba(66,18,38,.1)
}
.as-legal-content h2 {
  margin: 0 0 12px;
  color: #421226;
  font-size: clamp(1.35rem,2vw,1.85rem)
}
.as-legal-content p,.as-legal-content li {
  line-height: 1.72
}
.as-legal-content ul {
  margin: 12px 0 0;
  padding-left: 22px
}
@media(max-width:1000px) {
  .as-footer-main {
    grid-template-columns: 1fr 1fr
  }
  .as-footer-brand {
    grid-column: 1/-1
  }
}
@media(max-width:650px) {
  .as-footer>.container,.as-legal-main>.container {
    width: calc(100% - 24px)
  }
  .as-footer-main {
    grid-template-columns: 1fr
  }
  .as-footer-brand {
    grid-column: auto
  }
  .as-footer-nav>div {
    grid-template-columns: 1fr
  }
  .as-footer-bottom {
    flex-direction: column
  }
  .as-legal-hero,.as-legal-content {
    border-radius: 24px
  }
  .as-legal-page .header-main .navbar-nav {
    display: none!important
  }
}
/*** AllySpin Footer and Legal Pages End ***/