html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

@font-face {
  font-family: 'Marcellus';
  src: local('Marcellus'),
    url('fonts/Marcellus-Regular.ttf') format('truetype');
  font-display: normal;
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 0;
  font-family: "Marcellus", sans-serif;
  font-weight: 400;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

/* glob */

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-reset {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.flex {
  display: flex;
}

.container {
  max-width: 1240px;
  padding: 0 15px;
  margin: 0 auto;
}

/* ====================
   Updated Luxury Header CSS
   ==================== */

.luxhdr {
  background: #5a5a5a;
  color: #fff;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
  width: 100%;
  z-index: 111111111111111;
  position: fixed;
}

.luxhdr__container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 78px;
}

.luxhdr__logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.luxhdr__logo-img {
  height: 50px;

  border-radius: 12px;
  margin-right: 12px;
  padding: 2px;
}

.luxhdr__brand {
  font-weight: 700;
  font-size: 1.4rem;
  color: #f80;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.luxhdr__nav {
  flex: 1;
  margin-left: 48px;
}

.luxhdr__nav-list {
  display: flex;
  gap: 14px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.luxhdr__nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
  letter-spacing: 0.5px;
}

.luxhdr__nav-link:hover,
.luxhdr__nav-link--active {
  color: rgb(247, 255, 24);
  border-bottom: 2.5px solid rgb(246, 255, 0);
}

.luxhdr__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.luxhdr__drm {
  background: #ccc934;
  color: #111;
  font-weight: 700;
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1.02rem;
  transition: background .2s, color .2s;
  box-shadow: 0 2px 14px rgba(255, 136, 0, 0.08);
  animation:
    glow-pulse-const 1.8s infinite alternate ease-in-out,
    scale-pulse 2.5s infinite ease-in-out;
}

.luxhdr__drm--login:hover {
  background: #fff;
  color: #f80;
}

.luxhdr__lang-switch {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
  gap: 7px;
  text-decoration: none;
  font-size: 1.01rem;

  border-radius: 7px;
  

  transition: background .2s, color .2s;
}

.luxhdr__lang-switch:hover {
  background: rgb(1, 91, 28);
  color: #191919;
}

.luxhdr__lang-flag {
  height: 36px;
  
  border-radius: 4px;
  
}

.luxhdr__burger {
  display: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 4px;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 16px;
}

.luxhdr__burger span {
  display: block;
  height: 4px;
  width: 26px;
  background: #f80;
  border-radius: 2px;
  transition: all .2s;
}

/* Responsive */
@media (max-width: 1280px) {
  .luxhdr__container {
    padding: 0 12px;
  }

  .luxhdr__nav {
    margin-left: 0;
  }

  .luxhdr__actions {
    margin-left: auto;
  }

  .luxhdr__nav-list {
    gap: 20px;
  }
}

@media (max-width: 1280px) {
  .luxhdr__nav {
    position: fixed;
    top: 57px;
    left: 0;
    right: 0;
    background: #111;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    max-width: none;
    padding: 26px 0 12px 0;
    transform: translateY(-200%);
    transition: transform .35s cubic-bezier(.5, 0, .1, 1);
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.18);
    z-index: 500;
  }

  .luxhdr__nav--open {
    transform: translateY(0);
  }

  .luxhdr__nav-list {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .luxhdr__burger {
    display: flex;
  }
}

@media (max-width: 500px) {
  .luxhdr__brand {
    font-size: 1rem;
  }


  .luxhdr__btn {
    padding: 8px 13px;
    font-size: .96rem;
  }

  .luxhdr__container {
    height: 58px;
  }

  .luxhdr__lang-flag {
    height: 30px;
    
  }
}


.luxhdr__burger {
  display: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 5px;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 16px;
  position: relative;
  z-index: 999;
}

.luxhdr__burger span {
  display: block;
  height: 4px;
  width: 28px;
  background: #CDDC39;
  border-radius: 2px;
  transition: all 0.35s cubic-bezier(.4, 2, .6, 1);
  position: relative;
}

.luxhdr__burger.open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.luxhdr__burger.open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.4);
}

.luxhdr__burger.open span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

/* Responsive */
@media (max-width: 1280px) {
  .luxhdr__burger {
    display: flex;
  }
}
/* ═════════════════════════════════════════════════════════════
   299bet · Games Page Hero · Styles (background image)
   ═════════════════════════════════════════════════════════════ */
.gameshero299 {
  position: relative;
  min-height: 520px;
  padding: 6rem 1rem 6.5rem 1rem;
  text-align: center;
  color: #f0fbff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Background image */
.gameshero299__bg {
  position: absolute; inset: 0;
  background: url('img/bg.png') center/cover no-repeat;
  filter: brightness(0.65);
  z-index: 0;
}

/* Angled overlay for a unique look */
.gameshero299__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(130deg, rgba(12,32,66,.9) 35%, rgba(17,66,110,.93) 65%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  z-index: 1;
}

/* Layout */
.gameshero299__container { max-width: 940px; width: 100%; margin: 0 auto; position: relative; z-index: 2; }
.gameshero299__wrap      { display: flex; flex-direction: column; gap: 2.4rem; align-items: center; }

/* Headline */
.gameshero299__title {
  font-size: clamp(2rem, 2.7vw + 1rem, 3rem);
  font-weight: 900;
  color: #3df3ff;
  text-shadow: 0 4px 24px #00eaff66;
  margin-bottom: 1.2rem;
}

/* Description */

.gameshero299__desc-shell p {
  font-size: 1.15rem;
  
  margin: 0;
}
.gameshero299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}
.gameshero299__link:hover { border-color: #00eaff; }

/* CTA buttons */
.gameshero299__ctas {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.gameshero299__btn {
  display: inline-block;
  padding: 1.05rem 2.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 48px;
  text-decoration: none;
  transition: background .2s, transform .2s, color .2s;
  box-shadow: 0 3px 20px rgba(0,234,255,.38);
}
.gameshero299__btn--primary {
  background: #36eaff;
  color: #0f3658;
}
.gameshero299__btn--primary:hover {
  background: #00eaff;
  transform: translateY(-3px);
}
.gameshero299__btn--secondary {
  background: transparent;
  color: #48eaff;
  border: 2px solid #48eaff;
}
.gameshero299__btn--secondary:hover {
  background: #48eaff;
  color: #0f3658;
  transform: translateY(-3px);
}

/* Responsive tweaks */
@media (max-width: 700px) {
  .gameshero299 { padding: 4rem .5rem 4.5rem .5rem; }
  .gameshero299__ctas {  gap: 0; width: 100%; }
  .gameshero299__title { font-size: 1.55rem; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · Unleash Game Power Section · HexGlow Animational Styles
   ════════════════════════════════════════════════════════════════════*/
.gamepower299 {
  position: relative;
  background: #091429;
  color: #e9f6ff;
  padding: 6rem 1rem 7rem;
  text-align: center;
  overflow: hidden;
}

/* — neon hex-grid — */
.gamepower299__bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(60deg, transparent 46%, rgba(255,255,255,0.04) 46%, rgba(255,255,255,0.04) 54%, transparent 54%) 0 0/80px 140px,
    linear-gradient(-60deg, transparent 46%, rgba(255,255,255,0.04) 46%, rgba(255,255,255,0.04) 54%, transparent 54%) 0 0/80px 140px;
  animation: gridShift 20s linear infinite;
  z-index: 0;
}
@keyframes gridShift { to { background-position: 160px 140px, 160px 140px; } }

/* — floating neon blobs — */
.gamepower299__blob {
  position: absolute; border-radius: 50%; filter: blur(120px); opacity: .25; mix-blend-mode: screen; z-index: 0;
}
.gamepower299__blob--a { width: 480px; height: 480px; background: #00eaff; top: -120px; left: -140px; }
.gamepower299__blob--b { width: 560px; height: 560px; background: #ffc24d; bottom: -160px; right: -180px; }

/* Container */
.gamepower299__container { max-width: 1180px; margin: 0 auto; position: relative; z-index: 2; }
.gamepower299__wrapper { position: relative; padding: 2.8rem 1rem; }

/* Glowing frame */
.gamepower299__frame {
  position: absolute; inset: 0;
  border-radius: 20px;
  border: 2px solid #00eaff80;
  pointer-events: none;
  animation: pulseFrame 3s ease-in-out infinite alternate;
}
@keyframes pulseFrame { to { box-shadow: 0 0 24px #00eaffaa; } }

/* Header */
.gamepower299__title {
  font-size: clamp(1.7rem, 2.4vw + 1rem, 2.5rem);
  font-weight: 900;
  color: #3cf3ff;
  margin-bottom: 1.4rem;
  letter-spacing: -1px;
}

/* Row layout */
.gamepower299__row {
  display: flex; gap: 3rem; align-items: flex-start; justify-content: center; flex-wrap: wrap;
  position: relative;
}

/* Text column */
.gamepower299__textcol { max-width: 540px; display: flex; flex-direction: column; }
.gamepower299__lead { font-size: 1.12rem;  }
.gamepower299__copy { font-size: 1.03rem;  margin: 0; margin-bottom: 20px; }

.gamepower299__link {
  color: #00eaff; text-decoration: none; border-bottom: 2px solid transparent; transition: border-color .25s;
}
.gamepower299__link:hover { border-color: #00eaff; }

/* CTA button */
.gamepower299__cta { margin-top: 1.6rem; }
.gamepower299__btn {
  display: inline-block; padding: 1.1rem 2.6rem; border-radius: 50px;
  background: #36eaff; color: #10344f; font-weight: 700; font-size: 1.1rem;
  text-decoration: none; box-shadow: 0 3px 18px #00eaff55;
  transition: background .2s, transform .2s;
  animation: pulseBtnGlow 1.4s infinite alternate;
}
@keyframes pulseBtnGlow { to { box-shadow: 0 8px 36px #36eaffaa; } }
.gamepower299__btn:hover { background: #00eaff; transform: translateY(-2px); }

/* Image column */
.gamepower299__imgcol { display: flex; align-items: center; justify-content: center; }
.gamepower299__figure { margin: 0; position: relative; }
.gamepower299__img {
  width: 300px;  border-radius: 16px;
  box-shadow: 0 4px 32px #00eaff66;
  animation: floatImg 2.6s ease-in-out infinite alternate;
}
@keyframes floatImg { to { transform: translateY(-18px); } }

/* Responsive */
@media (max-width: 780px) {
  .gamepower299__row { gap: 2rem; }
  .gamepower299__img { width: 250px; }
}
@media (max-width: 540px) {
  .gamepower299__title { font-size: 1.3rem; }
  .gamepower299__img { width: 92vw; }
}

/* ════════════════════════════════════════════════════════
   3-D Carousel Game Guide  •  NO line-height declarations
   ════════════════════════════════════════════════════════*/
.cat3d299              { background:#070e1d;color:#e7f6ff;padding:6rem 1rem 7rem;position:relative;text-align:center;overflow:hidden }
.cat3d299__container   { max-width:1180px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center; }
.cat3d299__title       { font-size: 2.5em;font-weight:900;color:#3cf3ff }

/* — star canvas — */
.cat3d299__stars       { position:absolute;inset:0;z-index:0 }

/* — glow ring — */
.cat3d299__ring        { position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:460px;height:460px;border-radius:50%;border:2px dashed #00eaff55;animation:ringSpin 22s linear infinite;pointer-events:none }
@keyframes ringSpin    { to{transform:translate(-50%,-50%) rotate(360deg)} }

/* — carousel — */
.cat3d299__carousel    { perspective:1200px;width:100%;display:flex;justify-content:center }
.cat3d299__spinner     { position:relative;
 display: flex;
 gap: 20px;
 flex-direction: column;
 margin-bottom: 20px;
}

/* cards */
.cat3d299__card        { 
  
  
  display: flex;
  align-items: center;
  flex-direction: column;
 background:rgba(255,255,255,.06);border-radius:14px;padding:1.5rem 1.3rem;box-shadow:0 4px 16px #00eaff33;backdrop-filter:blur(10px);text-align:left }
.cat3d299__card h3     { text-align: center; margin:.2rem 0 .8rem;padding-left:10px;border-left:2px solid grey;color:#bdefff;font-size:1.04rem }
.cat3d299__card p      { margin:0 ;
text-align: center;
}
.cat3d299__link        { color:#00eaff;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s }
.cat3d299__link:hover  { border-color:#00eaff }


/* CTA */
.cat3d299__btn         { display:inline-block;padding:1.05rem 2.4rem;background:#36eaff;color:#10344f;font-weight:700;font-size:1.08rem;border-radius:48px;text-decoration:none;box-shadow:0 3px 18px #00eaff55;transition:background .2s,transform .2s;animation:pulseGlow 1.4s infinite alternate }
@keyframes pulseGlow   { to{box-shadow:0 8px 32px #36eaffaa} }
.cat3d299__btn:hover   { background:#00eaff;transform:translateY(-2px) }

/* Responsive fallback */
@media(max-width:730px){
  .cat3d299__ring     { display:none }
  .cat3d299__title {
    margin-bottom: 20px;
  }
  .cat3d299__spinner  { animation:none;transform:none;width:100%; height: 100%; }
  .cat3d299__card     { position:static;margin-bottom:1.5rem;width:100%;transform:none }
}

/* ═══════════════════════════════════════════════════════════════
   299bet · Latest & Trending · Aurora Panel  (NO line-height)
   ═══════════════════════════════════════════════════════════════*/
.latest299              { position:relative;background:#071425;color:#e9f6ff;padding:6rem 1rem 6.5rem;text-align:center;overflow:hidden }
.latest299__bg          { position:absolute;inset:0;background:linear-gradient(120deg,#0b2140 50%,#10386b 100%); }
.latest299__bg::before  { content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 15%,#00eaff30 0,transparent 70%);mix-blend-mode:screen;animation:moveGlow 14s ease-in-out infinite alternate }
@keyframes moveGlow     { 0%{transform:translateX(-8%)}100%{transform:translateX(8%)} }

.latest299__container   { max-width:1100px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;}
.latest299__frame       { position:absolute;inset:1.5rem;border-radius:20px;pointer-events:none; }
@keyframes pulseFrame   { 100%{box-shadow:0 0 22px #00eaffaa} }

.latest299__title       { font-size:clamp(1.6rem,2.4vw+1rem,2.4rem);font-weight:900;color:#3cf3ff }

.latest299__grid        { margin-bottom: 20px; display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100% }
.latest299__cell        { width:320px;
  
  display: flex;
  align-items: center;
  flex-direction: column;
  background:rgba(255,255,255,.06);border-radius:14px;padding:1.4rem 1.2rem;box-shadow:0 4px 16px #00eaff33;backdrop-filter:blur(12px) }

.latest299__subtitle    { margin:.2rem 0 .8rem;font-size:1.05rem;font-weight:700;padding-left:10px;border-left:2px solid grey;text-align:left;color:#bdefff }
.latest299__link        { color:#00eaff;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s }
.latest299__link:hover  { border-color:#00eaff }

.latest299__pop         { transform:translateY(40px) scale(.95);opacity:0;animation:popIn .8s cubic-bezier(.46,1.54,.58,1) forwards }
@keyframes popIn        { to{transform:none;opacity:1} }

.latest299__bottom      { display:flex;flex-direction:column;align-items:center;gap:1.3rem }
.latest299__img         { border-radius:14px;box-shadow:0 4px 28px #00eaff55;animation:floatImg 2.4s ease-in-out infinite alternate }
@keyframes floatImg     { to{transform:translateY(-18px)} }

.latest299__btn         { display:inline-block;padding:1.1rem 2.6rem;background:#36eaff;color:#10344f;font-weight:700;font-size:1.08rem;border-radius:50px;text-decoration:none;box-shadow:0 3px 18px #00eaff55;transition:background .2s,transform .2s;animation:pulseBtn 1.3s infinite alternate }
@keyframes pulseBtn     { to{box-shadow:0 8px 36px #36eaffaa} }
.latest299__btn:hover   { background:#00eaff;transform:translateY(-2px) }

/* Responsive */
@media(max-width:740px){
 .latest299__grid  { flex-direction:column;align-items:center }
 .latest299__cell  { width:95% }
 .latest299__title { font-size:1.35rem }
}

/* ════════════════════════════════════════════════════════
   299bet · Betting Hero · Styles
   ════════════════════════════════════════════════════════*/
.bethero299{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f0fbff;
  text-align:center;
  overflow:hidden;
}
.bethero299__bg{
  position:absolute;
  inset:0;
  background:url('img/bg.png') center/cover no-repeat;
  filter:brightness(.6);
  z-index:0;
}
.bethero299__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(13,35,71,.92) 40%,rgba(9,52,96,.95) 70%);
  clip-path:polygon(0 0,100% 0,100% 85%,0 100%);
  z-index:1;
}
.bethero299__container{
  max-width:900px;
  padding:0 1rem;
  position:relative;
  z-index:2;
  width:100%;
}
.bethero299__inner{
  display:flex;
  flex-direction:column;
  gap:2.4rem;
  align-items:center;
}
.bethero299__title{
  font-size:clamp(1.9rem,2.6vw+1rem,3rem);
  font-weight:900;
  color:#3af3ff;
  text-shadow:0 4px 24px #00eaff66;
  margin:0 0 1.2rem;
}
.bethero299__tagline{
  font-size:1.12rem;
  margin:0;
}
.bethero299__actions{
  display:flex;
  gap:0.6rem;
  flex-wrap:wrap;
  justify-content:center;
}
.bethero299__btn{
  display:inline-block;
  padding:1.05rem 2.5rem;
  font-size:1.08rem;
  font-weight:700;
  border-radius:48px;
  text-decoration:none;
  transition:background .2s,transform .2s,color .2s;
  box-shadow:0 3px 18px rgba(0,234,255,.38);
}
.bethero299__btn--primary{
  background:#36eaff;
  color:#10344f;
}
.bethero299__btn--primary:hover{
  background:#00eaff;
  transform:translateY(-3px);
}
.bethero299__btn--secondary{
  background:transparent;
  color:#48eaff;
  border:2px solid #48eaff;
}
.bethero299__btn--secondary:hover{
  background:#48eaff;
  color:#0e2d50;
  transform:translateY(-3px);
}

/* Responsive */
@media(max-width:700px){
  .bethero299{padding:4rem .4rem 4.8rem}
  .bethero299__actions{gap:1.1rem; width: 100%;}
  .bethero299__title{font-size:1.48rem}
}

/* ═══════════════════════════════════════════════════════════════
   299bet · Flip-Cube Carousel  •  NO line-height declarations
   ═══════════════════════════════════════════════════════════════*/
.sportcube299{position:relative;background:#041120;color:#eaf6ff;padding:6rem 1rem 7rem;text-align:center;overflow:hidden}
.sportcube299__bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a2647 50%,#093a6d 100%)}
.sportcube299__sweep{position:absolute;inset:0;background:radial-gradient(circle at 60% 18%,#00eaff30 0,transparent 70%);mix-blend-mode:screen;animation:sweep 12s ease-in-out infinite alternate}
@keyframes sweep{to{transform:translateX(6%)}}
.sportcube299__container{max-width:1100px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;}
.sportcube299__title{font-size:clamp(1.7rem,2.5vw+1rem,2.55rem);font-weight:900;color:#3cf3ff}
.sportcube299__grid{display:flex;flex-wrap:wrap; margin-bottom: 20px; gap:2rem;justify-content:center;width:100%}

.sportcube299__flip {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@keyframes flip{0%{transform:rotateY(0)}25%{transform:rotateY(0)}50%{transform:rotateY(180deg)}75%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.sportcube299__flipcard--b .sportcube299__flip{animation-delay:1.8s}
.sportcube299__flipcard--c .sportcube299__flip{animation-delay:3.6s}
.sportcube299__subtitle{margin:.2rem 0 .8rem;font-size:1.06rem;font-weight:700;padding-left:10px;border-left:2px solid grey;text-align:left;color:#bdefff}
.sportcube299__face p{margin:0}
.sportcube299__link{color:#00eaff;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s}
.sportcube299__link:hover{border-color:#00eaff}

/* bottom */
.sportcube299__bottom{display:flex;flex-direction:column;align-items:center;gap:1.3rem;margin-top:.6rem}
.sportcube299__img{border-radius:14px;box-shadow:0 4px 28px #00eaff55;animation:floatPic 2.8s ease-in-out infinite alternate}
@keyframes floatPic{to{transform:translateY(-20px)}}
.sportcube299__btn{display:inline-block;padding:1.1rem 2.6rem;background:#36eaff;color:#10344f;font-weight:700;font-size:1.08rem;border-radius:50px;text-decoration:none;box-shadow:0 3px 18px #00eaff55;transition:background .2s,transform .2s;animation:btnPulse 1.4s infinite alternate}
@keyframes btnPulse{to{box-shadow:0 8px 38px #36eaffaa}}
.sportcube299__btn:hover{background:#00eaff;transform:translateY(-2px)}

/* responsive */
@media(max-width:760px){
  .sportcube299__flipcard{width:95%;height:auto}
  .sportcube299__flip{animation:none}
  .sportcube299__face{position:static;transform:none}
}


/* ═══════════════════════════════════════════════════════════════
   299bet · Sport Cards Carousel · NO line-height anywhere
   ═══════════════════════════════════════════════════════════════*/
.sportcards299{position:relative;background:#04121f;color:#e8f7ff;padding:6rem 1rem 7rem;text-align:center;overflow:hidden}
.sportcards299__bg{position:absolute;inset:0;background:radial-gradient(circle at 65% 20%,#00eaff30 0,transparent 75%)}
.sportcards299__frame{position:absolute;inset:1.8rem;}
@keyframes frameGlow{100%{box-shadow:0 0 22px #00eaffaa}}

.sportcards299__container{max-width:1150px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2.6rem}
.sportcards299__title{font-size:clamp(1.7rem,2.5vw+1rem,2.45rem);font-weight:900;color:#3cf3ff}
.sportcards299__intro{max-width:720px;margin:0}

/* Belt */

.sportcards299__spinner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.sportcards299__card{background:rgba(255,255,255,.05);border-radius:16px;box-shadow:0 4px 18px #00eaff33;backdrop-filter:blur(10px);padding:1.6rem 1.3rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}


.sportcards299__icon{width:164px;height:164px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px #00eaff55}
.sportcards299__subtitle{margin:.1rem 0 .7rem;font-size:1.06rem;font-weight:700;padding-left:10px;border-left:2px solid grey;text-align:left;color:#bdefff}
.sportcards299__card p{margin:0}

/* Links styling */
.sportcards299__link{color:#00eaff;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s}
.sportcards299__link:hover{border-color:#00eaff}

/* CTA */
.sportcards299__cta{margin-top:1.4rem}
.sportcards299__btn{display:inline-block;padding:1.1rem 2.6rem;background:#36eaff;color:#10344f;font-weight:700;font-size:1.08rem;border-radius:50px;text-decoration:none;box-shadow:0 3px 18px #00eaff55;transition:background .2s,transform .2s;animation:pulseSport 1.4s infinite alternate}
@keyframes pulseSport{to{box-shadow:0 8px 36px #36eaffaa}}
.sportcards299__btn:hover{background:#00eaff;transform:translateY(-2px)}

/* Responsive fallback */
@media(max-width:760px){
  .sportcards299__spinner{animation:none;transform:none;width:100%}
  .sportcards299__card{position:static;transform:none;margin-bottom:1.6rem;width:95%}
}

/* ══════════════════════════════════════════════════════
   299bet Live Betting Duo Panel  –  No line-height set
   ══════════════════════════════════════════════════════*/
.livebet299{position:relative;background:#04121f;padding:6rem 1rem 7rem;text-align:center;color:#ecf8ff;overflow:hidden}
.livebet299__bg{position:absolute;inset:0;background:linear-gradient(120deg,#0a2647 60%,#0d4175 100%);mix-blend-mode:overlay;animation:bgShift 18s linear infinite}
@keyframes bgShift{to{background-position:160%}}
.livebet299__frame{position:absolute;inset:1.8rem;border:2px solid #00eaff66;border-radius:22px;transform:skewY(-3deg);pointer-events:none;animation:frameGlow 3s ease-in-out infinite alternate}
@keyframes frameGlow{to{box-shadow:0 0 24px #00eaffaa}}

.livebet299__container{max-width:1150px;margin:0 auto;position:relative;z-index:2}
.livebet299__row{display:flex;gap:3.5rem;align-items:center;flex-wrap:wrap}

.livebet299__media{margin:0;flex:0 0 420px;position:relative}
.livebet299__img{width:100%;border-radius:16px;box-shadow:0 4px 28px #00eaff55;animation:floatPic 2.6s ease-in-out infinite alternate}
@keyframes floatPic{to{transform:translateY(-20px)}}

.livebet299__content{flex:1 1 0%;display:flex;flex-direction:column;gap:1.6rem;align-items:center}

.livebet299__title{font-size:2.5rem;font-weight:900;color:#3cf3ff;margin:0}

.livebet299__copy{max-width:540px;display:flex;flex-direction:column; align-items: center; gap:0;text-align:center}

.livebet299__sub{margin:.1rem 0 .6rem;font-size:1.06rem;font-weight:700;padding-left:10px;border-left:2px solid grey;text-align:left;color:#bdefff}

.livebet299__link{color:#00eaff;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s}
.livebet299__link:hover{border-color:#00eaff}

.livebet299__cta{margin-top:.6rem}
.livebet299__btn{display:inline-block;padding:1.15rem 2.6rem;background:#36eaff;color:#10344f;font-weight:700;font-size:1.08rem;border-radius:50px;text-decoration:none;box-shadow:0 3px 18px #00eaff55;transition:background .2s,transform .2s;animation:pulseLive 1.4s infinite alternate}
@keyframes pulseLive{to{box-shadow:0 8px 36px #36eaffaa}}
.livebet299__btn:hover{background:#00eaff;transform:translateY(-2px)}

@media(max-width:860px){
  .livebet299__media{flex:0 0 100%;max-width:95vw}
  .livebet299__row{flex-direction:column;gap:2.2rem}
  .livebet299__title{font-size:1.42rem;text-align:center}
  .livebet299__content{align-items:center}
}

/* ══════════════════════════════════════════════════════════════
   299bet · Login Hero · Frosted Glass Portal  (no line-height)
   ══════════════════════════════════════════════════════════════*/
.loginhero299{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#eaf8ff;
  text-align:center;
  overflow:hidden;
}

/* background image */
.loginhero299__bg{
  position:absolute;
  inset:0;
  background:url('img/bg.png') center/cover no-repeat;
  filter:brightness(.55);
  z-index:0;
}

/* sweeping beam */
.loginhero299__beam{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 40%,#00eaff33 50%,transparent 60%);
  mix-blend-mode:screen;
  animation:beamSlide 8s linear infinite;
  z-index:1;
}
@keyframes beamSlide{to{background-position:160%}}

.loginhero299__container{position:relative;z-index:2;width:100%;max-width:860px;}

/* frosted glass */
.loginhero299__glass{
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.08);
  border-radius:22px;
  padding:3.2rem 2rem;
  box-shadow:0 4px 28px #00eaff55;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2.2rem;
}

.loginhero299__title{
  font-size:clamp(1.8rem,2.5vw+1rem,2.7rem);
  font-weight:900;
  color:#3cf3ff;
  margin:0;
  text-shadow:0 4px 24px #00eaff66;
}

/* intro */
.loginhero299__intro{max-width:640px;margin:0}
.loginhero299__link{
  color:#00eaff;
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:border-color .25s;
}
.loginhero299__link:hover{border-color:#00eaff}

/* buttons */
.loginhero299__actions{display:flex;gap:0.6rem;flex-wrap:wrap;justify-content:center}
.loginhero299__btn{
  display:inline-block;
  padding:1.05rem 2.6rem;
  font-size:1.08rem;
  font-weight:700;
  border-radius:48px;
  text-decoration:none;
  transition:background .2s,transform .2s,border .2s,color .2s;
  box-shadow:0 3px 18px #00eaff55;
}
.loginhero299__btn--main{
  background:#36eaff;
  color:#10344f;
}
.loginhero299__btn--main:hover{
  background:#00eaff;
  transform:translateY(-3px);
}
.loginhero299__btn--ghost{
  background:transparent;
  color:#48eaff;
  border:2px solid #48eaff;
}
.loginhero299__btn--ghost:hover{
  background:#48eaff;
  color:#0e2d50;
  transform:translateY(-3px);
}

/* responsive */
@media(max-width:700px){
  .loginhero299__glass{padding:2.4rem 1.2rem}
  .loginhero299__title{font-size:1.55rem}
  .loginhero299__actions{gap:1.1rem; width: 100%;}
}

/* ══════════════════════════════════════════════════════════════
   299bet · Instant Login Split-Pane  •  NO line-height used
   ══════════════════════════════════════════════════════════════*/
.instalogin299{
  position:relative;
  background:#040e1c;
  padding:6rem 1rem 7rem;
  overflow:hidden;
  color:#e8f7ff;
}

.instalogin299__shine{
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 40%,#00eaff22 50%,transparent 60%);
  mix-blend-mode:screen;
  animation:shineMove 14s linear infinite;
  z-index:0;
}
@keyframes shineMove{to{background-position:160%}}

.instalogin299__container{
  max-width:1160px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:3rem;
  align-items:center;
  position:relative;
  z-index:2;
}

.instalogin299__figure{
  margin:0;
  flex:0 0 440px;
  clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);
  transform:skewX(-4deg);
  filter:drop-shadow(0 4px 28px #00eaff55);
}

.instalogin299__img{
  width:100%;
  border-radius:18px;
  transform:skewX(4deg);
  display:block;
}

.instalogin299__content{
  flex:1 1 0%;
  display:flex;
  flex-direction:column;
  
  align-items:center;
  text-align:center;
}

.instalogin299__title{
  font-size:clamp(1.7rem,2.4vw+1rem,2.4rem);
  font-weight:900;
  color:#3cf3ff;
  text-shadow:0 4px 22px #00eaff66;
  margin:0;
}

.instalogin299__copy{
  max-width:540px;
  display:flex;
  flex-direction:column;
  align-items: center;
}

.instant-body {
  padding: 20px;
  border: 1px solid white;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.instalogin299__sub{
  margin: 0;
  font-size:1.06rem;
  font-weight:700;
  padding-left:10px;
  border-left:2px solid grey;
  text-align:left;
  color:#bdefff;
}

.instalogin299__link{
  color:#00eaff;
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:border-color .25s;
}
.instalogin299__link:hover{border-color:#00eaff}

.instalogin299__cta{
  margin-top:.8rem;
}

.instalogin299__btn{
  display:inline-block;
  padding:1.15rem 2.6rem;
  background:#36eaff;
  color:#10344f;
  font-weight:700;
  font-size:1.08rem;
  border-radius:50px;
  text-decoration:none;
  box-shadow:0 3px 18px #00eaff55;
  transition:background .2s,transform .2s;
  animation:btnPulse 1.4s infinite alternate;
}
@keyframes btnPulse{to{box-shadow:0 8px 36px #36eaffaa}}
.instalogin299__btn:hover{
  background:#00eaff;
  transform:translateY(-2px);
}

/* responsive */
@media(max-width:880px){
  .instalogin299__figure{flex:0 0 100%;clip-path:none;transform:none}
  .instalogin299__img{transform:none;border-radius:14px}
  .instalogin299__content{text-align:center}
  .instalogin299__container{gap:2rem;flex-direction:column}
  .instalogin299__title{font-size:1.4rem}
}

/* ══════════════════════════════════════════════════════════════
   299bet · Login Unlock Steps  •  NO line-height anywhere
   ══════════════════════════════════════════════════════════════*/
.unlock299alt{position:relative;background:#0a1d2a;padding:6rem 1rem 7rem;text-align:center;overflow:hidden;color:#eaf7ff}
.unlock299alt__bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#00eaff25 0,transparent 70%);mix-blend-mode:screen;animation:bgPulse 12s infinite alternate}
@keyframes bgPulse{to{background-position:8%}}
.unlock299alt__container{max-width:1240px;margin:0 auto;position:relative;z-index:2}
.unlock299alt__title{font-size:2.4rem;font-weight:900;color:#3cf3ff;text-shadow:0 4px 22px #00eaff66;margin-bottom:2.6rem;text-align:center}
.unlock299alt__frame{position:absolute;inset:-4.3rem;border:2px solid #00eaff66;border-radius:26px;pointer-events:none;animation:framePulse2 3s ease-in-out infinite alternate}
@keyframes framePulse2{to{box-shadow:0 0 24px #00eaffbb}}

.unlock299alt__flex{display:flex;align-items:center;justify-content:center;gap:3.8rem;flex-wrap:wrap}

/* Steps styling */
.unlock299alt__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2.8rem;flex:1 1 430px;align-items:flex-end}
.unlock299alt__step{display:flex;align-items:center;gap:1.35rem;position:relative;animation:stepIn 1s cubic-bezier(.5,2,.4,1) both}
.unlock299alt__step--a{animation-delay:.1s}
.unlock299alt__step--b{animation-delay:.3s}
.unlock299alt__step--c{animation-delay:.5s}
@keyframes stepIn{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
.unlock299alt__icon{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:50%;background:#142c3c;box-shadow:0 0 12px #00eaff77,0 4px 24px #00eaff22;display:flex;align-items:center;justify-content:center;animation:iconPulse 2s infinite alternate}
@keyframes iconPulse{to{box-shadow:0 0 24px #00eaff}}
/* Icon illustrations — use SVG, emoji, or background-image */
.unlock299alt__info p {
  margin: 0;
}
.unlock299alt__info{flex:1 1 0%;text-align:left}
.unlock299alt__step-title{margin:.12rem 0 .25rem;font-size:1.07rem;font-weight:700;color:#bdefff}
.unlock299alt__link{color:#00eaff;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s}
.unlock299alt__link:hover{border-color:#00eaff}

/* Media + CTA */
.unlock299alt__media{flex:0 0 360px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.unlock299alt__img{width:320px;max-width:90vw;border-radius:16px;box-shadow:0 4px 28px #00eaff55;animation:imgFloat 2.8s infinite alternate}
@keyframes imgFloat{to{transform:translateY(-14px)}}
.unlock299alt__cta{margin-top:.5rem}
.unlock299alt__btn{display:inline-block;padding:1.08rem 2.5rem;background:#36eaff;color:#10344f;font-weight:700;font-size:1.09rem;border-radius:50px;text-decoration:none;box-shadow:0 3px 18px #00eaff55;transition:background .2s,transform .2s;animation:btnPulse3 1.4s infinite alternate}
@keyframes btnPulse3{to{box-shadow:0 8px 36px #36eaffaa}}
.unlock299alt__btn:hover{background:#00eaff;transform:translateY(-2px)}

@media(max-width:960px){
  .unlock299alt__flex{flex-direction:column-reverse;gap:2.2rem}
  .unlock299alt__steps{align-items:center}
  .unlock299alt__info{text-align:center}
}

/* ════════════════════════════════════════════════════════════════
   299bet · Account Assistance Info Grid  •  NO line-height
   ════════════════════════════════════════════════════════════════*/
.accountassist299 {
  position: relative;
  background: #0a1627;
  padding: 6rem 1rem 7rem;
  color: #eaf8ff;
  overflow: hidden;
  text-align: center;
}
.accountassist299__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 60% 15%, #00eaff2e 0, transparent 70%);
  mix-blend-mode: screen;
  animation: bgAccountHelp 14s infinite alternate;
}
@keyframes bgAccountHelp {
  to { background-position: 8%; }
}
.accountassist299__container {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.accountassist299__title {
  font-size: clamp(1.7rem, 2.3vw + 1rem, 2.3rem);
  font-weight: 900;
  color: #3cf3ff;
  text-shadow: 0 4px 22px #00eaff66;
  margin-bottom: 1.7rem;
  text-align: center;
}
.accountassist299__frame {
  position: absolute;
  inset: 1.7rem;
  border: 2px solid #00eaff66;
  border-radius: 24px;
  pointer-events: none;
  animation: framePulseAH 3s ease-in-out infinite alternate;
}
@keyframes framePulseAH {
  to { box-shadow: 0 0 24px #00eaffbb; }
}

.accountassist299__main {
  display: flex;
  gap: 3.8rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* Animated Info Grid */
.accountassist299__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.1rem 2.7rem;
  align-items: center;
  flex: 1 1 540px;
  justify-items: center;
  z-index: 1;
}
.accountassist299__item {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  background: rgba(255,255,255,.06);
  border-radius: 18px;
  box-shadow: 0 2px 18px #00eaff33;
  padding: 1.3rem 1.1rem 1.3rem 1.6rem;
  animation: gridFadeIn 1s cubic-bezier(.48,2.2,.51,1) both;
}
.accountassist299__item--reset { animation-delay: .1s; }
.accountassist299__item--strong { animation-delay: .3s; }
.accountassist299__item--support { animation-delay: .5s; }
.accountassist299__item--rg { animation-delay: .7s; }
@keyframes gridFadeIn {
  from { opacity: 0; transform: scale(.93) translateY(24px); }
  to { opacity: 1; transform: none; }
}

.accountassist299__icon {
  width: 54px; height: 54px; border-radius: 50%;
  background: #143048;
  color: #36eaff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 12px #00eaff88, 0 4px 22px #00eaff22;
  font-size: 2rem;
  animation: iconPulseAH 2s infinite alternate;
}
@keyframes iconPulseAH { to { box-shadow: 0 0 24px #00eaff; } }

.accountassist299__block {
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.accountassist299__subtitle {
  font-size: 1.06rem;
  font-weight: 700;
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: left;
  color: #bdefff;
  margin: .1rem 0 .65rem 0;
}
.accountassist299__item p {
  margin: 0;
}

.accountassist299__media {
  flex: 0 0 370px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}
.accountassist299__img {
  
  
  border-radius: 16px;
  box-shadow: 0 4px 28px #00eaff55;
  animation: imgFloatAH 2.7s infinite alternate;
}
@keyframes imgFloatAH { to { transform: translateY(-14px); } }

.accountassist299__cta { margin-top: .7rem; }
.accountassist299__btn {
  display: inline-block;
  padding: 1.08rem 2.5rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .2s, transform .2s;
  animation: btnPulseAH 1.4s infinite alternate;
}
@keyframes btnPulseAH { to { box-shadow: 0 8px 36px #36eaffaa; } }
.accountassist299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media(max-width:1080px) {
  .accountassist299__main { flex-direction: column; gap: 2.2rem; }
  .accountassist299__media { margin-bottom: 2.4rem; }
  .accountassist299__grid { grid-template-columns: 1fr; }
  .accountassist299__block, .accountassist299__subtitle { align-items: center; text-align: center; }
}

/* ═══════════════════════════════════════════════════════════════
   299bet · App Hero Section  (no line-height)
   ═══════════════════════════════════════════════════════════════*/
.apphero299 {
  position:relative; min-height:560px;
  display:flex; align-items:center; justify-content:center;
  color:#eaf8ff; text-align:center; overflow:hidden;
}
.apphero299__bg {
  position:absolute; inset:0;
  background:url('img/bg.png') center/cover no-repeat;
  filter:brightness(.53);
  z-index:0;
}
.apphero299__beam {
  position:absolute; inset:0;
  background:linear-gradient(135deg,transparent 60%,#00eaff33 70%,transparent 75%);
  mix-blend-mode:screen;
  animation:appBeam 8s linear infinite;
  z-index:1;
}
@keyframes appBeam { to{background-position:180%} }

.apphero299__container {
  position:relative; z-index:2; width:100%;
  max-width:980px; 
  display:flex; justify-content:center; align-items:center;
}

.apphero299__glass {
  backdrop-filter:blur(16px);
  background:rgba(0,34,56,.15);
  border-radius:28px;
  
  box-shadow:0 4px 28px #00eaff55;
  display:flex; flex-direction:column; align-items:center; gap:2.2rem;
  width:100%;
}

.apphero299__title {
  font-size:clamp(1.8rem,2.5vw+1rem,2.7rem);
  font-weight:900;
  color:#3cf3ff;
  margin:0;
  text-shadow:0 4px 22px #00eaff66;
}

.apphero299__intro { max-width:670px; margin:0; }
.apphero299__link {
  color:#00eaff; text-decoration:none;
  border-bottom:2px solid transparent;
  transition:border-color .25s;
}
.apphero299__link:hover { border-color:#00eaff; }

.apphero299__actions {
  display:flex; gap:0.4rem; flex-wrap:wrap; justify-content:center;
}
.apphero299__btn {
  display:inline-block;
  padding:1.1rem 2.4rem;
  font-size:1.09rem; font-weight:700; border-radius:48px;
  text-decoration:none; transition:background .2s,transform .2s,border .2s,color .2s;
  box-shadow:0 3px 18px #00eaff55;
}
.apphero299__btn--main {
  background:#36eaff; color:#10344f;
}
.apphero299__btn--main:hover {
  background:#00eaff; transform:translateY(-3px);
}
.apphero299__btn--ghost {
  background:transparent; color:#48eaff; border:2px solid #48eaff;
}
.apphero299__btn--ghost:hover {
  background:#48eaff; color:#0e2d50; transform:translateY(-3px);
}

.apphero299__imgwrap {
  margin-top:1.8rem;
  width:320px; max-width:92vw;
  display:flex; justify-content:center; align-items:center;
}
.apphero299__img {
  width:100%; border-radius:18px;
  box-shadow:0 4px 32px #00eaff44;
  animation:floatAppHero 2.6s ease-in-out infinite alternate;
}
@keyframes floatAppHero { to { transform:translateY(-18px); } }

@media(max-width:750px){
  .apphero299__glass { padding:2.2rem .7rem 1.2rem .7rem; }
  .apphero299__title { font-size:1.55rem; }
  .apphero299__actions {  gap:1.1rem; width: 100%; }
  .apphero299__imgwrap { margin-top:1.1rem; width:220px; }
}

/* ══════════════════════════════════════════════════════════════
   299bet · Next-Level App Experience  (no line-height anywhere)
   ══════════════════════════════════════════════════════════════*/
.appnextlvl299 {
  position: relative;
  background: #061c2e;
  padding: 6rem 1rem 7rem;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.appnextlvl299__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 13%, #00eaff24 0, transparent 73%);
  mix-blend-mode: screen;
  animation: bgNextLvlApp 14s infinite alternate;
}
@keyframes bgNextLvlApp { to { background-position: 10%; } }
.appnextlvl299__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.appnextlvl299__title {
  font-size: clamp(1.7rem, 2.3vw + 1rem, 2.3rem);
  font-weight: 900;
  color: #3cf3ff;
  text-shadow: 0 4px 22px #00eaff66;
  margin-bottom: 1rem;
  text-align: center;
}
.appnextlvl299__frame {
  position: absolute;
  inset: 1.6rem;
  border: 2px solid #00eaff66;
  border-radius: 24px;
  pointer-events: none;
  animation: framePulseNLA 3s ease-in-out infinite alternate;
}
@keyframes framePulseNLA { to { box-shadow: 0 0 24px #00eaffbb; } }

.appnextlvl299__main {
  display: flex;
  gap: 3.3rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.appnextlvl299__cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 480px;
  align-items: center;
  z-index: 1;
}
.appnextlvl299__card {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 1.4rem;
  background: rgba(255,255,255,.07);
  border-radius: 18px;
  box-shadow: 0 2px 18px #00eaff33;
  padding: 1.3rem 1.3rem 1.3rem 1.7rem;
  animation: cardFloat 2.2s cubic-bezier(.36,1.56,.37,.96) infinite alternate;
  position: relative;
}
.appnextlvl299__card--nav { animation-delay: .11s; }
.appnextlvl299__card--alerts { animation-delay: .26s; }
.appnextlvl299__card--security { animation-delay: .43s; }
@keyframes cardFloat {
  from { transform: translateY(0); }
  to { transform: translateY(-18px) scale(1.02);}
}
.appnextlvl299__icon {
 border-radius: 50%;
 padding: 10px;
  background: #143048;
  color: #36eaff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 12px #00eaff88, 0 4px 22px #00eaff22;
  font-size: 2rem;
  animation: iconPulseNLA 2s infinite alternate;
}
@keyframes iconPulseNLA { to { box-shadow: 0 0 24px #00eaff; } }
.appnextlvl299__desc {
  text-align: left;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.appnextlvl299__subtitle {
  font-size: 1.07rem;
  font-weight: 700;
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: left;
  color: #bdefff;
  margin: .1rem 0 .55rem 0;
}
.appnextlvl299__card p { margin: 0;
text-align: center; }
.appnextlvl299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}
.appnextlvl299__link:hover { border-color: #00eaff; }

.appnextlvl299__media {
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.appnextlvl299__img {
  width: 300px;
  
  border-radius: 16px;
  box-shadow: 0 4px 28px #00eaff55;
  animation: imgFloatNLA 2.5s infinite alternate;
}
@keyframes imgFloatNLA { to { transform: translateY(-15px); } }

.appnextlvl299__cta { margin-top: 0; }
.appnextlvl299__btn {
  display: inline-block;
  padding: 1.09rem 2.5rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .2s, transform .2s;
  animation: btnPulseNLA 1.3s infinite alternate;
  margin: 0;
}
@keyframes btnPulseNLA { to { box-shadow: 0 8px 36px #36eaffaa; } }
.appnextlvl299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media(max-width:1020px) {
  .appnextlvl299__main { flex-direction: column-reverse; gap: 0.2rem; }
  .appnextlvl299__media { margin-bottom: 2.3rem; flex: none; margin: 0; }
  .appnextlvl299__cards { width: 100%; min-width: 0; margin: 0; }
  .appnextlvl299__card { min-width: 220px; max-width: 99vw; }
  .appnextlvl299__desc, .appnextlvl299__subtitle { align-items: center; text-align: center; }
}





























/* ===== base ===== */
.zfooter {
  background: #002f40;
  color: #d9d7e5;
  font-size: .95rem;
  padding: 60px 6vw 120px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* 1 ▸ logo + nav */
.zfooter__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 28px
}

.zfooter__logo img {
  width: 160px
}

.zfooter__links {
  display: flex;
  gap: 24px;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap
}

.zfooter__links a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s
}

.zfooter__links a:hover {
  color: #fff
}

.zfooter__care {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 2 ▸ legal */
.zfooter__legal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center
}

.zfooter__age {
  font-weight: 900;
  color: #ff8540;
  display: flex;
  align-items: center;
  gap: 6px
}

.zfooter__age-text {
  margin: 0;
  font-size: .9rem;
  color: #bcb8d2
}

.zfooter__care a {
  color: #6aa8ff;
  margin-right: 18px;
  width: 130px;
  text-decoration: none
}

.zfooter__care a:hover {
  color: #fff
}

/* 3 ▸ payments */
.zfooter__payments {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center
}

.zfooter__payments i,
.zfooter__payments img,
.zfooter__crypto {
  font-size: 1.5rem;
  color: #ffb866;
  height: 42px;
  width: 42px;
  border-radius: 1rem;
  object-fit: contain;
  background-color: white;
  padding: 2px;
  display: flex;
  align-items: center
}

.zfooter__crypto {
  font-size: .85rem;
  font-weight: 800;
  padding: 6px 10px;
  border: 1px solid #ffb866;
  border-radius: 6px
}

/* divider (mobile only) */
.zfooter__divider {
  border: none;
  border-top: 1px solid #242235;
  display: none;
  margin: 16px 0
}

/* 4 ▸ socials */
.zfooter__social {
  display: flex;
  gap: 18px;
  justify-content: center
}

.zfooter__social a {
  color: #bcb8d2;
  font-size: 1.9rem;
  transition: color .2s
}

.zfooter__social a:hover {
  color: #ffb866
}

/* 5 ▸ closing */
.zfooter__closing {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px
}

.zfooter__closing-title {
  font-size: 1.25rem;
  font-weight: 900;
  color: #fffffe;
  margin: 0
}

.zfooter__closing-text {
  margin: 0;
  color: #bcb8d2;

}

/* ===== responsive ===== */
@media(max-width:900px) {

  .zfooter__top,
  .n7gp-zones {
    flex-direction: column;
    align-items: center;
    text-align: center
  }

  .zfooter__legal {
    align-items: center;
    text-align: center
  }
}

@media(max-width:768px) {

  /* center everything */
  .zfooter__payments,
  .zfooter__care {
    justify-content: center
  }

  .feature {
    justify-content: center;
  }

  .zfooter__divider {
    display: block
  }
}

/* ========== n7lg – “Login Hero” Luxury Section ========== */



.banner {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* ========== n7fixed-bonus-banner ========== */
.n7fixed-bonus-banner {
  position: fixed;

  bottom: 0;
width: 100%;
  z-index: 1010;
background: rgb(56 56 56 / 58%);
    color: #ffffff;
  font-family: "Inter", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 20px 30px;
  border: none;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 -2px 16px #00e79a33, 0 2px 20px #0009;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  backdrop-filter: blur(4px);
  cursor: pointer;
  user-select: none;
  z-index: 1111111111111111111111111111;
  /* Disable highlight on tap in mobile */
  -webkit-tap-highlight-color: transparent;

}

.n7fixed-bonus-banner:hover,
.n7fixed-bonus-banner:focus-visible {
  background: rgba(255, 255, 255, 0.96);
  color: #181a10;
  transform: scale(1.01);
  box-shadow: 0 -4px 24px #ffd70055, 0 2px 30px #00e79a22;
}

@media (max-width: 767px) {
  .n7fixed-bonus-banner {
    font-size: 1.08rem;
    padding: 17px 0 15px 0;
  }
}

.bet299-hero {
  background:#0f0f12;
  color:#f2f2f7;
  padding:4rem 1.5rem;
  overflow:hidden;
}
.bet299-hero__container{
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:3rem;
  align-items:center;
  justify-content:center; /* keeps buttons centred on desktop too */
  flex-wrap:wrap;         /* ensures wrap if space is tight */
}
.bet299-hero__content{flex:1 1 450px}
.bet299-hero__image  {flex:1 1 350px; text-align:center}
.bet299-hero__image img{width:100%; max-width:420px; filter:drop-shadow(0 0 8px #1d1d25)}

.bet299-hero__title{
  font-size:clamp(1.8rem,4vw,2.6rem);
  font-weight:700;
 
  margin-bottom:1rem;
}
.bet299-hero__desc{
  font-size:1rem;
  margin-bottom:1.5rem;
}
.bet299-hero__tag{color:#2dd8ff; font-weight:600}

.bet299-hero__perks{
  list-style:none;
  padding:0;
  margin:0 0 2rem;
}
.bet299-hero__perks li{
  display:flex;
  align-items:center;
  justify-content: center;
  gap:.6rem;
  margin-bottom:.7rem;
  font-size:.95rem;
}
.bet299-hero__perks i{color:#2dd8ff}

/* ── Buttons ─────────────────────── */
.bet299-btn{
  position:relative;
  display:inline-block;
  margin:.5rem 1rem;
  padding:.9rem 2.2rem;
  font-size:1rem;
  font-weight:600;
  letter-spacing:.3px;
  text-decoration:none;
  text-align:center;
  border-radius:4px;
  transition:color .25s;
}
.bet299-btn--primary{
  background:#2dd8ff;
  color:#0f0f12;
  box-shadow:0 0 0 0 rgba(45,216,255,.7);
  animation:pulseGlow 2.5s infinite;
}
.bet299-btn--ghost{
  border:2px solid #2dd8ff;
  color:#2dd8ff;
  background:transparent;
}
.bet299-btn:hover{
  transform:translateY(-2px);
}
.bet299-btn--ghost:hover{background:#2dd8ff; color:#0f0f12}

/* glowing ring for the primary button */
@keyframes pulseGlow{
  0%  {box-shadow:0 0 0 0 rgba(45,216,255,.7)}
  70% {box-shadow:0 0 0 12px rgba(45,216,255,0)}
  100%{box-shadow:0 0 0 0 rgba(45,216,255,0)}
}

/* ── Mobile (≤767px): full centralisation ───────────────── */
@media (max-width:767px){
  .bet299-hero__container,
  .bet299-hero__content,
  .bet299-hero__actions{
    text-align:center;
    justify-content:center;
  }
  .bet299-hero__container{
    flex-direction:column;
  }
  .bet299-hero__perks li{justify-content:center}


}


/* = 299bet “Next-Gen Showcase”
   ------------------------------------------------------------------ */
.front299 {
  position: relative;
  background: #060912;
  color: #e4e8ff;
  padding: 5rem 1rem;
  overflow: hidden;
  text-align: center;                 /* center by default */
}

/* Decorative layers */
.front299__lights {
  position: absolute;
  inset: 0;
  background: radial-gradient(700px at 70% 30%, rgba(0,185,255,.35), transparent 70%),
              radial-gradient(600px at 20% 70%, rgba(255,165,0,.25), transparent 70%);
  filter: blur(60px);
  z-index: -2;
}
.front299__grid-lines {
  position: absolute;
  inset: 0;
  background: url("img/bg.png");
  opacity: 0.05;
  z-index: -3;
}

/* Layout */
.front299__container { max-width: 1280px; margin-inline: auto; }
.front299__flex {
  display: flex; gap: 3.5rem; align-items: center;
  justify-content: space-between;
}

/* Visual column */
.front299__figure  { margin: 0; }
.front299__figure img {
  width: 100%; max-width: 520px; border-radius: 18px;
  box-shadow: 0 6px 28px rgba(0,0,0,.55);
}

/* Content column */
.front299__content { flex: 1; max-width: 620px; }

/* Title */
.front299__title {
  font-size: clamp(1.9rem, 2.6vw + 1rem, 2.75rem);
  margin-bottom: 1.2rem;
  font-weight: 800;
  color: #ffae30;
}

/* Subtitle stripe ONLY on h3 */
.front299__subtitle {
  font-size: 1.35rem;
  margin-bottom: .55rem;
  text-align: left;
  font-weight: 700;
  padding-left: 10px;               /* requested */
  border-left: 3px solid grey;      /* requested */
  color: #8abaff;
}

/* Paragraph blocks */
.front299__block { margin-bottom: 1.6rem; }

/* Links */
.front299__link {
  color: #00c8ff;
  text-decoration: none;
  position: relative;
}
.front299__link::after {
  content:''; position:absolute; left:0; bottom:-2px; width:100%; height:2px;
  background: currentColor; transform:scaleX(0); transition:transform .3s ease;
}
.front299__link:hover::after { transform:scaleX(1); }

/* Button */
.front299__btn {
  display:inline-block; padding:1rem 3rem; border-radius:60px;
  background:#00bfff; color:#001;
  font-weight:700; letter-spacing:.4px; text-decoration:none;
  box-shadow:0 0 0 rgba(0,191,255,.5);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.front299__btn:hover {
  transform:translateY(-4px);
  background:#01d9ff;
  box-shadow:0 0 22px rgba(0,191,255,.6);
}

/* Mobile ─ (<768 px) */
@media (max-width:767.98px){
  .front299__flex { flex-direction: column; }
  .front299, .front299 p, .front299 h2, .front299 h3 { text-align:center; }
  .front299__visual { order: -1; margin-bottom: 2rem; }
}

.trustFlip {
  background: #041021;
  color: #eef4ff;
  padding: 5rem 1rem;
  text-align: center;
}
.trustFlip__container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Title */
.trustFlip__title {
  font-size: clamp(2rem, 2.5vw + 1rem, 3rem);
  color: #ffb300;
  margin-bottom: 1.5rem;
}

/* Hero image */
.trustFlip__hero {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  margin-bottom: 2rem;
}

/* Grid */
.trustFlip__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2rem;
  justify-items: center;
}

/* Flip-card wrapper */
.trustFlip__card {
  
  perspective: 1000px;
}
.trustFlip__inner {
  transition: transform 0.6s ease;
}


/* Faces */
.trustFlip__face {
  
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.trustFlip__face--front {
  background: rgba(0, 0, 0, 0.5);
}
.trustFlip__face--back {
  
  overflow-y: auto;
}

/* h3 stripe + left-align */
.trustFlip__face h3 {
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: center;
  
  color: #ffd54f;
  margin-bottom: 0.6rem;
  font-size: 1.15rem;
}

/* Paragraphs centered */
.trustFlip__face p {
  margin: 0;
  text-align: center;
  font-size: 0.95rem;
}

/* Links */
.trustFlip__link {
  color: #00e0ff;
  text-decoration: underline;
  transition: color 0.3s;
}
.trustFlip__link:hover {
  color: #80ffff;
}

/* CTA button */
.trustFlip__btn {
  display: inline-block;
  margin-top: 3rem;
  padding: 1rem 2.5rem;
  background: #ffb300;
  color: #041021;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s, transform 0.3s;
}
.trustFlip__btn:hover {
  background: #ffd54f;
  transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 767.98px) {
  .trustFlip__grid {
    grid-template-columns: 1fr;
  }
}
/* ═══════════════════════════════════════════════════════╗
   “Nested Spotlight” Section Styles
╚═══════════════════════════════════════════════════════*/
.nested299 {
  position: relative;
  background: #0a111d;
  color: #e1e8f5;
  text-align: center;
  padding: 5rem 1rem;
  overflow: hidden;
  isolation: isolate;
}

.nested299__bg-layer {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(25,40,65,0.7), #0a111d 70%);
  z-index: -1;
}

/* Container & central wrapper */
.nested299__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.nested299__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Header */
.nested299__title {
  font-size: clamp(2rem, 2.4vw + 1rem, 3rem);
  font-weight: 800;
  color: #39caff;
  margin-bottom: 1rem;
}

/* Intro */
.nested299__intro-shell {
  display: flex;
  justify-content: center;
}
.nested299__intro-inner {
  max-width: 800px;
}
.nested299__intro-text {
  font-size: 1rem;
  margin-bottom: 2rem;
}
.nested299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.3s, border-color 0.3s;
}
.nested299__link:hover {
  color: #ffffff;
  border-color: #ffffff;
}

/* Features grid */
.nested299__features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2.5rem;
  width: 100%;
}
.nested299__feature-wrap {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Stripe heading (only h3) */
.nested299__feature-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  padding-left: 10px;               /* left stripe */
  border-left: 2px solid grey;      /* stripe */
  text-align: center;                 /* override center */
  color: #add8ff;
}
.nested299__feature-content p {
  margin: 0;
}

/* Bottom CTA & image */
.nested299__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2rem;
}
.nested299__img {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
.nested299__btn {
  display: inline-block;
  padding: 0.9rem 2.4rem;
  background: #39caff;
  color: #0a111d;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s, transform 0.3s;
}
.nested299__btn:hover {
  background: #00eaff;
  transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 767.98px) {
  .nested299__features {
    grid-template-columns: 1fr;
  }
}
.journey299 {
  position: relative;
  background: #041022;
  color: #eef4ff;
  text-align: center;
  padding: 5rem 1rem;
  overflow: hidden;
  isolation: isolate;
}
.journey299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at top left, #082e51 0%, #041022 80%);
  z-index: -1;
}

.journey299__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Header */
.journey299__title {
  font-size: clamp(1.8rem, 2.4vw + 1rem, 2.8rem);
  color: #39caff;
  font-weight: 800;
}

/* Intro */
.journey299__intro p {
  max-width: 1200px;
  margin: 0 auto;
  
  font-size: 1rem;
}
.journey299__link {
  color: #00eaff;
  text-decoration: none;
  position: relative;
}
.journey299__link::after {
  content: '';
  position: absolute;
  left: 0; bottom: -2px;
  width: 100%; height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.journey299__link:hover::after {
  transform: scaleX(1);
}

/* Timeline */
.journey299__timeline {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.journey299__timeline::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 10%; right: 10%;
  height: 2px;
  background: rgba(255,255,255,0.2);
  z-index: 0;
}

.journey299__step {
  position: relative;
  z-index: 1;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

/* Step circle */
.journey299__circle {
  width: 48px; height: 48px;
  background: #00eaff;
  color: #041022;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
}

/* Step title (<>) */
.journey299__step-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
  padding-left: 10px;               /* requested */
  border-left: 2px solid grey;      /* requested */
  text-align: center;                 /* requested */
  color: #add8ff;
  width: 100%;
}

/* Step description */
.journey299__step-desc {
  margin: 0;
  
  font-size: 0.95rem;
  text-align: center;
}

/* Bottom CTA + Image */
.journey299__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.journey299__btn {
  background: #00eaff;
  color: #041022;
  padding: 0.9rem 2.4rem;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s, transform 0.3s;
}
.journey299__btn:hover {
  background: #39caff;
  transform: translateY(-3px);
}
.journey299__img {
  width: 100%;
  max-width: 360px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  object-fit: cover;
}

/* Responsive (<768px) */
@media (max-width: 767.98px) {
  .journey299__timeline {
    flex-direction: column;
  }
  .journey299__timeline::before {
    display: none;
  }
  .journey299__step {
    width: 100%;
  }
}
/* ═══════════════════════════════════════════════════════════════════════╗
   299bet · Top Game Categories · Diamond Spotlight Section Styles
╚═════════════════════════════════════════════════════════════════════════*/
.topcats299 {
  position: relative;
  background: #0a1626;
  color: #e8f2ff;
  text-align: center;
  padding: 6rem 1rem;
  overflow: hidden;
  isolation: isolate;
}
/* Radial spotlight behind content */
.topcats299__spotlight {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 20%, rgba(0,234,255,0.2), transparent 70%);
  z-index: -1;
}

.topcats299__container {
  max-width: 1140px;
  margin: 0 auto;
}

.topcats299__wrapper {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
}

/* HEADER */
.topcats299__title {
  font-size: clamp(1.9rem, 2.4vw + 1rem, 3.2rem);
  font-weight: 800;
  color: #00eaff;
  margin-bottom: 1rem;
}

/* INTRO */
.topcats299__intro-inner {
  max-width: 800px;
  margin: 0 auto;
}
.topcats299__intro p {
  font-size: 1rem;
  
  margin: 0;
}
.topcats299__link {
  color: #acdfff;
  text-decoration: none;
  position: relative;
}
.topcats299__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.topcats299__link:hover::after {
  transform: scaleX(1);
}

/* GRID */
.topcats299__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  width: 100%;
}
.topcats299__col {
  display: flex;
  justify-content: center;
}

/* CARD */
.topcats299__card {
  background: rgba(255,255,255,0.05);
  padding: 1.8rem;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.topcats299__card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.5), 0 0 12px rgba(0,234,255,0.3);
}

/* CATEGORY TITLE (h3) */
.topcats299__category-title {
  margin: 0 0 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  padding-left: 10px;               /* as requested */
  border-left: 2px solid grey;      /* as requested */
  text-align: left;                 /* as requested */
  color: #bfdfff;
}

/* CARD BODY */
.topcats299__card-body p {
  margin: 0;
  font-size: 0.95rem;
  
  text-align: center;
}

/* IMAGE & CTA */
.topcats299__media-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}
.topcats299__figure {
  margin: 0;
}
.topcats299__img {
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  object-fit: cover;
}
.topcats299__btn {
  display: inline-block;
  padding: 1rem 2.4rem;
  background: #00eaff;
  color: #0a1626;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s, transform 0.3s;
}
.topcats299__btn:hover {
  background: #39c4ff;
  transform: translateY(-3px);
}

/* RESPONSIVE (<768px) */
@media (max-width: 767.98px) {
  .topcats299__grid {
    grid-template-columns: 1fr;
  }
  .topcats299__category-title {
    text-align: center;  /* override left-align on small screens */
    padding-left: 0;
    border-left: none;
  }
}

/* ════════════════════════════════════════════════════════════════
   299bet · Top Game Categories · Image-Enriched Styles
   ════════════════════════════════════════════════════════════════*/
.topcats299 {
  position: relative;
  background: #0a1626;
  color: #e8f2ff;
  text-align: center;
  padding: 6rem 1rem;
  overflow: hidden;
  isolation: isolate;
}
.topcats299__spotlight {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 20%, rgba(0,234,255,0.2), transparent 70%);
  z-index: -1;
}

.topcats299__container { max-width: 1140px; margin: 0 auto; }
.topcats299__header { margin-bottom: 1.5rem; }
.topcats299__title {
  font-size: clamp(1.9rem, 2.4vw + 1rem, 3.2rem);
  font-weight: 800; color: #00eaff;
}

/* Intro */
.topcats299__intro { margin-bottom: 3rem; }
.topcats299__intro-inner { max-width: 800px; margin: 0 auto; }
.topcats299__intro p { font-size: 1rem;  margin: 0; }
.topcats299__link {
  color: #acdfff; text-decoration: none; position: relative;
}
.topcats299__link::after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 100%; height: 2px; background: currentColor;
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.3s ease;
}
.topcats299__link:hover::after { transform: scaleX(1); }

/* Grid */
.topcats299__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  width: 100%;
}

/* Card */
.topcats299__card {
  background: rgba(255,255,255,0.05);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.topcats299__card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.5), 0 0 12px rgba(0,234,255,0.3);
}
.topcats299__card-shell { display: flex; flex-direction: column; align-items: center; }

/* Card Image */
.topcats299__card-figure { margin: 0 0 1rem; }
.topcats299__card-img {
  width: 100%; border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Category Title */
.topcats299__category-title {
  margin: 0 0 1rem;
  font-size: 1.2rem; font-weight: 700;
  padding-left: 10px; border-left: 2px solid grey;
  text-align: left; color: #bfdfff;
}

/* Card Text */
.topcats299__card-text p {
  margin: 0; font-size: 0.95rem;  text-align: center;
}

/* Media + CTA */
.topcats299__media-cta {
  display: flex; flex-direction: column; align-items: center; gap: 2rem; margin-top: 2rem;
}
.topcats299__figure { margin: 0; }
.topcats299__img {
  width: 100%; max-width: 420px; border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
.topcats299__btn {
  display: inline-block; padding: 1rem 2.4rem;
  background: #00eaff; color: #0a1626; border-radius: 50px;
  font-weight: 600; text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}
.topcats299__btn:hover {
  background: #39c4ff; transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 767.98px) {
  .topcats299__grid { grid-template-columns: 1fr; }
  .topcats299__category-title {
    text-align: center; padding-left: 0; border-left: none;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   299bet · Security, Fairness & Responsible Gaming · Side Accordion Styles
   ══════════════════════════════════════════════════════════════════════════*/
.sideacc299 {
  background: linear-gradient(90deg, #11233a 55%, #162e49 100%);
  color: #e7f7ff;
  padding: 5rem 1rem;
  position: relative;
  overflow: hidden;
}
.sideacc299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 25% 20%, #00eaff22 0, transparent 80%);
  z-index: 0;
}
.sideacc299__container { max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.sideacc299__header { text-align: center; margin-bottom: 2.5rem; }
.sideacc299__title {
  font-size: clamp(1.8rem, 2.5vw + 1rem, 2.7rem);
  font-weight: 900;
  color: #40e6ff;
}

/* WRAP = LEFT (NAV) + RIGHT (CONTENT) */
.sideacc299__wrap {
  display: flex;
  gap: 3rem;
  align-items: center;
  justify-content: center;
}

/* Accordion Nav */
.sideacc299__nav {
  border-radius: 14px;
}
.sideacc299__accordion { list-style: none; margin: 0; padding: 0; }
.sideacc299__item { margin-bottom: .5rem; }
.sideacc299__btn {
  width: 100%;
  background: none;
  border: none;
  color: inherit;
  font-size: 1.07rem;
  font-weight: 700;
  text-align: left;
  padding: 1.15rem 1.2rem;
  border-radius: 9px;
  display: flex;
  align-items: center;
  gap: .95rem;
  cursor: pointer;
  outline: none;
  transition: background 0.18s;
  position: relative;
}
.sideacc299__item--active .sideacc299__btn,
.sideacc299__btn:hover { background: #1c4168; color: #58e2ff; }
.sideacc299__icon { font-size: 1.35rem; color: #37eaff; min-width: 2rem; text-align: center; }
.sideacc299__label {
  padding-left: 10px; border-left: 2px solid grey; text-align: left;
  color: #c7e8ff; display: inline-block;
}

/* Content Panel (right side) */
.sideacc299__contentpanel {
  flex: 1 1 0%;
  background: rgba(255,255,255,0.05);
  border-radius: 14px;
  min-width: 0;
  padding: 2rem 2.5rem;
  position: relative;
  box-shadow: 0 4px 18px #0a0f1c23;
  display: flex;
  flex-direction: column;
}
.sideacc299__content {
  display: none;
  flex-direction: column;
  align-items: center;
  animation: fadeIn .34s;
}

.topcats299__card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sideacc299__content--active { display: flex; }
.sideacc299__content-title {
  font-size: 1.21rem; font-weight: 700;
  padding-left: 10px; border-left: 2px solid grey; text-align: left;
  color: #addfff; margin-bottom: 1.1rem;
}
.sideacc299__content p {
  font-size: 1.01rem;  text-align: center; max-width: 580px;
}
.sideacc299__media {
  margin: 1.6rem 0 0.7rem;
  display: flex; justify-content: center; width: 100%;
}
.sideacc299__media img {
  width: 100%; max-width: 220px; border-radius: 12px;
  box-shadow: 0 4px 18px #10224850;
}
.sideacc299__cta {
  margin-top: 1.2rem;
  width: 100%; display: flex; justify-content: center;
}
.sideacc299__btncta {
  display: inline-block;
  padding: 1rem 2.3rem;
  background: #36eaff;
  color: #174765;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1.09rem;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}
.sideacc299__btncta:hover {
  background: #53f3ff;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 900px) {
  .sideacc299__wrap {
    flex-direction: column;
    gap: 1.5rem;
    align-items: stretch;
  }
  .sideacc299__nav, .sideacc299__contentpanel { width: 100%; }
  .sideacc299__contentpanel { padding: 2rem 1rem; }
}
@media (max-width: 500px) {
  .sideacc299__contentpanel { padding: 1.2rem 0.3rem; }
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ═══════════════════════════════════════════════════════
   299bet FAQ Accordion Section Styles · Highly Nested
   ═══════════════════════════════════════════════════════ */
.faq299 {
  background: linear-gradient(120deg, #13294a 65%, #0d1a33 100%);
  color: #eaf6ff;
  padding: 5rem 1rem 6rem 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.faq299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 10%, #00eaff33 0, transparent 80%);
  z-index: 0;
}
.faq299__container { max-width: 950px; margin: 0 auto; position: relative; z-index: 1; }
.faq299__wrap { display: flex; flex-direction: column; gap: 2.2rem; align-items: center; }
.faq299__header { margin-bottom: 1rem; }
.faq299__title {
  font-size: clamp(1.7rem, 2vw + 1rem, 2.6rem);
  font-weight: 800;
  color: #36eaff;
  margin-bottom: 0.7rem;
}
.faq299__desc-shell { max-width: 700px; margin: 0 auto; }
.faq299__desc-shell p { font-size: 1rem;  margin: 0; }
.faq299__link {
  color: #00eaff; text-decoration: none; border-bottom: 2px solid transparent; transition: border-color .3s;
}
.faq299__link:hover { border-color: #00eaff; }

/* Accordion Core */
.faq299__accordion { width: 100%; max-width: 780px; margin: 0 auto; }
.faq299__item { background: rgba(255,255,255,0.06); margin-bottom: 1.1rem; border-radius: 10px; overflow: hidden; }
.faq299__question {
  width: 100%; background: none; border: none;
  color: inherit; font-size: 1.08rem; font-weight: 700;
  text-align: left; display: flex; align-items: center; gap: 1.2rem;
  padding: 1.3rem 1.4rem; cursor: pointer; outline: none;
  position: relative; transition: background .2s;
}
.faq299__item.open .faq299__question,
.faq299__question:hover { background: #153257; color: #48e6ff; }
.faq299__icon { font-size: 1.5rem; color: #4ffbfa; }
.faq299__chevron {
  margin-left: auto; width: 1.3rem; height: 1.3rem; transition: transform .25s;
  display: flex; align-items: center; justify-content: center;
}
.faq299__chevron::after {
  content: ''; display: block; width: .7rem; height: .7rem;
  border-bottom: 2px solid #4ffbfa; border-right: 2px solid #4ffbfa;
  transform: rotate(45deg); transition: transform .25s;
}
.faq299__item.open .faq299__chevron { transform: rotate(90deg); }
.faq299__answer {
  display: none; background: #162b47;
  animation: fadeIn .33s;
}
.faq299__item.open .faq299__answer { display: block; }
.faq299__answer-inner { padding: 1.2rem 1.7rem 1.2rem 3.2rem; }
.faq299__answer-inner p { margin: 0; font-size: .99rem;  }

/* CTA Button */
.faq299__cta { margin-top: 2.8rem; }
.faq299__btn {
  display: inline-block;
  padding: 1rem 2.2rem;
  background: #36eaff; color: #133755;
  border-radius: 48px; font-weight: 700; font-size: 1.08rem;
  text-decoration: none; box-shadow: 0 3px 18px #1be5ff33;
  transition: background .22s, transform .22s;
}
.faq299__btn:hover { background: #00eaff; transform: translateY(-2px);}
@media (max-width: 650px) {
  .faq299__answer-inner { padding: 1.15rem 0.5rem 1.2rem 1.3rem; }
  .faq299__accordion { max-width: 100vw; }
}

/* FadeIn animation */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.casinobanner299 {
    background-image: url(img/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ecf6ff;
  text-align: center;
  padding: 5rem 1rem 6rem 1rem;
  position: relative;
  overflow: hidden;
}
.casinobanner299__bg {
  position: absolute; inset: 0;

  background: radial-gradient(circle at 70% 15%, #002232 0, #002e6ac9 80%);
  z-index: 0;
}
.casinobanner299__container { max-width: 1060px; margin: 0 auto; position: relative; z-index: 1; }
.casinobanner299__wrap { display: flex; flex-direction: column; align-items: center; }
.casinobanner299__header { margin-bottom: .2rem; }
.casinobanner299__title {
  font-size: clamp(2rem, 2.6vw + 1rem, 2.7rem);
  font-weight: 900; color: #40e6ff;
  margin-bottom: 1.1rem;
}
.casinobanner299__desc-shell { max-width: 680px; margin: 0 auto; }
.casinobanner299__desc-shell p { font-size: 1.05rem;  }
.casinobanner299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}
.casinobanner299__link:hover { border-color: #00eaff; }

.casinobanner299__figure { margin: 0; }
.casinobanner299__img {
  width: 100%; max-width: 420px; border-radius: 16px;
  box-shadow: 0 4px 18px #16385560;
  object-fit: cover;
  margin-bottom: 0.8rem;
}

.casinobanner299__ctas {
  display: flex;
  gap: 0.2rem;
  justify-content: center;
  margin-bottom: 0.6rem;
}
.casinobanner299__btn {
  display: inline-block;
  padding: 1rem 2.5rem;
  font-size: 1.08rem;
  font-weight: 700;
  border-radius: 48px;
  text-decoration: none;
  background: #36eaff;
  color: #18365e;
  box-shadow: 0 3px 18px #00eaff44;
  transition: background .18s, transform .22s;
}
.casinobanner299__btn--secondary {
  background: #173d5a;
  color: #53f3ff;
  border: 1.5px solid #53f3ff;
}
.casinobanner299__btn:hover,
.casinobanner299__btn--secondary:hover {
  background: #53f3ff;
  color: #153257;
  transform: translateY(-2px);
}

/* Accordion (Highly Nested) */
.casinobanner299__accordion {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  margin-top: 2.2rem;
}
.casinobanner299__item {
  background: rgba(255,255,255,0.06);
  border-radius: 11px;
  margin-bottom: 1.1rem;
  overflow: hidden;
}
.casinobanner299__question {
  width: 100%; background: none; border: none;
  color: inherit; font-size: 1.08rem; font-weight: 700;
  text-align: left; display: flex; align-items: center; gap: 1.25rem;
  padding: 1.35rem 1.7rem; cursor: pointer; outline: none;
  position: relative; transition: background .22s;
}
.casinobanner299__item.open .casinobanner299__question,
.casinobanner299__question:hover { background: #194570; color: #36eaff; }
.casinobanner299__icon { font-size: 1.47rem; color: #00eaff; min-width: 2rem; }
.casinobanner299__acc-title { flex: 1; padding-left: 10px; border-left: 2px solid grey; text-align: left; color: #c8eafd; }
.casinobanner299__chevron {
  margin-left: auto; width: 1.4rem; height: 1.4rem; transition: transform .22s;
  display: flex; align-items: center; justify-content: center;
}
.casinobanner299__chevron::after {
  content: ''; display: block; width: .8rem; height: .8rem;
  border-bottom: 2px solid #00eaff; border-right: 2px solid #00eaff;
  transform: rotate(45deg); transition: transform .23s;
}
.casinobanner299__item.open .casinobanner299__chevron { transform: rotate(90deg); }
.casinobanner299__answer {
  display: none;
  background: #0d2038;
  animation: fadeIn .3s;
}
.casinobanner299__item.open .casinobanner299__answer { display: block; }
.casinobanner299__answer-inner { padding: 1.2rem 1.7rem 1.2rem 3.2rem; }
.casinobanner299__answer-inner p { margin: 0; font-size: 1.01rem;  }

@media (max-width: 650px) {
  .casinobanner299__answer-inner { padding: 1.1rem 0.4rem 1.1rem 1.1rem; }
  .casinobanner299__accordion { max-width: 100vw; }
  .casinobanner299__ctas { flex-direction: column; align-items: center; gap: 0; width: 100%; }
  .casinobanner299__img { max-width: 97vw; }
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ═══════════════════════════════════════════════════════════════
   299bet · Step Into the Action · Highly Nested Hero Styles
   ═══════════════════════════════════════════════════════════════ */
.stepaction299 {
  background: linear-gradient(120deg, #0c1b35 60%, #13274b 100%);
  color: #e9f6ff;
  padding: 5rem 1rem 6rem 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.stepaction299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 12%, #00eaff25 0, transparent 75%);
  z-index: 0;
}
.stepaction299__container { max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; }
.stepaction299__shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.stepaction299__header { margin-bottom: 1rem; }
.stepaction299__title {
  font-size: clamp(2rem, 2.5vw + 1rem, 2.4rem);
  font-weight: 900;
  color: #39e4ff;
}
.stepaction299__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 3rem;
  justify-content: center;
  width: 100%;
}
.stepaction299__textblock {
  max-width: 520px;
  text-align: center;
  display: flex;
  flex-direction: column;
  
}
.stepaction299__desc {
  font-size: 1.07rem;
  
}
.stepaction299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}
.stepaction299__link:hover { border-color: #00eaff; }

.stepaction299__nested-info {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  align-items: center;
}
.stepaction299__sub-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255,255,255,0.04);
  border-radius: 10px;
  padding: 1.3rem 1.2rem 1.2rem 1.2rem;
  margin-bottom: .1rem;
  box-shadow: 0 3px 16px #00eaff11;
}
.stepaction299__subtitle {
  font-size: 1.08rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: left;
  color: #bdefff;
}
.stepaction299__sub-block p { margin: 0; font-size: 0.99rem;  }

.stepaction299__media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.stepaction299__img {
  width: 100%;
  
  border-radius: 13px;
  box-shadow: 0 4px 20px #14376045;
}

.stepaction299__cta {
  margin-top: 2.2rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
.stepaction299__btn {
  display: inline-block;
  padding: 1.05rem 2.4rem;
  background: #36eaff;
  color: #1b395f;
  border-radius: 48px;
  font-weight: 700;
  font-size: 1.09rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #1be5ff33;
  transition: background .22s, transform .22s;
}
.stepaction299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media (max-width: 900px) {
  .stepaction299__body { flex-direction: column; gap: 2rem; align-items: center; }
  .stepaction299__textblock { max-width: 100%; }
}
@media (max-width: 600px) {
  .stepaction299__img { max-width: 98vw; }
  .stepaction299__title { font-size: 1.35rem; margin: 0; }
}

/* ═════════════════════════════════════════════════════════════════
   299bet · Game Types Grid · Highly Nested + Images Styles
   ═════════════════════════════════════════════════════════════════ */
.gamecards299 {
  background: linear-gradient(120deg, #12203b 60%, #11315c 100%);
  color: #ecf6ff;
  text-align: center;
  padding: 5rem 1rem 6rem 1rem;
  position: relative;
  overflow: hidden;
}
.gamecards299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 15%, #00eaff22 0, transparent 80%);
  z-index: 0;
}
.gamecards299__container { max-width: 1180px; margin: 0 auto; position: relative; z-index: 1; }
.gamecards299__wrap { display: flex; flex-direction: column; gap: 2.7rem; align-items: center; }
.gamecards299__header { margin-bottom: 0.2rem; }
.gamecards299__title {
  font-size: clamp(1.8rem, 2.5vw + 1rem, 2.3rem);
  font-weight: 900;
  color: #34d7fa;
  margin-bottom: 1.1rem;
}
.gamecards299__desc-shell { max-width: 690px; margin: 0 auto; }
.gamecards299__desc-shell p { font-size: 1.07rem;  }
.gamecards299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}
.gamecards299__link:hover { border-color: #00eaff; }

/* Game Cards Grid */
.gamecards299__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2.2rem;
  margin-bottom: 1.2rem;
}
.gamecards299__col { display: flex; justify-content: center; }
.gamecards299__card {
  width: 100%;
  
  background: rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 16px #00eaff18;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform .22s, box-shadow .22s;
}
.gamecards299__card:hover {
  transform: translateY(-7px) scale(1.03);
  box-shadow: 0 10px 26px #00eaff55;
}
.gamecards299__imgbox {
  background: linear-gradient(100deg, #11315c 60%, #1e415f 100%);
  padding: 1.2rem 0.7rem 0.8rem 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.gamecards299__img {
  width: 82px;
  height: 82px;
  border-radius: 14px;
  object-fit: cover;
  box-shadow: 0 2px 10px #00eaff30;
}
.gamecards299__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .7rem;
  padding: 1.1rem 1.1rem 1.5rem 1.1rem;
}
.gamecards299__card-title {
  font-size: 1.07rem;
  font-weight: 700;
  margin-bottom: .5rem;
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: left;
  color: #c9f1ff;
  
}
.gamecards299__text {
  font-size: .97rem;
  text-align: center;
  
}

/* Banner Image + CTA */
.gamecards299__bottom {
  margin-top: 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.3rem;
}
.gamecards299__bannerimg {
  width: 100%;
  max-width: 400px;
  border-radius: 12px;
  box-shadow: 0 4px 22px #16385560;
  margin-bottom: .2rem;
}
.gamecards299__btn {
  display: inline-block;
  padding: 1.1rem 2.3rem;
  background: #36eaff;
  color: #153757;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1.08rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #1be5ff33;
  transition: background .19s, transform .18s;
}
.gamecards299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media (max-width: 850px) {
  .gamecards299__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .gamecards299__grid { grid-template-columns: 1fr; }
  .gamecards299__bannerimg { max-width: 95vw; }
  .gamecards299__title { font-size: 1.28rem; }
}

/* ═══════════════════════════════════════════════════════════════════════
   299bet · Why Top Choice · Animational Highly Nested Styles
   ═══════════════════════════════════════════════════════════════════════ */
.topchoice299 {
  background: linear-gradient(120deg, #102146 60%, #19365e 100%);
  color: #eaf6ff;
  padding: 5rem 1rem 6rem 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.topchoice299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 12%, #00eaff29 0, transparent 80%);
  z-index: 0;
}
.topchoice299__container { max-width: 1170px; margin: 0 auto; position: relative; z-index: 2; }
.topchoice299__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topchoice299__halo {
  position: absolute;
  left: 50%; top: 80px;
  transform: translateX(-50%);
  width: 340px; height: 140px;
  background: radial-gradient(ellipse at 50% 60%, #00eaff33 50%, transparent 85%);
  filter: blur(16px);
  z-index: 1;
  pointer-events: none;
  animation: topchoice299-halo-pulse 4s infinite alternate;
}
@keyframes topchoice299-halo-pulse {
  0% { opacity: .55; }
  100% { opacity: 1; }
}

/* Header Animation */
.topchoice299__header { margin-bottom: 1.2rem; z-index: 2; position: relative; }
.topchoice299__title {
  font-size: clamp(1.7rem, 2.2vw + 1rem, 2.3rem);
  font-weight: 900;
  color: #39e4ff;
  margin-bottom: 0.3rem;
  letter-spacing: -1px;
}
.topchoice299__animate-title {
  display: inline-block;
  background: linear-gradient(90deg, #53f3ff 35%, #bdefff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: topchoice299-title-reveal 1.8s cubic-bezier(.52,1.81,.72,1.04);
}
@keyframes topchoice299-title-reveal {
  from { filter: blur(14px); opacity: 0; }
  to { filter: blur(0px); opacity: 1; }
}

/* Main Row (Text + Image) */
.topchoice299__mainrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3.2rem;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 2;
}
.topchoice299__maincol { display: flex; flex-direction: column; align-items: center; width: 100%; }
.topchoice299__maincol--text { align-items: flex-start; max-width: 560px; }
.topchoice299__desc-shell { margin-bottom: 1.5rem; width: 100%; }
.topchoice299__desc {
  font-size: 1.08rem; 
  text-align: center;
  opacity: 0; animation: topchoice299-fadein .7s .15s forwards;
}
@keyframes topchoice299-fadein {
  to { opacity: 1; }
}

.topchoice299__features {
  display: flex; flex-direction: column; gap: 1.5rem; align-items: stretch;
  width: 100%;
}
.topchoice299__feature {
  display: flex; align-items: center; gap: 1.1rem;
  background: rgba(255,255,255,0.04);
  border-radius: 12px;
  padding: 1.3rem 1.3rem 1.2rem 1.3rem;
  box-shadow: 0 3px 16px #00eaff11;
  transform: translateX(-40px);
  opacity: 0;
  animation: topchoice299-slidein 0.9s cubic-bezier(.54,1.54,.56,1.08) forwards;
}
.topchoice299__feature:nth-child(2) { animation-delay: .18s; }
@keyframes topchoice299-slidein {
  to { transform: translateX(0px); opacity: 1; }
}
.topchoice299__feature-iconbox {
  font-size: 2rem;
  color: #53f3ff;
  flex: 0 0 2.3rem;
  display: flex; align-items: center; justify-content: center;
  animation: topchoice299-floaticon 1.2s infinite alternate;
}
@keyframes topchoice299-floaticon {
  to { transform: translateY(-10px) scale(1.09);}
}
.topchoice299__feature-title {
  margin-bottom: .55rem; font-size: 1.08rem; font-weight: 700;
  padding-left: 10px; border-left: 2px solid grey; text-align: left; color: #bdefff;
}
.topchoice299__feature-content p {
  font-size: .98rem;  margin: 0; text-align: left;
}
.topchoice299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}
.topchoice299__link:hover { border-color: #00eaff; }

/* Image Animation */
.topchoice299__maincol--img {
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 0;
}
.topchoice299__imgwrap {
  position: relative;
  display: inline-block;
  animation: topchoice299-float 2.3s infinite ease-in-out alternate;
}
@keyframes topchoice299-float {
  0% { transform: translateY(0); }
  100% { transform: translateY(-20px); }
}
.topchoice299__img {
  
  border-radius: 13px;
  box-shadow: 0 4px 32px #00eaff44;
  z-index: 2;
  position: relative;
}
.topchoice299__imgglow {
  content: ""; position: absolute; left: 50%; top: 55%;
  transform: translate(-50%, -50%);
  width: 225px; height: 60px; border-radius: 50%;
  background: radial-gradient(ellipse at center, #00eaff45 0%, transparent 80%);
  filter: blur(12px); z-index: 1;
  pointer-events: none;
}
.topchoice299__cta {
  margin-top: 2.3rem; width: 100%; display: flex; justify-content: center;
}
.topchoice299__btn {
  display: inline-block;
  padding: 1.1rem 2.4rem;
  background: #36eaff;
  color: #153757;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1.08rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #1be5ff33;
  transition: background .19s, transform .18s, box-shadow .3s;
  animation: topchoice299-pulse 1.3s infinite alternate;
}
.topchoice299__btn:hover { background: #00eaff; transform: translateY(-2px); box-shadow: 0 6px 30px #00eaff66;}
@keyframes topchoice299-pulse {
  0% { box-shadow: 0 3px 18px #1be5ff33; }
  100% { box-shadow: 0 9px 40px #36eaff80; }
}

@media (max-width: 960px) {
  .topchoice299__mainrow { flex-direction: column; gap: 2.3rem; }
  .topchoice299__maincol--text, .topchoice299__maincol--img { max-width: 100%; }
}
@media (max-width: 600px) {
  .topchoice299__img { width: 98vw; max-width: 98vw; }
  .topchoice299__title { font-size: 1.2rem; }
}

/* ════════════════════════════════════════════════════════
   299bet · Slots Hero Section · Background Image · Styles
   ════════════════════════════════════════════════════════ */
.slotshero299 {
  min-height: 500px;
  padding: 6rem 1rem 6.5rem 1rem;
  position: relative;
  background: #141c2f;
  color: #f2fbff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.slotshero299__bg {
  position: absolute;
  inset: 0;
  background: 
    linear-gradient(120deg, rgba(20,30,60,0.90) 58%, rgba(25,70,110,0.92) 100%),
    url('img/bg.png') center center / cover no-repeat;
  z-index: 0;
}
.slotshero299__container {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
}
.slotshero299__contentwrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.slotshero299__header { margin-bottom: .2rem; }
.slotshero299__title {
  font-size: clamp(2rem, 3vw + 1rem, 2.9rem);
  font-weight: 900;
  color: #3cf3ff;
  margin-bottom: 1.3rem;
  text-shadow: 0 4px 22px #04233d40;
  letter-spacing: -1px;
}
.slotshero299__desc-shell { max-width: 680px; margin: 0 auto; }
.slotshero299__desc-shell p {
  font-size: 1.14rem;
  
  color: #eafcff;
}
.slotshero299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s;
}
.slotshero299__link:hover { border-color: #00eaff; }
.slotshero299__ctas {
  display: flex;
  gap: 0.2rem;
  justify-content: center;
  margin-top: 0.2rem;
  flex-wrap: wrap;
}
.slotshero299__btn {
  display: inline-block;
  padding: 1.06rem 2.4rem;
  font-size: 1.11rem;
  font-weight: 700;
  border-radius: 48px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff35;
  transition: background .17s, color .17s, transform .18s;
  margin-bottom: .5rem;
}
.slotshero299__btn--main {
  background: #36eaff;
  color: #133657;
}
.slotshero299__btn--main:hover {
  background: #00eaff;
  color: #133657;
  transform: translateY(-2px);
}
.slotshero299__btn--alt {
  background: #183f65;
  color: #54f6ff;
  border: 1.5px solid #54f6ff;
}
.slotshero299__btn--alt:hover {
  background: #54f6ff;
  color: #153257;
  transform: translateY(-2px);
}

@media (max-width: 700px) {
  .slotshero299 { padding: 3.3rem 0.2rem 3.8rem 0.2rem; }
  .slotshero299__title { font-size: 1.45rem; }
  .slotshero299__ctas {  gap: 0; width: 100%; }
}

/* ═══════════════════════════════════════════════════════════════════════
   299bet · Discover Slot Variety · Highly Nested + Animation Styles
   ═══════════════════════════════════════════════════════════════════════ */
.slotvariety299 {
  background: linear-gradient(120deg, #0f1d36 65%, #19365e 100%);
  color: #eaf6ff;
  padding: 5rem 1rem 7rem 1rem;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.slotvariety299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 14%, #00eaff1f 0, transparent 85%);
  z-index: 0;
}
.slotvariety299__container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.slotvariety299__inner { display: flex; flex-direction: column; align-items: center;  }

/* Animated Slot Reels */
.slotvariety299__reelswrap {
  display: flex; gap: 2.2rem; margin-bottom: 1.8rem; position: relative;
  justify-content: center; width: 100%;
}
.slotvariety299__reel {
  width: 44px; height: 80px;
  border-radius: 16px;
  background: linear-gradient(135deg, #233e61 60%, #38f2ff 100%);
  box-shadow: 0 6px 28px #00eaff22;
  position: relative;
  overflow: hidden;
  animation: slotvariety299-spin 1.3s linear infinite alternate;
}
.slotvariety299__reel--2 { animation-delay: .3s; }
.slotvariety299__reel--3 { animation-delay: .6s; }
@keyframes slotvariety299-spin {
  0%   { box-shadow: 0 3px 18px #53f3ff77, 0 0 0 #00eaff11; }
  90%  { box-shadow: 0 14px 30px #00eaff66, 0 0 16px #53f3ff66; }
  100% { box-shadow: 0 7px 30px #00eaff44, 0 0 4px #53f3ff44; }
}

/* Section Header */
.slotvariety299__header { margin-bottom: .4rem; }
.slotvariety299__title {
  font-size: clamp(1.45rem, 2vw + 1rem, 2.13rem);
  font-weight: 900;
  color: #3cf3ff;
  letter-spacing: -1px;
}

/* Cards (Animated) */
.slotvariety299__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8rem;
  justify-content: center;
  margin-bottom: 2.2rem;
  margin-top: .7rem;
}
.slotvariety299__card {
  background: rgba(255,255,255,0.08);
  border-radius: 13px;
  box-shadow: 0 4px 18px #00eaff18;
  max-width: 360px;
  min-width: 215px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.55rem 1.1rem 1.15rem 1.1rem;
  gap: 0.6rem;
  opacity: 0;
  transform: translateY(38px) scale(.97);
  animation: slotvariety299-fadein .7s cubic-bezier(.49,1.68,.53,.98) forwards;
}
@keyframes slotvariety299-fadein {
  to { opacity: 1; transform: none; }
}
.slotvariety299__iconbox {
  font-size: 2.2rem;
  color: #53f3ff;
  margin-bottom: .1rem;
  filter: drop-shadow(0 3px 16px #53f3ff38);
  animation: slotvariety299-floaticon 1.6s infinite alternate;
}
@keyframes slotvariety299-floaticon {
  0% { transform: translateY(0); }
  100% { transform: translateY(-12px); }
}
.slotvariety299__subtitle {
  font-size: 1.09rem;
  font-weight: 700;
  margin-bottom: 0.32rem;
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: center;
  color: #bdefff;
  
}
.slotvariety299__card-content p {
  font-size: 0.97rem;
  margin: 0;
  text-align: center;
}
.slotvariety299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s;
}
.slotvariety299__link:hover { border-color: #00eaff; }


.slotvariety299__card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* CTA + Main Image */
.slotvariety299__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  margin-top: 2.6rem;
}
.slotvariety299__imgwrap {
  position: relative;
  display: inline-block;
  animation: slotvariety299-floatimg 2.3s infinite ease-in-out alternate;
}
@keyframes slotvariety299-floatimg {
  0% { transform: translateY(0); }
  100% { transform: translateY(-18px); }
}
.slotvariety299__img {
  
  border-radius: 13px;
  box-shadow: 0 4px 22px #00eaff55;
}
.slotvariety299__btn {
  display: inline-block;
  padding: 1.13rem 2.6rem;
  background: #36eaff;
  color: #143e63;
  border-radius: 48px;
  font-weight: 700;
  font-size: 1.11rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #1be5ff33;
  transition: background .19s, transform .19s;
  animation: slotvariety299-pulsebtn 1.35s infinite alternate;
  margin-top: 1.1rem;
}
@keyframes slotvariety299-pulsebtn {
  0% { box-shadow: 0 3px 18px #36eaff33; }
  100% { box-shadow: 0 9px 42px #36eaff80; }
}
.slotvariety299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media (max-width: 1020px) {
  .slotvariety299__cards { gap: 1rem; }
  .slotvariety299__img { width: 230px; }
}
@media (max-width: 700px) {
  .slotvariety299__cards { flex-direction: column; align-items: center; }
  .slotvariety299__card { max-width: 95vw; }
  .slotvariety299__img { max-width: 97vw; }
}

/* ══════════════════════════════════════════════════════════════════
   299bet · Get Spinning · Unusual, Animational, Highly Nested
   ══════════════════════════════════════════════════════════════════ */
.howtospin299 {
  background: linear-gradient(115deg, #132144 62%, #12427c 100%);
  color: #eaf6ff;
  padding: 6.5rem 1rem 7rem 1rem;
  position: relative;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.howtospin299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 55% 20%, #00eaff33 0, transparent 78%);
  z-index: 0;
}
.howtospin299__container { max-width: 1190px; margin: 0 auto; position: relative; z-index: 1; }
.howtospin299__shell { display: flex; flex-direction: column; align-items: center; position: relative;  }
.howtospin299__arc {
  position: relative; width: 410px; height: 110px; margin: 0 auto 2.2rem auto;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
  z-index: 2;
  animation: arcfloat 3s infinite alternate cubic-bezier(.68,.13,.47,.89);
}
@keyframes arcfloat {
  0%   { transform: translateY(0px);}
  100% { transform: translateY(-17px);}
}
.howtospin299__slotreel {
  background: #183d62;
  border-radius: 22px 22px 10px 10px/70px 70px 8px 8px;
  width: 230px; height: 65px;
  box-shadow: 0 9px 34px #00eaff38, 0 0 0 #00eaff11;
  margin: 0 auto;
  font-size: 2.7rem;
  display: flex; align-items: center; justify-content: space-around;
  animation: spinreel 2.7s infinite cubic-bezier(.38,1.45,.58,.91) alternate;
}
@keyframes spinreel {
  0%   { filter: brightness(1.1); }
  85%  { filter: brightness(1.4) drop-shadow(0 0 18px #36eaff88);}
  100% { filter: brightness(1); }
}
.howtospin299__coins {
  position: absolute; bottom: -33px; left: 40px; width: 330px; pointer-events: none;
}
.howtospin299__coin {
  position: absolute; width: 34px; height: 34px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 30% 40%, #ffe66a 68%, #ffd900 100%);
  box-shadow: 0 2px 12px #ffe66a99, 0 0 0 #f8e16022;
  animation: dropcoin 2s infinite linear;
  opacity: 0.95;
}
.howtospin299__coin--1 { left: 8px; animation-delay: 0s; }
.howtospin299__coin--2 { left: 98px; animation-delay: .8s; }
.howtospin299__coin--3 { left: 220px; animation-delay: 1.4s; }
@keyframes dropcoin {
  0%   { top: -28px; opacity: 0; }
  10%  { top: 0px; opacity: .99;}
  70%  { top: 48px; opacity: 1;}
  100% { top: 65px; opacity: 0;}
}

.howtospin299__main { width: 100%; }
.howtospin299__header { margin-bottom: 1.1rem; }
.howtospin299__title {
  font-size: clamp(1.45rem, 2vw + 1rem, 2.19rem);
  font-weight: 900;
  color: #3cf3ff;
  letter-spacing: -1px;
}
.howtospin299__row {
  display: flex; flex-direction: row; align-items: flex-start; gap: 2.7rem; justify-content: center;
}
.howtospin299__col { width: 100%; display: flex; flex-direction: column; align-items: center; }
.howtospin299__col--content { max-width: 525px; align-items: flex-start; }
.howtospin299__desc-shell { margin-bottom: 1.8rem; }
.howtospin299__desc-shell p {
  font-size: 1.07rem;
  
  text-align: center;
}
.howtospin299__features { display: flex; flex-direction: column; gap: 1.4rem; width: 100%; }
.howtospin299__feature {
  display: flex; gap: 1.13rem; align-items: center;
  background: rgba(255,255,255,0.04);
  border-radius: 11px;
  padding: 1.1rem 1.25rem 1.12rem 1.2rem;
  margin-bottom: .12rem;
  box-shadow: 0 2px 16px #00eaff18;
  animation: featurein .9s cubic-bezier(.42,1.22,.51,1.05) both;
}
@keyframes featurein {
  0%   { opacity: 0; transform: translateY(36px);}
  80%  { opacity: .98;}
  100% { opacity: 1; transform: none;}
}
.howtospin299__feature-icon {
  font-size: 2rem;
  color: #ffe66a;
  flex: 0 0 2.3rem;
  display: flex; align-items: center; justify-content: center;
  animation: iconfloat 1.3s infinite alternate;
}
@keyframes iconfloat {
  0%   { transform: translateY(0);}
  100% { transform: translateY(-12px);}
}
.howtospin299__feature-title {
  margin-bottom: .4rem; font-size: 1.09rem; font-weight: 700;
  padding-left: 10px; border-left: 2px solid grey; text-align: left; color: #bdefff;
}
.howtospin299__feature-content p {
  font-size: .97rem; margin: 0;  text-align: left;
}
.howtospin299__cta { margin-top: 2.2rem; width: 100%; display: flex; justify-content: center; }
.howtospin299__btn {
  display: inline-block;
  padding: 1.13rem 2.4rem;
  background: #36eaff;
  color: #12355c;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1.1rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #ffe66a55;
  transition: background .19s, transform .19s;
  animation: pulsebtnspin299 1.13s infinite alternate;
}
@keyframes pulsebtnspin299 {
  0% { box-shadow: 0 3px 18px #ffe66a40; }
  100% { box-shadow: 0 8px 36px #ffe66a70; }
}
.howtospin299__btn:hover { background: #ffe66a; color: #10315a; transform: translateY(-2px); }

/* Image side */
.howtospin299__col--img { align-items: center; justify-content: center; min-width: 0; }
.howtospin299__imgwrap {
  position: relative;
  display: inline-block;
  animation: imgfloatspin299 2.2s infinite alternate;
}
@keyframes imgfloatspin299 {
  0%   { transform: translateY(0);}
  100% { transform: translateY(-18px);}
}
.howtospin299__img {
  border-radius: 13px;
  box-shadow: 0 4px 32px #ffe66a44;
  margin-left: 0.5rem;
}
@media (max-width: 970px) {
  .howtospin299__row { flex-direction: column; gap: 2rem; }
  .howtospin299__img { max-width: 95vw; }
  .howtospin299__col--content {
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .howtospin299__arc { width: auto; }
  .howtospin299__slotreel { font-size: 1.5rem; width: 100%; gap: 10px; padding: 10px; }
  .howtospin299__img { width: 97vw; }
  .howtospin299__title { font-size: 1.13rem; }
}

/* ════════════════════════════════════════════════════════════════
   299bet · Fresh Releases & Huge Jackpots · Neon Wheel Showcase
   ════════════════════════════════════════════════════════════════ */
.jackpot299 {
  position: relative;
  background: #091631;
  color: #e9f6ff;
  padding: 6rem 1rem 7rem;
  text-align: center;
  overflow: hidden;
}

/* Background gradient + particles */
.jackpot299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 55% 18%, #00eaff26 0, transparent 80%);
  z-index: 0;
}
.jackpot299__sparkwrap { pointer-events: none; position: absolute; inset: 0; z-index: 1; }
.jackpot299__spark {
  position: absolute; width: 3px; height: 3px; background: #fff;
  border-radius: 50%; opacity: 0; animation: sparkblink 4s infinite;
}
@keyframes sparkblink {
  0%, 90% { opacity: 0; transform: scale(0); }
  95% { opacity: 1; transform: scale(1.8); }
  100% { opacity: 0; transform: scale(0); }
}
.jackpot299__spark--1 { top: 22%; left: 30%; animation-delay: .4s; }
.jackpot299__spark--2 { top: 68%; left: 63%; animation-delay: 1.3s; }
.jackpot299__spark--3 { top: 42%; left: 82%; animation-delay: 2.1s; }

.jackpot299__container { max-width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
.jackpot299__inner { display: flex; flex-direction: column; align-items: center; }

/* Jackpot wheel */
.jackpot299__wheelwrap { position: relative; width: 180px; height: 180px; margin-bottom: 1rem; }
.jackpot299__wheel {
  width: 100%; height: 100%; border-radius: 50%;
  background: conic-gradient(#00eaff 0 25%, #093563 0 50%, #ffcf4a 0 75%, #093563 0 100%);
  animation: spinwheel 12s linear infinite;
  position: relative;
}
@keyframes spinwheel { to { transform: rotate(360deg); } }
.jackpot299__slice {
  position: absolute; inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 15px #0008;
}
.jackpot299__needle {
  position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 25px solid #ffb200;
  filter: drop-shadow(0 3px 2px #0006);
}

/* Header */
.jackpot299__title {
  font-size: clamp(1.7rem, 2.3vw + 1rem, 2.4rem);
  font-weight: 900;
  color: #3cf3ff;
  text-shadow: 0 3px 18px #00eaff44;
  letter-spacing: -1px;
}

/* Copy */
.jackpot299__copy {
  max-width: 1020px;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  font-size: 1.05rem;
  
}
.jackpot299__copy p { margin: 0; }
.jackpot299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}
.jackpot299__link:hover { border-color: #00eaff; }

/* Bottom area */
.jackpot299__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4rem;
  margin-top: .8rem;
}
.jackpot299__img {
   
  border-radius: 14px;
  box-shadow: 0 4px 28px #00eaff55;
  animation: floatimg 2.7s infinite ease-in-out alternate;
}
@keyframes floatimg { to { transform: translateY(-20px); } }

.jackpot299__btn {
  display: inline-block;
  padding: 1.15rem 2.6rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .18s, transform .18s;
  animation: pulsebtn 1.3s infinite alternate;
}
@keyframes pulsebtn { to { box-shadow: 0 8px 36px #36eaff88; } }
.jackpot299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media (max-width: 680px) {
  .jackpot299__img { width: 94vw; }
  .jackpot299__title { font-size: 1.3rem; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · App Advantage · Radial Neon Cluster (no line-height used)
   ════════════════════════════════════════════════════════════════════*/
.appadv299 {
  position: relative;
  background: #071d2c;
  padding: 6.5rem 1rem 8rem 1rem;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.appadv299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 48% 12%, #00eaff28 0, transparent 75%);
  mix-blend-mode: screen;
  animation: bgAppAdv 12s infinite alternate;
}
@keyframes bgAppAdv { to { background-position: 6% 4%; } }
.appadv299__cluster {
  position: absolute; left: 50%; top: 43%;
  width: 660px; height: 660px; z-index: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: conic-gradient(from 240deg, #00eaff44 0 60deg, transparent 90deg 210deg, #00eaff33 240deg 320deg, transparent 350deg 360deg);
  filter: blur(42px);
  opacity: 0.8;
  animation: clusterSpin 21s linear infinite;
}
@keyframes clusterSpin { to { transform: translate(-50%,-50%) rotate(360deg); } }
.appadv299__container {
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.appadv299__title {
  font-size: clamp(1.7rem, 2.3vw + 1rem, 2.25rem);
  font-weight: 900;
  color: #3cf3ff;
  text-shadow: 0 4px 22px #00eaff66;
  margin-bottom: 2.8rem;
  text-align: center;
}
.appadv299__frame {
  position: absolute;
  inset: 1.5rem;
  border: 2px solid #00eaff66;
  border-radius: 32px;
  pointer-events: none;
  animation: framePulseAdv 3.1s ease-in-out infinite alternate;
}
@keyframes framePulseAdv { to { box-shadow: 0 0 26px #00eaffb6; } }

.appadv299__shell {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.appadv299__features {
  
  display: flex; 
  gap: 3.2rem; align-items: center; justify-content: center;
  margin-top: 2.3rem;
  z-index: 1;
}
.appadv299__feature {
  background: rgba(255,255,255,.07);
  border-radius: 22px;
  box-shadow: 0 2px 16px #00eaff2b;
  padding: 1.25rem 1.5rem;
  display: flex; flex-direction: column; align-items: center; gap: .75rem;
  position: relative;
  animation: featurePop 1.5s cubic-bezier(.51,2.2,.53,1) both;
}
.appadv299__feature--casino { animation-delay: .12s; }
.appadv299__feature--slots { animation-delay: .26s; }
.appadv299__feature--games { animation-delay: .44s; }
.appadv299__feature--bets { animation-delay: .61s; }
.appadv299__feature--bonuses { animation-delay: .76s; }
@keyframes featurePop {
  from { opacity: 0; transform: scale(.89) translateY(40px);}
  to { opacity: 1; transform: none;}
}
.appadv299__icon {
  width: 56px; height: 56px; border-radius: 50%;
  background: #143048;
  color: #36eaff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 12px #00eaff99, 0 4px 22px #00eaff25;
  font-size: 2rem;
  animation: iconPulseAppAdv 2.1s infinite alternate;
}
@keyframes iconPulseAppAdv { to { box-shadow: 0 0 26px #00eaffcc; } }
.appadv299__desc {
  font-size: 1.04rem;
  font-weight: 700;
  color: #bdefff;
  text-align: center;
}
.appadv299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
  font-weight: 700;
}
.appadv299__link:hover { border-color: #00eaff; }

.appadv299__contentblock {
  
  display: flex; flex-direction: column; align-items: center; gap: 2.1rem;
  margin-top: .6rem;
}
.appadv299__textwrap {
  display: flex; flex-direction: column; gap: 1.3rem; align-items: center;
}
.appadv299__textwrap p { margin: 0; text-align: center; }
.appadv299__media {
  display: flex; flex-direction: column; align-items: center; gap: 1.25rem;
}
.appadv299__img {
  
  border-radius: 16px;
  box-shadow: 0 4px 28px #00eaff55;
  animation: imgFloatAppAdv 2.3s infinite alternate;
}
@keyframes imgFloatAppAdv { to { transform: translateY(-13px); } }
.appadv299__cta { margin-top: .65rem; }
.appadv299__btn {
  display: inline-block;
  padding: 1.09rem 2.6rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 19px #00eaff44;
  transition: background .22s, transform .22s;
  animation: btnPulseAppAdv 1.4s infinite alternate;
}
@keyframes btnPulseAppAdv { to { box-shadow: 0 8px 36px #36eaffbb; } }
.appadv299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media(max-width:1100px){
  .appadv299__shell { flex-direction: column; align-items: center; gap: 2.4rem; }
  .appadv299__features { flex-direction: row; flex-wrap: wrap; width: 100%; gap: 1.3rem; justify-content: center; margin-top: 0; }
  .appadv299__feature { min-width: 140px; max-width: 49vw; }
}
@media(max-width:600px){
  .appadv299__container { padding: 0 .1rem;}
  .appadv299__frame { inset: .6rem;}
  .appadv299__features { flex-direction: column; gap: 1.7rem; }
  .appadv299__feature { min-width: 0; max-width: 99vw; }
  .appadv299__contentblock { min-width: 0; }
}

/* ════════════════════════════════════════════════════════════════
   299bet · App Install Cluster Hero  (no line-height anywhere)
   ════════════════════════════════════════════════════════════════*/
.appinstall299 {
  position: relative;
  background: #071828;
  padding: 2.5rem 1rem 2rem 1rem;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.appinstall299__bg {
  background: radial-gradient(circle at 50% 10%, #00eaff22 0, transparent 80%);
  mix-blend-mode: screen;
  animation: bgAppInstall 12s infinite alternate;
  z-index: 0;
}
@keyframes bgAppInstall { to { background-position: 5% 8%; } }
.appinstall299__qrglow {
  position: absolute; left: 18%; top: 65%;
   height: 320px; pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, #00eaff44 30%, transparent 80%);
  filter: blur(38px);
  opacity: .78;
  z-index: 1;
  animation: qrGlow 5.7s cubic-bezier(.38,1.6,.7,.99) infinite alternate;
}
@keyframes qrGlow { 0%{opacity:.4;} 70%{opacity:.8;} 100%{opacity:.45;} }
.appinstall299__container {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.appinstall299__title {
  font-size: clamp(1.7rem, 2.3vw + 1rem, 2.2rem);
  font-weight: 900;
  color: #3cf3ff;
  text-shadow: 0 4px 22px #00eaff66;
  margin-bottom: 2.6rem;
  text-align: center;
}
.appinstall299__frame {
  position: absolute;
  inset: 1.3rem;
  border: 2px solid #00eaff66;
  border-radius: 32px;
  pointer-events: none;
  animation: framePulseAppInst 3.1s ease-in-out infinite alternate;
}
@keyframes framePulseAppInst { to { box-shadow: 0 0 24px #00eaffb2; } }
.appinstall299__hero {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 3.7rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.appinstall299__stepshell {
  flex: 1 1 460px;
  display: flex;
  flex-direction: column;
  gap: 2.3rem;
  align-items: center;
}
.appinstall299__steps {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
  align-items: center;
}
.appinstall299__step {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  background: rgba(255,255,255,.05);
  border-radius: 18px;
  box-shadow: 0 2px 16px #00eaff1b;
  padding: 1.15rem 1.3rem 1.15rem 1.7rem;
  animation: stepPopApp 1.15s cubic-bezier(.57,2,.38,.9) both;
}
.appinstall299__step--1 { animation-delay: .12s; }
.appinstall299__step--2 { animation-delay: .32s; }
@keyframes stepPopApp {
  from { opacity: 0; transform: scale(.94) translateY(38px);}
  to { opacity: 1; transform: none;}
}
.appinstall299__icon {
  
  background: transparent;
  border-radius: 50%;
  padding: 10px;
  color: #36eaff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 12px #00eaff99, 0 4px 22px #00eaff21;
  font-size: 2rem;
  animation: iconPulseAppInstall 2.3s infinite alternate;
}
@keyframes iconPulseAppInstall { to { box-shadow: 0 0 25px #00eaffcc; } }
.appinstall299__desc {
  font-size: 1.04rem;
  font-weight: 700;
  color: #bdefff;
  text-align: left;
}
.appinstall299__qrbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .2rem;
  gap: .7rem;
  position: relative;
}
.appinstall299__qrcircle {
  
  border-radius: 50%;
  background: #071828;
  box-shadow: 0 0 32px #00eaff88;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: .25rem;
  border: 2px solid #00eaff88;
  animation: qrSpin .8s cubic-bezier(.8,1.9,.56,.77) infinite alternate;
}
@keyframes qrSpin { 100%{box-shadow:0 0 45px #00eaff;} }
.appinstall299__qrimg {  border-radius: 50%;}
.appinstall299__qrdesc {
  font-size: .98rem;
  color: #c6faff;
  text-align: center;
  
}
.appinstall299__media {
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4rem;
  margin-top: .8rem;
}
.appinstall299__img {
  border-radius: 17px;
  box-shadow: 0 4px 28px #00eaff44;
  animation: imgFloatAppInstall 2.4s infinite alternate;
}
@keyframes imgFloatAppInstall { to { transform: translateY(-13px); } }
.appinstall299__cta { margin-top: 0; }
.appinstall299__btn {
  display: inline-block;
  padding: 1.05rem 2.5rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff44;
  transition: background .22s, transform .22s;
  animation: btnPulseAppInstall 1.2s infinite alternate;
  margin: 0;
}
@keyframes btnPulseAppInstall { to { box-shadow: 0 8px 34px #36eaffbb; } }
.appinstall299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media(max-width:900px) {
  .appinstall299__hero { display: flex; flex-direction: column; gap: 0; }
  .appinstall299__media { margin-bottom: 2.3rem; flex-direction: column-reverse; }
  .appinstall299__steps, .appinstall299__stepshell { min-width: 0; max-width: 99vw;}
}

/* ════════════════════════════════════════════════════════════════
   299bet · Bonuses Hero Section (no line-height)
   ════════════════════════════════════════════════════════════════*/
.bonushero299 {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.bonushero299__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.png') center/cover no-repeat;
  filter: brightness(.55);
  z-index: 0;
}
.bonushero299__overlay {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 18%, #00eaff2e 0, transparent 85%);
  mix-blend-mode: screen;
  z-index: 1;
  pointer-events: none;
  animation: bonusBgPulse 11s infinite alternate;
}
@keyframes bonusBgPulse { to { background-position: 80% 28%; } }
.bonushero299__container {
  position: relative; z-index: 2; width: 100%;
  max-width: 980px; 
  display: flex; justify-content: center; align-items: center;
}
.bonushero299__glass {
  backdrop-filter: blur(15px);
  background: rgba(2,29,49,.19);
  border-radius: 30px;
  padding: 3.2rem 2rem 2.1rem 2rem;
  box-shadow: 0 4px 28px #00eaff55;
  display: flex; flex-direction: column; align-items: center; gap: 1.1rem;
  width: 100%;
}

.bonushero299__title {
  font-size: clamp(1.8rem,2.5vw+1rem,2.65rem);
  font-weight: 900;
  color: #3cf3ff;
  margin: 0;
  text-shadow: 0 4px 22px #00eaff66;
}
.bonushero299__desc { max-width: 660px; margin: 0; }

.bonushero299__actions {
  display: flex; gap: 0.4rem; flex-wrap: wrap; justify-content: center;
}
.bonushero299__btn {
  display: inline-block;
  padding: 1.12rem 2.45rem;
  font-size: 1.08rem; font-weight: 700; border-radius: 48px;
  text-decoration: none; transition: background .2s,transform .2s,border .2s,color .2s;
  box-shadow: 0 3px 18px #00eaff55;
}
.bonushero299__btn--main {
  background: #36eaff; color: #10344f;
}
.bonushero299__btn--main:hover {
  background: #00eaff; transform: translateY(-3px);
}
.bonushero299__btn--ghost {
  background: transparent; color: #48eaff; border: 2px solid #48eaff;
}
.bonushero299__btn--ghost:hover {
  background: #48eaff; color: #0e2d50; transform: translateY(-3px);
}

.bonushero299__imgwrap {
  margin-top: 1.7rem;
  width: 300px; max-width: 92vw;
  display: flex; justify-content: center; align-items: center;
}
.bonushero299__img {
  width: 100%; border-radius: 18px;
  box-shadow: 0 4px 32px #00eaff44;
  animation: floatBonusHero 2.7s ease-in-out infinite alternate;
}
@keyframes floatBonusHero { to { transform: translateY(-16px); } }

@media(max-width:750px){
  .bonushero299__glass { padding: 2.2rem .7rem 1.2rem .7rem; }
  .bonushero299__title { font-size: 1.45rem; }
  .bonushero299__actions {  gap: 1.1rem; width: 100%; }
  .bonushero299__imgwrap { margin-top: 1rem; width: 180px; }
}
/* ════════════════════════════════════════════════════════════════
   299bet · Claim Offers & Bonus Grid (no line-height anywhere)
   ════════════════════════════════════════════════════════════════*/
.claimoffers299 {
  position: relative;
  background: #071d2c;
  padding: 6.5rem 1rem 8rem 1rem;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.claimoffers299__bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 60% 8%, #00eaff22 0, transparent 80%);
  mix-blend-mode: screen;
  animation: bgClaimOffers 12s infinite alternate;
  z-index: 0;
}
@keyframes bgClaimOffers { to { background-position: 6% 19%; } }
.claimoffers299__treasure {
  position: absolute; left: 45%; top: 60%;
  width: 380px; height: 380px; pointer-events: none;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #00eaff2e 0 120deg, transparent 140deg 260deg, #00eaff44 270deg 360deg);
  filter: blur(33px);
  opacity: 0.65;
  z-index: 1;
  animation: treasureSpin 20s linear infinite;
}
@keyframes treasureSpin { to { transform: rotate(360deg); } }
.claimoffers299__container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.claimoffers299__title {
  font-size: clamp(1.6rem, 2.2vw + 1rem, 2.16rem);
  font-weight: 900;
  color: #3cf3ff;
  text-shadow: 0 4px 22px #00eaff66;
  margin-bottom: 2.2rem;
  text-align: center;
}
.claimoffers299__frame {
  position: absolute;
  inset: -4.1rem;
  border: 2px solid #00eaff66;
  border-radius: 32px;
  pointer-events: none;
  animation: framePulseClaim 3.1s ease-in-out infinite alternate;
}
@keyframes framePulseClaim { to { box-shadow: 0 0 22px #00eaffb6; } }
.claimoffers299__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2rem;
  align-items: center;
  justify-content: center;
  
  position: relative;
}
.claimoffers299__bonusgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.1rem 2.1rem;
  
  justify-content: center;
  z-index: 1;
}
.claimoffers299__bonusitem {
  background: rgba(255,255,255,.07);
  border-radius: 20px;
  box-shadow: 0 2px 16px #00eaff1b;
  padding: 1.17rem 1.1rem 1.17rem 1.6rem;
  display: flex; align-items: center; gap: 1.2rem;
  flex-direction: column;
  animation: bonusPop 1.6s cubic-bezier(.48,2.2,.51,1) both;
  position: relative;
}
.claimoffers299__bonusitem--welcome { animation-delay: .15s;}
.claimoffers299__bonusitem--spin { animation-delay: .32s;}
.claimoffers299__bonusitem--bet { animation-delay: .51s;}
.claimoffers299__bonusitem--custom { animation-delay: .7s;}
@keyframes bonusPop { from{ opacity:0; transform:scale(.93) translateY(35px);} to{ opacity:1; transform:none; } }
.claimoffers299__icon {
  width: 52px; height: 52px; border-radius: 50%;
  background: #143048;
  color: #36eaff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 12px #00eaff99, 0 4px 22px #00eaff21;
  font-size: 1.7rem;
  animation: iconPulseClaim 2.3s infinite alternate;
}
@keyframes iconPulseClaim { to { box-shadow: 0 0 22px #00eaffcc; } }
.claimoffers299__info { text-align: center;}
.claimoffers299__head {
  display: block;
  font-size: 1.07rem;
  font-weight: 800;
  color: #bdefff;
  margin-bottom: .3rem;
}
.claimoffers299__bonusitem p { margin: 0; }
.claimoffers299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
  font-weight: 700;
}
.claimoffers299__link:hover { border-color: #00eaff; }
.claimoffers299__content {
  flex: 1 1 460px;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.0rem;
}
.claimoffers299__descblock p { margin: 0; text-align: center;}
.claimoffers299__media {
  display: flex; flex-direction: column; align-items: center; gap: 1.15rem;
}
.claimoffers299__img {
  
  border-radius: 17px;
  box-shadow: 0 4px 28px #00eaff44;
  animation: imgFloatClaim 2.1s infinite alternate;
}
@keyframes imgFloatClaim { to { transform: translateY(-12px); } }
.claimoffers299__cta { margin-top: .59rem; }
.claimoffers299__btn {
  display: inline-block;
  padding: 1.06rem 2.5rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff44;
  transition: background .22s, transform .22s;
  animation: btnPulseClaim 1.1s infinite alternate;
}
@keyframes btnPulseClaim { to { box-shadow: 0 8px 33px #36eaffbb; } }
.claimoffers299__btn:hover { background: #00eaff; transform: translateY(-2px); }

@media(max-width:1080px){
  .claimoffers299__grid { display: flex; flex-direction: column; align-items: center; gap: 2.4rem; }
  .claimoffers299__bonusgrid { min-width: 0; max-width: 99vw;}
  .claimoffers299__content { min-width: 0; }
}
@media(max-width:600px){
  .claimoffers299__bonusgrid { grid-template-columns: 1fr; }
}


/* ════════════════════════════════════════════════════════════════════
   299bet · Daily Offers · Morphing Blob Showcase  •  NO line-height
   ════════════════════════════════════════════════════════════════════*/
.dailyoffers299 {
  position: relative;
  background: #041224;
  padding: 8rem 1rem 8rem;
  overflow: hidden;
}
.dailyoffers299__blob {
  position: absolute; inset: -20%;
  background: radial-gradient(circle at 30% 30%, #00eaff33 0, transparent 70%);
  clip-path: polygon(
    50% 0%, 80% 10%, 100% 40%, 90% 80%, 
    60% 100%, 30% 90%, 10% 60%, 0% 20%
  );
  animation: blobMorph 10s ease-in-out infinite;
  filter: blur(48px);
}
@keyframes blobMorph {
  0%   { clip-path: polygon(50% 0%, 80% 10%, 100% 40%, 90% 80%, 60% 100%, 30% 90%, 10% 60%, 0% 20%); }
  50%  { clip-path: polygon(40% 5%, 90% 20%, 95% 55%, 70% 95%, 45% 90%, 20% 75%, 5% 50%, 15% 15%); }
  100% { clip-path: polygon(50% 0%, 80% 10%, 100% 40%, 90% 80%, 60% 100%, 30% 90%, 10% 60%, 0% 20%); }
}

.dailyoffers299__container {
  position: relative; z-index: 1;
  max-width: 900px; margin: 0 auto;
}
.dailyoffers299__inner {
  position: relative;
  background: rgba(2,18,36,0.8);
  border-radius: 24px;
  padding: 3.5rem 2rem;
  box-shadow: 0 4px 28px #00eaff55;
  text-align: center;
}
.dailyoffers299__inner::before,
.dailyoffers299__inner::after {
  content: "";
  position: absolute;
  width: 60px; height: 60px;
  border: 4px solid #36eaff;
  opacity: 0.6;
}
.dailyoffers299__inner::before {
  top: -12px; left: -12px;
  border-right: none; border-bottom: none;
}
.dailyoffers299__inner::after {
  bottom: -12px; right: -12px;
  border-left: none; border-top: none;
}

.dailyoffers299__title {
  font-size: clamp(1.8rem,2.5vw + 1rem,2.6rem);
  font-weight: 900;
  color: #3cf3ff;
  margin: 0 0 1.2rem;
  text-shadow: 0 4px 22px #00eaff66;
}
.dailyoffers299__text {
  max-width: 720px;
  margin: 0 auto 2rem;
  color: #d8f7ff;
}
.dailyoffers299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px dotted #00eaff;
  transition: border-color .3s;
}
.dailyoffers299__link:hover { border-color: transparent; }

.dailyoffers299__figure {
  margin: 0 0 2rem;
}
.dailyoffers299__img {
  width: 260px; 
  border-radius: 16px;
  box-shadow: 0 4px 32px #00eaff44;
  animation: imgFloat 3s ease-in-out infinite alternate;
}
@keyframes imgFloat { to { transform: translateY(-16px); } }

.dailyoffers299__btn {
  display: inline-block;
  padding: 1.15rem 2.6rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .2s, transform .2s;
  animation: btnPulse 1.5s infinite alternate;
}
@keyframes btnPulse { to { box-shadow: 0 8px 36px #36eaffaa; } }
.dailyoffers299__btn:hover {
  background: #00eaff;
  transform: translateY(-3px);
}

@media(max-width:720px){
  .dailyoffers299__inner {
    padding: 2.4rem 1.2rem;
  }
  .dailyoffers299__title { font-size:1.45rem; }
  .dailyoffers299__img { width: 90vw; }
  .dailyoffers299__btn { width: 100%; box-sizing: border-box; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · VIP & Loyalty Rewards  •  Creative Tier Path & Features 
   NO line-height usage
   ════════════════════════════════════════════════════════════════════*/
.vip299 {
  position: relative;
  background: #041524;
  padding: 7rem 1rem 7.5rem;
  overflow: hidden;
}
.vip299__bg {
  position: absolute; inset: 0;
  background: linear-gradient(60deg, #001f3f, #003a6a);
  animation: bgShift 12s ease-in-out infinite alternate;
}
@keyframes bgShift { to { background: linear-gradient(240deg, #001f3f, #003a6a); } }

.vip299__container {
  position: relative; z-index: 1;
  max-width: 1180px; margin: 0 auto;
}

.vip299__title {
  font-size: clamp(1.8rem, 2.6vw + 1rem, 2.8rem);
  text-align: center;
  color: #3cf3ff;
  margin: 0;
  font-weight: 900;
}
.vip299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}
.vip299__link:hover { border-color: #00eaff; }

.vip299__intro {
  max-width: 820px;
  margin: 1rem auto 2.6rem;
  color: #d0eaff;
  text-align: center;
}

.vip299__content {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

/* Tier Path */
.vip299__tiers {
  position: relative;
  flex: 0 0 300px;
}
.vip299__tierlist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.vip299__tier {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.6rem;
  animation: tierFade 1s both;
}
.vip299__tier--bronze { animation-delay: .1s; }
.vip299__tier--silver { animation-delay: .3s; }
.vip299__tier--gold { animation-delay: .5s; }
.vip299__tier--platinum { animation-delay: .7s; }
@keyframes tierFade { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: none; } }

.vip299__node {
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #00eaff;
  box-shadow: 0 0 8px #00eaff77;
  flex-shrink: 0;
}
.vip299__tierlink {
  color: #00eaff;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}
.vip299__tierlink:hover { border-color: #00eaff; }

.vip299__path {
  position: absolute;
  top: 6px; bottom: 6px; left: 6px;
  width: 3px;
  background: #00eaff33;
  margin-left: 4px;
}

/* Features */
.vip299__features {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1.8rem;
  margin-bottom: 30px;
  flex: 1 1 360px;
}
.vip299__feature {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(255,255,255,.05);
  border-radius: 12px;

  box-shadow: 0 2px 12px #00eaff22;
  animation: featPop 1.2s both;
}
.vip299__feature:nth-child(1) { animation-delay: .2s; }
.vip299__feature:nth-child(2) { animation-delay: .4s; }
.vip299__feature:nth-child(3) { animation-delay: .6s; }
.vip299__feature:nth-child(4) { animation-delay: .8s; }
@keyframes featPop { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: none; } }

.vip299__feat-icon {
  font-size: 1.6rem;
  color: #36eaff;
}
.vip299__feat-text {
  margin: 0;
  color: #d0efff;
  font-weight: 600;
}

/* Illustration */
.vip299__figure {
  margin: 3rem 0 1.8rem;
  text-align: center;
}
.vip299__img {
  width: 260px; 
  border-radius: 16px;
  box-shadow: 0 4px 30px #00eaff33;
  animation: imgFloat 3s ease-in-out infinite alternate;
}
@keyframes imgFloat { to { transform: translateY(-18px) rotate(-2deg); } }

/* CTA */
.vip299__cta {
  text-align: center;
}
.vip299__btn {
  display: inline-block;
  padding: 1.1rem 2.6rem;
  background: #36eaff;
  color: #10344f;
  font-size: 1.08rem;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .2s, transform .2s;
  animation: btnPulse 1.5s infinite alternate;
}
@keyframes btnPulse { to { box-shadow: 0 8px 36px #36eaffaa; } }
.vip299__btn:hover { background: #00eaff; transform: translateY(-3px); }

/* Responsive */
@media(max-width:800px) {
  .vip299__content { flex-direction: column; align-items: center; }
  .vip299__tiers,
  .vip299__features { flex: 0 0 100%; max-width: 400px; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · Terms & Support · Left-Image / Right-Content (no line-height)
   ════════════════════════════════════════════════════════════════════*/
.termsupport299-lr {
  position: relative;
  background: #01131f;
  padding: 5rem 1rem 6rem;
  overflow: hidden;
}
.termsupport299-lr__stripes {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(
    -45deg,
    rgba(0,234,255,0.03) 0 6px,
    transparent 6px 12px
  );
  pointer-events: none;
  animation: stripeMove 14s linear infinite;
}
@keyframes stripeMove { to { background-position: 200% 200%; } }
.termsupport299-lr__container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto;
  gap: 2.5rem;
  
  position: relative; z-index:1;
}
.termsupport299-lr__media {
  flex: 0 0 40%;
  min-width: 260px;
  text-align: center;
}
.termsupport299-lr__img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 4px 28px #00eaff44;
  animation: imgFloatLR 3s ease-in-out infinite alternate;
}
@keyframes imgFloatLR { to { transform: translateY(-16px); } }

.termsupport299-lr__content {
  flex: 1 1 50%;
  color: #e8f9ff;
  text-align: left;
}
.termsupport299-lr__title {
  font-size: clamp(1.8rem,2.4vw + 1rem,2.6rem);
  font-weight: 900;
  color: #3cf3ff;
  margin: 0 0 1.2rem;
}
.termsupport299-lr__intro {
  margin: 0 0 2rem;
  font-size: 1rem;
  line-break: anywhere;
}

.termsupport299-lr__cards {
  display: flex;
  gap: 1.8rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.termsupport299-lr__card {
  perspective: 1000px;
  width: 220px; height: 260px;
}
.termsupport299-lr__face {
  position: absolute; inset: 0;
  background: rgba(255,255,255,0.04);
  border-radius: 14px;
  padding: 1.4rem;
  box-shadow: 0 4px 20px #00eaff33;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.termsupport299-lr__face--front { z-index: 2; }
.termsupport299-lr__face--back {
  transform: rotateY(180deg);
  text-align: center;
}
.termsupport299-lr__card:hover .termsupport299-lr__face--front {
  transform: rotateY(180deg);
}
.termsupport299-lr__card:hover .termsupport299-lr__face--back {
  transform: rotateY(360deg);
}
.termsupport299-lr__card-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #bdefff;
  margin-bottom: .8rem;
}
.termsupport299-lr__list {
  padding: 0; margin: 0;
  list-style: none;
}
.termsupport299-lr__list li {
  font-size: .95rem;
  margin-bottom: .6rem;
  color: #cfeeff;
}
.termsupport299-lr__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}
.termsupport299-lr__link:hover { border-color: #00eaff; }

.termsupport299-lr__btn {
  display: inline-block;
  padding: 1.1rem 2.4rem;
  background: #36eaff;
  color: #10344f;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .2s, transform .2s;
  animation: btnPulseLR 1.4s infinite alternate;
}
@keyframes btnPulseLR { to { box-shadow: 0 8px 36px #36eaffaa; } }
.termsupport299-lr__btn:hover {
  background: #00eaff;
  transform: translateY(-3px);
}

@media (max-width:900px) {
  .termsupport299-lr__container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .termsupport299-lr__content { text-align: center; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · Aviator Hero Section  •  No line-height declarations
   ════════════════════════════════════════════════════════════════════*/
.aviator-hero299 {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #eaf8ff;
  text-align: center;
}
.aviator-hero299__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.png') center/cover fixed;
}
.aviator-hero299__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,20,0.6);
}

/* flying planes */
.aviator-hero299__plane {
  position: absolute;
  color: #36eaff88;
  font-size: 1.6rem;
  opacity: 0.7;
  pointer-events: none;
}
.aviator-hero299__plane--1 { top: 20%; animation: fly1 14s linear infinite; }
.aviator-hero299__plane--2 { top: 45%; animation: fly2 18s linear infinite; }
.aviator-hero299__plane--3 { top: 70%; animation: fly3 22s linear infinite; }

@keyframes fly1 { 0% { left:-5%; transform: rotateZ(-10deg); } 100% { left:105%; } }
@keyframes fly2 { 0% { left:105%; transform: rotateZ(10deg); } 100% { left:-10%; } }
@keyframes fly3 { 0% { left:-8%; transform: rotateZ(-5deg); } 100% { left:110%; } }

/* content */
.aviator-hero299__container {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 1rem;
  backdrop-filter: blur(10px);
  background: rgba(0,10,30,0.4);
  border-radius: 20px;
  padding: 2.5rem 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}

.aviator-hero299__title {
  font-size: clamp(2rem,3vw+1rem,2.8rem);
  font-weight: 900;
  color: #3cf3ff;
  margin: 0;
  text-shadow: 0 4px 24px #00eaff55;
}
.aviator-hero299__desc {
  max-width: 680px;
  margin: 0;
  color: #d0efff;
  font-size: 1rem;
}
.aviator-hero299__link {
  color: #00eaff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}
.aviator-hero299__link:hover {
  border-color: #00eaff;
}

.aviator-hero299__actions {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
}
.aviator-hero299__btn {
  display: inline-block;
  padding: 1.1rem 2.6rem;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  background: #36eaff;
  color: #031025;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .25s, transform .25s;
  animation: btnPulse 1.6s infinite alternate;
}
.aviator-hero299__btn--ghost {
  background: transparent;
  border: 2px solid #36eaff;
  color: #36eaff;
}
.aviator-hero299__btn:hover {
  background: #00eaff;
  transform: translateY(-3px);
}

@keyframes btnPulse { to { box-shadow: 0 8px 36px #36eaffaa; } }

.aviator-hero299__figure {
  margin: 1.6rem 0 0;
}
.aviator-hero299__img {
  
  max-width: 85vw;
  border-radius: 14px;
  box-shadow: 0 4px 28px #00eaff44;
  animation: imgFloat 3s ease-in-out infinite alternate;
}
@keyframes imgFloat { to { transform: translateY(-14px); } }

/* responsive */
@media(max-width: 760px) {
  .aviator-hero299__container {
    padding:  1rem;
    margin: 0;
    gap: 1.2rem;
  }
  .aviator-hero299__title { font-size: 1.8rem; }
  .aviator-hero299__actions {  width: 100%; }
  
}

/* ════════════════════════════════════════════════════════════════
   299bet — Soar High Aviator Section Styles
   ════════════════════════════════════════════════════════════════ */
.aviator-highfly {
  position: relative;
  background: #000;
  overflow: hidden;
  padding: 5rem 1rem 6rem;
  text-align: center;
}
.aviator-highfly__sky {
  position: absolute;
  inset: 0;
  background: url('img/bg.png') center/cover no-repeat fixed;
  z-index: 1;
}
.aviator-highfly__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 15, 30, 0.75);
  z-index: 2;
}
.aviator-highfly__content {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
}
.aviator-highfly__nested {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.aviator-highfly__headline {
  font-size: 2.5rem;
  font-weight: 800;
  color: #00d6ff;
  text-shadow: 0 2px 15px #00eaff66;
  margin: 0;
  margin-bottom: 0.5em;
}
.aviator-highfly__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
  align-items: center;
}
.aviator-highfly__desc-block {
  flex: 1 1 55%;
  display: flex;
  justify-content: center;
}
.aviator-highfly__desc-inner {
  display: flex;
  flex-direction: column;
  
  background: rgba(0, 25, 45, 0.6);
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 0 20px #00eaff33;
}
.aviator-highfly__text {
  color: #e1f6ff;
  font-size: 1rem;
}
.aviator-highfly__link {
  color: #00eaff;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}
.aviator-highfly__link:hover {
  border-color: #00eaff;
}
.aviator-highfly__img-box {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.aviator-highfly__img {
  width: 100%;
  
  border-radius: 20px;
  box-shadow: 0 0 30px #00eaff55;
  animation: soarFloat 3s ease-in-out infinite alternate;
}
@keyframes soarFloat {
  0% { transform: translateY(0); }
  100% { transform: translateY(-12px); }
}

.aviator-highfly__btn-row {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.aviator-highfly__btn {
  padding: 1rem 2.4rem;
  font-size: 1.05rem;
  background: #00eaff;
  color: #000;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 6px 20px #00eaff44;
}
.aviator-highfly__btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px #00eaff88;
}

/* Responsive */
@media (max-width: 768px) {
  .aviator-highfly__body {
    flex-direction: column;
  }

  .aviator-highfly__body { 
    display: flex;
    flex-direction: column;
  }

  .crazytime-breakdown299__cta {
    display: flex;
  }

  .aviator-highfly__headline {
    font-size: 1.8rem;
  }
  .aviator-highfly__img {
    
  }
}

/* ════════════════════════════════════════════════════════════════
   299bet Aviator · Master the Skies Section Styles (NO line-height)
   ════════════════════════════════════════════════════════════════*/
.aviator-master {
  position: relative;
  background: #010f18;
  padding: 6rem 1rem 7rem;
  text-align: center;
  overflow: hidden;
}
.aviator-master__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, #002d4e 0%, #073854 60%, #010f18 100%);
  z-index: 1;
  animation: aviatorGradient 9s ease-in-out infinite alternate;
}
@keyframes aviatorGradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 80%; }
}
.aviator-master__plane {
  position: absolute;
  top: 10%; left: -4%;
  font-size: 2.4rem;
  color: #00eaffbb;
  z-index: 2;
  animation: planeFly 12s linear infinite;
}
@keyframes planeFly {
  0%   { left: -4%; top: 8%; opacity: 0.7; }
  10%  { left: 8%; top: 10%; }
  25%  { left: 30%; top: 16%; }
  50%  { left: 56%; top: 24%; }
  70%  { left: 78%; top: 34%; }
  90%  { left: 96%; top: 10%; }
  100% { left: 104%; top: 9%; opacity: 0.2; }
}
.aviator-master__container {
  position: relative;
  z-index: 3;
  max-width: 1180px;
  margin: 0 auto;
}
.aviator-master__card {
  
  border-radius: 22px;
  
  padding: 2.5rem 2.5rem 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.2rem;
}
.aviator-master__title {
  color: #19e0ff;
  font-size: clamp(2rem, 2.5vw + 1rem, 2.5rem);
  font-weight: 900;
  letter-spacing: 0.5px;
  margin-bottom: .7rem;
  text-shadow: 0 4px 18px #00eaff65;
}
.aviator-master__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 2.6rem;
  width: 100%;
}
.aviator-master__left {
  flex: 1 1 380px;
  display: flex;
  justify-content: center;
}
.aviator-master__desc-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1rem;
  background: rgba(16, 32, 45, 0.77);
  border-radius: 14px;
  padding: 1.7rem 1.5rem;
  box-shadow: 0 0 18px #00eaff22;
}
.aviator-master__desc {
  color: #e7f7ff;
  font-size: 1.02rem;
  margin-bottom: 0;
}
.aviator-master__link {
  color: #00eaff;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1.5px solid transparent;
  transition: border-color .23s;
}
.aviator-master__link:hover {
  border-color: #00eaff;
}
.aviator-master__tips {
  margin-top: 1.2rem;
  background: rgba(0, 234, 255, 0.08);
  border-left: 4px solid #00eaff;
  border-radius: 8px;
  padding: 1.1rem 1.2rem;
  width: 100%;
  text-align: left;
  animation: tipsFadeIn 1.5s .5s backwards;
}
@keyframes tipsFadeIn { from { opacity:0; transform:translateY(30px);} to{opacity:1;transform:none;}}
.aviator-master__tips-title {
  color: #00eaff;
  font-size: 1.11rem;
  font-weight: 800;
  margin-bottom: .55rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.aviator-master__tips-list {
  padding: 0 0 0 1.1em;
  margin: 0;
}
.aviator-master__tips-list li {
  color: #d0f7ff;
  font-size: .97rem;
  margin-bottom: .37rem;
}
.aviator-master__highlight {
  color: #fff04c;
  font-weight: 700;
}
.aviator-master__cta {
  margin-top: 1.7rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
.aviator-master__btn {
  padding: 1.1rem 2.6rem;
  background: #00eaff;
  color: #000b14;
  font-weight: 700;
  border-radius: 50px;
  font-size: 1.07rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .21s, transform .19s;
  animation: btnPulseMaster 1.2s infinite alternate;
}
@keyframes btnPulseMaster { to { box-shadow: 0 8px 34px #36eaffcc; } }
.aviator-master__btn:hover {
  background: #19e0ff;
  transform: translateY(-3px);
}
.aviator-master__right {
  flex: 0 0 340px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.aviator-master__figure {
  margin: 0;
  text-align: center;
}
.aviator-master__img {
  width: 290px;
  max-width: 95vw;
  border-radius: 20px;
  box-shadow: 0 4px 32px #00eaff33;
  animation: imgFloatMaster 3.2s ease-in-out infinite alternate;
}
@keyframes imgFloatMaster { to { transform: translateY(-17px); } }
.aviator-master__caption {
  color: #8be2ff;
  
  font-size: .96rem;
  margin-top: .7rem;
  font-style: italic;
}

@media (max-width:900px) {
  .aviator-master__body {
    flex-direction: column;
    gap: 2.1rem;
  }
  .aviator-master__left,
  .aviator-master__right {
    width: 100%; flex: 1 1 100%;
    justify-content: center;
  }
  .aviator-master__cta { justify-content: center; }
}
@media (max-width:560px) {
  .aviator-master__img { width: 95vw; }
  .aviator-master__desc-wrap { padding: 1.1rem .8rem; }
  .aviator-master__card { padding: 1.3rem .4rem; }
}
/* ════════════════════════════════════════════════════════════════════
   299bet · Why Bangladeshi Players Choose Aviator (Card Layout)
   ════════════════════════════════════════════════════════════════════ */
.aviator-why299 {
  position: relative;
  padding: 5rem 1rem 6rem;
  background: #0b1728;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.aviator-why299__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, #001726 0%, #08335d 100%);
  opacity: 0.92;
  z-index: 1;
  pointer-events: none;
}
.aviator-why299__container {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}
.aviator-why299__header {
  margin-bottom: 2.8rem;
}
.aviator-why299__title {
  color: #00eaff;
  font-size: clamp(2rem,2.5vw + 1rem,2.5rem);
  font-weight: 900;
  margin: 0 0 1.3rem 0;
}
.aviator-why299__desc {
  font-size: 1.08rem;
  color: #d0eaff;
  margin: 0 auto;
  max-width: 800px;
}
.aviator-why299__lead {
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: center;
  align-items: center;
  
  font-weight: 700;
  color: #ffe400;
  background: rgba(0,234,255,0.10);
  margin-bottom: 6px;
}
.aviator-why299__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.2rem;
  margin: 0 auto 2.7rem;
}
.aviator-why299__card {
  background: rgba(0,18,36,0.92);
  border-radius: 18px;
  box-shadow: 0 4px 22px #00eaff26;
  width: 260px;
  min-width: 220px;
  max-width: 94vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.1rem 1.2rem 1.6rem 1.2rem;
  transition: transform .26s, box-shadow .25s;
  animation: cardEnterAviator 1s cubic-bezier(.17,.67,.55,1.55) both;
}
.aviator-why299__card:hover {
  transform: translateY(-9px) scale(1.05) rotate(-1deg);
  box-shadow: 0 8px 32px #00eaff66;
}
@keyframes cardEnterAviator { from { opacity:0; transform:scale(.86) translateY(30px);} to {opacity:1; transform:none;} }

.aviator-why299__card-img {
  max-height: 180px;

  border-radius: 14px;
  margin-bottom: 1.1rem;
  object-fit: cover;
  box-shadow: 0 2px 12px #00eaff40;
  background: #001726;
  animation: imgFloatAviator 3.2s ease-in-out infinite alternate;
}
@keyframes imgFloatAviator { to { transform: translateY(-8px); } }
.aviator-why299__card-title {
  font-size: 1.07rem;
  font-weight: 800;
  color: #00eaff;
  margin-bottom: .41rem;
  text-align: center;
}
.aviator-why299__card-desc {
  font-size: .97rem;
  color: #d7f6ff;
  margin: 0;
  text-align: center;
}
.aviator-why299__cta {
  margin: 2.3rem 0 0 0;
  text-align: center;
}
.aviator-why299__btn {
  padding: 1.05rem 2.3rem;
  background: #00eaff;
  color: #09273a;
  font-weight: 700;
  font-size: 1.06rem;
  border-radius: 44px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff45;
  transition: background .2s, transform .2s;
  animation: btnPulseWhy 1.35s infinite alternate;
  display: inline-block;
}
@keyframes btnPulseWhy { to { box-shadow: 0 8px 34px #36eaffcc; } }
.aviator-why299__btn:hover {
  background: #19e0ff;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width:900px) {
  .aviator-why299__cards { gap: 1.2rem; }
}
@media (max-width:600px) {
  .aviator-why299__header { margin-bottom: 1.4rem; }
  .aviator-why299__cards { flex-direction: column; align-items: center; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · Crazy Time Hero Section  •  No line-height declarations
   ════════════════════════════════════════════════════════════════════*/
.crazytime-hero299 {
  position: relative;
  min-height: 630px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #f6f9ff;
  text-align: center;
}


.crazytime-bonusrds299__bonuscard-head {
  padding-left:10px; border-left:2px solid grey; text-align:center; align-items:center;
}

.crazytime-hero299__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.png') center/cover fixed;
  filter: blur(2px) brightness(0.85);
  z-index: 1;
}
.crazytime-hero299__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(0,22,60,0.77) 25%,rgba(204,43,94,0.33) 80%);
  z-index: 2;
  pointer-events: none;
}

.crazytime-hero299__container {
  position: relative;
  z-index: 3;
  max-width: 850px;
  margin: 0 auto;
  backdrop-filter: blur(7px);
  background: rgba(16,14,54,0.18);
  border-radius: 22px;
  padding: 2.8rem 1.5rem 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.7rem;
}

.crazytime-hero299__title {
  font-size: clamp(2.2rem,3vw+1rem,2.9rem);
  font-weight: 900;
  color: #fffc4e;
  letter-spacing: .2px;
  text-shadow: 0 5px 22px #ff4fb277, 0 0px 6px #00eaff33;
  margin: 0 0 0.4em 0;
}
.crazytime-hero299__desc {
  max-width: 700px;
  margin: 0;
  color: #ffe8fa;
  font-size: 1.09rem;
}
.crazytime-hero299__actions {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.7rem 0 0.2rem;
}
.crazytime-hero299__btn {
  display: inline-block;
  padding: 1.1rem 2.7rem;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  background: #ff38c7;
  color: #171939;
  box-shadow: 0 2px 18px #ff41c888;
  transition: background .21s, transform .22s;
  animation: crazyBtnPulse 1.2s infinite alternate;
}
.crazytime-hero299__btn--ghost {
  background: transparent;
  border: 2.5px solid #ff38c7;
  color: #ff38c7;
}
.crazytime-hero299__btn:hover {
  background: #ff4fb2;
  transform: translateY(-2.5px);
}
@keyframes crazyBtnPulse { to { box-shadow: 0 8px 34px #ff99fccc; } }

.crazytime-hero299__figure {
  margin: 2.1rem 0 0;
}
.crazytime-hero299__img {
  border-radius: 16px;
  box-shadow: 0 4px 28px #d741ff44;
  animation: imgFloatCrazy 2.6s ease-in-out infinite alternate;
}
@keyframes imgFloatCrazy { to { transform: translateY(-15px); } }

/* Responsive */
@media(max-width: 800px) {
  .crazytime-hero299__container { padding: 1.8rem 1rem 1.5rem; gap: 0.5em; }
  .crazytime-hero299__figure { margin: 1.2rem 0 0; }
  .crazytime-hero299__title { font-size: 1.5rem; }
  .crazytime-hero299__actions {  gap: 0.9rem; }
}

/* ══════════════════════════════════════════════════════════════
   299bet · Crazy Time · Must-Try Section (Left/Right Layout)
   ══════════════════════════════════════════════════════════════ */
.crazytime-musttry299 {
  width: 100%;
  padding: 5rem 1rem 6rem;
  background: linear-gradient(110deg, #161f36 0%, #20264a 100%);
  overflow: hidden;
}
.crazytime-musttry299__wrapper {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  flex-wrap: wrap;
}
.crazytime-musttry299__imgbox {
  flex: 0 0 370px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.crazytime-musttry299__img {
  width: 330px;
  max-width: 94vw;
  border-radius: 18px;
  box-shadow: 0 8px 36px #0cf1f255;
  animation: floatCrazyImg 2.7s ease-in-out infinite alternate;
}
@keyframes floatCrazyImg { to { transform: translateY(-16px); } }

.crazytime-musttry299__content {
  flex: 1 1 440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.crazytime-musttry299__title {
  font-size: clamp(1.8rem,2.3vw + 1rem,2.3rem);
  font-weight: 900;
  color: #ffe400;
  margin-bottom: 1.2rem;
  text-shadow: 0 4px 18px #ffe40060;
}
.crazytime-musttry299__descblock {
  background: rgba(255, 238, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 2px 22px #ffe40019;
  padding: 2.1rem 1.5rem 1.2rem 1.5rem;
  margin-bottom: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  align-items: center;
}
.crazytime-musttry299__desc {
  font-size: 1.07rem;
  color: #ffeebb;
  margin: 0;
}
.crazytime-musttry299__link {
  color: #ff43a2;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s;
}
.crazytime-musttry299__link:hover {
  border-color: #ff43a2;
}
.crazytime-musttry299__cta {
  margin-top: .7rem;
}
.crazytime-musttry299__btn {
  display: inline-block;
  padding: 1.09rem 2.5rem;
  font-size: 1.06rem;
  background: #ffe400;
  color: #262522;
  font-weight: 700;
  border-radius: 46px;
  text-decoration: none;
  box-shadow: 0 3px 19px #ffe4005c;
  transition: background .22s, transform .22s;
  animation: musttryBtnPulse 1.2s infinite alternate;
}
@keyframes musttryBtnPulse { to { box-shadow: 0 8px 32px #ffe400bb; } }
.crazytime-musttry299__btn:hover {
  background: #fff15b;
  transform: translateY(-2px);
}

@media (max-width:900px) {
  .crazytime-musttry299__wrapper { flex-direction: column-reverse; gap: 1.8rem; }
  .crazytime-musttry299__content { align-items: center; text-align: center; }
  .crazytime-musttry299__imgbox { width: 100%; }
  .crazytime-musttry299__img { width: 90vw; }
}

/* ════════════════════════════════════════════════════════════════════
   299bet · Crazy Time Wheel Breakdown (Modern Card/Wheel Styling)
   ════════════════════════════════════════════════════════════════════*/
.crazytime-breakdown299 {
  width: 100%;
  background: linear-gradient(108deg, #131c33 0%, #212d57 100%);
  padding: 5rem 1rem 6rem;
  color: #f2fcff;
  display: flex;
  justify-content: center;
}
.crazytime-breakdown299__shell {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 3.4rem;
  flex-wrap: wrap;
}
.crazytime-breakdown299__visual {
  flex: 0 0 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-width: 260px;
}
.crazytime-breakdown299__wheel-outer {
  position: relative;
  width: 170px;
  height: 280px;
  margin-bottom: 2.1rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.crazytime-breakdown299__wheel {
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  width: 110px;
  height: 224px;
  border-radius: 55px;
  background: repeating-linear-gradient(
    to bottom, 
    #ffe400 0 14px, #fff 14px 28px, #ff55a0 28px 42px, #02eeff 42px 56px, #fff 56px 70px
  );
  box-shadow: 0 4px 22px #ffe40019;
  overflow: hidden;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.crazytime-breakdown299__segment {
  font-weight: 900;
  font-size: 1.1rem;
  margin: 5px 0;
  width: 100%;
  text-align: center;
  letter-spacing: 2px;
  color: #1d1d1d;
  opacity: .7;
  filter: blur(.7px);
}
.crazytime-breakdown299__segment--num1 { color: #000; }
.crazytime-breakdown299__segment--num2 { color: #000; }
.crazytime-breakdown299__segment--num5 { color: #000; }
.crazytime-breakdown299__segment--num10 { color: #000; }
.crazytime-breakdown299__segment--bonus { color: #000; letter-spacing: 1px; font-size: 1rem; }
.crazytime-breakdown299__flapper {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 26px; height: 30px;
  z-index: 3;
}
.crazytime-breakdown299__topslot {
  position: absolute;
  left: 50%;
  top: -37px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff2fc;
  border-radius: 10px 10px 18px 18px;
  box-shadow: 0 2px 16px #00eaff1a;
  padding: 5px 16px 3px 16px;
  z-index: 4;
  animation: topSlotSpin 1.8s linear infinite alternate;
}
@keyframes topSlotSpin { to { box-shadow: 0 0 16px #ffe400cc, 0 0 30px #ff55a033; } }
.crazytime-breakdown299__topslot-label {
  font-size: .86rem;
  color: #ff55a0;
  font-weight: 700;
}
.crazytime-breakdown299__topslot-multiplier {
  color: #000;
  font-weight: 900;
  font-size: 1.12rem;
  letter-spacing: 1.5px;
  text-shadow: 0 1px 7px #ff4fb2bb;
}
.crazytime-breakdown299__img {
  margin-top: .7rem;
  width: 158px;
  
  border-radius: 11px;
  box-shadow: 0 2px 13px #00eaff33;
  animation: imgFloatCrazyBreak 2.7s ease-in-out infinite alternate;
}
@keyframes imgFloatCrazyBreak { to { transform: translateY(-9px); } }

.crazytime-breakdown299__content {
  flex: 1 1 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.crazytime-breakdown299__title {
  font-size: clamp(1.5rem,2vw + 1rem,2.1rem);
  font-weight: 900;
  color: #ffe400;
  margin-bottom: 1.3rem;
  letter-spacing: 0.1px;
  text-shadow: 0 5px 19px #ffe40088;
}
.crazytime-breakdown299__descblock {
  background: rgba(255,255,255,0.04);
  border-radius: 15px;
  box-shadow: 0 2px 22px #ffe4000f;
  padding: 2.1rem 1.1rem 1.3rem 1.1rem;
  margin-bottom: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.04rem;
  align-items: center;
}
.crazytime-breakdown299__desc {
  font-size: 1.06rem;
  color: #fffbe2;
  margin: 0;
  text-align: center;
}
.crazytime-breakdown299__link {
  color: #ff55a0;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .23s;
}
.crazytime-breakdown299__link:hover {
  border-color: #ff55a0;
}
.crazytime-breakdown299__cta {
  margin-top: .8rem;
}
.crazytime-breakdown299__btn {
  display: inline-block;
  padding: 1.13rem 2.4rem;
  font-size: 1.07rem;
  background: #ffe400;
  color: #222221;
  font-weight: 700;
  border-radius: 46px;
  text-decoration: none;
  box-shadow: 0 3px 19px #ffe4005c;
  transition: background .18s, transform .20s;
  animation: breakdownBtnPulse 1.28s infinite alternate;
}
@keyframes breakdownBtnPulse { to { box-shadow: 0 8px 34px #ffe400cc; } }
.crazytime-breakdown299__btn:hover {
  background: #fff33c;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width:1024px) {
  .crazytime-breakdown299__shell { flex-direction: column; gap: 2.2rem; }
  .crazytime-breakdown299__visual { margin-bottom: 0; flex: none;  }
  .crazytime-breakdown299 {
    padding-bottom: 30px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   299bet · Crazy Time All Four Bonus Rounds (Modern Grid Card Design)
   ═══════════════════════════════════════════════════════════════════════ */
.crazytime-bonusrds299 {
  width: 100%;
  padding: 5rem 1rem 6rem;
  background: linear-gradient(105deg, #23234b 0%, #160e2e 100%);
  color: #f9fcff;
  text-align: center;
}
.crazytime-bonusrds299__container {
  max-width: 1200px;
  margin: 0 auto;
}
.crazytime-bonusrds299__title {
  font-size: clamp(1.7rem, 2vw + 1rem, 2.4rem);
  font-weight: 900;
  color: #ffe400;
  margin-bottom: 1.5rem;
  text-shadow: 0 3px 16px #ffe40059;
}
.crazytime-bonusrds299__desc {
  font-size: 1.1rem;
  color: #fceffb;
  margin: 0 0 2.7rem 0;
}
.crazytime-bonusrds299__bonusgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 2.3rem;
  margin-bottom: 2.8rem;
}
.crazytime-bonusrds299__bonuscard {
  background: rgba(0, 234, 255, 0.04);
  border-radius: 20px;
  box-shadow: 0 4px 24px #ffe40022;
  padding: 2.2rem 1.3rem 1.3rem 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: bonusCardPulse 1.7s cubic-bezier(.35,.85,.39,1.1) infinite alternate;
}
@keyframes bonusCardPulse {
  0%   { box-shadow: 0 4px 18px #ffe40011;}
  100% { box-shadow: 0 6px 32px #00eaff2f;}
}

.crazytime-bonusrds299__bonuscard-body p {
  margin: 0;
}

.crazytime-bonusrds299__bonuscard-head {
  font-weight: 800;
  color: #ffe400;
  font-size: 1.14rem;
  margin-bottom: 1.05rem;
  letter-spacing: .02em;
  background: rgba(255,255,255,.06);
  border-radius: 9px;
  padding: .5em;
  width: 90%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  margin-bottom: 10px;
}
.crazytime-bonusrds299__bonuscard-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
}
.crazytime-bonusrds299__bonusimg {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: .2rem;
  box-shadow: 0 2px 10px #00eaff32;
  background: #151d2f;
}
.crazytime-bonusrds299__cta {
  margin: 2.1rem 0 0 0;
}
.crazytime-bonusrds299__btn {
  display: inline-block;
  padding: 1.08rem 2.4rem;
  font-size: 1.07rem;
  background: #ffe400;
  color: #1d1939;
  font-weight: 700;
  border-radius: 44px;
  text-decoration: none;
  box-shadow: 0 3px 19px #ffe4005c;
  transition: background .18s, transform .21s;
  animation: allBonusesBtnPulse 1.25s infinite alternate;
}
@keyframes allBonusesBtnPulse { to { box-shadow: 0 8px 34px #ffe400cc; } }
.crazytime-bonusrds299__btn:hover {
  background: #fff53c;
  transform: translateY(-2px);
}
.crazytime-bonusrds299__figure {
  margin-top: 2.7rem;
}
.crazytime-bonusrds299__figureimg {
  
  border-radius: 19px;
  box-shadow: 0 3px 26px #ff55a055;
  animation: figureBonusFloat 2.3s ease-in-out infinite alternate;
}
@keyframes figureBonusFloat { to { transform: translateY(-16px); } }

@media (max-width: 950px) {
  .crazytime-bonusrds299__bonusgrid {
    grid-template-columns: 1fr;
    gap: 1.7rem;
  }
}
@media (max-width: 600px) {
  .crazytime-bonusrds299__bonuscard-head {
    font-size: 1.01rem;
    padding: .7em .3em;
  }
  .crazytime-bonusrds299__bonusimg { width: 57px; height: 57px; }
  .crazytime-bonusrds299__figureimg { width: 95vw; }
  .crazytime-bonusrds299__bonuscard { padding: 1.1rem .5rem .7rem .5rem; }
}

.prpr {
    width: 18px;
    backdrop-filter: invert(1);
    mask-image: white;
    border-radius: 100%;
}

.prpe {
    width: 18px;
    background-color: white;
    padding: 1px;
    fill: white;
    border-radius: 100%;
}


/* ══════════════════════════════════════════════════════════════
   299bet · SecureCards Section (Modern Cardly 3-Column Design)
   ══════════════════════════════════════════════════════════════ */
.securecards299 {
  position: relative;
  background: linear-gradient(106deg, #16253e 0%, #1c1934 100%);
  padding: 5.5rem 1rem 5rem 1rem;
  z-index: 1;
}
.securecards299__bg {
  position: absolute;
  inset: 0;
  background: url('img/secure-bg.jpg') center/cover;
  opacity: .12;
  z-index: 0;
}
.securecards299__container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.securecards299__header {
  text-align: center;
  margin-bottom: 2.7rem;
}
.securecards299__title {
  font-size: clamp(1.8rem, 2vw + 1.1rem, 2.5rem);
  font-weight: 900;
  color: #ffe400;
  text-shadow: 0 3px 14px #ffe40043;
  margin: 0;
}
.securecards299__main {
  display: flex;
  gap: 2.8rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.securecards299__visual {
  
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.securecards299__img {
  
  border-radius: 25px;
  box-shadow: 0 8px 34px #ffe40033, 0 1px 6px #003f5c2b;
  animation: secureImgFloat 2.3s ease-in-out infinite alternate;
}
@keyframes secureImgFloat { to { transform: translateY(-13px); } }

.securecards299__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.2rem;
  flex: 1 1 0;
  min-width: 0;
  align-items: stretch;
}
.securecards299__card {
  background: rgba(255,255,255,0.04);
  border-radius: 18px;
  box-shadow: 0 2px 18px #ffe40014;
  padding: 2.3rem 1.4rem 1.7rem 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow .17s, transform .2s;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
}
.securecards299__card:hover {
  box-shadow: 0 6px 32px #ffe4003b, 0 1.5px 20px #00eaff22;
  border-color: #ffe400;
  transform: translateY(-6px) scale(1.032);
}
.securecards299__iconbox {
  font-size: 2.8rem;
  color: #00eaff;
  margin-bottom: 1.1rem;
  text-shadow: 0 4px 12px #00eaff33, 0 2px 8px #ffe40022;
}
.securecards299__cardtitle {
  font-weight: 800;
  color: #ffe400;
  font-size: 1.18rem;
  margin-bottom: .82rem;
  text-align: center;
  margin: 0;
  letter-spacing: 0.03em;
}
.securecards299__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #f2faff;
  font-size: 1.03rem;
  margin-bottom: 1.2rem;
}
.securecards299__cardcta {
  margin-top: .3rem;
}

.securecards299__body p{ margin: 0;}

.securecards299__btn {
  display: inline-block;
  padding: .98rem 2.4rem;
  background: #ffe400;
  color: #19164b;
  font-weight: 800;
  border-radius: 50px;
  font-size: 1.06rem;
  text-decoration: none;
  box-shadow: 0 2px 18px #ffe4001c;
  transition: background .19s, color .19s, transform .19s;
  animation: secureBtnPulse 1.28s infinite alternate;
}
@keyframes secureBtnPulse { to { box-shadow: 0 8px 34px #ffe400b5; } }
.securecards299__btn:hover {
  background: #fff269;
  color: #262522;
  transform: scale(1.06) translateY(-2px);
}

/* Responsive */
@media (max-width: 1200px) {
  .securecards299__main { flex-direction: column; align-items: center; }
  .securecards299__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 800px) {
  .securecards299__visual { flex: 0 0 100%; margin-bottom: 2.5rem;}
  .securecards299__grid { grid-template-columns: 1fr; gap: 1.2rem; }
  .securecards299__card { padding: 1.5rem .7rem .9rem .7rem;}
}






















.gam a img {
  max-width: 70px;
}

.cirle {
  border-radius: 100%;
  background-color: red;
  color: white;
  font-size: 30px;
  padding: 12px;
}

.dnone {
  display: none;
}




[class*="btn"]:not([class*="wrap"]),
[class*="button"]:not([class*="buttons"]) {
  padding: 20px 30px;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
  margin: 0.5rem;
  animation:
    glow-pulse-const 2s infinite alternate ease-in-out,
    scale-pulse 2s infinite ease-in-out;
}

@keyframes scale-pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.06);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes glow-pulse-const {
  0% {
    box-shadow:
      0 0 6px rgba(26, 115, 232, 0.5),
      0 0 12px rgba(26, 115, 232, 0.3);
  }

  50% {
    box-shadow:
      0 0 12px rgba(26, 115, 232, 0.8),
      0 0 24px rgba(26, 115, 232, 0.6);
  }

  100% {
    box-shadow:
      0 0 8px rgba(26, 115, 232, 0.6),
      0 0 16px rgba(26, 115, 232, 0.4);
  }
}

.ze77-appfocus__subtitle {
  color: white;
}

  h1[class*="title"]:not([class*="subtitle"]) {
    font-size: 2.5em;
    line-height: 1;
  }

  [class*="content"] {
    text-align: center;
  }

    [class*="heading"], [class*="text"] {
    text-align: center;
  }

    [class*="actions"] {
      text-align: center;
      justify-content: center;
    }

@media (max-width: 768px) {

  h1[class*="title"]:not([class*="subtitle"]) {
    font-size: 2.4em;
  }

  .bet299-hero__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .accountassist299__media {
    flex-direction: column-reverse;
  }

  [class*="btn"]:not([class*="wrap"]),
  [class*="button"]:not([class*="buttons"]) {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    animation:
      glow-pulse-const 1.8s infinite alternate ease-in-out,
      scale-pulse 2.5s infinite ease-in-out;
  }

}

.banner {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}


.apphero299__glass {
  padding: 2em;
}

@media (max-width: 768px) {

  .livebet299__frame, .sportcube299__sweep {
    display: none;
  }

  .luxhdr__logo-img {
    height: 30px;
  }

  .apphero299__glass {
    padding: 15px;
  }
}

@media (max-width: 768px) {

  section {
    padding: 20px !important;
  }

  .latest299__bg::before {
    display: none;
  }

  .bee999-slotpromos__img,
  .bee999-sportsimplified__sportcard img,
  .bee999-confidence__img,
  .bee999-localbd__flag img,
  .bee999-skillplay__img,
  .bee999-appbonus__img,
  .bee999-crashbet__img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .lux-header__login-btn,
  .bee999-bonuscalendar__calendarvisual,
  .bee999-bonuscalendar__calendarvisual img {
    width: auto !important;
  }

  .bee999-localbd__gameimg,
  .bee999-bonuscalendar__calendarvisual,
  .bee999-bonuscalendar__calendarvisual img {
    height: auto;
  }

  .ze77-tools__bubbles,
  .bee999-bonuscalendar-btn,.mobileaccess-8iii__list li,.fast-8iii__list li,
  .bee999-mobileperf__features,
  .bee999-topslots__features,.smart-8iii__list li,
  .bee999-bet__badges,.crash-8iii__feat,
  .bee999-loginaccess__features,
  .bee999-loginperks__features {
    justify-content: center
  }

  .ze77-focusedgames__img {
    max-width: 100%;
  }

  .n7bt-imgcol,.crash-8iii__visual,.rewards-8iii__ticket,.pay-8iii__visual,.slotsPromo-8iii__visual,.loyalty-8iii__visual,.banking-roadmap__card img,
  .n7bt-content {
    flex: none;
    max-width: 100%;
  }

  .cv666-luxehero__cta-row,
  .n777-why__container,
  .n777-highlights__container,
  .ze77-applite__actions,
  .n7wl-grid,
  .n7dk-wrapper,
  .n7lp-container,
  .n7gr-grid,.sportcards299__spinner,
  .n7ct-wrap,.bonuscal-8iii__flex,
  .ze77-hero__actions,
  .n7bt-inner,
  .nx7l-actions,
  .bee999-allgames__actions,
  .ze77-games__actions,
  .ze77-slots__actions {
    display: flex;
    flex-direction: column;

  }

  [class*="actions"] {
    gap: 0;
  }
}

@media (max-width: 505px) {


  
}



.n7fixed-bonus-banner { 

  margin-bottom: 0 !important;
}


html,
body {
  height: 100%;

  display: flex;
  flex-direction: column;
}

/* Основной контейнер, который растягивается */
main {
  flex: 1;
  /* Этот блок занимает всё доступное пространство */
  padding-top: 57px;
}

/* Футер всегда внизу */
footer {


  text-align: center;
  padding: 20px;
  font-size: 16px;
}

.lux-btn--login {
  padding: 14px;
  padding: 8px 18px;
}

.luxhdr__actions {
  gap: 10px !important;
}

.sideacc299__content-title {
  text-align: left;
}