@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,300;1,500;1,600&display=swap");
/*CSS Table Of Content Starts Here*/
/*
01. General CSS
---------------------------
Section css
---------------------------
---------------------------
02. Header Section CSS
---------------------------
03. Banner Section CSS
---------------------------
04. Footer Section CSS
---------------------------
---------------------------
05. About Section CSS
---------------------------
06. Dashboard Section CSS
---------------------------
07. Alert Section CSS
---------------------------
08. Auction Section CSS
---------------------------
09. Testimonial Section CSS
---------------------------
10. Pricing Section CSS
---------------------------
15. Support Section CSS
---------------------------
12. Contact Section CSS
---------------------------
13. Error Section CSS
---------------------------
14. Working Location CSS
---------------------------
15. Bidding Section CSS
---------------------------
16. Winning Details Section CSS
---------------------------
17. Team Section CSS
---------------------------
19. Blog Section CSS
---------------------------
---------------------------
20. Blog Details Section CSS
---------------------------
---------------------------
21. Personal Profile Section CSS
---------------------------
---------------------------
22. Product Details Section CSS
---------------------------
---------------------------
23. Favorites Section CSS
---------------------------
---------------------------
24. FAQ Section CSS
---------------------------
---------------------------
24. FAQ Section CSS
---------------------------
---------------------------
25. Animate CSS
---------------------------
*/
/*CSS Table Of Content Ends Here*/
:root {
  --theme-color: #d72323;
  --theme-one: #FFC827;
  --theme-two: #99754566;
  --primary-color: #d72323;
  --section-bg: #0C1924;
  --section-bg-two: #35082B;
  --button-color: #1fb5ac;
  --secoundary-color: #636363;
  --paragraph-color: #707070;
  --background-color: #020C15;
  --white-color: #fff;
  --black-color: #000000;
  --border-color: rgb(240, 240, 240);
  --ratting-color: #ffd247;
}
/* Spins of Glory: Header and Hero */
.header-section {
  background: linear-gradient(180deg, rgba(6, 42, 137, 0.98), rgba(8, 81, 190, 0.92));
  border-bottom: 2px solid rgba(65, 197, 255, 0.75);
  box-shadow: 0 8px 28px rgba(17, 55, 142, 0.2);
}
.menu-fixed {
  background: linear-gradient(180deg, #062a89, #0851be);
  border-bottom: 2px solid rgba(65, 197, 255, 0.75);
}
.header-wrapper {
  flex-wrap: nowrap;
  gap: 24px;
  padding: 13px 0;
}
.header-wrapper .logo-menu {
  flex: 0 0 150px;
  max-width: 150px;
}
.glory-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-height: 64px;
  line-height: 0.82;
  text-transform: uppercase;
  transform: rotate(-2deg);
}
.glory-logo__top {
  color: #eefbff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
  text-shadow: 0 2px 0 #123eac, 0 0 10px rgba(107, 224, 255, 0.75);
}
.glory-logo__main {
  color: #ffcb31;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: 1px;
  -webkit-text-stroke: 1px #fff1a8;
  text-shadow: 0 3px 0 #dc5b1b, 0 6px 0 #173eae, 0 0 16px rgba(255, 211, 59, 0.5);
}
.header-wrapper .main-menu {
  flex: 1;
  justify-content: flex-end;
}
.header-wrapper .main-menu li:not(:last-child) {
  margin-right: 19px;
}
.header-wrapper .main-menu li a {
  font-size: 14px;
  white-space: nowrap;
}
.header-wrapper .main-menu > li:not(.mneu-btn-grp) > a {
  position: relative;
  padding: 10px 0;
}
.header-wrapper .main-menu > li:not(.mneu-btn-grp) > a::after {
  content:"";
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 2px;
  background: #ffd33d;
  transform: scaleX(0);
  transition: transform 0.25s ease;
}
.header-wrapper .main-menu > li:not(.mneu-btn-grp) > a:hover {
  color: #fff4a8;
}
.header-wrapper .main-menu > li:not(.mneu-btn-grp) > a:hover::after {
  transform: scaleX(1);
}
.cmn--btn-menu, .video-banner .cmn--btn {
  color: #ffffff;
  background: linear-gradient(180deg, #77f24f 0%, #18b82e 55%, #07951f 100%);
  border: 2px solid #fff07d;
  border-radius: 13px;
  box-shadow: 0 0 0 3px #df9f13, 0 7px 18px rgba(17, 116, 45, 0.28);
  text-shadow: 0 2px 1px rgba(0, 75, 24, 0.5);
}
.cmn--btn-menu:hover, .video-banner .cmn--btn:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #8dff69 0%, #21cb38 55%, #0aa023 100%);
  border-color: #fff7aa;
}
.video-banner {
  min-height: 720px;
  height: 100vh;
  justify-content: flex-start;
  background: #244ed7 url(../img/banner/spins-of-glory-hero.png) no-repeat center center;
  background-size: cover;
}
.video-banner .hero-container {
  position: relative;
  z-index: 3;
}
.video-banner .video-banner-content {
  max-width: 590px;
  margin: 48px 0 0;
  text-align: left;
}
.video-banner .hero-kicker {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 14px;
  color: #ffffff;
  background: rgba(18, 45, 157, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.video-banner .video-banner-content .video-font {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: clamp(54px, 5.2vw, 82px);
  line-height: 0.98;
  letter-spacing: -2px;
  text-transform: uppercase;
  text-shadow: 0 5px 0 rgba(30, 54, 157, 0.42), 0 8px 28px rgba(17, 45, 137, 0.25);
}
.video-banner .highlight-color {
  color: #ffcf38;
  -webkit-text-stroke: 1px #fff3a8;
  text-shadow: 0 4px 0 #df651f, 0 7px 0 rgba(31, 64, 177, 0.7);
}
.video-banner .video-banner-content p {
  max-width: 560px;
  margin-bottom: 30px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.65;
  text-shadow: 0 2px 10px rgba(25, 47, 134, 0.5);
}
.video-banner .blue-overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(29, 61, 180, 0.56) 0%, rgba(36, 76, 212, 0.18) 40%, rgba(40, 80, 212, 0) 68%);
}
@media screen and ( max-width: 1199px) {
  .header-wrapper .main-menu li:not(:last-child) {
    margin-right: 12px;
  }
  .header-wrapper .main-menu li a {
    font-size: 12px;
  }
}

@media screen and ( max-width: 991px) {
  .header-wrapper {
    flex-wrap: wrap;
  }
  .header-wrapper .logo-menu, .glory-logo {
    width: 132px;
    max-width: 132px;
  }
  .glory-logo__main {
    font-size: 31px;
  }
  .header-section .main-menu {
    margin-top: 0;
    padding: 18px;
    background: linear-gradient(180deg, #082b8d, #0b58bc);
    border: 1px solid rgba(83, 203, 255, 0.7);
    border-radius: 0 0 18px 18px;
  }
  .header-section .main-menu li a {
    font-size: 15px;
  }
  .header-section .main-menu .mneu-btn-grp {
    display: block;
    padding: 8px 10px 5px;
  }
  .video-banner {
    min-height: 720px;
    background-position: 64% center;
  }
  .video-banner .video-banner-content {
    max-width: 500px;
    margin-top: 75px;
  }
  .video-banner .blue-overlay {
    background: linear-gradient(90deg, rgba(30, 58, 174, 0.78), rgba(35, 73, 207, 0.4) 55%, rgba(35, 73, 207, 0.08));
  }
}
@media screen and ( max-width: 575px) {
  .video-banner {
    min-height: 690px;
    height: 100svh;
    background-position: 61% center;
  }
  .video-banner .video-banner-content {
    max-width: 92%;
    margin-top: 78px;
  }
  .video-banner .hero-kicker {
    margin-bottom: 14px;
    padding: 7px 11px;
    font-size: 10px;
    letter-spacing: 1.7px;
  }
  .video-banner .video-banner-content .video-font {
    font-size: 42px;
    line-height: 1;
  }
  .video-banner .video-banner-content p {
    max-width: 390px;
    font-size: 15px;
    line-height: 1.55;
  }
  .video-banner .blue-overlay {
    background: linear-gradient(90deg, rgba(25, 51, 163, 0.9), rgba(37, 73, 205, 0.62) 65%, rgba(42, 76, 202, 0.22));
  }
}
/* Shared navigation, footer and legal pages */
.header-wrapper {
  max-width:1540px;
  margin:auto
}
.header-wrapper .main-menu {
  gap:0
}
.header-wrapper .main-menu li:not(:last-child) {
  margin-right:10px
}
.header-wrapper .main-menu li a {
  font-size:11px;
  white-space:nowrap
}
.header-wrapper .main-menu .mneu-btn-grp {
  margin-left:5px
}
.header-wrapper .main-menu .mneu-btn-grp a {
  font-size:14px
}
.footer-section--glory {
  position:relative;
  background:radial-gradient(circle at 10% 20%,rgba(81,206,255,.1),transparent 24%),radial-gradient(circle at 92% 86%,rgba(215,78,145,.12),transparent 24%),linear-gradient(135deg,#071847,#102d76 52%,#351f71);
  overflow:hidden
}
.footer-section--glory .footer-top {
  padding-top:74px;
  padding-bottom:65px
}
.glory-footer-logo {
  margin-bottom:22px
}
.footer-section--glory .footer-head .header-content {
  color:#fff!important
}
.footer-section--glory .footer-content-area p {
  color:#c8d5e9!important;
  line-height:1.75
}
.footer-section--glory .footer-content li a {
  color:#e5ecf7!important;
  transition:.2s
}
.footer-section--glory .footer-content li a:hover {
  color:#ffd055!important;
  margin-left:4px
}
.footer-section--glory .footer-trust-item {
  color:#e3ebf7
}
.footer-section--glory .footer-trust-item i {
  color:#61dce8
}
.footer-section--glory .footer-payments img {
  height:26px;
  max-width:55px;
  object-fit:contain
}
.footer-section--glory .footer-disclaimer-mini {
  margin-top:20px;
  padding:13px 15px;
  background:#ffffff0a;
  border:1px solid #ffffff14;
  border-radius:12px
}
.footer-section--glory .border-area {
  border-top:1px solid #ffffff18
}
.footer-section--glory .footer-bottom {
  display:flex;
  justify-content:center;
  padding:22px 0
}
.footer-section--glory .footer-bottom p {
  margin:0;
  color:#cbd6e9!important;
  text-align:center
}
.footer-legal-links {
  display:grid;
  gap:8px
}
.legal-page {
  background:#f7f8fd;
  color:#5e6877
}
.legal-main {
  padding:145px 20px 90px;
  background:radial-gradient(circle at 92% 7%,#ffe5a16b,transparent 23%),radial-gradient(circle at 6% 93%,#d8c8ff70,transparent 24%),#f8f9ff
}
.legal-shell {
  max-width:1180px;
  margin:auto
}
.legal-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:38px;
  align-items:center;
  margin-bottom:28px;
  padding:40px 44px;
  color:#dbe4f5;
  background:linear-gradient(130deg,#172962,#3d2a7d 65%,#a04479);
  border-radius:28px;
  box-shadow:0 24px 52px #2a2c6729
}
.legal-hero__eyebrow {
  display:block;
  color:#ffd261;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase
}
.legal-hero h1 {
  margin:8px 0 13px;
  color:#fff;
  font-size:48px;
  line-height:1.08
}
.legal-hero p {
  margin:0;
  line-height:1.68
}
.legal-updated {
  display:grid;
  place-items:center;
  min-height:145px;
  padding:20px;
  text-align:center;
  background:#ffffff0e;
  border:1px solid #ffffff18;
  border-radius:20px
}
.legal-updated i {
  color:#65dce7;
  font-size:28px
}
.legal-updated span,.legal-updated strong {
  display:block
}
.legal-updated span {
  margin-top:10px;
  color:#b8c8df;
  font-size:10px;
  text-transform:uppercase
}
.legal-updated strong {
  margin-top:3px;
  color:#fff;
  font-size:17px
}
.legal-layout {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:20px;
  align-items:start
}
.legal-toc {
  position:sticky;
  top:110px;
  padding:22px;
  background:#fff;
  border:1px solid #e1e5ef;
  border-radius:19px;
  box-shadow:0 14px 31px #3544690d
}
.legal-toc strong {
  display:block;
  margin-bottom:12px;
  color:#3f2d70
}
.legal-toc a {
  display:block;
  padding:8px 10px;
  color:#627087;
  border-radius:9px;
  font-size:12px
}
.legal-toc a:hover {
  color:#fff;
  background:#7050b6
}
.legal-content {
  padding:36px 39px;
  background:#fff;
  border:1px solid #e1e5ef;
  border-radius:23px;
  box-shadow:0 18px 38px #3544690d
}
.legal-content section+section {
  margin-top:30px;
  padding-top:30px;
  border-top:1px solid #e7eaf1
}
.legal-content h2 {
  margin:0 0 12px;
  color:#3f2c70;
  font-size:25px
}
.legal-content h3 {
  margin:18px 0 8px;
  color:#1d4b79;
  font-size:18px
}
.legal-content p,.legal-content li {
  font-size:14px;
  line-height:1.75
}
.legal-content p {
  margin:0
}
.legal-content p+p {
  margin-top:10px
}
.legal-content ul {
  display:grid;
  gap:7px;
  margin:12px 0 0;
  padding-left:20px
}
.legal-callout {
  margin-top:16px;
  padding:17px 19px;
  color:#5f5341;
  background:#fff2cd;
  border-left:4px solid #dda33a;
  border-radius:0 13px 13px 0
}
.legal-contact {
  display:flex;
  gap:13px;
  align-items:flex-start;
  margin-top:18px;
  padding:18px;
  color:#dce7f7;
  background:#17336b;
  border-radius:15px
}
.legal-contact i {
  margin-top:3px;
  color:#66dce7
}
.legal-contact strong {
  color:#fff
}
.legal-nav .main-menu li a {
  font-size:10px
}
@media (max-width:1250px) {
  .header-wrapper .main-menu li:not(:last-child) {
    margin-right:6px
  }
  .header-wrapper .main-menu li a {
    font-size:10px
  }
  .header-wrapper .main-menu .mneu-btn-grp {
    display:none
  }
}
@media (max-width:991px) {
  .header-wrapper .main-menu li a,.legal-nav .main-menu li a {
    font-size:15px
  }
  .header-wrapper .main-menu .mneu-btn-grp {
    display:block
  }
  .legal-main {
    padding-top:125px
  }
  .legal-layout {
    grid-template-columns:1fr
  }
  .legal-toc {
    position:relative;
    top:auto
  }
  .legal-toc nav {
    columns:2
  }
  .legal-hero {
    grid-template-columns:1fr
  }
  .legal-updated {
    min-height:110px
  }
}
@media (max-width:767px) {
  .legal-main {
    padding:110px 14px 65px
  }
  .legal-hero {
    padding:28px 20px
  }
  .legal-hero h1 {
    font-size:36px
  }
  .legal-content {
    padding:27px 18px
  }
  .legal-toc nav {
    columns:1
  }
}
.footer-section--glory .footer-payments ul {
  display:grid;
  grid-template-columns:repeat(4,92px);
  gap:9px;
  margin-top:18px;
  padding:0
}
.footer-section--glory .footer-payments ul li {
  display:grid;
  place-items:center;
  width:92px;
  height:54px;
  padding:8px;
  margin:0!important;
  background:linear-gradient(145deg,#173662,#0b234b);
  border:1px solid #31547d;
  border-radius:11px;
  box-shadow:inset 0 1px #ffffff18,0 8px 18px #020a2440
}
.footer-section--glory .footer-payments ul li img {
  display:block;
  width:100%!important;
  height:36px!important;
  max-width:76px!important;
  max-height:36px!important;
  object-fit:contain;
  opacity:1;
  filter:none
}
@media (max-width:575px) {
  .footer-section--glory .footer-payments ul {
    grid-template-columns:repeat(3,88px)
  }
  .footer-section--glory .footer-payments ul li {
    width:88px;
    height:52px
  }
}
/* Final catalogue composition overrides */
/* Spins of Glory Sportsbook */
.sportsbook-section {
  padding:100px 20px 118px;
  color:#172f66;
  background:radial-gradient(circle at 8% 12%,rgba(255,190,74,.25),transparent 22%),radial-gradient(circle at 94% 88%,rgba(70,177,255,.2),transparent 24%),linear-gradient(180deg,#fff9eb 0%,#f5fbff 100%);
}
.sportsbook-shell {
  width:min(1540px,100%);
  margin:0 auto;
}
.sportsbook-hero {
  position:relative;
  overflow:hidden;
  min-height:610px;
  border-radius:38px;
  box-shadow:0 30px 70px rgba(32,71,126,.2);
}
.sportsbook-hero__image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.sportsbook-hero__shade {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,251,239,.98) 0%,rgba(255,249,234,.92) 30%,rgba(255,249,234,.36) 54%,rgba(15,42,94,.05) 100%);
}
.sportsbook-hero__copy {
  position:relative;
  z-index:1;
  max-width:690px;
  padding:100px 0 130px 72px;
}
.sportsbook-hero__copy>span {
  display:inline-block;
  margin-bottom:12px;
  color:#bc6428;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.sportsbook-hero__copy h2 {
  margin:0 0 18px;
  color:#183673;
  font-size:clamp(44px,5vw,72px);
  line-height:1.02;
}
.sportsbook-hero__copy p {
  margin:0;
  color:#50617e;
  font-size:17px;
  line-height:1.75;
}
.sportsbook-modes {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  max-width:1280px;
  margin:-74px auto 72px;
}
.sportsbook-modes article {
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-height:145px;
  padding:27px;
  background:rgba(255,255,255,.96);
  border:1px solid #d5e4f8;
  border-radius:22px;
  box-shadow:0 18px 38px rgba(40,75,125,.14);
}
.sportsbook-modes article>i {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  color:#fff;
  background:linear-gradient(145deg,#ef9b32,#e45b76);
  border-radius:15px;
  font-size:19px;
}
.sportsbook-modes strong {
  display:block;
  margin:2px 0 7px;
  color:#17366f;
  font-size:19px;
}
.sportsbook-modes p {
  margin:0;
  color:#62718c;
  font-size:14px;
  line-height:1.65;
}
.sportsbook-guide {
  overflow:hidden;
  background:linear-gradient(135deg,#102c72 0%,#174fb0 56%,#5b3bb3 100%);
  border-radius:36px;
  box-shadow:0 30px 65px rgba(24,54,122,.23);
}
.sportsbook-guide__heading {
  max-width:1060px;
  padding:50px 55px 30px;
}
.sportsbook-guide__heading>span {
  color:#79ddff;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.sportsbook-guide__heading h3 {
  margin:8px 0 10px;
  color:#fff;
  font-size:34px;
}
.sportsbook-guide__heading p {
  margin:0;
  color:#d7e6ff;
  font-size:16px;
  line-height:1.72;
}
.sportsbook-guide__body {
  position:relative;
  display:grid;
  grid-template-columns:245px minmax(0,1fr) 210px;
  gap:18px;
  align-items:stretch;
  padding:0 28px 30px;
}
.sportsbook-guide__tabs {
  display:flex;
  flex-direction:column;
  gap:9px;
  padding-top:7px;
}
.sportsbook-guide__tabs button {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:12px 15px;
  color:#dce9ff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:15px;
  font-size:14px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}
.sportsbook-guide__tabs button i {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  flex:0 0 31px;
  color:#173b81;
  background:#fff;
  border-radius:10px;
}
.sportsbook-guide__tabs button:hover,.sportsbook-guide__tabs button.is-active {
  color:#17366f;
  background:#fff;
  transform:translateX(5px);
}
.sportsbook-guide__tabs button.is-active i {
  color:#fff;
  background:linear-gradient(145deg,#ef9b32,#e45b76);
}
.sportsbook-guide__panel {
  min-height:470px;
  padding:31px 34px;
  color:#263d70;
  background:#fff;
  border-radius:26px;
}
.sportsbook-guide__panel>span {
  color:#c4622c;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.sportsbook-guide__panel>h4 {
  margin:7px 0 11px;
  color:#17366f;
  font-size:29px;
  line-height:1.25;
}
.sportsbook-guide__panel>p {
  margin:0 0 21px;
  color:#64718a;
  font-size:15px;
  line-height:1.7;
}
.sportsbook-guide__panel>div {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.sportsbook-guide__panel article {
  padding:15px 16px;
  background:#f0f6ff;
  border-left:3px solid #4e83df;
  border-radius:5px 13px 13px 5px;
}
.sportsbook-guide__panel article strong {
  display:block;
  margin-bottom:6px;
  color:#21457d;
  font-size:14px;
}
.sportsbook-guide__panel article p {
  margin:0;
  color:#63708a;
  font-size:13px;
  line-height:1.62;
}
.sportsbook-coach {
  position:relative;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:11px;
  min-height:470px;
}
.sportsbook-guide__character {
  order:1;
  width:230px;
  max-height:385px;
  object-fit:contain;
  object-position:bottom;
  filter:drop-shadow(0 18px 20px rgba(2,16,62,.3));
  animation:sportsGuideFloat 4s ease-in-out infinite;
}
.sportsbook-coach__button {
  position:relative;
  order:2;
  z-index:2;
  width:218px;
  padding:14px 16px;
  color:#17366f;
  background:#fff;
  border:3px solid #f1a33d;
  border-radius:16px;
  box-shadow:0 15px 30px rgba(3,19,68,.28);
  text-align:center;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.sportsbook-coach__button::after {
  display:none;
}
.sportsbook-coach__button:hover {
  transform:translateY(-4px);
  box-shadow:0 20px 36px rgba(3,19,68,.35);
}
.sportsbook-coach__button strong {
  display:block;
  margin-bottom:3px;
  color:#b6532d;
  font-size:15px;
}
.sportsbook-coach__button span {
  display:block;
  font-size:11px;
  font-weight:700;
  line-height:1.35;
}
.sportsbook-recommendations {
  grid-column:1/-1;
  margin-top:8px;
  padding:32px;
  color:#213a70;
  background:#fff7e8;
  border:1px solid #f3c47d;
  border-radius:25px;
  box-shadow:0 18px 38px rgba(3,19,68,.18);
}
.sportsbook-recommendations[hidden] {
  display:none;
}
.sportsbook-recommendations__heading {
  max-width:1000px;
  margin-bottom:22px;
}
.sportsbook-recommendations__heading>span {
  color:#bd5b2c;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.sportsbook-recommendations__heading h4 {
  margin:7px 0 8px;
  color:#17366f;
  font-size:27px;
  line-height:1.25;
}
.sportsbook-recommendations__heading p {
  margin:0;
  color:#636f84;
  font-size:15px;
  line-height:1.7;
}
.sportsbook-recommendations__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.sportsbook-recommendations__grid article {
  padding:16px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 7px 18px rgba(100,70,39,.07);
}
.sportsbook-recommendations__grid strong {
  display:block;
  margin-bottom:6px;
  color:#204276;
  font-size:14px;
}
.sportsbook-recommendations__grid p {
  margin:0;
  color:#687487;
  font-size:13px;
  line-height:1.6;
}
.sportsbook-sport-markets {
  margin-top:30px;
  padding-top:28px;
  border-top:1px solid #edc98e;
}
.sportsbook-sport-markets__heading {
  max-width:1080px;
  margin-bottom:20px;
}
.sportsbook-sport-markets__heading>span {
  color:#bd5b2c;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.sportsbook-sport-markets__heading h4 {
  margin:7px 0 9px;
  color:#17366f;
  font-size:27px;
  line-height:1.25;
}
.sportsbook-sport-markets__heading p {
  margin:0;
  color:#636f84;
  font-size:15px;
  line-height:1.7;
}
.sportsbook-sport-markets__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.sportsbook-sport-markets__grid article {
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  background:linear-gradient(145deg,#fff,#fffaf1);
  border:1px solid #f0d6a9;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(92,65,34,.07);
}
.sportsbook-sport-markets__grid i {
  flex:0 0 42px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#fff;
  background:linear-gradient(145deg,#3b82e6,#694fd5);
  border-radius:13px;
  font-size:17px;
}
.sportsbook-sport-markets__grid strong {
  display:block;
  margin-bottom:5px;
  color:#204276;
  font-size:15px;
}
.sportsbook-sport-markets__grid p {
  margin:0;
  color:#687487;
  font-size:13px;
  line-height:1.65;
}
.sportsbook-sport-markets__note {
  margin:15px 0 0;
  padding:14px 17px;
  color:#615b66;
  background:#fff3d8;
  border-left:4px solid #e89b35;
  border-radius:5px 13px 13px 5px;
  font-size:13px;
  line-height:1.6;
}
@keyframes sportsGuideFloat {
  0%,100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-10px)
  }
}
@media ( prefers-reduced-motion:reduce) {
  .sportsbook-guide__character {
    animation:none
  }
}
@media screen and ( max-width:1100px) {
  .sportsbook-hero {
    min-height:560px
  }
  .sportsbook-hero__copy {
    max-width:600px;
    padding-left:45px
  }
  .sportsbook-guide__body {
    grid-template-columns:220px minmax(0,1fr)
  }
  .sportsbook-coach {
    grid-column:1/-1;
    display:block;
    min-height:0;
    text-align:right
  }
  .sportsbook-guide__character {
    display:none
  }
  .sportsbook-coach__button {
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    margin:0 12px 8px 0
  }
  .sportsbook-coach__button::after {
    display:none
  }
  .sportsbook-recommendations__grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media screen and ( max-width:767px) {
  .sportsbook-section {
    padding:72px 14px 82px
  }
  .sportsbook-hero {
    min-height:650px;
    border-radius:26px
  }
  .sportsbook-hero__image {
    object-position:62% center
  }
  .sportsbook-hero__shade {
    background:linear-gradient(180deg,rgba(255,250,237,.97) 0%,rgba(255,250,237,.85) 47%,rgba(255,250,237,.12) 78%)
  }
  .sportsbook-hero__copy {
    max-width:none;
    padding:47px 25px 260px
  }
  .sportsbook-hero__copy h2 {
    font-size:43px
  }
  .sportsbook-hero__copy p {
    font-size:15px
  }
  .sportsbook-modes {
    grid-template-columns:1fr;
    margin:-42px 12px 55px
  }
  .sportsbook-modes article {
    min-height:0
  }
  .sportsbook-guide {
    border-radius:26px
  }
  .sportsbook-guide__heading {
    padding:36px 24px 23px
  }
  .sportsbook-guide__heading h3 {
    font-size:27px
  }
  .sportsbook-guide__heading p {
    font-size:15px
  }
  .sportsbook-guide__body {
    grid-template-columns:1fr;
    padding:0 14px 18px
  }
  .sportsbook-guide__tabs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sportsbook-guide__tabs button {
    min-height:56px;
    padding:9px;
    font-size:12px
  }
  .sportsbook-guide__tabs button:hover,.sportsbook-guide__tabs button.is-active {
    transform:none
  }
  .sportsbook-guide__panel {
    min-height:0;
    padding:25px 20px
  }
  .sportsbook-guide__panel>div {
    grid-template-columns:1fr
  }
  .sportsbook-recommendations {
    padding:23px 18px
  }
  .sportsbook-recommendations__heading h4,.sportsbook-sport-markets__heading h4 {
    font-size:23px
  }
  .sportsbook-recommendations__grid,.sportsbook-sport-markets__grid {
    grid-template-columns:1fr
  }
}
.bonus-hub {
  padding:105px 28px;
  background:radial-gradient(circle at 8% 12%,#ffe6a8,transparent 25%),linear-gradient(145deg,#fffaf0,#f4efff);
  color:#665d75
}
.bonus-hub>.container {
  max-width:1540px
}
.bonus-hub__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  margin-bottom:38px
}
.bonus-hub__head>div {
  max-width:1050px
}
.bonus-hub__head span,.bonus-hub__panel>span,.bonus-weekly__copy>span,.bonus-check header>span {
  color:#9850c5;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase
}
.bonus-hub__head h2 {
  margin:9px 0 14px;
  color:#372570;
  font-size:56px;
  line-height:1.08
}
.bonus-hub__head p {
  margin:0;
  font-size:17px;
  line-height:1.75
}
.bonus-hub__head>i {
  display:grid;
  place-items:center;
  flex:0 0 125px;
  height:125px;
  color:#fff;
  background:linear-gradient(145deg,#ffb934,#ed6a72,#8250d4);
  border:8px solid #fff;
  border-radius:42%;
  font-size:52px;
  box-shadow:0 20px 40px #9a6c9940
}
.bonus-hub__app {
  display:grid;
  grid-template-columns:275px 1fr;
  gap:16px;
  padding:18px;
  background:#ffffffc7;
  border:1px solid #eadcf1;
  border-radius:30px;
  box-shadow:0 24px 60px #54346b22
}
.bonus-hub__tabs {
  display:flex;
  flex-direction:column;
  gap:9px
}
.bonus-hub__tabs button {
  display:flex;
  align-items:center;
  gap:11px;
  min-height:64px;
  padding:13px;
  color:#513b78;
  background:#faf7ff;
  border:1px solid #eadff1;
  border-radius:16px;
  font-weight:800;
  text-align:left;
  cursor:pointer
}
.bonus-hub__tabs i {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  background:#eee4fa;
  border-radius:11px
}
.bonus-hub__tabs button.is-active {
  color:#fff;
  background:linear-gradient(135deg,#ee983b,#df5f82,#754bd2);
  border-color:transparent
}
.bonus-hub__tabs button.is-active i {
  background:#ffffff33
}
.bonus-hub__panel {
  min-height:510px;
  padding:38px;
  color:#fff;
  background:radial-gradient(circle at 95% 0,#f5ba5944,transparent 28%),linear-gradient(135deg,#382979,#5939a1 55%,#2b59aa);
  border-radius:22px
}
.bonus-hub__panel>span {
  color:#ffd77f
}
.bonus-hub__panel h3 {
  max-width:1050px;
  margin:8px 0 11px;
  color:#fff;
  font-size:34px
}
.bonus-hub__panel>p {
  color:#e9e5f7;
  font-size:16px;
  line-height:1.7
}
.bonus-hub__facts,.bonus-hub__flow {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:22px
}
.bonus-hub__facts article,.bonus-hub__flow article {
  padding:15px;
  background:#ffffff19;
  border:1px solid #ffffff2b;
  border-radius:14px
}
.bonus-hub__facts strong {
  display:block;
  color:#ffd77f;
  font-size:12px;
  text-transform:uppercase
}
.bonus-hub__facts p,.bonus-hub__flow p {
  margin:5px 0 0;
  color:#fff;
  font-size:13px;
  line-height:1.5
}
.bonus-hub__flow {
  grid-template-columns:repeat(4,1fr)
}
.bonus-hub__flow article {
  background:#fff
}
.bonus-hub__flow i {
  color:#e66973
}
.bonus-hub__flow p {
  color:#57496d
}
.bonus-hub__panel aside {
  margin-top:17px;
  padding:14px 16px;
  background:#18113b44;
  border-radius:12px;
  font-size:12px;
  line-height:1.6
}
.bonus-weekly {
  display:grid;
  grid-template-columns:1fr 175px;
  gap:25px;
  margin-top:25px;
  padding:34px 38px;
  background:#fff;
  border:1px solid #efc873;
  border-radius:27px;
  box-shadow:0 18px 40px #9b66331c
}
.bonus-weekly h3 {
  margin:7px 0 9px;
  color:#3d2b72;
  font-size:32px
}
.bonus-weekly p {
  margin:0;
  line-height:1.65
}
.bonus-weekly__value {
  display:grid;
  place-items:center;
  align-content:center;
  width:165px;
  height:165px;
  color:#fff;
  background:linear-gradient(145deg,#ffba38,#ed756b,#9653d2);
  border-radius:50%
}
.bonus-weekly__value strong {
  font-size:55px;
  line-height:1
}
.bonus-weekly__value span {
  font-weight:900
}
.bonus-weekly__rules {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}
.bonus-weekly__rules>div {
  padding:15px;
  background:#fff7e6;
  border-radius:14px
}
.bonus-weekly__rules i {
  color:#a856c3
}
.bonus-weekly__rules strong {
  display:block;
  margin-top:6px;
  color:#493674
}
.bonus-weekly__rules p {
  font-size:12px
}
.bonus-check {
  display:grid;
  grid-template-columns:330px 1fr;
  gap:28px;
  margin-top:25px;
  padding:35px;
  background:#fff;
  border:1px solid #e7dbee;
  border-radius:27px
}
.bonus-check h3 {
  margin:7px 0 9px;
  color:#3c2a70;
  font-size:29px
}
.bonus-check header p {
  font-size:14px;
  line-height:1.65
}
.bonus-check__grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.bonus-check article {
  padding:15px;
  background:#faf7ff;
  border-radius:14px
}
.bonus-check article i {
  color:#e26774
}
.bonus-check article strong {
  display:block;
  margin-top:7px;
  color:#473574
}
.bonus-check article p {
  margin:5px 0 0;
  font-size:12px;
  line-height:1.5
}
.bonus-hub__notice {
  margin:15px 0 0;
  padding:14px 17px;
  background:#fff1ce;
  border-left:4px solid #e89a35;
  border-radius:6px 13px 13px 6px;
  font-size:13px
}
.bonus-hub__notice i {
  color:#bd6a2e
}
@media (max-width:1050px) {
  .bonus-hub__head>i {
    display:none
  }
  .bonus-hub__app,.bonus-check {
    grid-template-columns:1fr
  }
  .bonus-hub__tabs {
    display:grid;
    grid-template-columns:repeat(2,1fr)
  }
  .bonus-hub__flow,.bonus-weekly__rules {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:767px) {
  .bonus-hub {
    padding:75px 14px
  }
  .bonus-hub__head h2 {
    font-size:40px
  }
  .bonus-hub__head p {
    font-size:15px
  }
  .bonus-hub__tabs,.bonus-hub__facts,.bonus-hub__flow,.bonus-weekly__rules,.bonus-check__grid {
    grid-template-columns:1fr
  }
  .bonus-hub__panel {
    min-height:0;
    padding:26px 20px
  }
  .bonus-hub__panel h3 {
    font-size:27px
  }
  .bonus-weekly {
    grid-template-columns:1fr;
    padding:25px 20px
  }
  .bonus-weekly__value {
    width:145px;
    height:145px
  }
  .bonus-check {
    padding:25px 20px
  }
}
/* Spins of Glory bonuses */
.bonus-vault {
  padding:96px 28px;
  background:radial-gradient(circle at 4% 4%,#ffe5a4 0,transparent 22%),radial-gradient(circle at 96% 96%,#d8c2ff 0,transparent 25%),#fffaf2;
  color:#665e72
}
.bonus-vault>.container {
  max-width:1540px
}
.bonus-vault__head {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end;
  max-width:none;
  margin-bottom:38px
}
.bonus-vault__title>span,.bonus-section-heading>span,.bonus-label,.bonus-checklist__heading span {
  color:#a550bd;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase
}
.bonus-vault__title h2 {
  margin:8px 0 0;
  color:#37246e;
  font-size:58px;
  line-height:1.04
}
.bonus-vault__intro {
  padding:0 0 2px 28px;
  border-left:4px solid #f1a63e
}
.bonus-vault__intro p {
  margin:0;
  font-size:16px;
  line-height:1.65
}
.bonus-vault__intro p+p {
  margin-top:9px;
  color:#493675
}
.bonus-welcome {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 350px;
  gap:28px;
  padding:42px;
  background:linear-gradient(135deg,#2d2169,#6335a2 55%,#d95b87);
  border-radius:32px;
  box-shadow:0 26px 60px #56306d33;
  overflow:hidden
}
.bonus-welcome__copy {
  align-self:center
}
.bonus-label {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#b04db8
}
.bonus-welcome .bonus-label {
  color:#ffd77f
}
.bonus-welcome__copy h3 {
  margin:9px 0 12px;
  color:#fff;
  font-size:46px;
  line-height:1.1
}
.bonus-welcome__copy h3 strong {
  color:#ffd467
}
.bonus-welcome__lead {
  max-width:760px;
  margin:0;
  color:#f2ecfb;
  font-size:16px;
  line-height:1.68
}
.bonus-welcome__summary {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:22px
}
.bonus-welcome__summary span {
  padding:13px;
  color:#eee7fa;
  background:#ffffff12;
  border:1px solid #ffffff1f;
  border-radius:13px;
  font-size:12px;
  line-height:1.45
}
.bonus-welcome__summary i,.bonus-welcome__summary b {
  display:block
}
.bonus-welcome__summary i {
  margin-bottom:8px;
  color:#ffd467;
  font-size:18px
}
.bonus-welcome__summary b {
  margin-bottom:3px;
  color:#fff
}
.bonus-welcome__visual {
  position:relative;
  display:grid;
  place-items:center;
  min-height:250px;
  border:1px solid #ffffff24;
  border-radius:24px;
  background:radial-gradient(circle,#ffffff20,transparent 64%)
}
.bonus-welcome__visual img {
  position:relative;
  width:310px;
  height:230px;
  object-fit:contain;
  filter:drop-shadow(0 22px 22px #160d3e66);
  animation:bonusChestFloat 4.5s ease-in-out infinite
}
.bonus-welcome__steps {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:0
}
.bonus-welcome__steps article {
  position:relative;
  padding:22px;
  background:#fff;
  border-radius:19px
}
.bonus-welcome__steps article:not(:last-child):after {
  content:'›';
  position:absolute;
  z-index:2;
  right:-20px;
  top:42%;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  color:#fff;
  background:#f0a23d;
  border-radius:50%;
  font-size:24px
}
.bonus-welcome__steps i {
  color:#e36779;
  font-size:22px
}
.bonus-gifts {
  display:flex;
  gap:7px;
  align-items:flex-end;
  min-height:27px
}
.bonus-gifts i:nth-child(2) {
  font-size:18px
}
.bonus-gifts i:nth-child(3) {
  font-size:15px
}
.bonus-welcome__steps span {
  display:block;
  margin-top:12px;
  color:#836f90;
  font-size:11px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase
}
.bonus-welcome__steps strong {
  display:block;
  margin:5px 0 8px;
  color:#432f75;
  font-size:25px
}
.bonus-welcome__steps p {
  margin:0;
  font-size:13px;
  line-height:1.55
}
.bonus-welcome__note {
  grid-column:1/-1;
  display:flex;
  gap:10px;
  margin:0;
  padding:14px 17px;
  color:#f3eefa;
  background:#1d174052;
  border-radius:13px;
  font-size:12px;
  line-height:1.6
}
.bonus-welcome__note i {
  margin-top:3px;
  color:#ffd467
}
.bonus-welcome__more {
  grid-column:1/-1;
  margin-top:0
}
.bonus-section-heading {
  max-width:930px;
  margin:62px 0 24px
}
.bonus-section-heading h3 {
  margin:7px 0 9px;
  color:#3c2873;
  font-size:37px;
  line-height:1.15
}
.bonus-section-heading p {
  margin:0;
  font-size:15px;
  line-height:1.7
}
.bonus-section-heading--sports {
  margin-top:68px
}
.bonus-card-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px
}
.bonus-card {
  position:relative;
  padding:31px;
  background:#fff;
  border:1px solid #eadcee;
  border-radius:26px;
  box-shadow:0 18px 42px #63446b14;
  overflow:hidden
}
.bonus-card:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:7px;
  background:linear-gradient(90deg,#f2a23a,#df5d83,#794cd1)
}
.bonus-card__icon {
  position:absolute;
  top:28px;
  right:28px;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  color:#fff;
  background:#412c78;
  border-radius:15px;
  font-size:20px
}
.bonus-card__value {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:15px 70px 8px 0;
  color:#3c2873
}
.bonus-card__value strong {
  font-size:50px;
  line-height:1
}
.bonus-card__value span {
  font-size:20px;
  font-weight:900
}
.bonus-card h4 {
  margin:0 0 10px;
  color:#3c2873;
  font-size:25px
}
.bonus-card>p {
  margin:0;
  line-height:1.65
}
.bonus-card dl {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
  margin:22px 0 0
}
.bonus-card dl>div {
  padding:13px 14px;
  background:#faf6ff;
  border-radius:13px
}
.bonus-card dt {
  color:#84778e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase
}
.bonus-card dd {
  margin:4px 0 0;
  color:#4d3478;
  font-size:15px;
  font-weight:900
}
.bonus-card .bonus-card__note {
  display:flex;
  gap:8px;
  margin-top:15px;
  padding:12px 14px;
  color:#675a72;
  background:#fff3d8;
  border-radius:12px;
  font-size:12px;
  line-height:1.5
}
.bonus-card__note i {
  margin-top:2px;
  color:#d96b6b
}
.bonus-more {
  margin-top:14px;
  border:1px solid #e8dded;
  border-radius:13px;
  background:#fff
}
.bonus-more summary {
  position:relative;
  padding:14px 42px 14px 16px;
  color:#4d3478;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  list-style:none
}
.bonus-more summary::-webkit-details-marker {
  display:none
}
.bonus-more summary:after {
  content:'+';
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  color:#fff;
  background:#7a4bc3;
  border-radius:50%;
  font-size:17px
}
.bonus-more[open] summary:after {
  content:'−'
}
.bonus-more>div {
  padding:0 16px 15px;
  border-top:1px solid #eee5f1
}
.bonus-more>div p {
  margin:13px 0 0;
  font-size:12px;
  line-height:1.6
}
.bonus-card--spins .bonus-card__value strong {
  color:#e26676;
  font-size:70px
}
.bonus-card--cashback .bonus-card__icon {
  background:#c95585
}
.bonus-card--live .bonus-card__icon {
  background:#6a4ac1
}
.bonus-sports-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.bonus-sport-card {
  padding:29px;
  color:#eee9fa;
  background:linear-gradient(145deg,#31236f,#4d3185);
  border:1px solid #ffffff18;
  border-radius:25px;
  box-shadow:0 20px 42px #39226724
}
.bonus-sport-card .bonus-label {
  color:#ffd466
}
.bonus-sport-card__value {
  margin:16px 0 11px
}
.bonus-sport-card__value strong,.bonus-sport-card__value span {
  display:block
}
.bonus-sport-card__value strong {
  color:#fff;
  font-size:46px;
  line-height:1
}
.bonus-sport-card__value span {
  margin-top:5px;
  color:#ffd466;
  font-size:16px;
  font-weight:900
}
.bonus-sport-card h4 {
  margin:0 0 10px;
  color:#fff;
  font-size:23px
}
.bonus-sport-card p {
  margin:0;
  color:#e4ddf3;
  line-height:1.65
}
.bonus-sport-card ul {
  display:grid;
  gap:7px;
  margin:20px 0 0;
  padding:0;
  list-style:none
}
.bonus-sport-card li {
  padding:9px 11px;
  background:#ffffff10;
  border-radius:10px;
  font-size:12px
}
.bonus-sport-card li i {
  margin-right:7px;
  color:#ffd466
}
.bonus-more--dark {
  border-color:#ffffff1d;
  background:#ffffff0b
}
.bonus-more--dark summary {
  color:#fff
}
.bonus-more--dark summary:after {
  color:#35276f;
  background:#ffd466
}
.bonus-more--dark>div {
  border-top-color:#ffffff18
}
.bonus-more--dark>div p {
  color:#e5def2
}
.bonus-checklist {
  margin-top:62px;
  padding:34px;
  background:#fff;
  border:1px solid #eadcee;
  border-radius:28px;
  box-shadow:0 18px 42px #63446b12
}
.bonus-checklist__heading {
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  align-items:start
}
.bonus-checklist__heading>i {
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  color:#fff;
  background:linear-gradient(135deg,#ec8b48,#cb4d91);
  border-radius:16px;
  font-size:22px
}
.bonus-checklist__heading h3 {
  margin:4px 0 6px;
  color:#3c2873;
  font-size:27px
}
.bonus-checklist__heading p {
  margin:0;
  line-height:1.6
}
.bonus-checklist__grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-top:24px
}
.bonus-checklist__grid article {
  padding:17px;
  background:#faf7ff;
  border-radius:14px
}
.bonus-checklist__grid i {
  color:#d75b83;
  font-size:19px
}
.bonus-checklist__grid strong {
  display:block;
  margin:9px 0 5px;
  color:#493576
}
.bonus-checklist__grid p {
  margin:0;
  font-size:12px;
  line-height:1.5
}
@media (max-width:1050px) {
  .bonus-vault__head {
    grid-template-columns:1fr;
    gap:22px
  }
  .bonus-vault__intro {
    padding-left:20px
  }
  .bonus-welcome {
    grid-template-columns:1fr
  }
  .bonus-welcome__visual {
    min-height:220px
  }
  .bonus-welcome__summary,.bonus-welcome__steps {
    grid-template-columns:1fr
  }
  .bonus-welcome__steps article:after {
    display:none
  }
  .bonus-sports-grid {
    grid-template-columns:1fr
  }
  .bonus-checklist__grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:767px) {
  .bonus-vault {
    padding:72px 14px
  }
  .bonus-vault__title h2 {
    font-size:40px
  }
  .bonus-welcome {
    padding:25px 19px
  }
  .bonus-welcome__copy h3 {
    font-size:34px
  }
  .bonus-welcome__visual img {
    width:240px;
    height:180px
  }
  .bonus-card-grid {
    grid-template-columns:1fr
  }
  .bonus-card {
    padding:27px 20px
  }
  .bonus-card__value strong {
    font-size:42px
  }
  .bonus-card--spins .bonus-card__value strong {
    font-size:60px
  }
  .bonus-card dl {
    grid-template-columns:1fr
  }
  .bonus-section-heading h3 {
    font-size:30px
  }
  .bonus-checklist {
    padding:25px 19px
  }
  .bonus-checklist__heading {
    grid-template-columns:1fr
  }
  .bonus-checklist__grid {
    grid-template-columns:1fr
  }
}
/* Spins of Glory loyalty programme */
.loyalty-section {
  position:relative;
  padding:100px 28px;
  background:linear-gradient(155deg,#160e3d 0,#2e1d68 48%,#4e287e 100%);
  color:#dcd5eb;
  overflow:hidden
}
.loyalty-section:before,.loyalty-section:after {
  content:'';
  position:absolute;
  border-radius:50%;
  filter:blur(8px);
  pointer-events:none
}
.loyalty-section:before {
  top:-180px;
  right:-130px;
  width:520px;
  height:520px;
  background:#cb56902b
}
.loyalty-section:after {
  bottom:-240px;
  left:-150px;
  width:580px;
  height:580px;
  background:#f5b84c18
}
.loyalty-section>.container {
  position:relative;
  z-index:1;
  max-width:1540px
}
.loyalty-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end;
  margin-bottom:48px
}
.loyalty-heading>div>span,.loyalty-benefits__lead>span {
  color:#ffd064;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase
}
.loyalty-heading h2 {
  margin:9px 0 0;
  color:#fff;
  font-size:56px;
  line-height:1.06
}
.loyalty-heading__copy {
  padding-left:28px;
  border-left:4px solid #dc5d92
}
.loyalty-heading__copy p {
  margin:0;
  font-size:16px;
  line-height:1.68
}
.loyalty-heading__copy p+p {
  margin-top:10px;
  color:#bdb3d2
}
.loyalty-track {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  align-items:start
}
.loyalty-level {
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px 20px 20px;
  background:#ffffff0d;
  border:1px solid #ffffff1b;
  border-radius:23px;
  box-shadow:0 18px 36px #0d08233d;
  overflow:hidden
}
.loyalty-level:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background:var(--tier)
}
.loyalty-level--starter {
  --tier:#7ca9e8
}
.loyalty-level--bronze {
  --tier:#d78c5c
}
.loyalty-level--silver {
  --tier:#cdd7e9
}
.loyalty-level--gold {
  --tier:#ffc955
}
.loyalty-level--royal {
  --tier:#e970ac
}
.loyalty-level__crest {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-bottom:15px;
  color:#21164f;
  background:var(--tier);
  border-radius:17px;
  box-shadow:0 10px 22px #0003;
  font-size:22px;
  transform:rotate(-4deg)
}
.loyalty-level__name {
  color:var(--tier);
  font-size:11px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase
}
.loyalty-level h3 {
  min-height:52px;
  margin:6px 0 14px;
  color:#fff;
  font-size:20px;
  line-height:1.25
}
.loyalty-level ul {
  display:grid;
  gap:8px;
  margin:0 0 20px;
  padding:0;
  list-style:none
}
.loyalty-level li {
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:9px 10px;
  background:#ffffff0a;
  border-radius:10px;
  font-size:12px;
  line-height:1.4
}
.loyalty-level li i {
  width:15px;
  margin-top:2px;
  color:var(--tier)
}
.loyalty-level details {
  margin-top:auto;
  border:1px solid #ffffff1a;
  border-radius:12px;
  background:#0e092b38
}
.loyalty-level summary {
  position:relative;
  padding:13px 36px 13px 13px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  list-style:none
}
.loyalty-level summary::-webkit-details-marker {
  display:none
}
.loyalty-level summary:after {
  content:'+';
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  color:var(--tier);
  font-size:20px
}
.loyalty-level details[open] summary:after {
  content:'−'
}
.loyalty-level details>div {
  padding:0 13px 13px;
  border-top:1px solid #ffffff12
}
.loyalty-level details p {
  margin:11px 0 0;
  color:#c8bed8;
  font-size:11px;
  line-height:1.55
}
.loyalty-benefits {
  display:grid;
  grid-template-columns:340px 1fr;
  gap:35px;
  margin-top:70px;
  padding:35px;
  background:#fff;
  border-radius:28px;
  color:#665e72;
  box-shadow:0 26px 55px #0d08234d
}
.loyalty-benefits__lead h3 {
  margin:7px 0 10px;
  color:#3d2874;
  font-size:31px;
  line-height:1.18
}
.loyalty-benefits__lead p {
  margin:0;
  line-height:1.65
}
.loyalty-benefits__grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:11px
}
.loyalty-benefits__grid article {
  display:grid;
  grid-template-columns:43px 1fr;
  gap:12px;
  padding:15px;
  background:#faf7ff;
  border-radius:14px
}
.loyalty-benefits__grid article>i {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  color:#fff;
  background:linear-gradient(135deg,#6e48ba,#d15691);
  border-radius:13px
}
.loyalty-benefits__grid strong,.loyalty-benefits__grid span {
  display:block
}
.loyalty-benefits__grid strong {
  color:#493576
}
.loyalty-benefits__grid span {
  margin-top:2px;
  color:#b64f8e;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}
.loyalty-benefits__grid p {
  margin:5px 0 0;
  font-size:11px;
  line-height:1.5
}
.loyalty-note {
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-top:18px;
  padding:19px 22px;
  color:#efe9f7;
  background:#ffffff0d;
  border:1px solid #ffffff1a;
  border-radius:17px
}
.loyalty-note>i {
  margin-top:3px;
  color:#ffd064;
  font-size:20px
}
.loyalty-note strong {
  color:#fff
}
.loyalty-note p {
  margin:4px 0 0;
  color:#c9bfd9;
  font-size:12px;
  line-height:1.6
}
@media (max-width:1200px) {
  .loyalty-track {
    grid-template-columns:repeat(3,1fr)
  }
  .loyalty-benefits {
    grid-template-columns:1fr
  }
}
@media (max-width:900px) {
  .loyalty-heading {
    grid-template-columns:1fr;
    gap:22px
  }
  .loyalty-heading__copy {
    padding-left:20px
  }
  .loyalty-track {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:767px) {
  .loyalty-section {
    padding:74px 14px
  }
  .loyalty-heading h2 {
    font-size:39px
  }
  .loyalty-track {
    grid-template-columns:1fr
  }
  .loyalty-level h3 {
    min-height:0
  }
  .loyalty-benefits {
    padding:25px 19px
  }
  .loyalty-benefits__grid {
    grid-template-columns:1fr
  }
}
/* Spins of Glory payments */
.banking-section {
  padding:100px 28px;
  background:radial-gradient(circle at 90% 8%,#dff4ff 0,transparent 25%),radial-gradient(circle at 4% 92%,#fff0bd 0,transparent 22%),#f6fbff;
  color:#617080
}
.banking-section>.container {
  max-width:1540px
}
.banking-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end
}
.banking-heading>div>span,.banking-panel__intro>div>span,.payment-group__heading span {
  color:#0479a9;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.45px;
  text-transform:uppercase
}
.banking-heading h2 {
  margin:8px 0 0;
  color:#123d62;
  font-size:56px;
  line-height:1.05
}
.banking-heading__copy {
  padding-left:28px;
  border-left:4px solid #f0b63d
}
.banking-heading__copy p {
  margin:0;
  font-size:16px;
  line-height:1.68
}
.banking-heading__copy p+p {
  margin-top:9px;
  color:#375a72
}
.banking-switch {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,300px));
  gap:10px;
  justify-content:center;
  margin:45px auto 28px;
  padding:8px;
  width:max-content;
  max-width:100%;
  background:#dfeef6;
  border-radius:20px
}
.banking-switch button {
  display:flex;
  align-items:center;
  gap:13px;
  min-width:280px;
  padding:15px 22px;
  color:#37617b;
  background:transparent;
  border:0;
  border-radius:14px;
  text-align:left;
  cursor:pointer
}
.banking-switch button>i {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  background:#fff;
  border-radius:11px
}
.banking-switch button span,.banking-switch button strong,.banking-switch button small {
  display:block
}
.banking-switch button strong {
  font-size:17px
}
.banking-switch button small {
  margin-top:2px;
  color:#6d8797
}
.banking-switch button.is-active {
  color:#fff;
  background:linear-gradient(135deg,#087da8,#1458a0);
  box-shadow:0 12px 25px #0e638d2c
}
.banking-switch button.is-active>i {
  color:#0b709d
}
.banking-switch button.is-active small {
  color:#d8edf7
}
.banking-panel[hidden] {
  display:none
}
.banking-panel {
  padding:34px;
  background:#fff;
  border:1px solid #dbe9f0;
  border-radius:30px;
  box-shadow:0 24px 55px #335b7018
}
.banking-panel__intro {
  display:grid;
  grid-template-columns:1fr 230px;
  gap:30px;
  align-items:center;
  padding-bottom:27px;
  border-bottom:1px solid #e2edf2
}
.banking-panel__intro h3 {
  margin:5px 0 8px;
  color:#123d62;
  font-size:31px
}
.banking-panel__intro p {
  max-width:930px;
  margin:0;
  line-height:1.65
}
.banking-range {
  padding:18px 20px;
  color:#fff;
  background:linear-gradient(135deg,#0c7da7,#164f8c);
  border-radius:17px
}
.banking-range small,.banking-range strong,.banking-range span {
  display:block
}
.banking-range small {
  color:#c9e8f4
}
.banking-range strong {
  margin:3px 0;
  color:#fff;
  font-size:28px
}
.banking-range span {
  font-size:12px
}
.payment-group {
  margin-top:30px
}
.payment-group+.payment-group {
  margin-top:45px
}
.payment-group__heading {
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:16px
}
.payment-group__heading>i {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  color:#fff;
  background:linear-gradient(135deg,#08a0b5,#1264a0);
  border-radius:14px;
  font-size:19px
}
.payment-group__heading h4 {
  margin:3px 0 0;
  color:#173f60;
  font-size:24px
}
.payment-group__heading p {
  margin:4px 0 0;
  font-size:12px;
  line-height:1.55
}
.payment-method-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px
}
.payment-method-grid--crypto {
  grid-template-columns:repeat(4,1fr)
}
.payment-method-card {
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:16px;
  background:#f8fbfd;
  border:1px solid #dfebf0;
  border-radius:16px;
  transition:.2s ease
}
.payment-method-card:hover {
  transform:translateY(-2px);
  border-color:#8dc8dc;
  box-shadow:0 10px 23px #315d7015
}
.payment-method-card--featured {
  background:#fff9eb;
  border-color:#f3d790
}
.payment-method-card__logo {
  display:grid;
  place-items:center;
  width:92px;
  height:64px;
  padding:7px;
  background:linear-gradient(145deg,#123d62,#0b6f99);
  border:1px solid #0c5e86;
  border-radius:14px;
  box-shadow:inset 0 1px #ffffff20
}
.payment-method-card__logo img {
  display:block;
  width:100%;
  height:48px;
  max-width:78px;
  object-fit:contain
}
.payment-method-card__logo--double {
  grid-template-columns:1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  padding:7px 10px
}
.payment-method-card__logo--double img {
  width:100%;
  height:23px;
  max-width:70px
}
.payment-method-card>div:nth-child(2)>span {
  display:block;
  color:#6f8998;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase
}
.payment-method-card h5 {
  margin:3px 0 0;
  color:#173f60;
  font-size:15px
}
.payment-method-card dl {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  margin:2px 0 0
}
.payment-method-card dl>div {
  padding:8px 10px;
  background:#fff;
  border-radius:9px
}
.payment-method-card dt {
  color:#8095a1;
  font-size:9px;
  text-transform:uppercase
}
.payment-method-card dd {
  margin:2px 0 0;
  color:#164c70;
  font-size:13px;
  font-weight:900
}
.banking-guidance {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin-top:22px
}
.banking-guidance details {
  background:#fff;
  border:1px solid #dbe9f0;
  border-radius:16px
}
.banking-guidance summary {
  display:flex;
  gap:12px;
  align-items:center;
  padding:16px;
  cursor:pointer;
  list-style:none
}
.banking-guidance summary::-webkit-details-marker {
  display:none
}
.banking-guidance summary>i {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  color:#fff;
  background:#126ca0;
  border-radius:11px
}
.banking-guidance summary span,.banking-guidance summary strong,.banking-guidance summary small {
  display:block
}
.banking-guidance summary strong {
  color:#173f60;
  font-size:13px
}
.banking-guidance summary small {
  margin-top:2px;
  color:#718794;
  font-size:10px;
  line-height:1.35
}
.banking-guidance details>div {
  padding:0 16px 16px;
  border-top:1px solid #e5eef2
}
.banking-guidance details p {
  margin:13px 0 0;
  font-size:12px;
  line-height:1.6
}
.banking-safety {
  margin-top:15px;
  background:#fff;
  border:1px solid #dbe9f0;
  border-radius:20px;
  box-shadow:0 16px 35px #315d7012
}
.banking-safety>summary {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px 20px;
  cursor:pointer;
  list-style:none
}
.banking-safety>summary::-webkit-details-marker {
  display:none
}
.banking-safety>summary>i {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  color:#fff;
  background:linear-gradient(135deg,#0b809f,#164f8d);
  border-radius:14px
}
.banking-safety>summary span,.banking-safety>summary strong,.banking-safety>summary small {
  display:block
}
.banking-safety>summary strong {
  color:#153f61;
  font-size:16px
}
.banking-safety>summary small {
  margin-top:3px;
  color:#6e8594
}
.banking-safety>summary>b {
  padding:9px 13px;
  color:#fff;
  background:#126c9d;
  border-radius:10px;
  font-size:11px
}
.banking-safety[open]>summary>b {
  background:#d35e7f
}
.banking-safety__content {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:11px;
  padding:22px;
  border-top:1px solid #e2edf2;
  background:#f8fbfd;
  border-radius:0 0 20px 20px
}
.banking-safety__content>section {
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  padding:18px;
  background:#fff;
  border-radius:14px
}
.banking-safety__content>section>i {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#fff;
  background:#1680a8;
  border-radius:12px
}
.banking-safety__content h3 {
  margin:0;
  color:#173f60;
  font-size:17px
}
.banking-safety__content p {
  margin:7px 0 0;
  font-size:12px;
  line-height:1.62
}
.banking-safety__content>aside {
  grid-column:1/-1;
  display:flex;
  gap:11px;
  padding:15px 17px;
  color:#695b43;
  background:#fff2cf;
  border-radius:13px
}
.banking-safety__content>aside i {
  margin-top:3px;
  color:#d27936
}
.banking-safety__content>aside p {
  margin:0
}
@media (max-width:1200px) {
  .payment-method-grid--crypto {
    grid-template-columns:repeat(3,1fr)
  }
}
@media (max-width:950px) {
  .banking-heading {
    grid-template-columns:1fr;
    gap:22px
  }
  .banking-heading__copy {
    padding-left:20px
  }
  .payment-method-grid,.payment-method-grid--crypto {
    grid-template-columns:repeat(2,1fr)
  }
  .banking-guidance {
    grid-template-columns:1fr
  }
  .banking-safety__content {
    grid-template-columns:1fr
  }
  .banking-safety__content>aside {
    grid-column:auto
  }
}
@media (max-width:767px) {
  .banking-section {
    padding:74px 14px
  }
  .banking-heading h2 {
    font-size:39px
  }
  .banking-switch {
    grid-template-columns:1fr;
    width:100%
  }
  .banking-switch button {
    min-width:0;
    width:100%
  }
  .banking-panel {
    padding:24px 16px
  }
  .banking-panel__intro {
    grid-template-columns:1fr
  }
  .payment-method-grid,.payment-method-grid--crypto {
    grid-template-columns:1fr
  }
  .banking-safety>summary {
    grid-template-columns:45px 1fr
  }
  .banking-safety>summary>b {
    grid-column:1/-1;
    text-align:center
  }
  .banking-safety__content {
    padding:15px
  }
  .banking-safety__content>section {
    grid-template-columns:1fr
  }
}
/* Spins of Glory account and security */
.account-security-section {
  padding:100px 28px;
  background:radial-gradient(circle at 8% 12%,#e6f8ff 0,transparent 24%),radial-gradient(circle at 94% 88%,#eee4ff 0,transparent 25%),#f8f9ff;
  color:#5d6878
}
.account-security-section>.container {
  max-width:1540px
}
.account-security-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end;
  margin-bottom:38px
}
.account-security-heading>div>span,.security-workspace__copy>span {
  color:#087b9f;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.45px;
  text-transform:uppercase
}
.account-security-heading h2 {
  margin:8px 0 0;
  color:#172b58;
  font-size:56px;
  line-height:1.05
}
.account-security-heading__copy {
  padding-left:28px;
  border-left:4px solid #7255d9
}
.account-security-heading__copy p {
  margin:0;
  font-size:16px;
  line-height:1.68
}
.account-security-heading__copy p+p {
  margin-top:9px;
  color:#3e526b
}
.security-facts {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:11px;
  margin-bottom:26px
}
.security-facts article {
  position:relative;
  padding:20px 17px;
  background:#fff;
  border:1px solid #e1e6f1;
  border-radius:18px;
  box-shadow:0 13px 28px #273d6a0d;
  overflow:hidden
}
.security-facts article:after {
  content:'';
  position:absolute;
  right:-24px;
  bottom:-27px;
  width:72px;
  height:72px;
  background:#7559dd12;
  border-radius:50%
}
.security-facts i {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  margin-bottom:15px;
  color:#fff;
  background:linear-gradient(135deg,#087fa4,#7054d6);
  border-radius:12px
}
.security-facts strong,.security-facts span {
  display:block
}
.security-facts strong {
  color:#182f60;
  font-size:22px;
  line-height:1.05
}
.security-facts span {
  margin-top:4px;
  color:#7858d0;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}
.security-facts p {
  margin:10px 0 0;
  font-size:11px;
  line-height:1.5
}
.security-workspace {
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  gap:18px;
  align-items:start
}
.security-workspace__visual {
  position:sticky;
  top:120px;
  padding:34px;
  color:#dce7ff;
  background:linear-gradient(145deg,#122453,#243b7b 52%,#52378d);
  border-radius:27px;
  box-shadow:0 24px 48px #17285429;
  overflow:hidden
}
.security-workspace__visual:after {
  content:'';
  position:absolute;
  right:-95px;
  bottom:-100px;
  width:260px;
  height:260px;
  border:45px solid #ffffff0a;
  border-radius:50%
}
.security-lock {
  position:relative;
  z-index:1;
  display:flex;
  gap:11px;
  align-items:center;
  width:max-content;
  margin-bottom:25px;
  padding:9px 13px;
  background:#ffffff0d;
  border:1px solid #ffffff1c;
  border-radius:14px
}
.security-lock span {
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  color:#172c5d;
  background:#6ee0e8;
  border-radius:10px
}
.security-lock b {
  color:#6ee0e8;
  font-size:10px;
  letter-spacing:1.4px
}
.security-workspace__copy,.security-workspace__visual ul {
  position:relative;
  z-index:1
}
.security-workspace__copy>span {
  color:#73dce7
}
.security-workspace__copy h3 {
  margin:8px 0 11px;
  color:#fff;
  font-size:32px;
  line-height:1.15
}
.security-workspace__copy p {
  margin:0;
  color:#c8d2e9;
  line-height:1.65
}
.security-workspace__visual ul {
  display:grid;
  gap:10px;
  margin:25px 0 0;
  padding:0;
  list-style:none
}
.security-workspace__visual li {
  display:grid;
  grid-template-columns:41px 1fr;
  gap:12px;
  align-items:start;
  padding:14px;
  background:#ffffff0b;
  border-radius:14px
}
.security-workspace__visual li>i {
  display:grid;
  place-items:center;
  width:41px;
  height:41px;
  color:#78e1e8;
  background:#ffffff0d;
  border-radius:11px
}
.security-workspace__visual li strong,.security-workspace__visual li span {
  display:block
}
.security-workspace__visual li strong {
  margin-bottom:3px;
  color:#fff
}
.security-workspace__visual li span {
  font-size:11px;
  line-height:1.55
}
.security-actions {
  display:grid;
  gap:10px
}
.security-actions details {
  background:#fff;
  border:1px solid #e0e6f1;
  border-radius:17px;
  box-shadow:0 12px 26px #263d6a0b;
  overflow:hidden
}
.security-actions details[open] {
  border-color:#b7a8ec;
  box-shadow:0 17px 36px #523c9e16
}
.security-actions summary {
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:16px 58px 16px 17px;
  position:relative;
  cursor:pointer;
  list-style:none
}
.security-actions summary::-webkit-details-marker {
  display:none
}
.security-actions summary>i {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  color:#fff;
  background:linear-gradient(135deg,#1592ad,#7255d9);
  border-radius:13px
}
.security-actions summary span,.security-actions summary strong,.security-actions summary small {
  display:block
}
.security-actions summary strong {
  color:#1c3564;
  font-size:15px
}
.security-actions summary small {
  margin-top:3px;
  color:#748093;
  font-size:11px
}
.security-actions summary:after {
  content:'+';
  position:absolute;
  right:18px;
  top:50%;
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  transform:translateY(-50%);
  color:#fff;
  background:#7055d5;
  border-radius:9px;
  font-size:19px
}
.security-actions details[open] summary:after {
  content:'−';
  background:#0a88a7
}
.security-actions details>div {
  padding:4px 24px 20px 77px;
  border-top:1px solid #edf0f6
}
.security-actions details p {
  margin:13px 0 0;
  font-size:12px;
  line-height:1.65
}
.security-support {
  display:grid;
  grid-template-columns:58px 1fr;
  gap:17px;
  align-items:start;
  margin-top:18px;
  padding:22px 25px;
  color:#dce6fa;
  background:linear-gradient(100deg,#172c5b,#2b3f78);
  border-radius:20px
}
.security-support>i {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  color:#17305e;
  background:#72dce6;
  border-radius:16px;
  font-size:23px
}
.security-support span {
  color:#72e5ed!important;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}
.security-support h3 {
  margin:4px 0 5px;
  color:#fff!important;
  font-size:21px
}
.security-support p {
  margin:0;
  color:#dce6fa!important;
  font-size:12px;
  line-height:1.6
}
.security-support strong {
  color:#fff!important
}
@media (max-width:1200px) {
  .security-facts {
    grid-template-columns:repeat(3,1fr)
  }
}
@media (max-width:950px) {
  .account-security-heading {
    grid-template-columns:1fr;
    gap:22px
  }
  .account-security-heading__copy {
    padding-left:20px
  }
  .security-workspace {
    grid-template-columns:1fr
  }
  .security-workspace__visual {
    position:relative;
    top:auto
  }
  .security-facts {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:767px) {
  .account-security-section {
    padding:74px 14px
  }
  .account-security-heading h2 {
    font-size:39px
  }
  .security-facts {
    grid-template-columns:1fr
  }
  .security-workspace__visual {
    padding:27px 19px
  }
  .security-workspace__copy h3 {
    font-size:28px
  }
  .security-actions summary {
    grid-template-columns:42px 1fr;
    padding:14px 48px 14px 13px
  }
  .security-actions summary>i {
    width:42px;
    height:42px
  }
  .security-actions details>div {
    padding:3px 17px 18px
  }
  .security-support {
    grid-template-columns:1fr;
    padding:21px 18px
  }
}
/* Spins of Glory mobile casino */
.mobile-casino-section {
  padding:100px 28px;
  background:radial-gradient(circle at 92% 10%,#fedd7842 0,transparent 23%),radial-gradient(circle at 5% 88%,#12bddb20 0,transparent 24%),linear-gradient(145deg,#081a4b,#12398c 57%,#075c9f);
  color:#d8e6f7;
  overflow:hidden
}
.mobile-casino-section>.container {
  max-width:1540px
}
.mobile-casino-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end;
  margin-bottom:43px
}
.mobile-casino-heading>div>span,.mobile-casino-benefits>span,.mobile-platform span {
  color:#ffd25e;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.45px;
  text-transform:uppercase
}
.mobile-casino-heading h2 {
  margin:8px 0 0;
  color:#fff;
  font-size:56px;
  line-height:1.05
}
.mobile-casino-heading__copy {
  padding-left:28px;
  border-left:4px solid #4fdbe7
}
.mobile-casino-heading__copy p {
  margin:0;
  font-size:16px;
  line-height:1.68
}
.mobile-casino-heading__copy p+p {
  margin-top:9px;
  color:#aec4df
}
.mobile-casino-showcase {
  display:grid;
  grid-template-columns:minmax(430px,.85fr) minmax(0,1.15fr);
  gap:24px;
  align-items:stretch
}
.mobile-device-stage {
  position:relative;
  min-height:580px;
  background:linear-gradient(145deg,#ffffff12,#ffffff04);
  border:1px solid #ffffff1c;
  border-radius:30px;
  overflow:hidden
}
.mobile-device-stage:before {
  content:'';
  position:absolute;
  left:-90px;
  bottom:-100px;
  width:330px;
  height:330px;
  border:54px solid #56dae317;
  border-radius:50%
}
.mobile-device {
  position:absolute;
  padding:10px;
  background:linear-gradient(145deg,#d7e2ef,#65758d 48%,#18243b);
  box-shadow:0 30px 60px #02081780
}
.mobile-device__screen {
  height:100%;
  background:#081d51;
  border-radius:inherit;
  overflow:hidden
}
.mobile-device--tablet {
  top:48px;
  left:7%;
  width:74%;
  height:390px;
  border-radius:24px;
  transform:rotate(-3deg)
}
.mobile-device--tablet .mobile-device__screen {
  border-radius:16px
}
.mobile-device__camera {
  position:absolute;
  top:50%;
  right:3px;
  width:5px;
  height:5px;
  background:#07101e;
  border-radius:50%
}
.mobile-device--phone {
  right:7%;
  bottom:44px;
  width:177px;
  height:350px;
  border-radius:31px;
  transform:rotate(5deg);
  z-index:2
}
.mobile-device--phone .mobile-device__screen {
  border-radius:23px
}
.mobile-device__speaker {
  position:absolute;
  z-index:3;
  top:15px;
  left:50%;
  width:45px;
  height:5px;
  transform:translateX(-50%);
  background:#0d1726;
  border-radius:4px
}
.mobile-ui__bar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:60px;
  padding:7px 16px;
  background:linear-gradient(90deg,#073694,#086abe)
}
.mobile-ui__bar i {
  color:#fff
}
.mobile-glory-logo {
  position:relative;
  display:block!important;
  width:104px;
  height:46px;
  text-align:center;
  text-transform:uppercase;
  transform:rotate(-2deg)
}
.mobile-glory-logo>span {
  position:absolute;
  top:2px;
  left:0;
  display:block!important;
  width:100%;
  color:#effcff!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:3px!important;
  white-space:nowrap;
  text-shadow:0 1px 0 #1540aa,0 0 6px #6de3ff
}
.mobile-glory-logo>strong {
  position:absolute;
  top:12px;
  left:0;
  display:block!important;
  width:100%;
  margin:0!important;
  color:#ffce36!important;
  font-size:28px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap;
  -webkit-text-stroke:1px #fff0a5;
  text-shadow:0 2px 0 #df611d,0 4px 0 #173fa8,0 0 9px #ffd13f80
}
.mobile-device--phone .mobile-glory-logo {
  width:79px;
  height:40px
}
.mobile-device--phone .mobile-glory-logo>span {
  top:3px;
  font-size:6px!important;
  letter-spacing:2px!important
}
.mobile-device--phone .mobile-glory-logo>strong {
  top:11px;
  font-size:21px!important
}
.mobile-ui__hero {
  height:210px;
  padding:34px;
  background:radial-gradient(circle at 80% 30%,#ffcc5077,transparent 32%),linear-gradient(135deg,#202f91,#873ac0)
}
.mobile-ui__hero span,.mobile-ui__hero strong {
  display:block
}
.mobile-ui__hero span {
  color:#ffd25e;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}
.mobile-ui__hero strong {
  margin-top:8px;
  color:#fff;
  font-size:30px;
  line-height:1.15
}
.mobile-ui__tiles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  padding:12px
}
.mobile-ui__tiles span {
  padding:12px 8px;
  color:#fff;
  background:#ffffff0d;
  border-radius:9px;
  font-size:9px
}
.mobile-ui__tiles i {
  margin-right:4px;
  color:#57dce6
}
.mobile-ui__phonehero {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:26px 10px 20px;
  text-align:center
}
.mobile-ui__phonehero i {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  color:#18316d;
  background:#ffd25e;
  border-radius:16px;
  font-size:22px
}
.mobile-ui__phonehero strong {
  margin-top:11px;
  color:#fff;
  font-size:16px
}
.mobile-ui__phonehero small {
  margin-top:3px;
  color:#90badc
}
.mobile-ui__phonecards {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  padding:8px
}
.mobile-ui__phonecards span {
  padding:12px 6px;
  color:#cbe9f6;
  background:#ffffff0d;
  border-radius:8px;
  text-align:center;
  font-size:9px
}
.mobile-device-stage__badge {
  position:absolute;
  left:28px;
  bottom:25px;
  z-index:4;
  padding:11px 15px;
  color:#12316b;
  background:#70e4ea;
  border-radius:13px;
  font-size:11px;
  font-weight:900;
  box-shadow:0 13px 28px #02081755
}
.mobile-device-stage__badge i {
  margin-right:7px
}
.mobile-casino-benefits {
  padding:37px;
  background:#fff;
  border-radius:30px;
  color:#667488
}
.mobile-casino-benefits>span {
  color:#087e9e
}
.mobile-casino-benefits h3 {
  margin:7px 0 10px;
  color:#15366b;
  font-size:32px;
  line-height:1.18
}
.mobile-casino-benefits>p {
  margin:0;
  line-height:1.65
}
.mobile-benefit-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:11px;
  margin-top:25px
}
.mobile-benefit-grid article {
  display:grid;
  grid-template-columns:45px 1fr;
  gap:12px;
  padding:16px;
  background:#f5f8fd;
  border-radius:15px
}
.mobile-benefit-grid article>i {
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  color:#fff;
  background:linear-gradient(135deg,#0b9eb1,#355bc1);
  border-radius:13px
}
.mobile-benefit-grid strong {
  color:#1d4173
}
.mobile-benefit-grid p {
  margin:5px 0 0;
  font-size:11px;
  line-height:1.52
}
.mobile-platforms {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
  margin-top:24px
}
.mobile-platform {
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  padding:24px;
  background:#ffffff0d;
  border:1px solid #ffffff1b;
  border-radius:20px
}
.mobile-platform>i {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  color:#0b2f67;
  background:#fff;
  border-radius:17px;
  font-size:25px
}
.mobile-platform--android>i {
  color:#348d4c;
  background:#dff7cf
}
.mobile-platform--desktop>i {
  color:#6343b0;
  background:#eee5ff
}
.mobile-platform h3 {
  margin:4px 0 7px;
  color:#fff;
  font-size:20px
}
.mobile-platform p {
  margin:0;
  color:#bfd0e5;
  font-size:12px;
  line-height:1.6
}
.mobile-casino-guide {
  margin-top:15px;
  background:#fff;
  border-radius:20px;
  color:#667386;
  overflow:hidden
}
.mobile-casino-guide>summary {
  display:grid;
  grid-template-columns:50px 1fr auto;
  gap:14px;
  align-items:center;
  padding:18px 21px;
  cursor:pointer;
  list-style:none
}
.mobile-casino-guide>summary::-webkit-details-marker {
  display:none
}
.mobile-casino-guide>summary>i {
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  color:#12346d;
  background:#62dde5;
  border-radius:14px
}
.mobile-casino-guide summary span,.mobile-casino-guide summary strong,.mobile-casino-guide summary small {
  display:block
}
.mobile-casino-guide summary strong {
  color:#17386d
}
.mobile-casino-guide summary small {
  margin-top:3px
}
.mobile-casino-guide summary>b {
  padding:10px 14px;
  color:#fff;
  background:#2256aa;
  border-radius:10px;
  font-size:11px
}
.mobile-casino-guide[open] summary>b {
  background:#098aa1
}
.mobile-casino-guide>div {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  padding:22px;
  background:#f4f7fc;
  border-top:1px solid #e1e8f1
}
.mobile-casino-guide article {
  display:grid;
  grid-template-columns:43px 1fr;
  gap:12px;
  padding:17px;
  background:#fff;
  border-radius:14px
}
.mobile-casino-guide article>i {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  color:#fff;
  background:#2358ab;
  border-radius:12px
}
.mobile-casino-guide h3 {
  margin:0;
  color:#17396c;
  font-size:16px
}
.mobile-casino-guide p {
  margin:6px 0 0;
  font-size:11px;
  line-height:1.58
}
@media (max-width:1100px) {
  .mobile-casino-showcase {
    grid-template-columns:1fr
  }
  .mobile-device-stage {
    min-height:570px
  }
  .mobile-platforms {
    grid-template-columns:1fr
  }
}
@media (max-width:900px) {
  .mobile-casino-heading {
    grid-template-columns:1fr;
    gap:22px
  }
  .mobile-casino-heading__copy {
    padding-left:20px
  }
}
@media (max-width:767px) {
  .mobile-casino-section {
    padding:74px 14px
  }
  .mobile-casino-heading h2 {
    font-size:39px
  }
  .mobile-device-stage {
    min-height:480px
  }
  .mobile-device--tablet {
    left:3%;
    width:88%;
    height:330px
  }
  .mobile-device--phone {
    right:4%;
    width:145px;
    height:290px
  }
  .mobile-ui__hero {
    height:165px;
    padding:25px
  }
  .mobile-ui__hero strong {
    font-size:23px
  }
  .mobile-device-stage__badge {
    left:13px;
    bottom:17px
  }
  .mobile-casino-benefits {
    padding:27px 18px
  }
  .mobile-casino-benefits h3 {
    font-size:27px
  }
  .mobile-benefit-grid {
    grid-template-columns:1fr
  }
  .mobile-platform {
    grid-template-columns:48px 1fr;
    padding:19px 16px
  }
  .mobile-platform>i {
    width:48px;
    height:48px
  }
  .mobile-casino-guide>summary {
    grid-template-columns:45px 1fr
  }
  .mobile-casino-guide summary>b {
    grid-column:1/-1;
    text-align:center
  }
  .mobile-casino-guide>div {
    grid-template-columns:1fr;
    padding:14px
  }
  .mobile-casino-guide article {
    grid-template-columns:1fr
  }
}
/* Spins of Glory about */
.about-glory-section {
  padding:100px 28px;
  background:radial-gradient(circle at 6% 10%,#ffdda03d 0,transparent 25%),radial-gradient(circle at 94% 90%,#d8c6ff52 0,transparent 25%),#fffaf3;
  color:#6c6870
}
.about-glory-section>.container {
  max-width:1540px
}
.about-glory-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end;
  margin-bottom:42px
}
.about-glory-heading__title>span,.about-glory-lead__copy>span,.about-glory-card>span,.about-glory-foundation__intro>span {
  color:#c95b39;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.45px;
  text-transform:uppercase
}
.about-glory-heading h2 {
  margin:8px 0 0;
  color:#43266f;
  font-size:56px;
  line-height:1.05
}
.about-glory-heading__copy {
  padding-left:28px;
  border-left:4px solid #e3a532
}
.about-glory-heading__copy p {
  margin:0;
  font-size:16px;
  line-height:1.68
}
.about-glory-heading__copy p+p {
  margin-top:9px;
  color:#514c59
}
.about-glory-lead {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) 330px;
  gap:30px;
  align-items:center;
  padding:38px 42px;
  color:#dbd4ed;
  background:linear-gradient(125deg,#2b1764,#57308a 63%,#a34178);
  border-radius:29px;
  box-shadow:0 25px 52px #52367429;
  overflow:hidden
}
.about-glory-lead__copy>span {
  color:#ffd465
}
.about-glory-lead__copy h3 {
  margin:8px 0 12px;
  color:#fff;
  font-size:34px
}
.about-glory-lead__copy p {
  max-width:900px;
  margin:0;
  line-height:1.68
}
.about-glory-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px
}
.about-glory-tags span {
  padding:9px 12px;
  color:#fff;
  background:#ffffff12;
  border:1px solid #ffffff13;
  border-radius:10px;
  font-size:11px;
  font-weight:800
}
.about-glory-tags i {
  margin-right:6px;
  color:#ffd465
}
.about-glory-emblem {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:215px;
  text-align:center
}
.about-glory-emblem:before,.about-glory-emblem:after {
  content:'';
  position:absolute;
  border:1px solid #ffffff16;
  border-radius:50%
}
.about-glory-emblem:before {
  width:255px;
  height:255px
}
.about-glory-emblem:after {
  width:190px;
  height:190px
}
.about-glory-emblem__ring {
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  color:#44216f;
  background:linear-gradient(145deg,#ffe485,#f0ae35);
  border:8px solid #ffffff17;
  border-radius:50%;
  font-size:31px;
  box-shadow:0 15px 30px #1a0b3b55
}
.about-glory-emblem strong,.about-glory-emblem span {
  position:relative;
  z-index:1;
  display:block
}
.about-glory-emblem strong {
  margin-top:14px;
  color:#fff;
  font-size:20px
}
.about-glory-emblem span {
  margin-top:4px;
  color:#e0c8e5;
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase
}
.about-glory-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
  margin-top:25px
}
.about-glory-card {
  --about-accent:#7251b8;
  position:relative;
  display:flex;
  flex-direction:column;
  padding:27px 24px;
  background:#fff;
  border:1px solid #eadfe7;
  border-radius:21px;
  box-shadow:0 15px 34px #67465d0d;
  overflow:hidden
}
.about-glory-card:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background:var(--about-accent)
}
.about-glory-card--live {
  --about-accent:#d45289
}
.about-glory-card--sport {
  --about-accent:#1497ad
}
.about-glory-card--rewards {
  --about-accent:#dd9a2e
}
.about-glory-card--payments {
  --about-accent:#326fc0
}
.about-glory-card--mobile {
  --about-accent:#8153be
}
.about-glory-card__icon {
  display:grid;
  place-items:center;
  width:49px;
  height:49px;
  margin-bottom:17px;
  color:#fff;
  background:var(--about-accent);
  border-radius:15px;
  font-size:20px
}
.about-glory-card>span {
  color:var(--about-accent)
}
.about-glory-card h3 {
  margin:6px 0 10px;
  color:#4a2f6f;
  font-size:21px;
  line-height:1.25
}
.about-glory-card>p {
  margin:0 0 20px;
  font-size:12px;
  line-height:1.65
}
.about-glory-card details {
  margin-top:auto;
  background:#faf6fb;
  border:1px solid #eee5ed;
  border-radius:12px
}
.about-glory-card summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 13px;
  color:#513778;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  list-style:none
}
.about-glory-card summary::-webkit-details-marker {
  display:none
}
.about-glory-card summary i {
  color:var(--about-accent);
  transition:.2s
}
.about-glory-card details[open] summary i {
  transform:rotate(180deg)
}
.about-glory-card details>div {
  padding:0 13px 13px;
  border-top:1px solid #ebe1ea
}
.about-glory-card details p {
  margin:11px 0 0;
  font-size:11px;
  line-height:1.6
}
.about-glory-foundation {
  display:grid;
  grid-template-columns:360px 1fr;
  gap:35px;
  margin-top:25px;
  padding:34px;
  background:#fff;
  border:1px solid #eadfe7;
  border-radius:25px
}
.about-glory-foundation__intro h3 {
  margin:7px 0 10px;
  color:#43286b;
  font-size:27px;
  line-height:1.2
}
.about-glory-foundation__intro p {
  margin:0;
  line-height:1.65
}
.about-glory-foundation__items {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.about-glory-foundation__items article {
  display:grid;
  grid-template-columns:43px 1fr;
  gap:12px;
  padding:16px;
  background:#faf6fc;
  border-radius:14px
}
.about-glory-foundation__items i {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  color:#fff;
  background:linear-gradient(135deg,#6c48af,#d04e82);
  border-radius:13px
}
.about-glory-foundation__items strong {
  color:#513376
}
.about-glory-foundation__items p {
  margin:5px 0 0;
  font-size:11px;
  line-height:1.55
}
@media (max-width:1100px) {
  .about-glory-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .about-glory-foundation {
    grid-template-columns:1fr
  }
  .about-glory-foundation__items {
    grid-template-columns:repeat(3,1fr)
  }
}
@media (max-width:900px) {
  .about-glory-heading {
    grid-template-columns:1fr;
    gap:22px
  }
  .about-glory-heading__copy {
    padding-left:20px
  }
  .about-glory-lead {
    grid-template-columns:1fr
  }
  .about-glory-emblem {
    min-height:190px
  }
}
@media (max-width:767px) {
  .about-glory-section {
    padding:74px 14px
  }
  .about-glory-heading h2 {
    font-size:39px
  }
  .about-glory-lead {
    padding:28px 19px
  }
  .about-glory-lead__copy h3 {
    font-size:28px
  }
  .about-glory-grid {
    grid-template-columns:1fr
  }
  .about-glory-foundation {
    padding:25px 18px
  }
  .about-glory-foundation__items {
    grid-template-columns:1fr
  }
}
/* Spins of Glory FAQ */
.glory-faq-section {
  padding:100px 28px;
  background:radial-gradient(circle at 92% 9%,#ffe29d69 0,transparent 23%),radial-gradient(circle at 5% 92%,#dacaff66 0,transparent 24%),linear-gradient(180deg,#f9f5ff,#fffaf0);
  color:#6c6875;
  overflow:hidden
}
.glory-faq-section>.container {
  max-width:1540px
}
.glory-faq-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:70px;
  align-items:end;
  margin-bottom:42px
}
.glory-faq-heading__title>span {
  color:#b24e85;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.45px;
  text-transform:uppercase
}
.glory-faq-heading h2 {
  margin:8px 0 0;
  color:#3c2873;
  font-size:56px;
  line-height:1.05
}
.glory-faq-heading__copy {
  padding-left:28px;
  padding-right:225px;
  border-left:4px solid #e3ab37
}
.glory-faq-heading__copy p {
  margin:0;
  font-size:16px;
  line-height:1.68
}
.glory-faq-heading__copy p+p {
  margin-top:9px;
  color:#514b5b
}
.glory-faq-layout {
  position:relative
}
.glory-faq-mascot {
  position:absolute;
  right:-22px;
  top:-145px;
  z-index:2;
  width:145px;
  height:150px;
  pointer-events:none
}
.glory-faq-mascot:before {
  content:'';
  position:absolute;
  right:6px;
  bottom:3px;
  width:104px;
  height:104px;
  background:#fff;
  border:1px solid #eaddef;
  border-radius:50%;
  box-shadow:0 16px 30px #62468a1c
}
.glory-faq-mascot img {
  position:absolute;
  right:0;
  bottom:0;
  width:132px;
  height:150px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 12px 14px #4d34752b)
}
.glory-faq-mascot>span {
  position:absolute;
  right:95px;
  top:2px;
  width:max-content;
  padding:8px 11px;
  color:#513576;
  background:#fff;
  border:1px solid #eaddef;
  border-radius:11px;
  font-size:10px;
  font-weight:900;
  box-shadow:0 9px 20px #60437615
}
.glory-faq-mascot>span:after {
  content:'';
  position:absolute;
  right:-6px;
  bottom:7px;
  width:11px;
  height:11px;
  background:#fff;
  border-top:1px solid #eaddef;
  border-right:1px solid #eaddef;
  transform:rotate(45deg)
}
.glory-faq-columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
  align-items:start
}
.glory-faq-column {
  display:grid;
  gap:11px
}
.glory-faq-column details {
  background:#fff;
  border:1px solid #e8dfee;
  border-radius:17px;
  box-shadow:0 12px 27px #654a7c0d;
  overflow:hidden;
  transition:.2s
}
.glory-faq-column details[open] {
  border-color:#bba7df;
  box-shadow:0 16px 34px #60429417
}
.glory-faq-column summary {
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 30px;
  gap:13px;
  align-items:center;
  min-height:77px;
  padding:15px 17px;
  color:#432e70;
  cursor:pointer;
  list-style:none
}
.glory-faq-column summary::-webkit-details-marker {
  display:none
}
.glory-faq-column summary>i {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  color:#fff;
  background:linear-gradient(135deg,#7750b9,#d3578a);
  border-radius:13px;
  font-size:17px
}
.glory-faq-column summary>span {
  font-size:14px;
  font-weight:900;
  line-height:1.35
}
.glory-faq-column summary>b {
  position:relative;
  display:block;
  width:30px;
  height:30px;
  background:#f2ebfa;
  border-radius:9px
}
.glory-faq-column summary>b:before,.glory-faq-column summary>b:after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:2px;
  background:#714eae;
  border-radius:2px;
  transform:translate(-50%,-50%)
}
.glory-faq-column summary>b:after {
  transform:translate(-50%,-50%) rotate(90deg)
}
.glory-faq-column details[open] summary>b {
  background:#7250b2
}
.glory-faq-column details[open] summary>b:before {
  background:#fff
}
.glory-faq-column details[open] summary>b:after {
  display:none
}
.glory-faq-column details>div {
  padding:0 23px 20px 74px;
  border-top:1px solid #eee7f1
}
.glory-faq-column details p {
  margin:15px 0 0;
  font-size:12px;
  line-height:1.68
}
.glory-faq-column details strong {
  color:#4e3378
}
.glory-faq-note {
  display:flex;
  gap:13px;
  align-items:flex-start;
  margin-top:17px;
  padding:18px 21px;
  color:#655a49;
  background:#fff0c9;
  border:1px solid #f0d58e;
  border-radius:16px
}
.glory-faq-note i {
  margin-top:3px;
  color:#c17431;
  font-size:19px
}
.glory-faq-note p {
  margin:0;
  font-size:12px;
  line-height:1.62
}
.glory-faq-note strong {
  color:#694124
}
@media (max-width:1000px) {
  .glory-faq-heading {
    grid-template-columns:1fr;
    gap:22px
  }
  .glory-faq-heading__copy {
    padding-left:20px;
    padding-right:125px
  }
  .glory-faq-mascot {
    top:-105px;
    right:-5px;
    width:105px;
    height:112px
  }
  .glory-faq-mascot img {
    width:100px;
    height:112px
  }
  .glory-faq-mascot:before {
    width:75px;
    height:75px
  }
  .glory-faq-mascot>span {
    display:none
  }
}
@media (max-width:767px) {
  .glory-faq-section {
    padding:74px 14px
  }
  .glory-faq-heading h2 {
    font-size:39px
  }
  .glory-faq-heading {
    padding-right:0
  }
  .glory-faq-heading__copy {
    padding-right:0
  }
  .glory-faq-columns {
    grid-template-columns:1fr
  }
  .glory-faq-column summary {
    grid-template-columns:40px 1fr 28px;
    padding:13px 12px
  }
  .glory-faq-column summary>i {
    width:40px;
    height:40px
  }
  .glory-faq-column details>div {
    padding:0 16px 17px
  }
  .glory-faq-mascot {
    display:none
  }
}
body .games-catalog-section {
  background: radial-gradient(circle at 87% 7%,rgba(255,190,86,.3),transparent 23%),radial-gradient(circle at 7% 88%,rgba(244,137,190,.16),transparent 25%),linear-gradient(180deg,#fffaf0 0%,#fff7ed 47%,#f7efff 100%);
}
body .games-catalog-app {
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  grid-template-areas:"heading heading""tabs explainer""grid grid""guide guide";
  gap:0 22px;
}
body .games-catalog-heading {
  grid-area:heading;
  justify-content:flex-start;
  margin-bottom:40px;
}
body .games-catalog-heading__guide {
  width:125px;
  flex-basis:125px;
  filter:drop-shadow(0 13px 18px rgba(94,68,164,.18));
}
body .games-catalog-heading>div>span {
  color:#c06327;
}
body .games-catalog-heading h2 {
  color:#602b55;
}
body .games-catalog-tabs {
  grid-area:tabs;
  grid-template-columns:1fr;
  align-content:stretch;
  gap:10px;
  max-width:none;
  margin:0 0 28px;
}
body .games-catalog-tabs button {
  justify-content:flex-start;
  min-height:0;
  padding:13px 15px;
  border-color:#eed3b4;
  border-radius:15px;
}
body .games-catalog-tabs button>i {
  background:linear-gradient(145deg,#f2a43a,#d45489);
}
body .games-catalog-tabs button:hover,body .games-catalog-tabs button.is-active {
  background:linear-gradient(135deg,#ee9d36,#c84d93);
}
body .games-catalog-explainer {
  grid-area:explainer;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:none;
  min-height:280px;
  margin:0 0 28px;
  padding:34px 42px;
  background:rgba(255,255,255,.8);
  border-color:#ecd5c2;
  border-radius:28px 10px;
}
body .games-catalog-explainer h3 {
  color:#672d59;
  font-size:31px;
}
body .games-catalog-grid {
  grid-area:grid;
}
body .games-catalog-guide {
  grid-area:guide;
}
body .games-catalog-section .slot-catalog-card {
  border-radius:22px 22px 10px 10px;
}
body .live-catalog-section {
  padding-top:88px;
  background:radial-gradient(circle at 12% 55%,rgba(92,206,255,.2),transparent 25%),radial-gradient(circle at 91% 84%,rgba(229,121,255,.17),transparent 23%),linear-gradient(180deg,#edf7ff 0%,#f8f4ff 100%);
}
body .live-catalog-heading {
  max-width:1420px;
  margin:0 auto;
  padding:58px 65px 93px;
  color:#fff;
  background:radial-gradient(circle at 80% -15%,rgba(117,226,255,.65),transparent 35%),radial-gradient(circle at 14% 120%,rgba(205,111,255,.65),transparent 38%),linear-gradient(120deg,#123e9d 0%,#345ed2 48%,#7544c8 100%);
  border-radius:34px;
  box-shadow:0 28px 60px rgba(41,52,137,.25);
}
body .live-catalog-heading>span {
  color:#bfeaff;
}
body .live-catalog-heading h2 {
  color:#fff;
}
body .live-catalog-heading p {
  max-width:1080px;
  color:#e6eeff;
}
body .live-catalog-tabs {
  position:relative;
  z-index:2;
  max-width:1220px;
  margin:-42px auto 28px;
  padding:9px;
  background:rgba(255,255,255,.94);
  border-radius:22px;
  box-shadow:0 17px 38px rgba(45,60,145,.2);
}
body .live-catalog-tabs button {
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
body .live-catalog-tabs button:hover,body .live-catalog-tabs button.is-active {
  background:linear-gradient(135deg,#326fe0,#8549ce);
}
body .live-catalog-explainer {
  padding:30px 36px 30px 43px;
  background:rgba(255,255,255,.84);
  border:0;
  border-left:6px solid #6752d5;
  border-radius:8px 24px 24px 8px;
}
body .live-catalog-section .slot-catalog-card {
  border-radius:12px;
  background:#101d55;
  border-color:#fff;
}
body .live-catalog-section .slot-catalog-card>span {
  background:#101d55;
}
body .live-catalog-section .slot-catalog-card strong {
  color:#fff;
}
@media screen and ( max-width:991px) {
  body .games-catalog-app {
    grid-template-columns:1fr;
    grid-template-areas:"heading""tabs""explainer""grid""guide"
  }
  body .games-catalog-tabs {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  body .games-catalog-explainer {
    min-height:0
  }
  body .live-catalog-heading {
    padding:45px 38px 82px
  }
}
@media screen and ( max-width:575px) {
  body .games-catalog-heading__guide {
    width:67px;
    flex-basis:67px
  }
  body .games-catalog-explainer {
    padding:25px 22px;
    border-radius:22px 8px
  }
  body .games-catalog-explainer h3 {
    font-size:24px
  }
  body .live-catalog-section {
    padding-top:60px
  }
  body .live-catalog-heading {
    padding:34px 23px 72px;
    border-radius:24px
  }
  body .live-catalog-tabs {
    margin-top:-35px;
    padding:6px
  }
  body .live-catalog-explainer {
    padding:24px 21px;
    border-left-width:4px
  }
}
/* Visual separation for the three game catalogues */
.slot-catalog-section {
  border-top: 8px solid #d7efff;
  border-bottom: 1px solid #c5e0fb;
}
.slot-catalog-section .slot-catalog-heading {
  padding-left: 25px;
  border-left: 5px solid #43a8ed;
}
.slot-catalog-section .slot-catalog-main-tabs {
  padding: 7px;
  background: rgba(205, 233, 255, 0.72);
  border: 1px solid #b8dcfa;
  border-radius: 22px;
}
.slot-catalog-section .slot-catalog-card {
  border-radius: 14px;
  box-shadow: 0 13px 27px rgba(36, 104, 168, 0.15);
}
/* Casino Games: warm editorial layout with a vertical format rail */
.games-catalog-section {
  background: radial-gradient(circle at 87% 7%, rgba(255, 190, 86, 0.3), transparent 23%), radial-gradient(circle at 7% 88%, rgba(244, 137, 190, 0.16), transparent 25%), linear-gradient(180deg, #fffaf0 0%, #fff7ed 47%, #f7efff 100%);
  border-top: 1px solid #f0d7ae;
  border-bottom: 1px solid #e9cfe4;
}
.games-catalog-app {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  grid-template-areas:"heading heading""tabs explainer""grid grid""guide guide";
  gap: 0 22px;
}
.games-catalog-heading {
  grid-area: heading;
  justify-content: flex-start;
  margin-bottom: 40px;
}
.games-catalog-heading__guide {
  width: 125px;
  flex-basis: 125px;
  filter: drop-shadow(0 13px 18px rgba(94, 68, 164, 0.18));
}
.games-catalog-heading > div > span {
  color: #c06327;
}
.games-catalog-heading h2 {
  color: #602b55;
}
.games-catalog-tabs {
  grid-area: tabs;
  grid-template-columns: 1fr;
  align-content: stretch;
  gap: 10px;
  max-width: none;
  margin: 0 0 28px;
}
.games-catalog-tabs button {
  justify-content: flex-start;
  min-height: 0;
  padding: 13px 15px;
  border-color: #eed3b4;
  border-radius: 15px;
  box-shadow: 0 8px 18px rgba(123, 75, 59, 0.08);
}
.games-catalog-tabs button > i {
  background: linear-gradient(145deg, #f2a43a, #d45489);
}
.games-catalog-tabs button:hover, .games-catalog-tabs button.is-active {
  background: linear-gradient(135deg, #ee9d36, #c84d93);
  box-shadow: 0 13px 28px rgba(183, 81, 105, 0.22);
}
.games-catalog-explainer {
  grid-area: explainer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: none;
  min-height: 280px;
  margin: 0 0 28px;
  padding: 34px 42px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ecd5c2;
  border-radius: 28px 10px 28px 10px;
  box-shadow: 0 18px 42px rgba(116, 72, 99, 0.11);
}
.games-catalog-explainer__label {
  color: #bf5b36;
}
.games-catalog-explainer h3 {
  color: #672d59;
  font-size: 31px;
}
.games-catalog-explainer__facts span {
  color: #77445e;
  background: #fff0df;
}
.games-catalog-explainer__facts i {
  background: #d05b77;
}
.games-catalog-grid {
  grid-area: grid;
}
.games-catalog-guide {
  grid-area: guide;
}
.games-catalog-section .slot-catalog-card {
  border-radius: 22px 22px 10px 10px;
  box-shadow: 0 14px 30px rgba(111, 62, 86, 0.14);
}
/* Live Casino: a bright broadcast-studio stage */
.live-catalog-section {
  position: relative;
  overflow: hidden;
  padding-top: 88px;
  background: radial-gradient(circle at 12% 55%, rgba(92, 206, 255, 0.2), transparent 25%), radial-gradient(circle at 91% 84%, rgba(229, 121, 255, 0.17), transparent 23%), linear-gradient(180deg, #edf7ff 0%, #f8f4ff 100%);
}
.live-catalog-heading {
  position: relative;
  overflow: hidden;
  max-width: 1420px;
  margin: 0 auto;
  padding: 58px 65px 93px;
  color: #ffffff;
  background: radial-gradient(circle at 80% -15%, rgba(117, 226, 255, 0.65), transparent 35%), radial-gradient(circle at 14% 120%, rgba(205, 111, 255, 0.65), transparent 38%), linear-gradient(120deg, #123e9d 0%, #345ed2 48%, #7544c8 100%);
  border-radius: 34px;
  box-shadow: 0 28px 60px rgba(41, 52, 137, 0.25);
}
.live-catalog-heading::after {
  content:"";
  position: absolute;
  top: -120px;
  right: 12%;
  width: 240px;
  height: 500px;
  background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));
  filter: blur(18px);
  opacity: .45;
  transform: rotate(24deg);
  pointer-events: none;
}
.live-catalog-heading > span {
  color: #bfeaff;
}
.live-catalog-heading h2 {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.live-catalog-heading p {
  position: relative;
  z-index: 1;
  max-width: 1080px;
  color: #e6eeff;
}
.live-catalog-tabs {
  position: relative;
  z-index: 2;
  max-width: 1220px;
  margin: -42px auto 28px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #d7ddff;
  border-radius: 22px;
  box-shadow: 0 17px 38px rgba(45, 60, 145, 0.2);
}
.live-catalog-tabs button {
  box-shadow: none;
  border-color: transparent;
  background: transparent;
}
.live-catalog-tabs button:hover, .live-catalog-tabs button.is-active {
  background: linear-gradient(135deg, #326fe0, #8549ce);
}
.live-catalog-explainer {
  position: relative;
  padding: 30px 36px 30px 43px;
  background: rgba(255, 255, 255, 0.84);
  border: 0;
  border-left: 6px solid #6752d5;
  border-radius: 8px 24px 24px 8px;
}
.live-catalog-explainer h3 {
  color: #293478;
}
.live-catalog-section .slot-catalog-card {
  border-radius: 12px;
  background: #101d55;
  border-color: #ffffff;
  box-shadow: 0 16px 31px rgba(39, 48, 112, 0.2);
}
.live-catalog-section .slot-catalog-card > span {
  background: #101d55;
}
.live-catalog-section .slot-catalog-card strong {
  color: #ffffff;
}
.live-catalog-section .slot-catalog-card i {
  background: linear-gradient(145deg, #38a8ed, #8a4bd1);
}
@media screen and ( max-width: 991px) {
  .games-catalog-app {
    grid-template-columns: 1fr;
    grid-template-areas:"heading""tabs""explainer""grid""guide";
  }
  .games-catalog-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .games-catalog-explainer {
    min-height: 0;
  }
  .live-catalog-heading {
    padding: 45px 38px 82px;
  }
}
@media screen and ( max-width: 575px) {
  .slot-catalog-section .slot-catalog-heading {
    padding-left: 14px;
  }
  .games-catalog-heading {
    gap: 10px;
  }
  .games-catalog-heading__guide {
    width: 67px;
    flex-basis: 67px;
  }
  .games-catalog-explainer {
    padding: 25px 22px;
    border-radius: 22px 8px 22px 8px;
  }
  .games-catalog-explainer h3 {
    font-size: 24px;
  }
  .live-catalog-section {
    padding-top: 60px;
  }
  .live-catalog-heading {
    padding: 34px 23px 72px;
    border-radius: 24px;
  }
  .live-catalog-tabs {
    margin-top: -35px;
    padding: 6px;
  }
  .live-catalog-explainer {
    padding: 24px 21px;
    border-left-width: 4px;
  }
}
/* Spins of Glory Ecosystem */
.ecosystem-section {
  position: relative;
  overflow: hidden;
  padding: 105px 0 110px;
  background: radial-gradient(circle at 12% 18%, rgba(89, 208, 255, 0.3), transparent 24%), radial-gradient(circle at 88% 82%, rgba(167, 112, 255, 0.22), transparent 25%), linear-gradient(180deg, #f7fbff 0%, #edf5ff 54%, #f7f2ff 100%);
}
.ecosystem-section::before {
  content: none;
}
.ecosystem-section__orb {
  position: absolute;
  width: 280px;
  height: 280px;
  border: 48px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  filter: blur(1px);
  pointer-events: none;
}
.ecosystem-section__orb--left {
  top: 250px;
  left: -190px;
}
.ecosystem-section__orb--right {
  right: -150px;
  bottom: 40px;
}
.ecosystem-section .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 72px);
  max-width: 1540px;
  padding-right: 0;
  padding-left: 0;
}
.ecosystem-heading {
  position: relative;
  max-width: 1120px;
  margin: 0 auto 54px;
  padding: 0 245px 0 0;
  text-align: left;
}
.ecosystem-heading__eyebrow {
  display: inline-flex;
  margin-bottom: 15px;
  padding: 8px 14px;
  color: #1550c9;
  background: #e0f3ff;
  border: 1px solid #a9dcff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.ecosystem-heading__title {
  margin: 0 0 17px;
  color: #10286e;
  font-size: clamp(42px, 4vw, 62px);
  line-height: 1.04;
  letter-spacing: -1.8px;
}
.ecosystem-heading__text {
  max-width: 790px;
  margin: 0;
  color: #50618a;
  font-size: 17px;
  line-height: 1.75;
}
.ecosystem-guide {
  position: absolute;
  right: -35px;
  bottom: -42px;
  width: 235px;
  filter: drop-shadow(0 20px 18px rgba(42, 73, 170, 0.2));
  animation: ecosystem-float 4.5s ease-in-out infinite;
}
.ecosystem-guide img {
  display: block;
  width: 100%;
  height: auto;
}
.ecosystem-guide__bubble {
  position: absolute;
  top: 28px;
  left: -58px;
  z-index: 2;
  padding: 8px 12px;
  color: #17347f;
  background: #ffffff;
  border: 2px solid #8fbcff;
  border-radius: 14px 14px 4px 14px;
  box-shadow: 0 8px 18px rgba(38, 70, 151, 0.14);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
@keyframes ecosystem-float {
  0%, 100% {
    transform: translateY(0) rotate(1deg);
  }
  50% {
    transform: translateY(-10px) rotate(-1deg);
  }
}
.ecosystem-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 20px;
}
.ecosystem-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 28px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 25px;
  box-shadow: 0 16px 38px rgba(48, 78, 153, 0.12);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.ecosystem-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 46px rgba(48, 78, 153, 0.18);
}
.ecosystem-card--feature {
  grid-row: span 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 520px;
  padding: 46px;
  color: #ffffff;
  background: radial-gradient(circle at 85% 18%, rgba(91, 235, 255, 0.48), transparent 25%), linear-gradient(145deg, #1769e8 0%, #4e45d5 54%, #773cc1 100%);
  border-color: #8ad8ff;
}
.ecosystem-card--sport {
  background: linear-gradient(135deg, #e5f8ff, #cceaff);
  border-color: #b1ddff;
}
.ecosystem-card--live {
  background: linear-gradient(135deg, #f1e9ff, #e2d2ff);
  border-color: #d3bbff;
}
.ecosystem-card--rewards {
  background: linear-gradient(135deg, #fff8dc, #ffe8a9);
  border-color: #ffdc78;
}
.ecosystem-card__icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  margin-bottom: 20px;
  color: #ffffff;
  background: linear-gradient(145deg, #2d78ee, #7345dc);
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 18px;
  box-shadow: 0 10px 20px rgba(42, 72, 160, 0.17);
  font-size: 24px;
  transform: rotate(-4deg);
}
.ecosystem-card--feature .ecosystem-card__icon {
  width: 72px;
  height: 72px;
  flex-basis: 72px;
  color: #304bd0;
  background: linear-gradient(145deg, #ffffff, #bceeff);
  font-size: 31px;
}
.ecosystem-card--sport, .ecosystem-card--live, .ecosystem-card--rewards {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.ecosystem-card--sport .ecosystem-card__icon, .ecosystem-card--live .ecosystem-card__icon, .ecosystem-card--rewards .ecosystem-card__icon {
  margin-bottom: 0;
}
.ecosystem-card--rewards .ecosystem-card__icon {
  color: #633d13;
  background: linear-gradient(145deg, #ffe96b, #ff9c33);
}
.ecosystem-card__content {
  min-width: 0;
}
.ecosystem-card__label {
  display: block;
  margin-bottom: 7px;
  color: #2a59c7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.ecosystem-card--feature .ecosystem-card__label {
  color: #bff5ff;
}
.ecosystem-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: #132c70;
  font-size: 24px;
  line-height: 1.24;
}
.ecosystem-card--feature h3 {
  max-width: 510px;
  margin-bottom: 18px;
  color: #ffffff;
  font-size: clamp(30px, 3vw, 43px);
}
.ecosystem-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #53648b;
  font-size: 14px;
  line-height: 1.7;
}
.ecosystem-card--feature p {
  max-width: 560px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 16px;
}
.ecosystem-tags {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.ecosystem-tags span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(8px);
}
.ecosystem-tags i {
  color: #ffdf60;
}
.ecosystem-card__glow {
  position: absolute;
  right: -80px;
  bottom: -100px;
  width: 280px;
  height: 280px;
  background: rgba(255, 193, 65, 0.28);
  border-radius: 50%;
  filter: blur(12px);
}
.ecosystem-ribbon {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  padding: 20px 24px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(154, 186, 241, 0.72);
  border-radius: 21px;
  box-shadow: 0 14px 34px rgba(56, 83, 145, 0.1);
  backdrop-filter: blur(12px);
}
.ecosystem-ribbon__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  color: #ffffff;
  background: linear-gradient(145deg, #ffb83f, #ff6d55);
  border-radius: 16px;
  font-size: 21px;
}
.ecosystem-ribbon strong {
  display: block;
  margin-bottom: 3px;
  color: #173273;
  font-size: 17px;
}
.ecosystem-ribbon p {
  margin: 0;
  color: #657294;
  font-size: 13px;
}
.ecosystem-ribbon__marks {
  display: flex;
  gap: 14px;
  margin-left: auto;
  color: #6c78dc;
  font-size: 22px;
}
@media screen and ( max-width: 991px) {
  .ecosystem-section {
    padding: 85px 0 90px;
  }
  .ecosystem-heading {
    max-width: 720px;
    padding-right: 170px;
  }
  .ecosystem-guide {
    right: -10px;
    bottom: -25px;
    width: 185px;
  }
  .ecosystem-grid {
    grid-template-columns: 1fr;
  }
  .ecosystem-card--feature {
    grid-row: auto;
    min-height: 410px;
  }
}
@media screen and ( max-width: 575px) {
  .ecosystem-section {
    padding: 72px 0 75px;
  }
  .ecosystem-section .container {
    width: calc(100% - 30px);
  }
  .ecosystem-heading {
    margin-bottom: 35px;
    padding: 0;
  }
  .ecosystem-heading__title {
    font-size: 40px;
  }
  .ecosystem-heading__text {
    padding-right: 74px;
    font-size: 15px;
  }
  .ecosystem-guide {
    right: -45px;
    bottom: -16px;
    width: 135px;
  }
  .ecosystem-guide__bubble {
    display: none;
  }
  .ecosystem-card, .ecosystem-card--feature {
    padding: 25px;
    border-radius: 21px;
  }
  .ecosystem-card--feature {
    min-height: 440px;
  }
  .ecosystem-card--sport, .ecosystem-card--live, .ecosystem-card--rewards {
    display: block;
  }
  .ecosystem-card--sport .ecosystem-card__icon, .ecosystem-card--live .ecosystem-card__icon, .ecosystem-card--rewards .ecosystem-card__icon {
    margin-bottom: 18px;
  }
  .ecosystem-ribbon {
    align-items: flex-start;
  }
  .ecosystem-ribbon__marks {
    display: none;
  }
}
/* Slots and Jackpots */
.slot-world-section {
  position: relative;
  overflow: hidden;
  padding: 105px 0 115px;
  background: radial-gradient(circle at 8% 14%, rgba(86, 217, 255, 0.28), transparent 25%), radial-gradient(circle at 93% 82%, rgba(255, 202, 71, 0.22), transparent 23%), linear-gradient(180deg, #edf4ff 0%, #f9f7ff 48%, #eaf6ff 100%);
}
.slot-world-section .container {
  width: calc(100% - 72px);
  max-width: 1540px;
  padding-right: 0;
  padding-left: 0;
}
.slot-world-heading {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 34px;
  max-width: 1160px;
  margin: 0 auto 34px;
}
.slot-world-heading__copy {
  max-width: 900px;
}
.slot-world-heading__eyebrow {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 8px 14px;
  color: #3155bd;
  background: #ffffff;
  border: 1px solid #b7cbff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
.slot-world-heading h2 {
  margin: 0 0 18px;
  color: #112b73;
  font-size: clamp(42px, 4.3vw, 66px);
  line-height: 1.02;
  letter-spacing: -2px;
}
.slot-world-heading p {
  max-width: 820px;
  margin: 0;
  color: #56678f;
  font-size: 17px;
  line-height: 1.75;
}
.slot-world-guide {
  width: 125px;
  height: auto;
  flex: 0 0 125px;
  margin-bottom: -5px;
  filter: drop-shadow(0 14px 15px rgba(63, 58, 170, 0.2));
  animation: slot-guide-bob 4s ease-in-out infinite;
}
@keyframes slot-guide-bob {
  0%, 100% {
    transform: translateY(0) rotate(1deg);
  }
  50% {
    transform: translateY(-7px) rotate(-1deg);
  }
}
.slot-world-switch {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.slot-world-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 760px;
  margin: 0 auto 26px;
  padding: 7px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid #c8d9ff;
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(52, 79, 145, 0.1);
  backdrop-filter: blur(12px);
}
.slot-world-tabs label {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  column-gap: 12px;
  padding: 14px 18px;
  color: #375188;
  border: 1px solid transparent;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.slot-world-tabs label i {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background: linear-gradient(145deg, #2e8eff, #5945dc);
  border-radius: 14px;
  font-size: 19px;
}
.slot-world-tabs label span {
  color: #183678;
  font-size: 17px;
  font-weight: 900;
}
.slot-world-tabs label small {
  color: #6f7d9b;
  font-size: 11px;
  font-weight: 600;
}
#show-slots:checked ~ .slot-world-tabs label[for="show-slots"], #show-jackpots:checked ~ .slot-world-tabs label[for="show-jackpots"] {
  color: #ffffff;
  background: linear-gradient(135deg, #216fef, #6741d6);
  border-color: #8bdcff;
  box-shadow: 0 9px 22px rgba(49, 75, 187, 0.24);
}
#show-slots:checked ~ .slot-world-tabs label[for="show-slots"] span, #show-slots:checked ~ .slot-world-tabs label[for="show-slots"] small, #show-jackpots:checked ~ .slot-world-tabs label[for="show-jackpots"] span, #show-jackpots:checked ~ .slot-world-tabs label[for="show-jackpots"] small {
  color: #ffffff;
}
#show-jackpots:checked ~ .slot-world-tabs label[for="show-jackpots"] i {
  color: #6a4100;
  background: linear-gradient(145deg, #fff075, #ffad31);
}
.slot-world-panel {
  display: none;
  animation: slot-panel-in 0.35s ease both;
}
#show-slots:checked ~ .slot-world-panel--slots, #show-jackpots:checked ~ .slot-world-panel--jackpots {
  display: block;
}
@keyframes slot-panel-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slot-world-explainer {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 30px;
  margin-bottom: 38px;
  padding: 34px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid #c6d9ff;
  border-radius: 28px;
  box-shadow: 0 18px 42px rgba(50, 79, 151, 0.11);
  backdrop-filter: blur(12px);
}
.slot-world-panel--jackpots .slot-world-explainer {
  border-color: #f2d38a;
  background: linear-gradient(135deg, rgba(255,255,255,0.86), rgba(255,247,218,0.84));
}
.slot-world-explainer__main {
  padding: 10px 8px;
}
.slot-world-explainer__label {
  display: block;
  margin-bottom: 9px;
  color: #3565d7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.slot-world-explainer__main h3 {
  margin: 0 0 14px;
  color: #18336f;
  font-size: clamp(27px, 2.4vw, 38px);
  line-height: 1.16;
}
.slot-world-explainer__main p {
  margin: 0;
  color: #5d6c8c;
  font-size: 14px;
  line-height: 1.75;
}
.slot-world-types {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.slot-world-types > div {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-content: center;
  column-gap: 11px;
  padding: 15px;
  background: #edf6ff;
  border: 1px solid #c6e2ff;
  border-radius: 17px;
}
.slot-world-types--jackpot > div {
  background: #fff8dc;
  border-color: #f3db99;
}
.slot-world-types i {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background: linear-gradient(145deg, #298ff1, #6047d8);
  border-radius: 13px;
  font-size: 16px;
}
.slot-world-types--jackpot i {
  color: #724600;
  background: linear-gradient(145deg, #ffe978, #ffaf38);
}
.slot-world-types strong {
  color: #193777;
  font-size: 13px;
  line-height: 1.2;
}
.slot-world-types span {
  color: #6e7b98;
  font-size: 10px;
  line-height: 1.35;
}
.slot-world-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 250px));
  justify-content: center;
  gap: 24px;
  max-width: 980px;
  margin: 0 auto;
}
.slot-title-card {
  position: relative;
}
.slot-title-card summary {
  position: relative;
  overflow: hidden;
  list-style: none;
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 22px;
  box-shadow: 0 17px 35px rgba(44, 70, 139, 0.18);
  cursor: pointer;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.slot-title-card summary::-webkit-details-marker {
  display: none;
}
.slot-title-card summary:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 45px rgba(44, 70, 139, 0.25);
}
.slot-title-card summary::after {
  content:"i";
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  color: #ffffff;
  background: rgba(24, 55, 133, 0.88);
  border: 2px solid rgba(255,255,255,0.9);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
}
.slot-title-card summary img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
}
.slot-title-card__caption {
  display: block;
  min-height: 88px;
  padding: 15px 16px 16px;
  background: #ffffff;
}
.slot-title-card__caption strong {
  display: block;
  margin-bottom: 5px;
  color: #173578;
  font-size: 14px;
  line-height: 1.35;
}
.slot-title-card__caption small {
  color: #4f74d3;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.slot-rules {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(14, 29, 79, 0.7);
  backdrop-filter: blur(10px);
}
.slot-rules__box {
  position: relative;
  width: min(620px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 42px;
  background: linear-gradient(145deg, #ffffff, #eef5ff);
  border: 2px solid #a8caff;
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(9, 25, 82, 0.38);
}
.slot-rules__close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  color: #ffffff;
  background: #214fbd;
  border: 0;
  border-radius: 12px;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.slot-rules__tag {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 11px;
  color: #365ebc;
  background: #e1edff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.slot-rules h3 {
  margin: 0 48px 15px 0;
  color: #173372;
  font-size: 30px;
  line-height: 1.15;
}
.slot-rules p, .slot-rules li {
  color: #5a6886;
  font-size: 14px;
  line-height: 1.7;
}
.slot-rules ul {
  margin: 18px 0;
  padding-left: 22px;
  list-style: disc;
}
.slot-rules li + li {
  margin-top: 7px;
}
.slot-rules__note {
  margin: 18px 0 0 !important;
  padding: 13px 15px;
  background: #fff7d8;
  border: 1px solid #efd585;
  border-radius: 13px;
  font-size: 12px !important;
}
@media screen and ( max-width: 991px) {
  .slot-world-section {
    padding: 85px 0 90px;
  }
  .slot-world-explainer {
    grid-template-columns: 1fr;
  }
  .slot-world-gallery {
    grid-template-columns: repeat(3, minmax(0, 220px));
  }
}
@media screen and ( max-width: 767px) {
  .slot-world-section .container {
    width: calc(100% - 30px);
  }
  .slot-world-heading {
    align-items: center;
  }
  .slot-world-guide {
    width: 92px;
    flex-basis: 92px;
  }
  .slot-world-tabs {
    max-width: 100%;
  }
  .slot-world-gallery {
    grid-template-columns: repeat(2, minmax(0, 250px));
  }
}
@media screen and ( max-width: 575px) {
  .slot-world-section {
    padding: 72px 0 78px;
  }
  .slot-world-heading {
    align-items: flex-start;
    gap: 6px;
  }
  .slot-world-heading h2 {
    font-size: 39px;
  }
  .slot-world-heading p {
    font-size: 14px;
  }
  .slot-world-guide {
    width: 72px;
    flex-basis: 72px;
    margin-top: 34px;
  }
  .slot-world-tabs label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
  .slot-world-tabs label i {
    width: 38px;
    height: 38px;
  }
  .slot-world-tabs label small {
    display: none;
  }
  .slot-world-explainer {
    padding: 22px;
    border-radius: 22px;
  }
  .slot-world-types {
    grid-template-columns: 1fr;
  }
  .slot-world-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }
  .slot-title-card summary {
    border-radius: 17px;
  }
  .slot-title-card__caption {
    min-height: 100px;
    padding: 12px;
  }
  .slot-title-card__caption strong {
    font-size: 12px;
  }
  .slot-rules {
    padding: 13px;
  }
  .slot-rules__box {
    padding: 34px 22px 24px;
    border-radius: 20px;
  }
  .slot-rules h3 {
    font-size: 25px;
  }
}
/* Expanded Slots & Jackpots catalogue */
.slot-catalog-section {
  padding: 105px 0 115px;
  background: radial-gradient(circle at 6% 14%, rgba(88, 211, 255, 0.24), transparent 23%), radial-gradient(circle at 94% 83%, rgba(255, 202, 72, 0.2), transparent 22%), linear-gradient(180deg, #edf5ff 0%, #faf8ff 52%, #eaf6ff 100%);
}
.slot-catalog-section > .container > .slot-world-heading, .slot-catalog-section > .container > .slot-world-switch, .slot-catalog-section > .container > .slot-world-tabs, .slot-catalog-section > .container > .slot-world-panel {
  display: none !important;
}
.slot-catalog-app {
  color: #132c70;
}
.slot-catalog-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 26px;
  max-width: 1320px;
  margin: 0 auto 34px;
}
.slot-catalog-heading > div {
  max-width: 1040px;
}
.slot-catalog-heading__eyebrow {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 8px 14px;
  color: #3158c1;
  background: #ffffff;
  border: 1px solid #b7ccff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.slot-catalog-heading h2 {
  margin: 0 0 16px;
  color: #10296f;
  font-size: clamp(42px, 4.2vw, 65px);
  line-height: 1.02;
  letter-spacing: -2px;
}
.slot-catalog-heading p {
  max-width: 900px;
  margin: 0;
  color: #5d6c8c;
  font-size: 16px;
  line-height: 1.72;
}
.slot-catalog-heading__guide {
  width: 105px;
  height: auto;
  flex: 0 0 105px;
  filter: drop-shadow(0 13px 14px rgba(69, 55, 165, 0.2));
  animation: slot-guide-bob 4s ease-in-out infinite;
}
.slot-catalog-main-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 680px;
  margin: 0 auto 15px;
  padding: 7px;
  background: rgba(255,255,255,0.78);
  border: 1px solid #c5d7ff;
  border-radius: 22px;
  box-shadow: 0 13px 32px rgba(48, 77, 145, 0.1);
}
.slot-catalog-main-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  padding: 10px 18px;
  color: #173675;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 16px;
  font-size: 17px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.slot-catalog-main-tabs button.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, #2178ed, #6643d8);
  border-color: #85d7ff;
  box-shadow: 0 9px 22px rgba(47, 70, 183, 0.25);
}
.slot-tab-symbol {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  background: linear-gradient(145deg, #dff7ff, #bfc8ff);
  border: 2px solid #ffffff;
  border-radius: 11px;
  box-shadow: 0 5px 11px rgba(33, 65, 153, 0.18);
}
.slot-tab-symbol--reels {
  gap: 2px;
}
.slot-tab-symbol--reels b {
  display: block;
  width: 6px;
  height: 16px;
  background: #365ad0;
  border-radius: 3px;
}
.slot-tab-symbol--reels b:nth-child(2) {
  height: 22px;
  background: #ffb436;
}
.slot-tab-symbol--gem::before {
  content:"";
  width: 17px;
  height: 17px;
  background: linear-gradient(135deg, #22caff, #7047dc);
  clip-path: polygon(50% 0, 95% 32%, 76% 86%, 50% 100%, 24% 86%, 5% 32%);
}
.slot-catalog-subtabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  max-width: 1120px;
  margin: 0 auto 24px;
}
.slot-catalog-subtabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 53px;
  padding: 10px 13px;
  color: #385181;
  background: rgba(255,255,255,0.72);
  border: 1px solid #c9d9f8;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.22s ease;
}
.slot-catalog-subtabs button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  color: #ffffff;
  background: linear-gradient(145deg, #2d8ff4, #6646d6);
  border-radius: 9px;
  font-size: 13px;
}
.slot-catalog-subtabs button.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, #163b9d, #416fe5);
  border-color: #82d8ff;
  box-shadow: 0 9px 20px rgba(45, 72, 172, 0.2);
}
.slot-catalog-subtabs button.is-active span {
  color: #563400;
  background: linear-gradient(145deg, #ffe978, #ffaf35);
}
.slot-catalog-explainer {
  max-width: 1320px;
  margin: 0 auto 31px;
  padding: 27px 31px;
  background: rgba(255,255,255,0.77);
  border: 1px solid #bfd5ff;
  border-radius: 24px;
  box-shadow: 0 15px 36px rgba(47, 76, 144, 0.1);
  backdrop-filter: blur(10px);
}
.slot-catalog-explainer__kicker {
  display: block;
  margin-bottom: 7px;
  color: #3a68d2;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.slot-catalog-explainer h3 {
  margin: 0 0 10px;
  color: #173574;
  font-size: clamp(25px, 2.2vw, 35px);
  line-height: 1.18;
}
.slot-catalog-explainer > p {
  max-width: 1120px;
  margin: 0;
  color: #5c6b89;
  font-size: 14px;
  line-height: 1.7;
}
.slot-catalog-explainer__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 17px;
}
.slot-catalog-explainer__facts span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  color: #34508d;
  background: #ecf4ff;
  border: 1px solid #c5dcff;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.slot-catalog-explainer__facts i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #ffffff;
  background: #3c70dc;
  border-radius: 50%;
  font-size: 10px;
  font-style: normal;
}
.slot-catalog-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 17px;
  max-width: 1420px;
  margin: 0 auto;
}
.slot-catalog-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 0;
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(38, 65, 133, 0.17);
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.slot-catalog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 21px 38px rgba(38, 65, 133, 0.24);
}
.slot-catalog-card.is-selected {
  border-color: #3777e4;
  box-shadow: 0 20px 42px rgba(48, 102, 205, 0.28);
  transform: translateY(-5px);
}
.slot-catalog-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
}
.slot-catalog-card > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 27px;
  align-items: center;
  gap: 8px;
  min-height: 49px;
  padding: 7px 8px 7px 11px;
  text-align: left;
}
.slot-catalog-card strong {
  overflow: hidden;
  color: #173574;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slot-catalog-card i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  color: #ffffff;
  background: linear-gradient(145deg, #277fe9, #6646d8);
  border-radius: 9px;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  transition: transform 0.2s ease;
}
.slot-catalog-card:hover i {
  transform: rotate(90deg);
}
.slot-catalog-inline {
  position: relative;
  width: min(1320px, calc(100% - 20px));
  margin: 26px auto 0;
  padding: 32px 74px 30px 34px;
  color: #173574;
  background: linear-gradient(145deg, #ffffff, #eef5ff);
  border: 2px solid #a9caff;
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(38, 65, 133, 0.16);
  animation: slotGuideReveal 0.28s ease both;
}
.slot-catalog-inline[hidden] {
  display: none;
}
@keyframes slotGuideReveal {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slot-catalog-inline__close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  padding: 0;
  color: #ffffff;
  background: #2454bf;
  border: 0;
  border-radius: 11px;
  font-size: 25px;
  cursor: pointer;
}
.slot-catalog-inline__tag {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 11px;
  color: #365fbd;
  background: #e1edff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.slot-catalog-inline h3 {
  margin: 0 45px 13px 0;
  color: #173372;
  font-size: 30px;
  line-height: 1.16;
}
.slot-catalog-inline p, .slot-catalog-inline li {
  color: #5b6986;
  font-size: 14px;
  line-height: 1.7;
}
.slot-catalog-inline ul {
  margin: 18px 0;
  padding-left: 21px;
  list-style: disc;
}
.slot-catalog-inline li + li {
  margin-top: 7px;
}
.slot-catalog-inline__note {
  margin: 17px 0 0 !important;
  padding: 13px 15px;
  background: #fff7d8;
  border: 1px solid #efd486;
  border-radius: 13px;
  font-size: 12px !important;
}
@media screen and ( max-width: 1199px) {
  .slot-catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 850px;
  }
}
@media screen and ( max-width: 767px) {
  .slot-catalog-heading__guide {
    width: 78px;
    flex-basis: 78px;
  }
  .slot-catalog-subtabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .slot-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
  }
}
@media screen and ( max-width: 575px) {
  .slot-catalog-section {
    padding: 72px 0 78px;
  }
  .slot-catalog-heading {
    align-items: flex-start;
    gap: 5px;
  }
  .slot-catalog-heading h2 {
    font-size: 38px;
  }
  .slot-catalog-heading p {
    font-size: 14px;
  }
  .slot-catalog-heading__guide {
    width: 58px;
    flex-basis: 58px;
    margin-top: 45px;
  }
  .slot-catalog-main-tabs button {
    min-height: 52px;
    padding: 8px 10px;
    font-size: 14px;
  }
  .slot-tab-symbol {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
  }
  .slot-catalog-subtabs button {
    justify-content: flex-start;
    min-height: 47px;
    padding: 8px 10px;
    font-size: 11px;
  }
  .slot-catalog-explainer {
    padding: 22px;
    border-radius: 20px;
  }
  .slot-catalog-card {
    border-radius: 15px;
  }
  .slot-catalog-card > span {
    grid-template-columns: minmax(0, 1fr) 25px;
    min-height: 44px;
    padding: 6px 7px 6px 9px;
  }
  .slot-catalog-card strong {
    font-size: 10px;
  }
  .slot-catalog-card i {
    width: 25px;
    height: 25px;
  }
  .slot-catalog-inline {
    width: 100%;
    padding: 34px 22px 24px;
    border-radius: 20px;
  }
}
body {
  color: var(--white-color);
  padding: 0;
  margin: 0;
  overflow-x: auto;
}
::selection {
  color: var(--white-color);
  background: var(--theme-color);
}
h2, h3, h4, h5, h6 {
  color: var(--black-color);
  font-family:"Montserrat", sans-serif;
}
h1 {
  font-size: 56px;
  font-weight: 700;
  margin-top: -7px;
  font-family:"Montserrat", sans-serif;
}
h2 {
  font-weight: 700;
  font-size: 57px;
  margin-top: -12px;
  font-family:"Montserrat", sans-serif;
}
h3 {
  font-size: 43px;
  font-family:"Montserrat", sans-serif;
  font-weight: 700;
}
h4 {
  font-size: 30px;
  margin-top: -15px;
  font-family:"Montserrat", sans-serif;
  font-weight: 700;
}
h5 {
  font-size: 24px;
  margin-top: -3px;
  font-family:"Montserrat", sans-serif;
  font-weight: 700;
}
h6 {
  font-size: 22px;
  margin-top: -1px;
  font-family:"Montserrat", sans-serif;
  font-weight: 700;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  text-decoration: none;
  margin: 0;
  color: var(--theme-color);
  font-family:"Montserrat", sans-serif;
}
a:hover {
  text-decoration: none;
  color: var(--theme-color);
}
input:focus {
  color: var(--white-color);
}
p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
  color: #777777;
  font-family:"Montserrat", sans-serif;
  font-weight: 500;
}
.mb__30 {
  margin-bottom: 30px;
}
.pt-120 {
  padding-top: 120px;
}
.pb-120 {
  padding-bottom: 120px;
}
.pt-80 {
  padding-top: 80px;
}
.mr-10 {
  margin-right: 10px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-30 {
  padding-bottom: 30px;
}
.mb-30-none {
  margin-bottom: -25px;
}
.mb-30 {
  margin-bottom: 25px;
}
.background-color {
  background-color: #141b22;
}
.background-color-two {
  background-color: #171627;
}
.section-bg-two {
  background-color: #131222;
}
.right {
  text-align: right;
}
.mr-10 {
  margin-right: 20px;
}
.item-bg {
  background-color: var(--theme-color);
}
.items-bg-2 {
  background-color: #141b22;
}
.item-bg-3 {
  background-color: var(--section-bg);
}
.item-bg-4 {
  background-color: #020c15;
}
.mt-30 {
  margin-top: 30px;
}
.ml-50 {
  margin-left: 50px;
}
.footer-border-bg {
  background-color: #171627;
}
.footer-border-bg-2 {
  background-color: #020c15;
}
.mb-50 {
  margin-bottom: 50px;
}
/*-Responsive-*/
/*-Responsive-*/
@media screen and ( max-width: 991px) {
  .pt-120 {
    padding-top: 80px;
  }
  .pb-120 {
    padding-bottom: 80px;
  }
  .pt-80 {
    padding-top: 60px;
  }
  .pb-80 {
    padding-bottom: 60px;
  }
}
@media screen and ( max-width: 767px) {
  .pt-120 {
    padding-top: 70px;
  }
  .pb-120 {
    padding-bottom: 70px;
  }
}
@media screen and ( max-width: 575px) {
  .pt-120 {
    padding-top: 60px;
  }
  .pb-120 {
    padding-bottom: 60px;
  }
  .pt-80 {
    padding-top: 60px;
  }
  .pb-80 {
    padding-bottom: 60px;
  }
  p {
    font-size: 16px;
    line-height: 26px;
  }
}
::-webkit-scrollbar {
  width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--box-bg);
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
}
/*-Responsive-*/
/*-Responsive-*/
.text-base {
  color: #60d4e3;
}
.text-base-2 {
  color: var(--secoundary-color);
}
.theme {
  color: var(--theme-one);
}
.title-white {
  color: var(--white-color);
}
.bg-white {
  background: var(--white-color);
}
.text-block {
  color: #170808;
}
.section__header__space {
  padding-bottom: 40px;
}
.center {
  text-align: center;
  margin: 0 auto;
}
.section-bg {
  background-color: #0c1924;
}
.twitter {
  background: var(--secoundary-color) !important;
}
.twitch {
  background: rgb(110, 60, 210) !important;
}
.youtube {
  background: rgb(172, 46, 46) !important;
}
.insta {
  background: rgb(207, 93, 93) !important;
}
.lind {
  background: rgb(78, 131, 228) !important;
}
.face {
  background: rgb(27, 114, 244) !important;
}
/*--Section Header Start--*/
/*--Section Header Start--*/
.section-center {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px;
}
.style-client {
  margin: 0 auto 20px;
}
.section-header .section-title {
  text-transform: uppercase;
}
.section-header .section-title span {
  color: var(--theme-one);
}
@media screen and ( max-width: 991px) {
  .section-center {
    margin: 0 auto 40px;
  }
}
@media screen and ( max-width: 767px) {
  .section-center {
    margin: 0 auto 30px;
  }
}
/*--Section Header End--*/
/*--Section Header End--*/
.about-section {
  overflow: hidden;
}
.about-section .about-thumb img {
  width: 100%;
  height: 100%;
}
.about-section .about-content h3 {
  text-transform: uppercase;
}
/*========== Footer Scetion Start ==========*/
.footer-section {
  overflow: hidden;
  position: relative;
}
.footer-section .footer-top {
  position: relative;
}
.footer-section .footer-top .widget-items .footer-head {
  margin-bottom: 20px;
}
.footer-section .footer-top .widget-items .footer-head .header-content {
  color: var(--white-color);
  text-transform: uppercase;
  margin-bottom: 0;
}
.footer-section .footer-top .widget-items .footer-content-area {
  margin-bottom: 20px;
}
.footer-section .footer-top .widget-items .footer-content-area p {
  color: var(--white-color);
  margin-bottom: 5px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link {
  margin-bottom: 20px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .footer-content li {
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px 0;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .footer-content li a {
  color: var(--white-color);
  transition: all 0.4s ease-in-out;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .footer-content li a:hover {
  color: var(--theme-color);
  margin-left: 4px;
}
.footer-section .footer-top .widget-items .footer-content-area .contact .list {
  padding: 10px 0;
  font-size: 16px;
}
.footer-section .footer-top .widget-items .footer-content-area .footer-social {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.footer-section .footer-top .widget-items .footer-content-area .footer-social li {
  margin-right: 15px;
  font-size: 18px;
}
.footer-section .footer-top .widget-items .footer-content-area .footer-social li a {
  color: var(--white-color);
  transition: all 0.3s ease-in-out;
}
.footer-section .footer-top .widget-items .footer-content-area .footer-social li a:hover {
  color: var(--theme-color);
}
.footer-section .footer-top .widget-items .footer-content-area .footer-social .active a {
  color: var(--theme-color);
}
.footer-section .footer-top .widget-items .footer-content-area .form {
  position: relative;
  margin-top: 20px;
}
.footer-section .footer-top .widget-items .footer-content-area .form input {
  color: var(--black-color);
  width: 100%;
  padding: 20px 33% 20px 15px;
  outline: none;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  background-color: var(--white-color);
}
.footer-section .footer-top .widget-items .footer-content-area .form input::placeholder {
  color: var(--black-color) !important;
}
.footer-section .footer-top .widget-items .footer-content-area .form .effect-button {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.footer-section .footer-top .widget-items .footer-content-area .form .effect-button .f-btn {
  padding: 12px 18px;
  display: block;
  font-weight: 600;
  color: var(--white-color);
  background-color: var(--theme-color);
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 5px;
}
.footer-section .footer-top .widget-items .footer-content-area .link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.footer-section .footer-top .widget-items .footer-content-area .link h5 {
  color: var(--white-color);
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
}
.footer-section .footer-top .widget-items .footer-content-area .link ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer-section .footer-top .widget-items .footer-content-area .link ul li {
  margin-right: 15px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link {
  display: flex;
  margin-bottom: 15px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .thumb img {
  width: 75px;
  height: 75px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .contact .list {
  display: flex;
  color: var(--white-color);
  margin-bottom: 25px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .contact .list a {
  font-weight: 500;
  color: var(--white-color);
  transition: all 0.4s ease-in-out;
  font-size: 15px;
  margin-left: 10px;
}
.footer-section .footer-top .widget-items .footer-content-area .quick-link .contact .list a:hover {
  color: var(--theme-color);
}
.footer-section .border-area .footer-bottom {
  padding: 30px 0px;
  border-top: 1px solid var(--white-color);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-section .border-area .footer-bottom p {
  color: var(--white-color);
}
.footer-section .border-area .footer-bottom p a {
  color: var(--theme-color);
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
.footer-section .border-area .footer-bottom ul {
  display: flex;
  align-items: center;
}
.footer-section .border-area .footer-bottom ul li {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 1px solid var(--white-color);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
}
.footer-section .border-area .footer-bottom ul li a i {
  color: var(--white-color);
}
.footer-section .border-area .footer-bottom ul li:hover {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.footer-section .border-area .footer-bottom ul .active {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.footer-section .border-area .footer-bottom ul .mr-none {
  margin-right: initial !important;
}
/*========== Footer Scetion Here ==========*/
@media screen and ( max-width: 991px) {
  .footer-section .border-area .footer-bottom {
    flex-wrap: wrap;
  }
}
@media screen and ( max-width: 767px) {
  .footer-section .border-area .footer-bottom {
    justify-content: center;
  }
  .footer-section .border-area .footer-bottom ul {
    margin-top: 10px;
  }
}
/*----Menu Header Start-----*/
.header-section {
  width: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
}
.menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  transition: all 0.9s;
  background: var(--theme-color);
  border-bottom: unset;
}
.header-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  transition: all 0.9s;
  padding: 21px 0 21px;
}
.header-wrapper .logo-menu {
  max-width: 160px;
  height: auto;
}
.header-wrapper .logo-menu img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-wrapper .cmn--btn {
  padding: 8px 25px 9px;
}
.header-wrapper .main-menu {
  position: relative;
  display: flex;
  align-items: center;
  /*Abstracts / animation*/
  /*Abstracts / componets*/
  /*--Button Area Start--*/
  /*--Button Area Start--*/
  /*--Button Area End--*/
  /*--Button Area End--*/
  /*Abstracts / componets*/
}
.header-wrapper .main-menu li {
  transition: all 0.6s;
  position: relative;
  text-transform: capitalize;
  border-radius: initial;
}
.header-wrapper .main-menu li:not(:last-child) {
  margin-right: 35px;
}
.header-wrapper .main-menu li a {
  color: var(--white-color);
  font-weight: 600;
  font-size: 18px;
  transition: all 0.3s;
}
.header-wrapper .main-menu li a i {
  margin-left: 2px;
  font-size: 15px !important;
}
.header-wrapper .main-menu li .sub-menu {
  margin: 0 10px 10px 10px;
  display: none;
  transform: translateY(15px);
}
@media ( min-width: 992px) {
  .header-wrapper .main-menu li .sub-menu {
    position: absolute;
    top: 100%;
    left: -10px;
    z-index: 999;
    width: 250px;
    transition: all 0.8s;
    box-shadow: -1px 7px 19px -14px rgb(66, 106, 184);
    background-color: rgb(245, 244, 255);
    display: block !important;
    opacity: 0;
    visibility: hidden;
  }
}
.header-wrapper .main-menu li .sub-menu li {
  border: unset;
  background-color: var(--white-color);
  margin-right: 0;
  margin-bottom: 5px;
  transition: all 0.4s !important;
}
.header-wrapper .main-menu li .sub-menu li a {
  color: var(--black-color);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  display: block;
  padding: 14px 20px;
  border-radius: 8px;
}
.header-wrapper .main-menu li .sub-menu li a i {
  font-size: 14px !important;
}
.header-wrapper .main-menu li .sub-menu li:hover a {
  margin-left: 10px;
}
.header-wrapper .main-menu li .cmn--btn {
  color: var(--white-color);
}
.header-wrapper .main-menu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-wrapper .main-menu .cmn--btn {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s;
  text-align: center;
  background: var(--button-one);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.header-wrapper .main-menu .cmn--btn:hover::before {
  width: 100%;
}
.header-wrapper .main-menu .cmn--btn:hover span {
  color: var(--white-color);
}
.header-wrapper .main-menu .cmn--btn span {
  z-index: 1;
  position: relative;
  transition: all 0.4s;
  display: block;
}
.header-wrapper .main-menu .mneu-btn-grp {
  display: flex;
  align-items: center;
  gap: 13px;
}
/*----Menu Header Start-----*/
/*----Scroll Top To Bottom Start-----*/
.scroll-up {
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--white-color);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 50px;
  width: 50px;
  transition: all 200ms linear;
}
.scroll-up::after {
  position: absolute;
  font-family:"Font Awesome 6 free";
  content:"\f062";
  text-align: center;
  line-height: 50px;
  font-weight: 700;
  font-size: 18px;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}
.scroll-up.active-scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-up svg path {
  fill: none;
}
.scroll-up svg.scroll-circle path {
  stroke: var(--theme-color);
  stroke-width: 4px;
  box-sizing: border-box;
  transition: all 200ms linear;
}
/*----Scroll Top To Bottom Start-----*/
/*----Preloader Start-----*/
.bg-load {
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  background-color: #171627;
  z-index: 999999;
}
.load {
  border: 1px solid var(--theme-one);
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  transform-origin: center center;
  transform: translate(-50%, -50%) rotate(135deg);
  width: 50px;
  height: 50px;
}
.load hr {
  border: 0;
  margin: 0;
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  animation: spin 2s ease infinite;
}
.load:first-child {
  background: #19a68c;
  animation-delay: -1.5s;
}
.load:nth-child(2) {
  background: #f63d3a;
  animation-delay: -1s;
}
.load:nth-child(3) {
  background: #fda543;
  animation-delay: -0.5s;
}
.load:last-child {
  background: #03b8fe;
}
@keyframes spin {
  0%, 100% {
    transform: translateX(200%);
  }
  25% {
    transform: translateY(200%);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateY(0);
  }
}
/*----Preloader End-----*/
/*------ fullscreen search bar area start here --------*/
.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgb(23, 22, 39);
}
.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  animation: slideInUp 0.3s;
}
@media only screen and ( min-width: 768px) and ( max-width: 991px) {
  .search-wrap .search-field-holder {
    width: 70%;
  }
}
@media ( max-width: 575px) {
  .search-wrap .search-field-holder {
    width: 80%;
  }
}
.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: uppercase;
  background: transparent;
  font-size: 25px;
  color: var(--white-color);
  border-bottom: 2px solid var(--white-color);
  text-align: center;
  letter-spacing: 2px;
}
@media ( max-width: 575px) {
  .search-wrap .main-search-input {
    height: 50px;
    padding: 0 0;
    line-height: 50px;
    font-size: 18px;
  }
}
.search-wrap input.form-control, .search-wrap input.form-control:focus {
  background-color: var(--white-color);
}
input.main-search-input::placeholder {
  color: var(--white-color);
  opacity: 1;
  font-size: 25px;
}
@media ( max-width: 575px) {
  input.main-search-input::placeholder {
    font-size: 18px;
  }
}
.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: var(--white-color);
  cursor: pointer;
}
/*------ fullscreen search bar area end here --------*/
/*========== Banner Section Start ==========*/
.banner-section {
  overflow: hidden;
  padding: 250px 0px;
  background-size: cover;
  position: relative;
  background-color: var(--background-color);
  background-size: cover;
}
.banner-section::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  content:"";
  background-color: rgba(17, 20, 34, 0.6);
}
.banner-section .banner-content {
  position: relative;
  max-width: 780px;
}
.banner-section .banner-content h1 {
  text-transform: uppercase;
  line-height: 90px;
  font-size: 72px;
}
.banner-section .banner-content p {
  color: var(--white-color);
}
.banner-section .banner-content .banner-btns {
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: center;
}
.banner-section .banner-content .banner-btns .cmn--btn {
  margin-right: 15px;
}
/*========== Banner Section Start ==========*/
/*------Banner Video Here--------*/
.video-banner {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.video-banner .video-banner-content {
  position: relative;
  z-index: 99;
  max-width: 1030px;
  margin: 0 auto;
  text-align: center;
}
.video-banner .video-banner-content .video-font {
  color: var(--white-color);
  position: relative;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 100px;
  line-height: 120px;
}
.video-banner .video-banner-content p {
  position: relative;
  color: var(--white-color);
  margin-bottom: 30px;
  font-size: 18px;
}
.video-banner .blue-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(5, 12, 14, 0.4);
  width: 100%;
  height: 100%;
}
.video-banner .back-video {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
/*------Banner Video End--------*/
/*========== Breadcumd Banner Start  ==========*/
/*--Breadcumd Banner--*/
.breadcumd-banner {
  padding: 220px 0;
  background-color: var(--background-color);
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.breadcumd-banner::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content:"";
  background-color: rgba(0, 0, 0, 0.1);
}
.breadcumd-banner .breadcumd-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.breadcumd-banner .breadcumd-wrapper .left-content {
  color: var(--white-color);
  font-size: 30px;
  margin: 0;
  text-transform: uppercase;
}
.breadcumd-banner .breadcumd-wrapper .right-content {
  display: flex;
  align-items: center;
}
.breadcumd-banner .breadcumd-wrapper .right-content li {
  font-size: 18px;
  position: relative;
  color: var(--white-color);
  text-transform: capitalize;
  font-weight: 600;
}
.breadcumd-banner .breadcumd-wrapper .right-content li:not(:last-child) {
  margin-right: 30px;
}
.breadcumd-banner .breadcumd-wrapper .right-content li:not(:first-child)::before {
  position: absolute;
  right: 100%;
  content:"";
  top: 4px;
  width: 6px;
  height: 6px;
  margin-top: 7px;
  background-color: var(--white-color);
  border-radius: 100%;
  left: -15px;
}
.breadcumd-banner .breadcumd-wrapper .right-content li a {
  color: var(--white-color);
  transition: all 0.4s;
}
.breadcumd-banner .breadcumd-wrapper .right-content li a:hover {
  color: var(--theme-color);
}
.breadcumd-banner .breadcumd-wrapper .right-content .cont-color {
  color: var(--theme-color);
}
/*========== Breadcumd Banner End  ==========*/
.game-section {
  overflow: hidden;
}
.game-section .game-items {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.game-section .game-items .game-thumb {
  position: relative;
}
.game-section .game-items .game-thumb img {
  width: 100%;
  height: 100%;
}
.game-section .game-items .game-thumb .icon-item {
  position: absolute;
  bottom: -55;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 5px solid var(--theme-color);
  background-color: var(--white-color);
  transform: translate(-50%, -50%);
}
.game-section .game-items .game-thumb .icon-item .icon {
  width: 50px;
  padding: 5px;
  height: 50px;
}
.game-section .game-items .game-content {
  text-align: center;
  padding: 45px 15px 20px;
}
.game-section .game-items .game-content h5 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.game-section .game-items .game-content h5 a {
  color: var(--black-color);
  transition: all 0.3s;
}
.game-section .game-items .game-content h5 a:hover {
  color: var(--theme-color);
}
.game-section .game-items .game-content .btn {
  color: var(--theme-color);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}
/*========== Video Section Start ==========*/
.video__section {
  overflow: hidden;
  position: relative;
  margin-top: -480px;
  z-index: 1;
}
.video__section .section-header .section-title {
  color: var(--white-color);
}
.video__section .section-header p {
  color: var(--white-color);
}
.video__section .video__thumb {
  position: relative;
}
.video__section .video__thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  content:"";
  background-color: rgba(0, 0, 0, 0.5);
}
.video__section .video__thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.video__section .video__items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video__section .video__items .video__content {
  position: relative;
  text-align: center;
}
.video__section .video__items .video__content .video {
  position: relative;
  text-align: center;
  display: inline-block;
  z-index: 4;
}
.video__section .video__items .video__content .video a {
  position: relative;
  color: var(--white-color);
  font-size: 25px;
  z-index: 1;
  background-color: var(--theme-color);
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 50%;
  display: block;
  transition: 0.6s;
}
.video__section .video__items .video__content .video-pulse::after, .video__section .video__items .video__content .video-pulse::before {
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  border: 1px solid var(--theme-color);
  opacity: 0.7;
  left: 0;
  top: 0;
  border-radius: 50%;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: video-animation;
  animation-name: video-animation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.video__section .video__items .video__content .video-pulse::before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.style-two {
  margin-top: 0px;
}
.style-two .section-header .section-title {
  color: var(--black-color);
}
.style-two .section-header p {
  color: var(--paragraph-color);
}
/* Animation of the Video */
@-webkit-keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/*========== Video Section End ==========*/
/*========== Classes Section Start ==========*/
.classes__section {
  position: relative;
  padding-top: 390px;
  padding-bottom: 190px;
  background-color: var(--background-color);
  background-size: cover;
  overflow: hidden;
}
.classes__section::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  content:"";
  background-color: rgba(215, 18, 18, 0.9);
}
.classes__section .classes__items {
  overflow: hidden;
  background-color: var(--white-color);
  box-shadow: 0px 3px 7.54px 5.46px rgba(0, 0, 0, 0.02);
}
.classes__section .classes__items .classes__thumb {
  position: relative;
}
.classes__section .classes__items .classes__thumb img {
  width: 100%;
  height: 100%;
}
.classes__section .classes__items .classes__wrap {
  padding: 20px 20px;
  border-left: 10px solid var(--theme-color);
}
.classes__section .classes__items .classes__wrap .classes__content h5 {
  margin-bottom: 0;
  margin-top: 0;
}
.classes__section .classes__items .classes__wrap .classes__content h5 a {
  color: var(--black-color);
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
/*========== Classes Section End ==========*/
/*========== Casino Section start ==========*/
.portfolio-section {
  overflow: hidden;
  position: relative;
}
.portfolio-section .portfolio-thumb {
  position: relative;
}
.portfolio-section .portfolio-thumb .effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.portfolio-section .portfolio-thumb .cmn-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.portfolio-section .portfolio-thumb .cmn-button .cmn--btn {
  padding: 10px 20px 10px;
  font-size: 14px;
}
.portfolio-section .portfolio-thumb img {
  width: 100%;
  height: 100%;
}
.portfolio-section .portfolio-thumb:hover .effect {
  opacity: 1;
}
.portfolio-section .portfolio-slide .owl-nav {
  position: absolute;
  top: -74px;
  right: 47px;
}
.portfolio-section .portfolio-slide .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  right: 0%;
  line-height: 35px;
  background: var(--white-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.3s;
}
.portfolio-section .portfolio-slide .owl-nav .owl-prev i {
  font-size: 16px;
  color: var(--black-color);
  transition: all 0.3s;
}
.portfolio-section .portfolio-slide .owl-nav .owl-prev:hover {
  background-color: var(--theme-color);
}
.portfolio-section .portfolio-slide .owl-nav .owl-prev:hover i {
  color: var(--white-color);
}
.portfolio-section .portfolio-slide .owl-nav .owl-next {
  position: absolute;
  top: 0%;
  left: 56%;
  line-height: 35px;
  background: var(--theme-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.3s;
}
.portfolio-section .portfolio-slide .owl-nav .owl-next i {
  font-size: 18px;
  line-height: 20px;
  color: var(--white-color);
}
.portfolio-section .portfolio-slide .owl-nav .owl-next:hover {
  background-color: var(--white-color);
}
.portfolio-section .portfolio-slide .owl-nav .owl-next:hover i {
  color: var(--theme-color);
}
.portfolio-section .portfolio-slide .owl-dots {
  position: absolute;
  bottom: -80px;
  right: 40%;
  transform: translate(-50%, -50%);
}
.portfolio-section .portfolio-slide .owl-dots .owl-dot span {
  background-color: var(--white-color);
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.portfolio-section .portfolio-slide .owl-dots .owl-dot.active span {
  background: var(--theme-color);
}
/*========== Casino Section End ==========*/
/*========== Choose Section Start  ==========*/
.choose-section {
  overflow: hidden;
}
.choose-section .choose-items {
  display: flex;
  margin-bottom: 20px;
}
.choose-section .choose-items .choose-content h6 {
  font-size: 18px;
  text-transform: capitalize;
}
.choose-section .choose-items .choose-content h6 a {
  color: var(--black-color);
  transition: all 0.4s ease-in-out;
}
.choose-section .choose-items .choose-icon-wrap .choose-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
  border-radius: 100%;
  background-color: var(--theme-color);
}
.choose-section .choose-items .choose-icon-wrap .choose-icon i {
  color: var(--white-color);
  font-size: 24px;
}
.choose-section .choose-items:hover .choose-content h6 a {
  color: var(--theme-one);
}
/*========== Choose Section End  ==========*/
/*========== Game History Start  ==========*/
.game-history {
  overflow: hidden;
}
.game-history .section-header .section-title {
  color: var(--white-color);
}
.game-history .section-header p {
  color: var(--white-color);
}
.game-history .table-content {
  position: relative;
}
.game-history .table-content .table-box {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.game-history .table-content table {
  border-collapse: collapse;
  width: 100%;
}
.game-history .table-content table th {
  text-align: left;
  padding: 8px 10px 8px 30px;
  height: 80px;
  text-transform: uppercase;
}
.game-history .table-content table td {
  text-align: left;
  padding: 8px 10px 8px 30px;
  height: 80px;
}
.game-history .table-content table td img {
  width: 40px;
  height: auto;
  margin-right: 15px;
}
/*========== Game History End  ==========*/
/*========== Game History Start  ==========*/
.live-stream {
  overflow: hidden;
}
.live-stream .live-content {
  position: relative;
}
.live-stream .live-content .live-box {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.live-stream .live-content table {
  border-collapse: collapse;
  width: 100%;
}
.live-stream .live-content table td {
  text-align: center;
  padding: 8px 10px 8px 30px;
  height: 80px;
  font-size: 18px;
}
.live-stream .live-content table td a i {
  font-size: 18px;
  color: var(--white-color);
}
.live-stream .live-content table td img {
  width: 40px;
  height: auto;
  margin-right: 15px;
}
.live-stream .live-content table td .table-2 {
  color: var(--white-color);
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 500;
}
/*========== Game History End  ==========*/
/*=============== Faq Start ===============*/
.faq-section {
  position: relative;
  overflow: hidden;
}
.faq-section .faq-thumb img {
  width: 100%;
  height: 100%;
}
.faq-left-wrapper {
  position: relative;
}
.faq-left-wrapper .accordion-item {
  border: none;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-top: 15px;
  padding: 11px 2px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.faq-left-wrapper .accordion-item .accordion-button {
  background: transparent;
  font-size: 18px;
  padding: 15px 20px 12px;
}
.faq-left-wrapper .accordion-item .accordion-button.collapse .icon img {
  transform: rotate(-180deg);
}
.faq-left-wrapper .accordion-item .accordion-button:not(.collapsed) .icon img {
  transform: rotate(180deg);
}
.faq-left-wrapper .accordion-item span {
  color: var(--black-color);
}
.faq-left-wrapper .accordion-item .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
  transition: all 0.3s;
  background-color: var(--theme-color);
}
.faq-left-wrapper .accordion-item .icon img {
  width: 21px;
  height: 19px;
  transition: all 0.4s;
}
.faq-left-wrapper .accordion-item:hover .icon {
  background-color: var(--theme-color);
}
.faq-left-wrapper .accordion-body {
  padding: 5px 0px;
}
.faq-left-wrapper .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--theme-one);
}
.faq-left-wrapper .accordion-button::after {
  display: none;
}
.faq-left-wrapper .accordion-button:focus {
  z-index: 3;
  border-color: unset !important;
  outline: 0;
  box-shadow: none !important;
}
/*=============== Faq End ===============*/
/*========== Testimonial Section End ==========*/
.client-section {
  overflow: hidden;
  position: relative;
}
.client-section .client-items {
  padding: 50px 50px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  margin: 30px 5px 0px;
}
.client-section .client-items .client-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
}
.client-section .client-items .client-content {
  margin-top: 15px;
}
.client-section .client-items .client-content h6 {
  text-transform: capitalize;
  margin-bottom: 2px;
  color: var(--black-color);
}
.client-section .swiper-pagination-bullet {
  background-color: var(--theme-color);
}
/*========== Testimonial Section End ==========*/
/*========== Counter Section Start ==========*/
.counter-section {
  overflow: hidden;
  background-color: var(--background-color);
  background-size: cover;
  position: relative;
}
.counter-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content:"";
  background-color: rgba(0, 0, 0, 0.7);
}
.counter-section .section-header {
  position: relative;
}
.counter-section .section-header .section-title {
  color: var(--white-color);
}
.counter-section .section-header p {
  color: var(--white-color);
}
.main-counter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.main-counter-wrapper .counter-items {
  width: 25%;
  text-align: center;
}
.main-counter-wrapper .counter-items .counter-content {
  margin: 0 auto;
}
.main-counter-wrapper .counter-items .counter-content .cont {
  justify-content: center;
}
.main-counter-wrapper .counter-items .counter-content .cont span {
  color: var(--theme-one);
  font-size: 48px;
  font-weight: 600;
  margin-top: 10px;
}
.main-counter-wrapper .counter-items .counter-content h2 {
  color: var(--white-color);
  font-size: 62px;
  font-weight: 600;
}
.main-counter-wrapper .counter-items .counter-content p {
  font-size: 16px;
  color: var(--white-color);
}
@media screen and ( max-width: 991px) {
  .main-counter-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .main-counter-wrapper .counter-items {
    width: 31.6666666667%;
  }
  .main-counter-wrapper .counter-items:not(:last-child) {
    margin-bottom: 30px;
  }
  .main-counter-wrapper .counter-items .counter-content h2 {
    font-size: 46px;
  }
}
@media screen and ( max-width: 767px) {
  .main-counter-wrapper .counter-items {
    width: 47.5%;
  }
  .main-counter-wrapper .counter-items:not(:last-child) {
    margin-bottom: 0;
  }
  .main-counter-wrapper .counter-items:nth-child(1) {
    margin-bottom: 30px;
  }
  .main-counter-wrapper .counter-items:nth-child(2) {
    margin-bottom: 30px;
  }
  .main-counter-wrapper .counter-items .counter-content h2 {
    font-size: 44px;
  }
  .main-counter-wrapper .counter-items .counter-content .cont span {
    font-size: 44px;
    margin-top: 2px;
  }
}
@media screen and ( max-width: 500px) {
  .main-counter-wrapper .counter-items {
    width: 47.5%;
  }
  .main-counter-wrapper .counter-items .counter-content h2 {
    font-size: 31px;
  }
  .main-counter-wrapper .counter-items .counter-content .cont span {
    font-size: 31px;
    margin-top: 2px;
  }
  .main-counter-wrapper .counter-items .counter-content p {
    font-size: 16px;
  }
}
/*========== Counter Section End ==========*/
/*========== Casino Section End ==========*/
.casino-game {
  overflow: hidden;
}
.casino-game .tittle-items .swiper-tittle {
  text-transform: uppercase;
  color: var(--white-color);
}
.casino-game .tittle-items .swiper-tittle span {
  color: var(--theme-color);
}
.casino-game .tittle-items .cmn--btn {
  padding: 10px 15px 10px;
  font-size: 16px;
}
.casino-game .tittle-items .cmn--btn i {
  margin-right: 2px;
}
.casino-game .casino-game-items {
  padding: 0px 0px 0px 0px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 10px 10px;
  background-color: var(--white-color);
  display: flex;
  align-items: center;
}
.casino-game .casino-game-items .casino-thumb {
  flex: 0 0 auto;
}
.casino-game .casino-game-items .casino-thumb img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px 0px 0px 10px;
}
.casino-game .casino-game-items .casino-content {
  margin: 0px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
}
.casino-game .casino-game-items .casino-content h6 {
  text-transform: uppercase;
}
.casino-game .casino-game-items .casino-content h6 a {
  color: var(--black-color);
  transition: all 0.3s ease-in-out;
}
.casino-game .casino-game-items .casino-content h6 a:hover {
  color: var(--theme-color);
}
.casino-game .casino-game-items .casino-content p {
  font-size: 15px;
  line-height: 23px;
  text-transform: capitalize;
}
.casino-game .casino-game-items .casino-content .cmn--btn {
  padding: 10px 20px 10px;
  font-size: 16px;
}
/*========== Casino Section End ==========*/
/*========== Ads Section Start ==========*/
.casino-ads {
  overflow: hidden;
}
.casino-ads .casino-ads-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
/*========== Ads Section End ==========*/
/*=============== Login Modal Start ===============*/
.register__modal {
  z-index: 9999;
  top: 40px;
}
.register__modal .modal-content {
  background-color: #283352;
  padding: 20px 20px;
  border-radius: 20px;
}
.register__modal .modal-content .modal-header {
  border: unset;
  padding: 0 0;
}
.register__modal .modal-content .modal-header button {
  background-image: none;
  background: none;
  background-size: 20px;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin-top: 0px;
  margin-right: 15px;
}
.register__modal .modal-content .modal-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 20px 20px;
}
.register__modal .modal-content .modal-body .modal__left {
  max-width: 400px;
}
.register__modal .modal-content .modal-body .modal__left img {
  width: 100%;
  height: 100%;
}
.register__modal .modal-content .modal-body .modal__left .modal__left__head {
  text-align: center;
  margin: 0 auto 0px;
}
.register__modal .modal-content .modal-body .modal__left .modal__left__head h3 {
  color: var(--black-theme);
}
.register__modal .modal-content .modal-body .modal__left .modal__left__head h6 {
  color: var(--black-theme);
  font-weight: 400;
  font-size: 16px;
}
.register__modal .modal-content .modal-body .modal__right {
  background: #141c33;
  border-radius: 20px;
  padding: 25px 30px 30px;
  width: 100%;
}
.register__modal .modal-content .modal-body .modal__right .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  background-color: transparent;
  border-radius: 26px;
  border: unset;
  margin-bottom: 25px;
}
.register__modal .modal-content .modal-body .modal__right .nav .nav-item .nav-link {
  color: var(--white);
  font-weight: 600;
  line-height: 150%;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  border-radius: 0px;
  border-radius: 10px;
  width: 100%;
  padding: 8px 20px 11px;
  background: transparent;
  border: 1px solid var(--theme-color);
}
.register__modal .modal-content .modal-body .modal__right .nav .nav-item .nav-link.active {
  background: var(--theme-color);
  border-radius: 10px;
  border: none;
  outline: none;
  color: var(--white-color);
  box-shadow: none;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .focus__icon {
  text-align: center;
  margin: 0 auto 20px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .focus__icon p {
  color: var(--white-color);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .focus__icon p a {
  font-weight: 500;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head {
  text-align: center;
  margin-top: -8px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(138, 146, 171, 0.4);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .border__static {
  width: 100%;
  height: 1px;
  background-color: #c6c6cb;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head span {
  font-size: 14px;
  font-weight: 400;
  color: var(--white-color);
  text-align: center;
  transform: translateY(-16px);
  background-color: #272833;
  display: inline-block;
  padding: 4px 15px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social {
  margin-top: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  background: transparent;
  border: 1px solid var(--theme-color);
  text-align: center;
  line-height: 35px;
  transition: all 0.3s;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a i {
  color: var(--white-color);
  font-size: 13px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__head .social li a:hover i {
  color: var(--white);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp {
  position: relative;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp:not(:last-child) {
  margin-bottom: 18px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp .field-icon {
  position: absolute;
  top: 47px;
  right: 20px;
  z-index: 99999;
  color: #858b9d;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: var(--white);
  margin-bottom: 8px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp input {
  border-radius: 10px;
  border: unset;
  font-size: 14px;
  font-weight: 400;
  background: #20283f;
  border: unset;
  width: 100%;
  padding: 13px 50px 15px 18px;
  outline: none;
  color: var(--white);
  position: relative;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp::placeholder {
  color: #858b9d;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup .form-check {
  display: flex;
  width: 50%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup a {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .create__btn {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .create__btn .cmn--btn {
  font-weight: 500;
  width: 160px;
  text-align: center;
  padding: 10px 10px 10px;
  font-size: 15px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .signup__text {
  text-align: center;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .signup__text p {
  color: var(--white);
  font-size: 14px;
  margin-top: 8px;
  font-weight: 400;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .signup__text p a {
  font-size: 14px;
  color: var(--theme-color);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select {
  padding: 0 0 30px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select .nice-select {
  width: 100%;
  background: linear-gradient(#3e0f36, #3e0f36) padding-box, linear-gradient(to right, #e4a91b, #f88021) border-box;
  border-radius: 0.5em;
  border: 1px solid transparent;
  color: #989898;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select .form-country {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  line-height: 30px;
  margin-bottom: 8px;
  display: block;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__grp__new {
  margin-top: 40px;
  position: static;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: -4px;
  margin-bottom: 30px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-input {
  width: 24px;
  height: 24px;
  background-color: var(--theme-color);
  border-radius: 2px;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--theme-color);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-label {
  width: calc(100% - 15px);
  color: var(--white);
  font-size: 16px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-label span {
  color: var(--theme-color);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .form__select_last {
  margin-top: 40px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .cmn--btn2 {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 auto 20px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p {
  text-align: center;
  color: var(--white);
  line-height: 150%;
  font-size: 16px;
  font-weight: 400;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p a {
  color: var(--theme-color);
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .reset {
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
  color: var(--black-theme);
  margin-bottom: 30px;
  margin-top: -20px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li {
  background: var(--modal-bg);
  width: 40%;
  border-radius: 10px;
  padding: 10px 15px 12px;
  margin: 10px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a i {
  color: var(--white);
}
.modal__thumb__wrap {
  padding: 50px 20px 30px 20px;
  background-color: #272833;
}
.modal__thumb__wrap .section-header h4 {
  color: var(--white);
  margin-bottom: 30px;
  font-weight: 600;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: none;
  background-size: contain;
  border: 0;
  z-index: 999;
  border-radius: 0.375rem;
  opacity: 1;
}
/*=============== Login Modal End ===============*/
/*========== Coming-section Here ==========*/
.comming-section {
  overflow: hidden;
  background-color: var(--background-color);
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
.comming-section::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content:"";
  background-color: rgba(215, 18, 18, 0.8);
}
.comming-section .section-header .section-title {
  color: var(--white-color);
}
.comming-section .section-header p {
  color: var(--white-color);
}
.comming-section .comming-time {
  position: relative;
  padding: 150px 0px;
}
.comming-section .comming-time ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.comming-section .comming-time li {
  color: #fff;
  font-weight: 600;
  margin-right: 50px;
  display: inline-block;
  text-align: center;
}
.comming-section .comming-time li #day {
  color: #ff739c;
  font-weight: 800;
  display: block;
  font-size: 100px;
}
.comming-section .comming-time li #Hours {
  color: #d26dfb;
  font-size: 100px;
  font-weight: 800;
  display: block;
}
.comming-section .comming-time li #Minutes {
  color: #00c08c;
  font-size: 100px;
  font-weight: 800;
  display: block;
}
.comming-section .comming-time li #Seconds {
  color: #009cff;
  font-size: 100px;
  font-weight: 800;
  display: block;
}
@media screen and ( max-width: 767px) {
  .comming-section .comming-time ul {
    flex-wrap: wrap;
  }
  .comming-section .comming-time ul li #day {
    font-size: 70px;
  }
  .comming-section .comming-time ul li #Hours {
    font-size: 70px;
  }
  .comming-section .comming-time ul li #Minutes {
    font-size: 70px;
  }
  .comming-section .comming-time ul li #Seconds {
    font-size: 70px;
  }
}
/*========== Coming-section End ==========*/
/*========== Pricing-section Here ==========*/
.pricing-section {
  overflow: hidden;
}
.pricing-section .pricing-items {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 50px 30px;
}
.pricing-section .pricing-items .price-content {
  text-align: center;
}
.pricing-section .pricing-items .price-content h6 {
  font-size: 16px;
  color: var(--theme-color);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.pricing-section .pricing-items .price-content .pricing-list {
  margin-top: 20px;
}
.pricing-section .pricing-items .price-content .pricing-list li {
  font-size: 16px;
  font-weight: 500;
  color: var(--paragraph-color);
  margin-bottom: 15px;
}
.pricing-section .pricing-items .price-content .pricing-button {
  margin-top: 20px;
}
.pricing-section .pricing-items .price-content .pricing-button .cmn--btn {
  padding: 10px 25px 10px;
  font-size: 16px;
}
/*========== Pricing-section End ==========*/
/*========== Book section Start ==========*/
.book-section {
  overflow: hidden;
}
.book-section .book-items .book-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 10px 10px;
}
.book-section .book-content h3 {
  text-transform: capitalize;
}
.book-section .book-content .pdf-items {
  display: flex;
  align-items: center;
}
.book-section .book-content .pdf-items .pdf-icon i {
  font-size: 62px;
  color: var(--theme-color);
}
.book-section .book-content .content {
  margin-left: 15px;
}
.book-section .book-content .content h6 {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
}
.book-section .book-content .content .pdt-btn {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 60;
  color: var(--theme-color);
  text-decoration: underline;
}
/*========== Book section End ==========*/
/*========== Logo Section Start ==========*/
.logo-section {
  overflow: hidden;
  background-color: var(--background-color);
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  padding: 200px 0px;
}
.logo-section::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content:"";
  background-color: rgba(215, 18, 18, 0.8);
}
.logo-section .section-header {
  position: relative;
}
.logo-section .section-header .section-title {
  color: var(--white-color);
}
.logo-section .section-header p {
  color: var(--white-color);
}
.logo-section .logo-thumb {
  width: 170px;
  height: auto;
}
.logo-section .logo-thumb img {
  width: auto;
}
/*========== Logo Section End ==========*/
/*=============== Error 404 Start ===============*/
.error-section {
  overflow: hidden;
}
.error-section .error-items .error-tittle {
  font-size: 150px;
  color: var(--theme-color);
}
.error-section .error-items .error-tittle span {
  color: var(--theme-color);
}
.error-section .error-items .error-content h2 {
  font-size: 46px;
}
.error-section .error-items .error-content h2 span {
  color: var(--theme-color);
}
/*=============== Error 404 End ===============*/
/*=============== Contact Page Here ===============*/
.contact-right {
  padding: 15px 15px;
}
.contact-right .form-clt input {
  width: 100%;
  outline: none;
  border-radius: 5px;
  border: none;
  padding: 16px 15px;
  color: var(--white-color);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.contact-right .form-clt-big textarea {
  padding: 16px 15px 100px;
  width: 100%;
  outline: none;
  border-radius: 5px;
  border: none;
  color: var(--white-color);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.contact-right .button-contact .cmn--btn {
  padding: 15px 35px 15px;
  border: none;
}
/*=============== Contact Page End ===============*/
/*=============== Contact Page Here ===============*/
.contact-info {
  overflow: hidden;
}
.contact-info .contact-info-items {
  text-align: center;
  box-shadow: 0px 4px 24px 0px rgba(106, 105, 194, 0.25);
  padding: 50px 30px;
  transition: all 0.4s ease-in-out;
}
.contact-info .contact-info-items i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: var(--theme-color);
  font-size: calc(1.275rem + 0.3vw);
  box-shadow: 0px 4px 24px 0px rgba(106, 105, 194, 0.15);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
}
.contact-info .contact-info-items h5 {
  color: var(--black-color);
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
}
.contact-info .contact-info-items p {
  font-weight: 500;
  font-size: 16px;
  color: var(--paragraph-color);
  margin-top: 10px;
}
.contact-info .contact-info-items:hover {
  box-shadow: 0px 4px 24px 0px rgba(131, 194, 236, 0.25);
}
.contact-info .contact-right .reply-head {
  font-size: 32px;
  color: var(--black-color);
  font-weight: 600;
  margin: 40px 0px;
}
.contact-info .contact-right .cmn--btn {
  border: none;
}
.contact-info .googpemap {
  padding: 65px 20px 0;
}
.contact-info .googpemap iframe {
  width: 100%;
  height: 450px;
  border-radius: 20px;
}
@media screen and ( max-width: 991px) {
  .contact-info .googpemap {
    padding: 30px 0px 0;
  }
  .contact-info .googpemap iframe {
    width: 100%;
    height: 450px;
    border-radius: 20px;
  }
}
@media screen and ( max-width: 768px) {
  .contact-info .contact-info-items h5 {
    font-size: 18px;
  }
  .contact-info .contact-info-items p {
    font-size: 14px;
  }
  .contact-info .contact-right .reply-head {
    font-size: 24px;
  }
  .contact-info .contact-right .cmn--btn {
    font-size: 14px;
  }
}
/*=============== Contact Page End ===============*/
.boxes-bg {
  position: fixed;
  z-index: 999999999999;
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(35, 20, 24, 0.9);
}
.boxes {
  opacity: 1;
  height: 32px;
  width: 32px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin-top: 32px;
  -webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
  transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}
.boxes .box {
  width: 32px;
  height: 32px;
  top: 0px;
  left: 0;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.boxes .box:nth-child(1) {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-animation: box1 1s linear infinite;
  animation: box1 1s linear infinite;
}
.boxes .box:nth-child(2) {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-animation: box2 1s linear infinite;
  animation: box2 1s linear infinite;
}
.boxes .box:nth-child(3) {
  -webkit-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
  -webkit-animation: box3 1s linear infinite;
  animation: box3 1s linear infinite;
}
.boxes .box:nth-child(4) {
  -webkit-transform: translate(200%, 0);
  transform: translate(200%, 0);
  -webkit-animation: box4 1s linear infinite;
  animation: box4 1s linear infinite;
}
.boxes .box > div {
  background: var(--theme-color);
  --translateZ: 15.5px;
  --rotateY: 0deg;
  --rotateX: 0deg;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--theme-color);
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
  transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}
.boxes .box > div:nth-child(1) {
  top: 0;
  left: 0;
  background: var(--theme-color);
}
.boxes .box > div:nth-child(2) {
  background: var(--theme-color);
  right: 0;
  --rotateY: 90deg;
}
.boxes .box > div:nth-child(3) {
  background: var(--theme-color);
  --rotateX: -90deg;
}
@keyframes box1 {
  0%, 50% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(200%, 0);
  }
}
@keyframes box2 {
  0% {
    transform: translate(0, 100%);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes box3 {
  0%, 50% {
    transform: translate(100%, 100%);
  }
  100% {
    transform: translate(0, 100%);
  }
}
@keyframes box4 {
  0% {
    transform: translate(200%, 0);
  }
  50% {
    transform: translate(200%, 100%);
  }
  100% {
    transform: translate(100%, 100%);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin4 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(60deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes spin3 {
  0% {
    transform: rotate(0deg) scale(1.1);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg) scale(1.1);
  }
}
@keyframes pro {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.zoom-in-zoom-out {
  animation: zoom-in-zoom-out 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* Animation of the preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
/* Animation of letters loading from the preloader */
@keyframes characters {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
/*========== Blog Section Start  ==========*/
.blog-section {
  overflow: hidden;
}
.blog-section .blog-items {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.blog-section .blog-items .blog-thumb {
  overflow: hidden;
  position: relative;
}
.blog-section .blog-items .blog-thumb img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
}
.blog-section .blog-items .blog-content {
  padding: 25px 20px;
}
.blog-section .blog-items .blog-content h6 {
  text-transform: uppercase;
  line-height: 30px;
  margin-bottom: 10px;
}
.blog-section .blog-items .blog-content h6 a {
  color: var(--black-color);
  transition: all 0.4s ease-in-out;
}
.blog-section .blog-items .blog-content h6 a:hover {
  color: var(--theme-color);
}
.blog-section .blog-items .blog-content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.blog-section .blog-items .blog-content ul li {
  margin-right: 20px;
  color: var(--paragraph-color);
}
.blog-section .blog-items .blog-content ul li i {
  margin-right: 6px;
  color: var(--theme-color);
}
.blog-section .blog-items:hover .blog-thumb img {
  transform: scale(1.1);
}
.blog-section .blog-items:hover .blog-content h5 a {
  color: var(--theme-color);
}
.blog-section .right-items {
  display: flex;
  align-items: center;
}
.blog-section .right-items .blog-thumb img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.blog-section .right-items .blog-content {
  padding: initial;
  margin-left: 15px;
}
.blog-section .right-items .blog-content h6 {
  font-size: 15px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.blog-section .right-items .blog-content h6 a {
  color: var(--black-color);
  transition: all 0.4s ease-in-out;
}
.blog-section .right-items .blog-content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5px;
}
.blog-section .right-items .blog-content ul li {
  margin-right: 20px;
  color: var(--paragraph-color);
}
.blog-section .right-items .blog-content ul li i {
  margin-right: 6px;
  color: var(--theme-color);
}
.blog-section .right-items .blog-content .blog-btn {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
  color: var(--black-color);
  transition: all 0.4s ease-in-out;
}
.blog-section .right-items:hover .blog-content h6 a {
  color: var(--theme-color);
}
.blog-section .right-items:hover .blog-btn {
  color: var(--theme-color);
}
.blog-section .style-two {
  border-radius: 10px 10px 10px 10px;
}
.blog-section .style-two .blog-thumb {
  position: relative;
}
.blog-section .style-two .blog-thumb img {
  border-radius: 10px 10px 0 0;
}
.blog-section .style-two .blog-thumb .blog-date {
  position: absolute;
  top: 15px;
  right: 15px;
}
.blog-section .style-two .blog-thumb .blog-date .date {
  background-color: var(--theme-color);
  padding: 10px;
  border-radius: 5px;
}
.blog-section .style-two .blog-thumb .blog-date .date p {
  font-size: 15px;
  color: var(--white-color);
  font-weight: 60;
}
.blog-section .style-two .cmn--btn {
  font-size: 16px;
  padding: 12px 20px 12px;
}
.blog-section .style-two:hover .blog-thumb img {
  transform: initial !important;
}
.default-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.default-pagination li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  text-align: center;
  margin-right: 5px;
  transition: all 0.4s ease-in-out;
  font-weight: 600;
  cursor: pointer;
  background-color: #131222;
}
.default-pagination li a {
  transition: all 0.4s ease-in-out;
  color: var(--white-color);
}
.default-pagination li:hover {
  background-color: var(--theme-color);
}
.default-pagination li:hover a {
  color: var(--white-color);
}
.default-pagination .active-one {
  background-color: var(--theme-color);
}
.default-pagination .active-one a {
  color: var(--white-color);
}
.default-pagination .active-one:hover a {
  color: var(--white-color);
}
.default-pagination .active-two {
  background-color: var(--theme-color);
}
.default-pagination .active-two a {
  color: var(--white-color);
}
.default-pagination .active-two:hover {
  background-color: var(--theme-color);
}
/*========== Blog Section End  ==========*/
/*=============== Blog Single Start ===============*/
.blog-section .hover-none:hover .blog-thumb img {
  transform: initial !important;
}
.blog-section .hover-none .blog-content {
  padding: 25px 25px;
  margin-left: initial;
}
.blog-section .hover-none .b-single-button .cmn-link {
  text-transform: uppercase;
}
.blog-section .hover-none .blog-thumb {
  position: relative;
}
.blog-section .hover-none .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 40%;
}
.blog-section .hover-none .owl-dots .owl-dot span {
  background-color: var(--theme-color);
}
.blog-section .hover-none .owl-dots .owl-dot.active span {
  background: var(--theme-one);
}
.blog-section .style-single {
  position: relative;
}
.blog-section .style-single .blog-content .single-icon {
  text-align: center;
  margin-bottom: 10px;
}
.blog-section .style-single .blog-content .single-icon i {
  color: var(--theme-one);
  font-size: 36px;
}
.blog-section .style-single .blog-content h5 {
  color: var(--theme-one);
  font-weight: normal;
}
.blog-section .style-single .blog-content .single-text {
  text-align: center;
}
.blog-section .style-single .blog-content .single-text a {
  color: #979797;
  font-size: 18px;
  font-weight: 500;
}
.blog-section .blog-single {
  border-bottom: none;
}
.blog-section .blog-single:hover {
  border-bottom: none;
}
.blog-section .blog-single .blog-content {
  padding: 25px 25px;
}
.blog-section .blog-single .blog-content h6 {
  color: var(--theme-color);
}
.blog-section .blog-single .quote-cont {
  margin: 20px 0;
  padding: 30px 30px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.blog-section .blog-single .quote-cont i {
  font-size: 36px;
  color: var(--theme-color);
  margin-right: 20px;
}
.blog-section .blog-single .quote-cont p {
  color: var(--theme-color);
}
.blog-section .blog-instructor-items .review-tittle {
  text-transform: uppercase;
}
.blog-section .blog-instructor-items .riview-wrapper .review-items .review-content {
  margin-left: 15px;
}
.blog-section .blog-instructor-items .riview-wrapper .review-items .review-content .head-wrap h6 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}
.blog-section .blog-instructor-items .riview-wrapper .review-items .review-content .head-wrap h6 span {
  font-size: 14px;
  color: var(--paragraph-color);
  font-weight: 500;
  margin-left: 15px;
}
.blog-section .blog-instructor-items .riview-wrapper .review-items .review-content .head-wrap a {
  color: var(--white-color);
  text-decoration: underline;
}
.blog-section .blog-instructor-items .riview-wrapper .review-items .review-content .head-wrap a i {
  margin-right: 10px;
  color: var(--theme-color);
}
.blog-section .blog-instructor-items .riview-wrapper .review-items .review-content p {
  margin-top: 10px;
  margin-bottom: 30px;
}
.blog-section .tag-icon h5 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.blog-list-right .items-box .style-two {
  margin-bottom: 20px !important;
}
.blog-list-right .items-box .post-category li {
  transition: all 0.4s ease-in-out;
  padding: 15px 10px;
  border: 1px solid #e1e1e1;
}
.blog-list-right .items-box .post-category li a {
  color: var(--paragraph-color);
  transition: all 0.4s ease-in-out;
  font-weight: 600;
}
.blog-list-right .items-box .post-category li:hover a {
  color: var(--theme-color);
  margin-left: 10px;
}
.blog-list-right .items-box .box-head {
  margin-bottom: 20px;
  text-transform: capitalize;
}
.blog-list-right .items-box .box-head span {
  font-size: 18px;
  font-weight: 400;
  color: var(--pragraph-color);
  display: block;
  padding-top: 14px;
}
.blog-list-right .items-box form {
  position: relative;
}
.blog-list-right .items-box form input {
  border: none;
  outline: none;
  width: 100%;
  position: relative;
  padding: 18px 50px 18px 10px;
  color: var(--paragraph-color);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.blog-list-right .items-box form input::placeholder {
  color: var(--paragraph-color);
}
.blog-list-right .items-box form i {
  position: absolute;
  top: 36%;
  right: 4%;
  color: var(--white-color);
}
.blog-list-right .items-box:not(:last-child) {
  margin-bottom: 30px;
}
.blog-list-right .items-box .tag {
  display: flex;
  flex-wrap: wrap;
}
.blog-list-right .items-box .tag li a {
  padding: 12px 12px;
  display: inline-block;
  margin: 5px;
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 600;
  transition: all 0.8s;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.blog-list-right .items-box .tag li a:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
/*=============== Blog Single End ===============*/
/*--Button Area Start--*/
/*--Button Area Start--*/
.cmn--btn {
  padding: 13px 30px 14px;
  font-size: 18px;
  font-weight: 500;
  background: linear-gradient(90deg, rgb(215, 35, 35) 0%, rgb(215, 35, 35) 30%, rgb(215, 35, 35) 100%);
  display: inline-block;
  position: relative;
  font-weight: 600;
  z-index: 1;
  transition: all 0.6s ease-in-out 0s;
  overflow: hidden;
  text-transform: uppercase;
  color: var(--white-color);
  border-radius: 5px;
}
.cmn--btn:hover {
  color: var(--white-color);
  background: linear-gradient(#eb5555, #d72323);
}
.cmn--btn::before {
  background-color: var(--white-color);
  content:"";
  height: 150px;
  left: -75px;
  position: absolute;
  top: -60px;
  transform: rotate(35deg);
  transition: all 2600ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 20px;
  opacity: 0;
}
.cmn--btn:hover::before {
  left: 140%;
  transition: all 2300ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.5;
}
.cmn--cmn--btn-two {
  border-radius: 2px;
  padding: 15px 20px 15px;
  font-size: 16px;
  font-weight: 700;
  color: var(--white-color);
  text-transform: uppercase;
  background-color: transparent;
  display: inline-block;
  border: 2px solid var(--theme-one);
  color: var(--black-color);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}
.cmn--cmn--btn-two:after {
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.cmn--cmn--btn-two:before {
  content:"";
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--theme-one);
  transition: all 0.6s;
  z-index: -1;
}
.cmn--cmn--btn-two:hover {
  color: var(--white-color);
}
.cmn--cmn--btn-two:hover:before {
  bottom: 0;
  left: 0;
}
.cmn--btn-menu {
  padding: 10px 30px 10px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  font-weight: 600;
  z-index: 1;
  transition: all 0.6s ease-in-out 0s;
  overflow: hidden;
  text-transform: capitalize;
  color: var(--white-color);
  border-radius: 5px;
  border: 1px solid var(--white-color);
}
.cmn--btn-menu:hover {
  color: var(--white-color);
  background: linear-gradient(#eb5555, #d72323);
  border: 1px solid var(--theme-color);
}
.cmn--btn-menu::before {
  background-color: var(--white-color);
  content:"";
  height: 150px;
  left: -75px;
  position: absolute;
  top: -60px;
  transform: rotate(35deg);
  transition: all 2600ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 20px;
  opacity: 0;
}
.cmn--btn-menu:hover::before {
  left: 140%;
  transition: all 2300ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.5;
}
/*--Button Area End--*/
/*--Button Area End--*/
@media screen and ( max-width: 1199px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 54px;
  }
  h3 {
    font-size: 38px;
  }
  p {
    font-size: 15px;
  }
  h6 {
    font-size: 20px;
  }
}
@media screen and ( max-width: 991px) {
  h1 {
    font-size: 46px;
  }
  h2 {
    font-size: 42px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 26px;
  }
  h6 {
    font-size: 18px;
  }
}
@media screen and ( max-width: 767px) {
  h5 {
    font-size: 19px;
  }
  p {
    font-size: 14px;
    line-height: 26px;
  }
  h4 {
    font-size: 24px;
  }
}
@media screen and ( max-width: 575px) {
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 37px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 22px;
  }
  h6 {
    font-size: 14px;
  }
}
@media screen and ( max-width: 500px) {
  h2 {
    font-size: 30px;
  }
  h5 {
    font-size: 20px;
  }
}
@media screen and ( max-width: 420px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 27px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 19px;
  }
  h5 {
    font-size: 18px;
  }
  p {
    font-size: 13px;
  }
}
@media screen and ( max-width: 991px) {
  .header-section {
    border-bottom: unset;
  }
  .header-section .header-wrapper {
    justify-content: space-between;
    width: 100%;
  }
  .main-menu {
    position: absolute;
    top: 100%;
    width: 100%;
    display: inline !important;
    left: 0;
    margin-top: 20px;
    z-index: 999;
    padding: 0px 0px;
    transition: all 2s !important;
    transform-origin: top;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    border-radius: 10px;
    background-color: #171627;
  }
  .main-menu:not(.active) {
    display: none !important;
    transition: all 2s;
  }
  .main-menu li {
    width: 100%;
    border-bottom: none;
    border-radius: 10px;
  }
  .main-menu li:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 15px;
  }
  .main-menu li a {
    display: block;
    padding: 10px 10px 14px;
  }
  .main-menu li .sub-menu {
    transform: translateY(0px) !important;
    margin: 0px 10px 15px 20px !important;
  }
  .main-menu li .sub-menu li {
    margin-bottom: 10px;
  }
  .main-menu li .sub-menu li a {
    padding: 12px 15px !important;
  }
  .main-menu li .sub-menu li .sub-two {
    position: static !important;
    width: 100% !important;
    padding: 15px 10px 20px 30px;
  }
  .main-menu li .sub-menu li .sub-two li a {
    padding: 10px 15px !important;
    display: block;
  }
  .main-menu .btn--items {
    box-shadow: none;
    border: unset;
  }
  .main-menu .btn--items .cmn--btn {
    width: 140px;
    text-align: center;
    display: block !important;
    background: rgb(67, 58, 193);
    background: linear-gradient(90deg, rgb(67, 58, 193) 0%, rgb(11, 4, 131) 30%, rgb(0, 215, 255) 100%);
  }
  .main-menu .active a {
    color: var(--white-color);
  }
  .header-bar {
    position: relative;
    width: 40px;
    height: 20px;
  }
  .header-bar span {
    position: absolute;
    width: 100%;
    height: 2px;
    display: inline-block;
    transition: all 0.3s;
    left: 0;
    background: var(--white-color);
  }
  .header-bar span:first-child {
    top: 0;
    background: var(--white-color);
  }
  .header-bar span:nth-child(2) {
    top: 44%;
    width: 30px;
    background: var(--white-color);
  }
  .header-bar span:last-child {
    bottom: 0;
    width: 25px;
    background: var(--white-color);
  }
  .header-bar.active span:first-child {
    transform: rotate(45deg) translate(3px, 9px);
  }
  .header-bar.active span:nth-child(2) {
    opacity: 0;
  }
  .header-bar.active span:last-child {
    transform: rotate(-45deg) translate(3px, -9px);
    width: 40px;
  }
  .header-bar:hover {
    cursor: pointer;
  }
  .header-wrapper .cmn--btn {
    display: none;
  }
}
@media screen and ( max-width: 500px) {
  .verification__box .attach__wrap .nice-select {
    font-size: 12px;
  }
  .verification__box .attach__wrap .cmn--btn {
    font-size: 12px;
    padding: 6px 15px 8px;
  }
  .contact__preference__wrap {
    padding: 0px 20px 20px;
  }
  .contact__preference__wrap .preference__items {
    display: grid;
  }
  .virtual__video__wrap {
    justify-content: center;
  }
  .horse__chart__wrap .chart__point__wrap a {
    padding: 5px 6px 5px 3px;
  }
  .event__modal .modal-content, .mybets__modal .modal-content {
    width: 100%;
  }
  .footer__section .shape__right {
    display: none;
  }
  .register__modal {
    z-index: 9999999;
  }
  .register__modal .modal-content {
    padding: 0px 0px 30px;
  }
  .register__modal .modal-content .modal-header button {
    background-image: none;
    background: none;
    background-size: 20px;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin-top: 15px;
    margin-right: 15px;
  }
  .register__modal .modal-content .modal-body {
    padding: 0px 0px 0px 0px;
  }
  .register__modal .modal-content .modal-body .modal__left {
    margin-top: 300px;
  }
  .register__modal .modal-content .modal-body .modal__left .modal__left__head {
    text-align: center;
    margin: 0 auto 30px;
  }
  .register__modal .modal-content .modal-body .modal__left .modal__left__head h3 {
    font-size: 22px;
  }
  .register__modal .modal-content .modal-body .modal__right {
    padding: 20px 15px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p {
    font-size: 16px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup {
    flex-wrap: wrap;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup .form-check {
    width: 100%;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li {
    background: var(--modal-bg);
    width: 45%;
    border-radius: 10px;
    padding: 10px 15px 12px;
    margin: 4px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a i {
    color: var(--white-color);
  }
}
/*=============== Banner Start ===============*/
@media screen and ( max-width: 1199px) {
  .video-banner .video-banner-content .video-font {
    font-size: 72px;
    line-height: 85px;
  }
  .video-banner .video-banner-content p {
    font-size: 14px;
  }
  .video-banner .video-banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
  .header-section .main-menu li a {
    font-size: 14px;
  }
  .header-section .main-menu .mneu-btn-grp .cmn--btn {
    font-size: 14px;
    padding: 9px 18px 9px;
  }
}
@media screen and ( max-width: 991px) {
  .video-banner .video-banner-content .video-font {
    font-size: 56px;
    line-height: 65px;
  }
  .video-banner .video-banner-content p {
    font-size: 14px;
  }
  .video-banner .video-banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
  .banner-section .banner-content h1 {
    font-size: 56px;
    line-height: 65px;
  }
  .banner-section .banner-content p {
    font-size: 14px;
  }
  .banner-section .banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
}
@media screen and ( max-width: 767px) {
  .video-banner .video-banner-content .video-font {
    font-size: 48px;
    line-height: 60px;
  }
  .video-banner .video-banner-content p {
    font-size: 13px;
  }
  .video-banner .video-banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
  .banner-section .banner-content h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .banner-section .banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
  .breadcumd-banner .breadcumd-wrapper {
    flex-wrap: wrap;
  }
  .breadcumd-banner .breadcumd-wrapper .right-content {
    flex-wrap: wrap;
  }
}
@media screen and ( max-width: 575px) {
  .video-banner .video-banner-content .video-font {
    font-size: 32px;
    line-height: 43px;
  }
  .video-banner .video-banner-content p {
    font-size: 13px;
  }
  .video-banner .video-banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
  .banner-section .banner-content h1 {
    font-size: 32px;
    line-height: 43px;
  }
  .banner-section .banner-content p {
    font-size: 13px;
  }
  .banner-section .banner-content .cmn--btn {
    padding: 12px 25px 12px;
    font-size: 14px;
  }
}
/*=============== Banner End ===============*/
/*=============== Blog  Start ===============*/
@media screen and ( max-width: 1199px) {
  .blog-section .right-items {
    align-items: initial;
  }
  .blog-section .right-items .blog-content {
    padding: initial;
    margin-left: 15px;
  }
  .blog-section .right-items .blog-content h6 {
    font-size: 13px;
  }
  .blog-section .right-items .blog-content p {
    font-size: 13px;
    line-height: 20px;
  }
  .blog-section .right-items .blog-content ul li {
    margin-right: 8px;
    font-size: 13px;
  }
  .blog-section .right-items .blog-content ul li i {
    font-size: 13px;
  }
  .blog-section .right-items .blog-content .blog-btn {
    font-size: 12px;
  }
  .book-section .book-content h3 {
    font-size: 28px;
  }
  .book-section .book-content p {
    font-size: 14px;
  }
}
@media screen and ( max-width: 525px) {
  .blog-section .right-items {
    display: inline-block;
  }
  .blog-section .right-items .blog-content {
    padding: 20px 20px;
  }
}
/*=============== Blog  End ===============*/
/*========== Blog Single Start ==========*/
@media screen and ( max-width: 991px) {
  .blog-section .riview-wrapper .review-items {
    flex-wrap: wrap;
  }
  .blog-section .riview-wrapper .review-items .review-content {
    margin-top: 15px;
    margin-left: inherit;
  }
  .blog-section .riview-wrapper .review-items .review-content .head-wrap {
    flex-wrap: wrap;
  }
}
@media screen and ( max-width: 640px) {
  .blog-section .riview-wrapper .review-items {
    justify-content: center;
  }
  .blog-section .riview-wrapper .review-items .review-content {
    text-align: center;
  }
  .blog-section .riview-wrapper .review-items .review-content .head-wrap {
    justify-content: center;
  }
  .ml-50 {
    display: none;
  }
}
@media screen and ( max-width: 480px) {
  .single-all .services-s-item .instructor-category .content h6 {
    font-size: 14px;
  }
  .shop-showing-result .shop-showing-title h6 {
    font-size: 14px;
  }
  .book-section .book-content h3 {
    font-size: 18px;
  }
}
/*========== Blog Single End ==========*/
/*=============== Faq Start ===============*/
@media screen and ( max-width: 575px) {
  .faq-left-wrapper .accordion-item .accordion-button {
    font-size: 14px;
    padding: 9px 45px 12px 8px;
    margin-top: 0;
  }
  .faq-left-wrapper .accordion-item span {
    font-size: 13px;
  }
  .faq-left-wrapper .accordion-item .icon {
    position: absolute;
    right: 8px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .faq-left-wrapper .accordion-item .icon img {
    width: 15px;
    height: 15px;
  }
}
@media screen and ( max-width: 500px) {
  .faq-left-wrapper .accordion-body {
    padding: 2px 0px;
  }
  .faq-left-wrapper .accordion-body p {
    font-size: 16px;
  }
}
/*=============== Faq End ===============*/
/*=============== Game History Start ===============*/
@media screen and ( max-width: 991px) {
  .game-history .table-box, .game-history .table-contentt {
    max-width: 100%;
    overflow-x: auto;
  }
  .game-history .table-wrapper {
    min-width: 1000px;
  }
}
/*=============== Game History End ===============*/
/*=============== Live Stram Start ===============*/
@media screen and ( max-width: 991px) {
  .live-stream .live-box, .live-stream .live-contentt {
    max-width: 100%;
    overflow-x: auto;
  }
  .live-stream .live-wrapper {
    min-width: 1000px;
  }
}
/*=============== Live Stram End ===============*/
/*=============== Video & Classes Start ===============*/
@media screen and ( max-width: 991px) {
  .video__section {
    margin-top: -380px;
  }
  .book-section .book-content {
    padding: 0 40px;
    margin-top: -45px;
  }
  .style-two {
    margin-top: 0px;
  }
}
@media screen and ( max-width: 767px) {
  .classes__section {
    padding-top: 280px;
    padding-bottom: 80px;
  }
  .video__section {
    margin-top: -280px;
  }
  .video__section .video__items .video__content .video a {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
  }
  .book-section .book-content h3 {
    font-size: 24px;
  }
  .book-section .book-content p {
    font-size: 13px;
  }
  .style-two {
    margin-top: 0px;
  }
}
@media screen and ( max-width: 575px) {
  .video__section {
    margin-top: -250px;
  }
  .video__section .video__items .video__content .video a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
  .style-two {
    margin-top: 0px;
  }
}
/*=============== Video & Classes End ===============*/
/*========== Casino Section End ==========*/
@media screen and ( max-width: 991px) {
  .casino-game .casino-game-items .casino-content p {
    font-size: 13px;
    line-height: 20px;
  }
  .casino-game .casino-game-items .casino-content .cmn--btn {
    padding: 12px 15px 12px;
    font-size: 11px;
  }
}
@media screen and ( max-width: 395px) {
  .casino-game .casino-game-items {
    display: inline-block;
  }
  .casino-game .casino-game-items .casino-thumb img {
    border-radius: initial;
  }
  .casino-game .casino-game-items .casino-content {
    margin: 0px 0px 0px 0px;
    padding: 20px 20px;
  }
}
/*========== Casino Section End ==========*/
.start-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at top left, rgba(255, 200, 39, 0.10), transparent 30%), radial-gradient(circle at bottom right, rgba(215, 35, 35, 0.12), transparent 28%), linear-gradient(135deg, #0a0a0a 0%, #16071f 45%, #241133 100%);
  color: #ffffff;
  overflow: hidden;
}
.start-section__inner {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.start-section__header {
  max-width: 860px;
  margin: 0 auto 55px;
}
.start-section__label {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 200, 39, 0.30);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: #ffcc00;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.start-section__title {
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}
.start-section__subtitle {
  max-width: 760px;
  margin: 0 auto;
  font-size: 19px;
  line-height: 1.8;
  color: #d7d7d7;
}
.start-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}
.start-step {
  position: relative;
  padding: 35px 28px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
  text-align: left;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
.start-step:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 200, 39, 0.35);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}
.start-step__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc00 0%, #ff9f1a 100%);
  color: #111111;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.start-step h4 {
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 1.3;
  color: #ffffff;
}
.start-step p {
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
  color: #cfcfcf;
}
.start-bonus {
  max-width: 860px;
  margin: 0 auto 35px;
  padding: 28px 30px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(215, 35, 35, 0.95) 0%, rgba(255, 140, 0, 0.92) 100%);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.30);
}
.start-bonus__label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}
.start-bonus__text {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 800;
  color: #ffffff;
}
.start-section__action {
  text-align: center;
}
.start-section__btn {
  display: inline-block;
  padding: 16px 38px;
  border-radius: 999px;
  background: #ffcc00;
  color: #111111;
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 14px 30px rgba(255, 204, 0, 0.22);
}
.start-section__btn:hover {
  background: #ffd84d;
  color: #111111;
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(255, 204, 0, 0.30);
}
@media ( max-width: 991px) {
  .start-section {
    padding: 90px 0;
  }
  .start-section__title {
    font-size: 34px;
  }
  .start-section__subtitle {
    font-size: 18px;
  }
  .start-steps {
    grid-template-columns: 1fr;
  }
  .start-bonus__text {
    font-size: 24px;
  }
}
@media ( max-width: 767px) {
  .start-section {
    padding: 75px 0;
  }
  .start-section__title {
    font-size: 28px;
  }
  .start-section__subtitle {
    font-size: 17px;
    line-height: 1.7;
  }
  .start-step {
    padding: 28px 22px;
  }
  .start-step h4 {
    font-size: 22px;
  }
  .start-step p {
    font-size: 16px;
  }
  .start-bonus {
    padding: 22px 20px;
  }
  .start-bonus__text {
    font-size: 21px;
  }
  .start-section__btn {
    width: 100%;
    max-width: 320px;
    padding: 16px 24px;
  }
}
.popular-games-section {
  background: linear-gradient(135deg, #0a0a0a 0%, #1f0036 100%);
  padding: 120px 0;
  color: #fff;
}
.popular-games-section .section-title {
  text-align: center;
  font-size: 36px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-weight: bold;
}
.game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.game-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #1a1a1a;
  transition: transform 0.3s;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.1);
}
.game-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
}
.game-card:hover img {
  transform: scale(1.05);
}
.play-now-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ff0000;
  color: #fff;
  padding: 12px 25px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  opacity: 0;
  transition: 0.3s;
  z-index: 2;
  pointer-events: none;
}
.game-card:hover .play-now-btn {
  opacity: 1;
  pointer-events: auto;
}
@media ( max-width: 768px) {
  .play-now-btn {
    font-size: 12px;
    padding: 10px 20px;
  }
}
.venue-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at 15% 20%, rgba(255, 200, 39, 0.10), transparent 28%), radial-gradient(circle at 85% 80%, rgba(215, 35, 35, 0.12), transparent 25%), linear-gradient(135deg, #090909 0%, #14081d 45%, #22112f 100%);
  overflow: hidden;
}
.venue-section__bg-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
  pointer-events: none;
}
.venue-section__bg-shape--one {
  width: 280px;
  height: 280px;
  top: -60px;
  left: -80px;
  background: rgba(255, 204, 0, 0.08);
}
.venue-section__bg-shape--two {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -90px;
  background: rgba(255, 0, 85, 0.08);
}
.venue-section__wrapper {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 50px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.venue-section__media {
  position: relative;
}
.venue-section__image-wrap {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
.venue-section__image-wrap::before {
  content:"";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 10, 10, 0.42), rgba(10, 10, 10, 0.05));
  z-index: 1;
}
.venue-section__image {
  width: 100%;
  height: 100%;
  min-height: 740px;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform 0.5s ease;
}
.venue-section__image-wrap:hover .venue-section__image {
  transform: scale(1.06);
}
.venue-section__badge {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(12, 12, 12, 0.65);
  border: 1px solid rgba(255, 204, 0, 0.26);
  backdrop-filter: blur(8px);
}
.venue-section__badge span {
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.venue-section__content {
  color: #ffffff;
}
.venue-section__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.venue-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
}
.venue-section__lead {
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 1.8;
  color: #d5d5d5;
  max-width: 760px;
}
.venue-section__info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 30px;
}
.venue-info-card {
  position: relative;
  padding: 24px 22px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.venue-info-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 204, 0, 0.30);
  background: rgba(255, 255, 255, 0.07);
}
.venue-info-card h3 {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.35;
  color: #ffffff;
}
.venue-info-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #cccccc;
}
.venue-section__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}
.venue-highlight {
  min-width: 160px;
  padding: 18px 20px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 204, 0, 0.16);
  text-align: center;
}
.venue-highlight__number {
  display: block;
  margin-bottom: 6px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  color: #ffcc00;
}
.venue-highlight__text {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #f0f0f0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.venue-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.venue-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  padding: 15px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}
.venue-section__btn--primary {
  background: #ffcc00;
  color: #111111;
  box-shadow: 0 16px 32px rgba(255, 204, 0, 0.22);
}
.venue-section__btn--primary:hover {
  background: #ffd84d;
  color: #111111;
  transform: translateY(-3px);
}
.venue-section__btn--secondary {
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.venue-section__btn--secondary:hover {
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
  transform: translateY(-3px);
}
@media ( max-width: 1199px) {
  .venue-section__wrapper {
    grid-template-columns: 1fr;
  }
  .venue-section__image {
    min-height: 520px;
  }
}
@media ( max-width: 991px) {
  .venue-section {
    padding: 90px 0;
  }
  .venue-section__title {
    font-size: 34px;
  }
  .venue-section__info-grid {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 767px) {
  .venue-section {
    padding: 75px 0;
  }
  .venue-section__title {
    font-size: 28px;
  }
  .venue-section__lead {
    font-size: 17px;
    line-height: 1.7;
  }
  .venue-section__image {
    min-height: 380px;
  }
  .venue-info-card {
    padding: 20px 18px;
  }
  .venue-info-card h3 {
    font-size: 20px;
  }
  .venue-section__actions {
    flex-direction: column;
  }
  .venue-section__btn {
    width: 100%;
  }
}
.advantages-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at 10% 20%, rgba(255, 204, 0, 0.10), transparent 24%), radial-gradient(circle at 90% 80%, rgba(215, 35, 35, 0.12), transparent 24%), linear-gradient(135deg, #0b0b0d 0%, #160a20 45%, #231132 100%);
  overflow: hidden;
}
.advantages-section__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
  pointer-events: none;
}
.advantages-section__glow--left {
  width: 280px;
  height: 280px;
  top: -80px;
  left: -100px;
  background: rgba(255, 204, 0, 0.08);
}
.advantages-section__glow--right {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -100px;
  background: rgba(255, 0, 85, 0.08);
}
.advantages-section__header {
  max-width: 860px;
  margin: 0 auto 55px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.advantages-section__label {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.22);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.advantages-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  color: #ffffff;
}
.advantages-section__subtitle {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.8;
  color: #d2d2d2;
}
.advantage-card {
  position: relative;
  height: 100%;
  padding: 34px 28px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(8px);
  text-align: left;
  overflow: hidden;
  transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}
.advantage-card::before {
  content:"";
  position: absolute;
  top: 0;
  left: 28px;
  width: 64px;
  height: 3px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ffcc00 0%, #ff8a00 100%);
}
.advantage-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 204, 0, 0.28);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}
.advantage-card__icon {
  width: 68px;
  height: 68px;
  margin-bottom: 24px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.18) 0%, rgba(255, 138, 0, 0.14) 100%);
  border: 1px solid rgba(255, 204, 0, 0.18);
  color: #ffcc00;
  font-size: 28px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.advantage-card__title {
  margin-bottom: 14px;
  font-size: 23px;
  line-height: 1.35;
  font-weight: 700;
  color: #ffffff;
}
.advantage-card__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #cfcfcf;
}
.advantages-section__action {
  margin-top: 45px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.advantages-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 38px;
  border-radius: 999px;
  background: #ffcc00;
  color: #111111;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(255, 204, 0, 0.22);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.advantages-section__btn:hover {
  background: #ffd84d;
  color: #111111;
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(255, 204, 0, 0.28);
}
@media ( max-width: 991px) {
  .advantages-section {
    padding: 90px 0;
  }
  .advantages-section__title {
    font-size: 34px;
  }
  .advantages-section__subtitle {
    font-size: 17px;
  }
  .advantage-card {
    padding: 30px 24px;
  }
}
@media ( max-width: 767px) {
  .advantages-section {
    padding: 75px 0;
  }
  .advantages-section__title {
    font-size: 28px;
  }
  .advantages-section__subtitle {
    font-size: 16px;
    line-height: 1.7;
  }
  .advantage-card__title {
    font-size: 21px;
  }
  .advantage-card__text {
    font-size: 15px;
    line-height: 1.7;
  }
  .advantages-section__btn {
    width: 100%;
    max-width: 320px;
    padding: 16px 24px;
  }
}
.promo-parallax-section {
  position: relative;
  padding: 80px 0;
  background-image: url("../img/banner/bonus-parallax.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.promo-parallax-section::before {
  content:"";
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 14, 0.4);
  z-index: 1;
}
.promo-parallax-section::after {
  content:"";
  position: absolute;
  inset: 0;
  background: linear-gradient( 135deg, rgba(255, 204, 0, 0.10) 0%, rgba(255, 138, 0, 0.08) 35%, rgba(0, 0, 0, 0.08) 100%);
  z-index: 1;
}
.promo-parallax__content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  padding: 48px 40px;
  text-align: center;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(8px);
}
.promo-parallax__label {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 204, 0, 0.28);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.promo-parallax__title {
  margin-bottom: 18px;
  font-size: 44px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
}
.promo-parallax__text {
  max-width: 760px;
  margin: 0 auto 28px;
  font-size: 18px;
  line-height: 1.8;
  color: #ececec;
}
.promo-parallax__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 38px;
  border-radius: 999px;
  background: #ffcc00;
  color: #111111;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(255, 204, 0, 0.24);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.promo-parallax__btn:hover {
  background: #ffd84d;
  color: #111111;
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(255, 204, 0, 0.30);
}
@media ( max-width: 991px) {
  .promo-parallax-section {
    padding: 110px 0;
    background-attachment: scroll;
  }
  .promo-parallax__content {
    padding: 40px 28px;
  }
  .promo-parallax__title {
    font-size: 34px;
  }
  .promo-parallax__text {
    font-size: 17px;
  }
}
@media ( max-width: 767px) {
  .promo-parallax-section {
    padding: 90px 0;
  }
  .promo-parallax__content {
    padding: 32px 20px;
    border-radius: 22px;
  }
  .promo-parallax__title {
    font-size: 28px;
  }
  .promo-parallax__text {
    font-size: 16px;
    line-height: 1.7;
  }
  .promo-parallax__btn {
    width: 100%;
    max-width: 320px;
    padding: 16px 24px;
  }
}
.rewards-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at 10% 15%, rgba(255, 204, 0, 0.10), transparent 24%), radial-gradient(circle at 90% 80%, rgba(215, 35, 35, 0.12), transparent 26%), linear-gradient(135deg, #09090c 0%, #14091d 45%, #22112f 100%);
  overflow: hidden;
}
.rewards-section__shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
  pointer-events: none;
}
.rewards-section__shape--one {
  width: 260px;
  height: 260px;
  top: -70px;
  left: -90px;
  background: rgba(255, 204, 0, 0.08);
}
.rewards-section__shape--two {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -110px;
  background: rgba(255, 0, 98, 0.08);
}
.rewards-section__header {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: 0 auto 55px;
  text-align: center;
}
.rewards-section__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.24);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.rewards-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
}
.rewards-section__subtitle {
  max-width: 860px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.85;
  color: #d5d5d5;
}
.rewards-top-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-bottom: 35px;
  position: relative;
  z-index: 2;
}
.rewards-feature {
  position: relative;
  padding: 34px 30px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.rewards-feature::before {
  content:"";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ffcc00 0%, #ff8a00 100%);
}
.rewards-feature--online::before {
  background: linear-gradient(90deg, #ffcc00 0%, #d72323 100%);
}
.rewards-feature__badge {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.rewards-feature__title {
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 1.3;
  color: #ffffff;
}
.rewards-feature__text {
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 1.8;
  color: #d0d0d0;
}
.rewards-feature__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rewards-feature__list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  color: #f0f0f0;
  font-size: 15px;
  line-height: 1.7;
}
.rewards-feature__list li::before {
  content:"";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 100%);
  box-shadow: 0 0 12px rgba(255, 204, 0, 0.35);
}
.rewards-highlight {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  padding: 34px 28px;
  border-radius: 26px;
  text-align: center;
  background: linear-gradient(135deg, rgba(215, 35, 35, 0.96) 0%, rgba(255, 138, 0, 0.94) 100%);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
}
.rewards-highlight__label {
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.rewards-highlight__value {
  margin-bottom: 14px;
  font-size: 34px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
}
.rewards-highlight__text {
  max-width: 820px;
  margin: 0 auto;
  color: #fff7f2;
  font-size: 17px;
  line-height: 1.75;
}
.reward-card {
  position: relative;
  height: 100%;
  padding: 30px 26px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
  transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;
  overflow: hidden;
}
.reward-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 204, 0, 0.28);
}
.reward-card--accent {
  border-color: rgba(255, 204, 0, 0.22);
  box-shadow: 0 18px 38px rgba(255, 204, 0, 0.08);
}
.reward-card--gold {
  border-color: rgba(255, 185, 60, 0.24);
  box-shadow: 0 18px 38px rgba(255, 185, 60, 0.08);
}
.reward-card__tag {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.reward-card__title {
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.35;
  color: #ffffff;
}
.reward-card__value {
  margin-bottom: 14px;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 800;
  color: #ffcc00;
  text-transform: uppercase;
}
.reward-card__text {
  margin: 0;
  color: #cecece;
  font-size: 15px;
  line-height: 1.8;
}
.rewards-bottom-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 30px;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
.rewards-info, .rewards-panel {
  padding: 34px 30px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.20);
}
.rewards-info__badge, .rewards-panel__mini {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 204, 0, 0.18);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.rewards-info__title, .rewards-panel__title {
  margin-bottom: 16px;
  font-size: 30px;
  line-height: 1.3;
  color: #ffffff;
}
.rewards-info__text {
  margin-bottom: 24px;
  color: #d1d1d1;
  font-size: 16px;
  line-height: 1.85;
}
.rewards-points {
  display: grid;
  gap: 14px;
}
.rewards-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #efefef;
  font-size: 15px;
  line-height: 1.7;
}
.rewards-point__dot {
  width: 11px;
  height: 11px;
  margin-top: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 100%);
  flex: 0 0 11px;
  box-shadow: 0 0 12px rgba(255, 204, 0, 0.35);
}
.rewards-panel__header {
  margin-bottom: 20px;
}
.rewards-panel__items {
  display: grid;
  gap: 14px;
  margin-bottom: 24px;
}
.rewards-panel__item {
  padding: 16px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.rewards-panel__name {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.rewards-panel__desc {
  display: block;
  color: #cccccc;
  font-size: 14px;
  line-height: 1.7;
}
.rewards-panel__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  border-radius: 999px;
  background: #ffcc00;
  color: #111111;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(255, 204, 0, 0.22);
  transition: all 0.3s ease;
}
.rewards-panel__btn:hover {
  background: #ffd84d;
  color: #111111;
  transform: translateY(-2px);
}
@media ( max-width: 1199px) {
  .rewards-bottom-grid {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 991px) {
  .rewards-section {
    padding: 90px 0;
  }
  .rewards-section__title {
    font-size: 34px;
  }
  .rewards-top-grid {
    grid-template-columns: 1fr;
  }
  .rewards-highlight__value {
    font-size: 28px;
  }
  .rewards-info__title, .rewards-panel__title, .rewards-feature__title {
    font-size: 26px;
  }
}
@media ( max-width: 767px) {
  .rewards-section {
    padding: 75px 0;
  }
  .rewards-section__title {
    font-size: 28px;
  }
  .rewards-section__subtitle, .rewards-highlight__text, .rewards-info__text {
    font-size: 16px;
    line-height: 1.75;
  }
  .rewards-feature, .rewards-info, .rewards-panel, .reward-card, .rewards-highlight {
    padding: 26px 20px;
  }
  .rewards-feature__title, .rewards-info__title, .rewards-panel__title {
    font-size: 23px;
  }
  .reward-card__title {
    font-size: 22px;
  }
  .reward-card__value, .rewards-highlight__value {
    font-size: 24px;
  }
}
/* Spins of Glory non-live games catalogue */
.games-catalog-section {
  padding: 105px 20px 115px;
  color: #173574;
  background: radial-gradient(circle at 92% 12%, rgba(255, 201, 75, 0.2), transparent 24%), radial-gradient(circle at 7% 82%, rgba(98, 199, 255, 0.22), transparent 25%), linear-gradient(180deg, #fbfcff 0%, #eff8ff 100%);
}
.games-catalog-section > .container {
  width: min(1540px, 100%);
  max-width: none;
  margin: 0 auto;
  padding: 0;
}
.games-catalog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1320px;
  margin: 0 auto 34px;
}
.games-catalog-heading > div {
  max-width: 970px;
}
.games-catalog-heading__guide {
  width: 112px;
  flex: 0 0 112px;
  object-fit: contain;
}
.games-catalog-heading > div > span {
  display: inline-block;
  margin-bottom: 10px;
  color: #3971d8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.games-catalog-heading h2 {
  margin: 0 0 13px;
  color: #153274;
  font-size: clamp(37px, 4vw, 62px);
  line-height: 1.05;
}
.games-catalog-heading p {
  max-width: 900px;
  margin: 0;
  color: #61708f;
  font-size: 16px;
  line-height: 1.7;
}
.games-catalog-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 1320px;
  margin: 0 auto 20px;
}
.games-catalog-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 64px;
  padding: 11px 15px;
  color: #21447f;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #bdd9fc;
  border-radius: 17px;
  box-shadow: 0 9px 22px rgba(38, 75, 144, 0.1);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.games-catalog-tabs button > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #fff;
  background: linear-gradient(145deg, #2c80e8, #6847db);
  border-radius: 11px;
  font-size: 17px;
  font-style: normal;
}
.games-catalog-tabs button strong {
  font-size: 13px;
}
.games-catalog-tabs button:hover, .games-catalog-tabs button.is-active {
  color: #fff;
  background: linear-gradient(135deg, #287ee7, #6249db);
  border-color: transparent;
  box-shadow: 0 13px 28px rgba(61, 90, 205, 0.22);
  transform: translateY(-2px);
}
.games-catalog-tabs button.is-active > i {
  background: rgba(255, 255, 255, 0.2);
}
.games-catalog-explainer {
  max-width: 1320px;
  margin: 0 auto 28px;
  padding: 28px 32px;
  background: linear-gradient(135deg, #ffffff, #edf6ff);
  border: 1px solid #bedafe;
  border-radius: 22px;
  box-shadow: 0 15px 35px rgba(38, 75, 144, 0.11);
}
.games-catalog-explainer__label {
  color: #3971d8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.games-catalog-explainer h3 {
  margin: 7px 0 9px;
  color: #173574;
  font-size: 27px;
}
.games-catalog-explainer > p {
  max-width: 1060px;
  margin: 0;
  color: #62718f;
  font-size: 14px;
  line-height: 1.7;
}
.games-catalog-explainer__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 17px;
}
.games-catalog-explainer__facts span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  color: #31538f;
  background: #e3efff;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.games-catalog-explainer__facts i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  color: #fff;
  background: #4075dc;
  border-radius: 50%;
  font-size: 9px;
  font-style: normal;
}
.games-catalog-guide {
  margin-top: 26px;
}
@media screen and ( max-width: 991px) {
  .games-catalog-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and ( max-width: 575px) {
  .games-catalog-section {
    padding: 72px 14px 80px;
  }
  .games-catalog-heading {
    align-items: flex-start;
    gap: 5px;
  }
  .games-catalog-heading__guide {
    width: 62px;
    flex-basis: 62px;
    margin-top: 38px;
  }
  .games-catalog-heading p {
    font-size: 14px;
  }
  .games-catalog-tabs {
    gap: 8px;
  }
  .games-catalog-tabs button {
    justify-content: flex-start;
    min-height: 53px;
    padding: 8px 9px;
  }
  .games-catalog-tabs button strong {
    font-size: 10px;
  }
  .games-catalog-tabs button > i {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
  }
  .games-catalog-explainer {
    padding: 22px;
  }
  .games-catalog-explainer h3 {
    font-size: 23px;
  }
}
/* Spins of Glory Live Casino catalogue */
.live-catalog-section {
  padding: 105px 20px 115px;
  color: #173574;
  background: radial-gradient(circle at 9% 16%, rgba(105, 206, 255, .22), transparent 24%), radial-gradient(circle at 94% 78%, rgba(245, 171, 255, .2), transparent 22%), linear-gradient(180deg, #eef8ff 0%, #fbf7ff 100%);
}
.live-catalog-section > .container {
  width:min(1540px,100%);
  max-width:none;
  margin:0 auto;
  padding:0;
}
.live-catalog-heading {
  max-width:1320px;
  margin:0 auto 34px;
}
.live-catalog-heading > span {
  display:inline-block;
  margin-bottom:10px;
  color:#3971d8;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.live-catalog-heading h2 {
  margin:0 0 13px;
  color:#153274;
  font-size:clamp(38px,4vw,62px);
  line-height:1.05;
}
.live-catalog-heading p {
  max-width:980px;
  margin:0;
  color:#61708f;
  font-size:16px;
  line-height:1.7;
}
.live-catalog-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-width:1320px;
  margin:0 auto 20px;
}
.live-catalog-tabs button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:64px;
  padding:11px 15px;
  color:#21447f;
  background:rgba(255,255,255,.93);
  border:1px solid #bdd9fc;
  border-radius:17px;
  box-shadow:0 9px 22px rgba(38,75,144,.1);
  cursor:pointer;
  transition:.2s ease;
}
.live-catalog-tabs button > i {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:#fff;
  background:linear-gradient(145deg,#2c80e8,#804de0);
  border-radius:11px;
  font-size:17px;
  font-style:normal;
}
.live-catalog-tabs button strong {
  font-size:13px;
}
.live-catalog-tabs button:hover,.live-catalog-tabs button.is-active {
  color:#fff;
  background:linear-gradient(135deg,#287ee7,#7248d9);
  border-color:transparent;
  box-shadow:0 13px 28px rgba(61,90,205,.22);
  transform:translateY(-2px);
}
.live-catalog-tabs button.is-active > i {
  background:rgba(255,255,255,.2);
}
.live-catalog-explainer {
  max-width:1320px;
  margin:0 auto 28px;
  padding:28px 32px;
  background:linear-gradient(135deg,#fff,#f1edff);
  border:1px solid #c9d8ff;
  border-radius:22px;
  box-shadow:0 15px 35px rgba(38,75,144,.11);
}
.live-catalog-explainer > span {
  color:#3971d8;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.live-catalog-explainer h3 {
  margin:7px 0 9px;
  color:#173574;
  font-size:27px;
}
.live-catalog-explainer > p {
  max-width:1080px;
  margin:0;
  color:#62718f;
  font-size:14px;
  line-height:1.7;
}
.live-catalog-explainer > div {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:17px;
}
.live-catalog-explainer b {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  color:#31538f;
  background:#e6efff;
  border-radius:999px;
  font-size:11px;
}
.live-catalog-explainer b i {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  color:#fff;
  background:#4075dc;
  border-radius:50%;
  font-size:9px;
  font-style:normal;
}
.live-catalog-guide {
  margin-top:26px;
}
.live-games-section,.tables-section,.poker-section {
  display:none !important;
}
@media screen and ( max-width:991px) {
  .live-catalog-tabs {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media screen and ( max-width:575px) {
  .live-catalog-section {
    padding:72px 14px 80px
  }
  .live-catalog-heading p {
    font-size:14px
  }
  .live-catalog-tabs {
    gap:8px
  }
  .live-catalog-tabs button {
    justify-content:flex-start;
    min-height:53px;
    padding:8px 9px
  }
  .live-catalog-tabs button strong {
    font-size:10px
  }
  .live-catalog-tabs button>i {
    width:30px;
    height:30px;
    flex:0 0 30px
  }
  .live-catalog-explainer {
    padding:22px
  }
  .live-catalog-explainer h3 {
    font-size:23px
  }
}
.games-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at 10% 15%, rgba(255, 204, 0, 0.10), transparent 24%), radial-gradient(circle at 90% 85%, rgba(215, 35, 35, 0.12), transparent 24%), linear-gradient(135deg, #0a0a0c 0%, #14091e 48%, #231230 100%);
  overflow: hidden;
}
.games-section__shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(10px);
}
.games-section__shape--one {
  width: 260px;
  height: 260px;
  top: -80px;
  left: -90px;
  background: rgba(255, 204, 0, 0.07);
}
.games-section__shape--two {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -100px;
  background: rgba(255, 0, 98, 0.08);
}
.games-section__header {
  max-width: 980px;
  margin: 0 auto 55px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.games-section__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.28);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.games-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.games-section__subtitle {
  max-width: 860px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.85;
  color: #d4d4d4;
}
.games-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  position: relative;
  z-index: 2;
}
.games-panel {
  position: relative;
  height: 100%;
  padding: 34px 30px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.games-panel::before {
  content:"";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ffcc00 0%, #ff8a00 100%);
}
.games-panel--online::before {
  background: linear-gradient(90deg, #ffcc00 0%, #d72323 100%);
}
.games-panel__top {
  margin-bottom: 24px;
}
.games-panel__badge {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.games-panel__title {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.games-panel__desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #d1d1d1;
}
.games-category-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.games-category-card {
  height: 100%;
  padding: 24px 22px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.games-category-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 204, 0, 0.26);
}
.games-category-card h4 {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  color: #ffffff !important;
}
.games-category-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.games-category-card li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  color: #d7d7d7;
  font-size: 15px;
  line-height: 1.7;
}
.games-category-card li::before {
  content:"";
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 100%);
  box-shadow: 0 0 12px rgba(255, 204, 0, 0.35);
}
.games-bottom {
  margin-top: 34px;
  position: relative;
  z-index: 2;
}
.games-bottom__content {
  padding: 34px 30px;
  border-radius: 24px;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.10) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 204, 0, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}
.games-bottom__label {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 204, 0, 0.20);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.games-bottom__title {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.games-bottom__text {
  max-width: 950px;
  margin: 0 auto;
  color: #dfdfdf;
  font-size: 16px;
  line-height: 1.85;
}
@media ( max-width: 1199px) {
  .games-layout {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 991px) {
  .games-section {
    padding: 90px 0;
  }
  .games-section__title {
    font-size: 34px;
  }
  .games-panel__title, .games-bottom__title {
    font-size: 26px;
  }
  .games-category-grid {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 767px) {
  .games-section {
    padding: 75px 0;
  }
  .games-section__title {
    font-size: 28px;
  }
  .games-section__subtitle, .games-panel__desc, .games-bottom__text {
    font-size: 16px;
    line-height: 1.75;
  }
  .games-panel, .games-bottom__content {
    padding: 26px 20px;
  }
  .games-panel__title, .games-bottom__title {
    font-size: 23px;
  }
  .games-category-card {
    padding: 20px 18px;
  }
  .games-category-card h4 {
    font-size: 20px;
  }
}
.live-games-section {
  background: linear-gradient(135deg, #0a0a0a 0%, #1f0036 100%);
  padding: 120px 0;
  color: #fff;
}
.live-games-section .section-title {
  text-align: center;
  font-size: 36px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-weight: bold;
}
.live-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.live-game-card {
  overflow: hidden;
  border-radius: 10px;
  background: #1a1a1a;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.1);
  transition: transform 0.3s ease;
}
.live-game-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
}
.live-game-card:hover img {
  transform: scale(1.03);
}
.tables-section {
  position: relative;
  padding: 120px 0;
  background: linear-gradient(180deg, #0c0b10 0%, #140a1b 45%, #1f122a 100%);
  overflow: hidden;
}
.tables-section__blur {
  position: absolute;
  border-radius: 50%;
  filter: blur(12px);
  pointer-events: none;
}
.tables-section__blur--one {
  width: 260px;
  height: 260px;
  top: -70px;
  left: -80px;
  background: rgba(255, 204, 0, 0.08);
}
.tables-section__blur--two {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -100px;
  background: rgba(215, 35, 35, 0.10);
}
.tables-section__header {
  max-width: 980px;
  margin: 0 auto 60px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.tables-section__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.26);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.tables-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.tables-section__subtitle {
  max-width: 860px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.85;
  color: #d6d6d6;
}
.tables-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  position: relative;
  z-index: 2;
}
.tables-panel {
  position: relative;
  padding: 34px 30px;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.22);
}
.tables-panel::before {
  content:"";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ffcc00 0%, #ff8a00 100%);
}
.tables-panel--online::before {
  background: linear-gradient(90deg, #ffcc00 0%, #d72323 100%);
}
.tables-panel__top {
  margin-bottom: 24px;
}
.tables-panel__badge {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.tables-panel__title {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.tables-panel__desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #d3d3d3;
}
.tables-featured {
  margin-bottom: 24px;
  padding: 22px 22px;
  border-radius: 20px;
  background: rgba(255, 204, 0, 0.06);
  border: 1px solid rgba(255, 204, 0, 0.14);
}
.tables-featured__label {
  display: block;
  margin-bottom: 14px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.tables-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tables-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f3f3f3;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
.tables-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 24px;
}
.tables-info-card {
  padding: 22px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.tables-info-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 204, 0, 0.20);
}
.tables-info-card h4 {
  margin-bottom: 12px;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 700;
  color: #ffffff !important;
}
.tables-info-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #d0d0d0;
}
.tables-hours {
  padding: 24px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 204, 0, 0.05) 100%);
  border: 1px solid rgba(255, 204, 0, 0.12);
}
.tables-hours__head {
  margin-bottom: 16px;
}
.tables-hours__badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.tables-hours__head h4 {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  color: #ffffff !important;
}
.tables-hours__rows {
  display: grid;
  gap: 12px;
}
.tables-hours__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.tables-hours__name {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}
.tables-hours__time {
  color: #ffcc00;
  font-size: 15px;
  font-weight: 700;
  text-align: right;
}
.tables-bottom {
  margin-top: 34px;
  position: relative;
  z-index: 2;
}
.tables-bottom__inner {
  padding: 34px 30px;
  border-radius: 24px;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.10) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 204, 0, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}
.tables-bottom__label {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 204, 0, 0.20);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.tables-bottom__title {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.tables-bottom__text {
  max-width: 940px;
  margin: 0 auto;
  color: #dddddd;
  font-size: 16px;
  line-height: 1.85;
}
@media ( max-width: 1199px) {
  .tables-layout {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 991px) {
  .tables-section {
    padding: 90px 0;
  }
  .tables-section__title {
    font-size: 34px;
  }
  .tables-panel__title, .tables-bottom__title {
    font-size: 26px;
  }
  .tables-info-grid {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 767px) {
  .tables-section {
    padding: 75px 0;
  }
  .tables-section__title {
    font-size: 28px;
  }
  .tables-section__subtitle, .tables-panel__desc, .tables-bottom__text {
    font-size: 16px;
    line-height: 1.75;
  }
  .tables-panel, .tables-bottom__inner, .tables-hours, .tables-featured {
    padding: 24px 20px;
  }
  .tables-panel__title, .tables-bottom__title {
    font-size: 23px;
  }
  .tables-info-card {
    padding: 20px 18px;
  }
  .tables-info-card h4, .tables-hours__head h4 {
    font-size: 20px;
  }
  .tables-hours__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .tables-hours__time {
    text-align: left;
  }
}
.poker-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at 12% 18%, rgba(255, 204, 0, 0.10), transparent 24%), radial-gradient(circle at 88% 82%, rgba(215, 35, 35, 0.10), transparent 24%), linear-gradient(135deg, #0b0b0e 0%, #140a1c 48%, #22112f 100%);
  overflow: hidden;
}
.poker-section__wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 38px;
  align-items: start;
}
.poker-section__media {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.poker-section__image-box {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.30);
}
.poker-section__image-box::before {
  content:"";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 10, 10, 0.48), rgba(10, 10, 10, 0.10));
  z-index: 1;
}
.poker-section__image {
  width: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform 0.45s ease;
}
.poker-section__image-box:hover .poker-section__image {
  transform: scale(1.05);
}
.poker-section__image-badge {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(12, 12, 12, 0.62);
  border: 1px solid rgba(255, 204, 0, 0.24);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.poker-section__content {
  color: #ffffff;
}
.poker-section__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.22);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.poker-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.poker-section__lead {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.8;
  color: #d6d6d6;
}
.poker-section__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 22px;
}
.poker-section__side-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.poker-section__bottom {
  margin-top: 28px;
}
.poker-section__bottom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 24px;
}
.poker-card, .poker-detail-card {
  padding: 22px 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16);
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.poker-card:hover, .poker-detail-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 204, 0, 0.22);
}
.poker-card h3, .poker-detail-card h4, .poker-hours__title {
  margin-bottom: 12px;
  color: #ffffff !important;
  font-weight: 700;
  line-height: 1.35;
}
.poker-card h3 {
  font-size: 22px;
}
.poker-detail-card h4 {
  font-size: 20px;
}
.poker-card p, .poker-detail-card p {
  margin: 0;
  color: #d0d0d0;
  font-size: 15px;
  line-height: 1.75;
}
.poker-section__game-types {
  margin-bottom: 22px;
  padding: 22px 20px;
  border-radius: 20px;
  background: rgba(255, 204, 0, 0.06);
  border: 1px solid rgba(255, 204, 0, 0.14);
}
.poker-section__mini-title {
  display: block;
  margin-bottom: 14px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.poker-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.poker-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f0f0f0;
  font-size: 13px;
  font-weight: 700;
}
.poker-hours {
  padding: 24px 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 204, 0, 0.05) 100%);
  border: 1px solid rgba(255, 204, 0, 0.12);
  margin-bottom: 24px;
}
.poker-hours__badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.poker-hours__head {
  margin-bottom: 16px;
}
.poker-hours__list {
  display: grid;
  gap: 12px;
}
.poker-hours__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.poker-hours__day {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}
.poker-hours__time {
  color: #ffcc00;
  font-size: 15px;
  font-weight: 700;
  text-align: right;
}
.poker-section__action {
  text-align: left;
}
.poker-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 34px;
  border-radius: 999px;
  background: #ffcc00;
  color: #111111;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(255, 204, 0, 0.22);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.poker-section__btn:hover {
  background: #ffd84d;
  color: #111111;
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(255, 204, 0, 0.28);
}
@media ( max-width: 1199px) {
  .poker-section__wrap {
    grid-template-columns: 1fr;
  }
  .poker-section__bottom-grid {
    grid-template-columns: 1fr;
  }
  .poker-section__image {
    min-height: 520px;
  }
}
@media ( max-width: 991px) {
  .poker-section {
    padding: 90px 0;
  }
  .poker-section__title {
    font-size: 34px;
  }
  .poker-section__cards {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 767px) {
  .poker-section {
    padding: 75px 0;
  }
  .poker-section__title {
    font-size: 28px;
  }
  .poker-section__lead {
    font-size: 16px;
    line-height: 1.75;
  }
  .poker-section__image {
    min-height: 380px;
  }
  .poker-card, .poker-detail-card, .poker-hours, .poker-section__game-types {
    padding: 20px 18px;
  }
  .poker-card h3, .poker-detail-card h4, .poker-hours__title {
    font-size: 20px;
  }
  .poker-hours__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .poker-hours__time {
    text-align: left;
  }
  .poker-section__btn {
    width: 100%;
    max-width: 320px;
  }
}
.slots-section {
  position: relative;
  padding: 120px 0;
  background: radial-gradient(circle at 10% 15%, rgba(255, 204, 0, 0.10), transparent 24%), radial-gradient(circle at 90% 85%, rgba(215, 35, 35, 0.10), transparent 24%), linear-gradient(135deg, #0a0a0d 0%, #14091d 48%, #221230 100%);
  overflow: hidden;
}
.slots-section__shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(12px);
}
.slots-section__shape--one {
  width: 260px;
  height: 260px;
  top: -80px;
  left: -90px;
  background: rgba(255, 204, 0, 0.07);
}
.slots-section__shape--two {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -100px;
  background: rgba(255, 0, 98, 0.08);
}
.slots-section__header {
  max-width: 980px;
  margin: 0 auto 55px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.slots-section__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.28);
  color: #ffcc00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slots-section__title {
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.slots-section__subtitle {
  max-width: 860px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.85;
  color: #d4d4d4;
}
.slots-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  position: relative;
  z-index: 2;
}
.slots-panel {
  position: relative;
  height: 100%;
  padding: 34px 30px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.slots-panel::before {
  content:"";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ffcc00 0%, #ff8a00 100%);
}
.slots-panel--online::before {
  background: linear-gradient(90deg, #ffcc00 0%, #d72323 100%);
}
.slots-panel__top {
  margin-bottom: 24px;
}
.slots-panel__badge {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 204, 0, 0.10);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slots-panel__title {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.slots-panel__desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #d1d1d1;
}
.slots-highlight {
  margin-bottom: 24px;
  padding: 26px 24px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(215, 35, 35, 0.94) 0%, rgba(255, 138, 0, 0.92) 100%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
.slots-highlight__label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slots-highlight__value {
  margin-bottom: 12px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
}
.slots-highlight__text {
  margin: 0;
  color: #fff6ef;
  font-size: 16px;
  line-height: 1.8;
}
.slots-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.slots-card {
  padding: 24px 22px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.slots-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 204, 0, 0.24);
}
.slots-card h4 {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  color: #ffffff !important;
}
.slots-card p {
  margin: 0;
  color: #d2d2d2;
  font-size: 15px;
  line-height: 1.75;
}
.slots-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slots-card li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  color: #d8d8d8;
  font-size: 15px;
  line-height: 1.7;
}
.slots-card li::before {
  content:"";
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 100%);
  box-shadow: 0 0 12px rgba(255, 204, 0, 0.35);
}
.slots-bottom {
  margin-top: 34px;
  position: relative;
  z-index: 2;
}
.slots-bottom__inner {
  padding: 34px 30px;
  border-radius: 24px;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.10) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 204, 0, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}
.slots-bottom__label {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 204, 0, 0.20);
  color: #ffcc00;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slots-bottom__title {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
}
.slots-bottom__text {
  max-width: 950px;
  margin: 0 auto;
  color: #dfdfdf;
  font-size: 16px;
  line-height: 1.85;
}
@media ( max-width: 1199px) {
  .slots-layout {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 991px) {
  .slots-section {
    padding: 90px 0;
  }
  .slots-section__title {
    font-size: 34px;
  }
  .slots-panel__title, .slots-bottom__title, .slots-highlight__value {
    font-size: 26px;
  }
  .slots-grid {
    grid-template-columns: 1fr;
  }
}
@media ( max-width: 767px) {
  .slots-section {
    padding: 75px 0;
  }
  .slots-section__title {
    font-size: 28px;
  }
  .slots-section__subtitle, .slots-panel__desc, .slots-bottom__text, .slots-highlight__text {
    font-size: 16px;
    line-height: 1.75;
  }
  .slots-panel, .slots-bottom__inner, .slots-highlight {
    padding: 26px 20px;
  }
  .slots-panel__title, .slots-bottom__title, .slots-highlight__value {
    font-size: 23px;
  }
  .slots-card {
    padding: 20px 18px;
  }
  .slots-card h4 {
    font-size: 20px;
  }
}
.promo-parallax-section--games {
  background-image: url("../img/banner/games-parallax.jpg");
}
.footer-section--glory {
  background: radial-gradient(circle at 10% 20%, rgba(255, 204, 0, 0.08), transparent 22%), radial-gradient(circle at 90% 85%, rgba(215, 35, 35, 0.08), transparent 24%), linear-gradient(135deg, #0b0b0f 0%, #140a1d 48%, #221230 100%);
  position: relative;
  overflow: hidden;
}
.footer-section--glory .footer-head .header-content {
  color: #ffffff !important;
  letter-spacing: 0.02em;
}
.footer-section--glory .footer-content-area p {
  color: #cfcfcf !important;
  line-height: 1.8;
}
.footer-section--glory .footer-content li a {
  color: #e7e7e7 !important;
  transition: all 0.3s ease;
}
.footer-section--glory .footer-content li a:hover {
  color: #ffcc00 !important;
  margin-left: 6px;
}
.footer-trust-list {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  margin-bottom: 22px;
}
.footer-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e5e5e5;
  font-size: 15px;
  line-height: 1.6;
}
.footer-trust-item i {
  color: #ffcc00;
  font-size: 15px;
  width: 18px;
  text-align: center;
}
.footer-payments ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.footer-payments ul li {
  margin-right: 0 !important;
}
.footer-payments ul li img {
  max-height: 26px;
  width: auto;
  display: block;
  opacity: 0.95;
}
.footer-section--glory .form {
  margin-top: 18px;
}
.footer-section--glory .form input {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111111 !important;
  border-radius: 10px !important;
  padding: 20px 145px 20px 16px !important;
}
.footer-section--glory .form input::placeholder {
  color: #555555 !important;
}
.footer-section--glory .effect-button {
  bottom: 8px !important;
  right: 8px !important;
}
.footer-section--glory .effect-button .f-btn {
  background: #ffcc00 !important;
  color: #111111 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 12px 18px !important;
}
.footer-section--glory .effect-button .f-btn:hover {
  background: #ffd84d !important;
}
.footer-disclaimer-mini {
  margin-top: 18px;
}
.footer-disclaimer-mini p {
  color: #9f9f9f !important;
  font-size: 13px;
  line-height: 1.6;
}
.footer-section--glory .border-area .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 26px 0 !important;
}
.footer-section--glory .border-area .footer-bottom p {
  color: #d8d8d8 !important;
  margin-bottom: 0;
}
.footer-section--glory .border-area .footer-bottom p a {
  color: #ffcc00 !important;
}
.footer-section--glory .border-area .footer-bottom ul li {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px !important;
  transition: all 0.3s ease;
}
.footer-section--glory .border-area .footer-bottom ul li a i {
  color: #ffffff !important;
}
.footer-section--glory .border-area .footer-bottom ul li:hover {
  background: #ffcc00 !important;
  border-color: #ffcc00 !important;
}
.footer-section--glory .border-area .footer-bottom ul li:hover a i {
  color: #111111 !important;
}
@media ( max-width: 991px) {
  .footer-section--glory .form input {
    padding: 18px 18px 70px 16px !important;
  }
  .footer-section--glory .effect-button {
    position: static !important;
    margin-top: 10px;
  }
  .footer-section--glory .effect-button .f-btn {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }
}
/* Header/Hero cascade overrides */
.header-section {
  background: linear-gradient(180deg, rgba(6, 42, 137, 0.98), rgba(8, 81, 190, 0.92));
  border-bottom: 2px solid rgba(65, 197, 255, 0.75);
  box-shadow: 0 8px 28px rgba(17, 55, 142, 0.2);
}
.menu-fixed {
  background: linear-gradient(180deg, #062a89, #0851be);
  border-bottom: 2px solid rgba(65, 197, 255, 0.75);
}
.header-wrapper {
  flex-wrap: nowrap;
  gap: 24px;
  padding: 13px 0;
}
.header-wrapper .logo-menu {
  flex: 0 0 150px;
  max-width: 150px;
}
.header-wrapper .main-menu {
  flex: 1;
  justify-content: flex-end;
}
.header-wrapper .main-menu li:not(:last-child) {
  margin-right: 19px;
}
.header-wrapper .main-menu li a {
  font-size: 14px;
  white-space: nowrap;
}
.cmn--btn-menu, .video-banner .cmn--btn {
  color: #ffffff;
  background: linear-gradient(180deg, #77f24f 0%, #18b82e 55%, #07951f 100%);
  border: 2px solid #fff07d;
  border-radius: 13px;
  box-shadow: 0 0 0 3px #df9f13, 0 7px 18px rgba(17, 116, 45, 0.28);
}
.video-banner {
  min-height: 720px;
  height: 100vh;
  justify-content: flex-start;
  background: #244ed7 url(../img/banner/spins-of-glory-hero.png) no-repeat center center;
  background-size: cover;
}
.video-banner .video-banner-content {
  max-width: 590px;
  margin: 48px 0 0;
  text-align: left;
}
.video-banner .video-banner-content .video-font {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: clamp(54px, 5.2vw, 82px);
  line-height: 0.98;
  letter-spacing: -2px;
  text-transform: uppercase;
}
.video-banner .video-banner-content p {
  max-width: 560px;
  margin-bottom: 30px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.65;
}
.video-banner .blue-overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(29, 61, 180, 0.56) 0%, rgba(36, 76, 212, 0.18) 40%, rgba(40, 80, 212, 0) 68%);
}
@media screen and ( max-width: 1199px) {
  .header-wrapper .main-menu li:not(:last-child) {
    margin-right: 12px;
  }
  .header-wrapper .main-menu li a {
    font-size: 12px;
  }
}
@media screen and ( max-width: 991px) {
  .header-wrapper {
    flex-wrap: wrap;
  }
  .header-section .main-menu {
    margin-top: 0;
    padding: 18px;
    background: linear-gradient(180deg, #082b8d, #0b58bc);
    border: 1px solid rgba(83, 203, 255, 0.7);
    border-radius: 0 0 18px 18px;
  }
  .header-section .main-menu li a {
    font-size: 15px;
  }
  .header-section .main-menu .mneu-btn-grp {
    display: block;
    padding: 8px 10px 5px;
  }
  .video-banner {
    min-height: 720px;
    background-position: 64% center;
  }
  .video-banner .video-banner-content {
    max-width: 500px;
    margin-top: 75px;
  }
  .video-banner .blue-overlay {
    background: linear-gradient(90deg, rgba(30, 58, 174, 0.78), rgba(35, 73, 207, 0.4) 55%, rgba(35, 73, 207, 0.08));
  }
}
@media screen and ( max-width: 575px) {
  .video-banner {
    min-height: 690px;
    height: 100svh;
    background-position: 61% center;
  }
  .video-banner .video-banner-content {
    max-width: 92%;
    margin-top: 78px;
  }
  .video-banner .video-banner-content .video-font {
    font-size: 42px;
    line-height: 1;
  }
  .video-banner .video-banner-content p {
    max-width: 390px;
    font-size: 15px;
    line-height: 1.55;
  }
  .video-banner .blue-overlay {
    background: linear-gradient(90deg, rgba(25, 51, 163, 0.9), rgba(37, 73, 205, 0.62) 65%, rgba(42, 76, 202, 0.22));
  }
}

/* Compact balanced footer */
.footer-section--glory .container {
  width: min(1320px, calc(100% - 48px));
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

.footer-section--glory .footer-top {
  padding: 52px 0 42px !important;
}

.footer-section--glory .footer-top > .row {
  display: grid;
  grid-template-columns: minmax(300px, 1.35fr) minmax(190px, 0.8fr) minmax(210px, 0.9fr) minmax(240px, 1fr);
  gap: 46px;
  align-items: start;
  margin: 0;
}

.footer-section--glory .footer-top > .row > [class*="col-"] {
  width: auto;
  max-width: none;
  padding: 0;
}

.footer-section--glory .glory-footer-logo {
  margin-bottom: 16px;
}

.footer-section--glory .footer-content-area > p {
  max-width: 410px;
  margin-bottom: 0;
}

.footer-section--glory .footer-trust-list {
  margin: 16px 0;
  gap: 7px;
}

.footer-section--glory .footer-payments ul {
  grid-template-columns: repeat(4, 78px);
  gap: 8px;
  margin-top: 14px;
}

.footer-section--glory .footer-payments ul li {
  width: 78px;
  height: 46px;
  padding: 7px;
}

.footer-section--glory .footer-payments ul li img {
  max-width: 64px !important;
  max-height: 30px !important;
}

.footer-section--glory .footer-content li {
  margin-bottom: 9px !important;
}

.footer-section--glory .footer-disclaimer-mini {
  max-width: 280px;
  margin-top: 16px;
}

.footer-section--glory .border-area .footer-bottom {
  justify-content: flex-start;
  padding: 18px 0 !important;
}

.footer-section--glory .border-area .footer-bottom p {
  text-align: left;
}

@media screen and (max-width: 1199px) {
  .footer-section--glory .footer-top > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px 54px;
  }
}

@media screen and (max-width: 767px) {
  .footer-section--glory .container {
    width: min(100% - 30px, 600px);
  }

  .footer-section--glory .footer-top {
    padding: 40px 0 32px !important;
  }

  .footer-section--glory .footer-top > .row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media screen and (max-width: 420px) {
  .footer-section--glory .footer-payments ul {
    grid-template-columns: repeat(3, 78px);
  }
}