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: #009461;
  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.jpg') 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, rgb(0 108 21 / 90%) 35%, rgb(0 0 0 / 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: #00ff00;
  text-shadow: 0 4px 24px #00a21266;
  margin-bottom: 1.2rem;
}

/* Description */

.gameshero299__desc-shell p {
  font-size: 1.15rem;

  margin: 0;
}

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

.gameshero299__link:hover {
  border-color: #00a212;
}

/* 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: #3cff59;
  color: #0f3658;
}

.gameshero299__btn--primary:hover {
  background: #00a212;
  transform: translateY(-3px);
}

.gameshero299__btn--secondary {
  background: transparent;
  color: #00ff00;
  border: 2px solid #00ff00;
}

.gameshero299__btn--secondary:hover {
  background: #00ff00;
  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: #00a212;
  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 #00a21280;
  pointer-events: none;
  animation: pulseFrame 3s ease-in-out infinite alternate;
}

@keyframes pulseFrame {
  to {
    box-shadow: 0 0 24px #00a212aa;
  }
}

/* Header */
.gamepower299__title {
  font-size: clamp(1.7rem, 2.4vw + 1rem, 2.5rem);
  font-weight: 900;
  color: #3cff59;
  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: #00ff1c;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}

.gamepower299__link:hover {
  border-color: #00a212;
}

/* CTA button */
.gamepower299__cta {
  margin-top: 1.6rem;
}

.gamepower299__btn {
  display: inline-block;
  padding: 1.1rem 2.6rem;
  border-radius: 50px;
  background: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.1rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: pulseBtnGlow 1.4s infinite alternate;
}

@keyframes pulseBtnGlow {
  to {
    box-shadow: 0 8px 36px #3cff59aa;
  }
}

.gamepower299__btn:hover {
  background: #00a212;
  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 #00a21266;
  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: #3cff59
}

/* — 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 #00a21255;
  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 #00a21233;
  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: #00ff00;
  font-size: 1.04rem
}

.cat3d299__card p {
  margin: 0;
  text-align: center;
}

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

.cat3d299__link:hover {
  border-color: #00a212
}


/* CTA */
.cat3d299__btn {
  display: inline-block;
  padding: 1.05rem 2.4rem;
  background: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 48px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: pulseGlow 1.4s infinite alternate
}

@keyframes pulseGlow {
  to {
    box-shadow: 0 8px 32px #3cff59aa
  }
}

.cat3d299__btn:hover {
  background: #00a212;
  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;
  
  color: #003304;
  padding: 6rem 1rem 6.5rem;
  text-align: center;
  overflow: hidden
}



.latest299__bg::before {
  content: '';
  position: absolute;
  inset: 0;

  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 #00a212aa
  }
}

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

.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 #00a21233;
  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: #00ff00
}

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

.latest299__link:hover {
  border-color: #00a212
}

.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 #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: pulseBtn 1.3s infinite alternate
}

@keyframes pulseBtn {
  to {
    box-shadow: 0 8px 36px #3cff59aa
  }
}

.latest299__btn:hover {
  background: #00a212;
  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.jpg') center/cover no-repeat;
  filter: brightness(.6);
  z-index: 0;
}

.bethero299__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgb(13 71 42 / 92%) 40%
40%
, rgb(9 96 16 / 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: #00ff00;
  text-shadow: 0 4px 24px #00a21266;
  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: #3cff59;
  color: #10344f;
}

.bethero299__btn--primary:hover {
  background: #00a212;
  transform: translateY(-3px);
}

.bethero299__btn--secondary {
  background: transparent;
  color: #00ff00;
  border: 2px solid #00ff00;
}

.bethero299__btn--secondary:hover {
  background: #00ff00;
  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;
  
  color: #000000;
  padding: 6rem 1rem 7rem;
  text-align: center;
  overflow: hidden
}

.sportcube299__sweep {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 60% 18%, #00a21230 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: #008f00
}

.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: #00ff00
}

.sportcube299__face p {
  margin: 0
}

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

.sportcube299__link:hover {
  border-color: #00a212
}

/* 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 #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulse 1.4s infinite alternate
}

@keyframes btnPulse {
  to {
    box-shadow: 0 8px 38px #3cff59aa
  }
}

.sportcube299__btn:hover {
  background: #00a212;
  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%, #00a21230 0, transparent 75%)
}

.sportcards299__frame {
  position: absolute;
  inset: 1.8rem;
}

@keyframes frameGlow {
  100% {
    box-shadow: 0 0 22px #00a212aa
  }
}

.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: #3cff59
}

.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 #00a21233;
  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 #00a21255
}

.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: #00ff00
}

.sportcards299__card p {
  margin: 0
}

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

.sportcards299__link:hover {
  border-color: #00a212
}

/* CTA */
.sportcards299__cta {
  margin-top: 1.4rem
}

.sportcards299__btn {
  display: inline-block;
  padding: 1.1rem 2.6rem;
  background: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: pulseSport 1.4s infinite alternate
}

@keyframes pulseSport {
  to {
    box-shadow: 0 8px 36px #3cff59aa
  }
}

.sportcards299__btn:hover {
  background: #00a212;
  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: #00874f;
  padding: 6rem 1rem 7rem;
  text-align: center;
  color: #ffffff;
  overflow: hidden
}

.livebet299__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, #0a4729 60%, #0d753a 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 #00a21266;
  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 #00a212aa
  }
}

.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 #00a21255;
  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: #3cff59;
  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: #00ff00
}

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

.livebet299__link:hover {
  border-color: #00a212
}

.livebet299__cta {
  margin-top: .6rem
}

.livebet299__btn {
  display: inline-block;
  padding: 1.15rem 2.6rem;
  background: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: pulseLive 1.4s infinite alternate
}

@keyframes pulseLive {
  to {
    box-shadow: 0 8px 36px #3cff59aa
  }
}

.livebet299__btn:hover {
  background: #00a212;
  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.jpg') center/cover no-repeat;
  filter: brightness(.55);
  z-index: 0;
}

/* sweeping beam */
.loginhero299__beam {
  position: absolute;
  inset: 0;
  background:linear-gradient(135deg, #004e068c 40%, #00a212a1 50%, #0073238a 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 #00a21255;
  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: #3cff59;
  margin: 0;
  text-shadow: 0 4px 24px #00a21266;
}

/* intro */
.loginhero299__intro {
  max-width: 640px;
  margin: 0
}

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

.loginhero299__link:hover {
  border-color: #00ff1c
}

/* 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 #00a21255;
}

.loginhero299__btn--main {
  background: #3cff59;
  color: #10344f;
}

.loginhero299__btn--main:hover {
  background: #00a212;
  transform: translateY(-3px);
}

.loginhero299__btn--ghost {
  background: transparent;
  color: #00ff00;
  border: 2px solid #00ff00;
}

.loginhero299__btn--ghost:hover {
  background: #00ff00;
  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;
  
  padding: 6rem 1rem 7rem;
  overflow: hidden;
  color: #000000;
}

.instalogin299__shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, #00a21222 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 #00a21255);
}

.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: #008f00;
  text-shadow: 0 4px 22px #00a21266;
  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: #008f00;
}

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

.instalogin299__link:hover {
  border-color: #00a212
}

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

.instalogin299__btn {
  display: inline-block;
  padding: 1.15rem 2.6rem;
  background: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulse 1.4s infinite alternate;
}

@keyframes btnPulse {
  to {
    box-shadow: 0 8px 36px #3cff59aa
  }
}

.instalogin299__btn:hover {
  background: #00a212;
  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: #124d00;
  padding: 6rem 1rem 7rem;
  text-align: center;
  overflow: hidden;
  color: #eaf7ff
}

.unlock299alt__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 20%, #00a21225 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: #3cff59;
  text-shadow: 0 4px 22px #00a21266;
  margin-bottom: 2.6rem;
  text-align: center
}

.unlock299alt__frame {
  position: absolute;
  inset: -4.3rem;
  border: 2px solid #00a21266;
  border-radius: 26px;
  pointer-events: none;
  animation: framePulse2 3s ease-in-out infinite alternate
}

@keyframes framePulse2 {
  to {
    box-shadow: 0 0 24px #00a212bb
  }
}

.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 #00a21277, 0 4px 24px #00a21222;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: iconPulse 2s infinite alternate
}

@keyframes iconPulse {
  to {
    box-shadow: 0 0 24px #00a212
  }
}

/* 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: #00ff00
}

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

.unlock299alt__link:hover {
  border-color: #00a212
}

/* 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 #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulse3 1.4s infinite alternate
}

@keyframes btnPulse3 {
  to {
    box-shadow: 0 8px 36px #3cff59aa
  }
}

.unlock299alt__btn:hover {
  background: #00a212;
  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;
  
  padding: 6rem 1rem 7rem;
  color: #002c01;
  overflow: hidden;
  text-align: center;
}

.accountassist299__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 60% 15%, #00a2122e 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: #007a12;
  text-shadow: 0 4px 22px #00a21266;
  margin-bottom: 1.7rem;
  text-align: center;
}

.accountassist299__frame {
  position: absolute;
  inset: 1.7rem;
  border: 2px solid #00a21266;
  border-radius: 24px;
  pointer-events: none;
  animation: framePulseAH 3s ease-in-out infinite alternate;
}

@keyframes framePulseAH {
  to {
    box-shadow: 0 0 24px #00a212bb;
  }
}

.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 #00a21233;
  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: #3cff59;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px #00a21288, 0 4px 22px #00a21222;
  font-size: 2rem;
  animation: iconPulseAH 2s infinite alternate;
}

@keyframes iconPulseAH {
  to {
    box-shadow: 0 0 24px #00a212;
  }
}

.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: #008f00;
  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: 4rem;
  box-shadow: 0 4px 28px #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulseAH 1.4s infinite alternate;
}

@keyframes btnPulseAH {
  to {
    box-shadow: 0 8px 36px #3cff59aa;
  }
}

.accountassist299__btn:hover {
  background: #00a212;
  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.jpg') center/cover no-repeat;
  filter: brightness(.53);
  z-index: 0;
}

.apphero299__beam {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #136c0066 60%, #00a212cf 70%, #1b6e0569 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 #00a21255;
  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: #3cff59;
  margin: 0;
  text-shadow: 0 4px 22px #00a21266;
}

.apphero299__intro {
  max-width: 670px;
  margin: 0;
}

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

.apphero299__link:hover {
  border-color: #00a212;
}

.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 #00a21255;
}

.apphero299__btn--main {
  background: #3cff59;
  color: #10344f;
}

.apphero299__btn--main:hover {
  background: #00a212;
  transform: translateY(-3px);
}

.apphero299__btn--ghost {
  background: transparent;
  color: #00ff00;
  border: 2px solid #00ff00;
}

.apphero299__btn--ghost:hover {
  background: #00ff00;
  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 #00a21244;
  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;
  
  padding: 6rem 1rem 7rem;
  color: #000000;
  text-align: center;
  overflow: hidden;
}

.appnextlvl299__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 13%, #00a21224 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: #008f00;
  text-shadow: 0 4px 22px #00a21266;
  margin-bottom: 1rem;
  text-align: center;
}

.appnextlvl299__frame {
  position: absolute;
  inset: 1.6rem;
  border: 2px solid #00a21266;
  border-radius: 24px;
  pointer-events: none;
  animation: framePulseNLA 3s ease-in-out infinite alternate;
}

@keyframes framePulseNLA {
  to {
    box-shadow: 0 0 24px #00a212bb;
  }
}

.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 #00a21233;
  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: #3cff59;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px #00a21288, 0 4px 22px #00a21222;
  font-size: 2rem;
  animation: iconPulseNLA 2s infinite alternate;
}

@keyframes iconPulseNLA {
  to {
    box-shadow: 0 0 24px #00a212;
  }
}

.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: #007200;
  margin: .1rem 0 .55rem 0;
}

.appnextlvl299__card p {
  margin: 0;
  text-align: center;
}

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

.appnextlvl299__link:hover {
  border-color: #00a212;
}

.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 #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulseNLA 1.3s infinite alternate;
  margin: 0;
}

@keyframes btnPulseNLA {
  to {
    box-shadow: 0 8px 36px #3cff59aa;
  }
}

.appnextlvl299__btn:hover {
  background: #00a212;
  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: #043300;
  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-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: linear-gRADIENT(130DEG, #133D02 0%, #00859a 89%);
  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: #b7ff98;
  color: #0f0f12;
  box-shadow: 0 0 0 0 rgba(45, 216, 255, .7);
  animation: pulseGlow 2.5s infinite;
}

.bet299-btn--ghost {
  border: 2px solid #b7ff98;
  color: #b7ff98;
  background: transparent;
}

.bet299-btn:hover {
  transform: translateY(-2px);
}

.bet299-btn--ghost:hover {
  background: #b7ff98;
  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.jpg");
  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: LINEAR-GRADIENT(130DEG, #133D02 0%, #00859A 89%);
  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: #019200;
  color: LINEAR-GRADIENT(130DEG, #133D02 0%, #00859A 89%);
  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;

  color: #000000;
  text-align: center;
  padding: 5rem 1rem;
  overflow: hidden;
  isolation: isolate;
}

.nested299__bg-layer {
  position: absolute;
  inset: 0;
  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: #00be4e;
  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: #00d618;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.3s, border-color 0.3s;
}

.nested299__link:hover {
  color: #00d24d;
  border-color: #00d24d;
}

/* 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: #167800;
}

.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: #44ff00;
  color: #0a111d;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s, transform 0.3s;
}

.nested299__btn:hover {
  background: #00a212;
  transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 767.98px) {
  .nested299__features {
    grid-template-columns: 1fr;
  }
}

.journey299 {
  position: relative;


  text-align: center;
  padding: 5rem 1rem;
  overflow: hidden;
  isolation: isolate;
}

.journey299__bg {

  z-index: -1;
}

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

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

/* Intro */
.journey299__intro p {
  max-width: 1200px;
  margin: 0 auto;

  font-size: 1rem;
}

.journey299__link {
  color: #00a212;
  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: #00a212;
  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: #167800;
  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: #00a212;
  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: LINEAR-GRADIENT(130DEG, #133D02 0%, #00859A 89%);
  color: #e8f2ff;
  text-align: center;
  padding: 6rem 1rem;
  overflow: hidden;
  isolation: isolate;
}


.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: #00a212;
  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: #00a212;
  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;

  color: #e8f2ff;
  text-align: center;
  padding: 6rem 1rem;
  overflow: hidden;
  isolation: isolate;
}

.topcats299__spotlight {
  position: absolute;
  inset: 0;
  background: LINEAR-GRADIENT(130DEG, #133D02 0%, #00859A 89%);
  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: #a6ffb0;
}

/* 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: #00ff18;
}

/* 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: #00a212;
  color: #fdfdfd;
  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%, #00a21222 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: linear-gradient(130deg, #133d02 0%, #00859a 89%);
}

/* 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: #3cff59;
  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: #3cff59;
  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, #294a13 65%, #407e1a 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%, #00a21233 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: #ffffff;
  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: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}

.faq299__link:hover {
  border-color: #00a212;
}

/* 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: #155721;
  color: #ffffff;
}

.faq299__icon {
  font-size: 1.5rem;
  color: #ffffff;
}

.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: #3c9c19;
  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;
}

.faq299__btn {
  display: inline-block;
  padding: 1rem 2.2rem;
  background: #4eff36;
  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: #00a212;
  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.jpg);
  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: linear-gradient(130deg, #133d02 0%, #00859a 89%);
  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: linear-gradient(130deg, #133d02 0%, #00859a 89%);
  margin-bottom: 0;
}

.casinobanner299__desc-shell {
  max-width: 680px;
  margin: 0 auto;
}

.casinobanner299__desc-shell p {
  font-size: 1.05rem;
  margin-top: 0.5rem;
}

.casinobanner299__link {
  color: #0cec25;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}

.casinobanner299__link:hover {
  border-color: #00a212;
}

.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: #55ff36;
  color: #18365e;
  box-shadow: 0 3px 18px #00a21244;
  transition: background .18s, transform .22s;
}

.casinobanner299__btn--secondary {
  background: #000000;
  color: #5bff53;
  border: 1.5px solid #55ff36;
}

.casinobanner299__btn:hover,
.casinobanner299__btn--secondary:hover {
  background: #55ff36;
  color: #000000;
  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: #3cff59;
}

.casinobanner299__icon {
  font-size: 1.47rem;
  color: #00a212;
  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 #00a212;
  border-right: 2px solid #00a212;
  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 {

  color: #000000;
  padding: 5rem 1rem 6rem 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.stepaction299__bg {
  position: absolute;
  inset: 0;

  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: #008d20;
}

.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: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}

.stepaction299__link:hover {
  border-color: #00a212;
}

.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 #00a21211;
}

.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: #008d20;
}

.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: #4eff36;
  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: #00a212;
  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(130deg, #133d02 0%, #00859a 89%);
  color: #ecf6ff;
  text-align: center;
  padding: 5rem 1rem 6rem 1rem;
  position: relative;
  overflow: hidden;
}

.gamecards299__bg {
  position: absolute;
  inset: 0;

  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: #84fa34;
  margin-bottom: 1.1rem;
}

.gamecards299__desc-shell {
  max-width: 690px;
  margin: 0 auto;
}

.gamecards299__desc-shell p {
  font-size: 1.07rem;
}

.gamecards299__link {
  color: #00ff1c;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}

.gamecards299__link:hover {
  border-color: #00a212;
}

/* 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 #00a21218;
  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 #00a21255;
}

.gamecards299__imgbox {
  background: linear-gradient(100deg, #11535c 60%, #265f1e 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 #00a21230;
}

.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 {

  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: #82ff36;
  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: #00a212;
  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, #104617 60%, #04862d 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%, #00a21229 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%, #00a21233 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: #ffffff;
  margin-bottom: 0.3rem;
  letter-spacing: -1px;
}

@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 #00a21211;
  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: #ffffff;
  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: #00ff00;
}

.topchoice299__feature-content p {
  font-size: .98rem;
  margin: 0;
  text-align: left;
}

.topchoice299__link {
  color: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}

.topchoice299__link:hover {
  border-color: #00a212;
}

/* 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 #00a21244;
  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, #00a21245 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: #46ff36;
  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: #00a212;
  transform: translateY(-2px);
  box-shadow: 0 6px 30px #00a21266;
}

@keyframes topchoice299-pulse {
  0% {
    box-shadow: 0 3px 18px #1be5ff33;
  }

  100% {
    box-shadow: 0 9px 40px #3cff5980;
  }
}

@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(130deg, #133d02 0%, #00859a 89%);
  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: #3cff59;
  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: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s;
}

.slotshero299__link:hover {
  border-color: #00a212;
}

.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 #00a21235;
  transition: background .17s, color .17s, transform .18s;
  margin-bottom: .5rem;
}

.slotshero299__btn--main {
  background: #3cff59;
  color: #133657;
}

.slotshero299__btn--main:hover {
  background: #00a212;
  color: #133657;
  transform: translateY(-2px);
}

.slotshero299__btn--alt {
  background: #183f65;
  color: #3cff59;
  border: 1.5px solid #3cff59;
}

.slotshero299__btn--alt:hover {
  background: #3cff59;
  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 {

  color: #000;
  padding: 5rem 1rem 7rem 1rem;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.slotvariety299__bg {
  position: absolute;
  inset: 0;

  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 #00a21222;
  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 #3cff5977, 0 0 0 #00a21211;
  }

  90% {
    box-shadow: 0 14px 30px #00a21266, 0 0 16px #3cff5966;
  }

  100% {
    box-shadow: 0 7px 30px #00a21244, 0 0 4px #3cff5944;
  }
}

/* Section Header */
.slotvariety299__header {
  margin-bottom: .4rem;
}

.slotvariety299__title {
  font-size: clamp(1.45rem, 2vw + 1rem, 2.13rem);
  font-weight: 900;
  color: #3cff59;
  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 #00a21218;
  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: #3cff59;
  margin-bottom: .1rem;
  filter: drop-shadow(0 3px 16px #3cff5938);
  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: #00ff00;

}

.slotvariety299__card-content p {
  font-size: 0.97rem;
  margin: 0;
  text-align: center;
}

.slotvariety299__link {
  color: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s;
}

.slotvariety299__link:hover {
  border-color: #00a212;
}


.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 #00a21255;
}

.slotvariety299__btn {
  display: inline-block;
  padding: 1.13rem 2.6rem;
  background: #3cff59;
  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 #3cff5933;
  }

  100% {
    box-shadow: 0 9px 42px #3cff5980;
  }
}

.slotvariety299__btn:hover {
  background: #00a212;
  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%, #00a21233 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 #00a21238, 0 0 0 #00a21211;
  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 #3cff5988);
  }

  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: #3cff59;
  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 #00a21218;
  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: #00ff00;
}

.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: #3cff59;
  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%, #00a21226 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(#00a212 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: #3cff59;
  text-shadow: 0 3px 18px #00a21244;
  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: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}

.jackpot299__link:hover {
  border-color: #00a212;
}

/* 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 #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .18s, transform .18s;
  animation: pulsebtn 1.3s infinite alternate;
}

@keyframes pulsebtn {
  to {
    box-shadow: 0 8px 36px #3cff5988;
  }
}

.jackpot299__btn:hover {
  background: #00a212;
  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: #009461;
  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%, #00a21228 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, #00a21244 0 60deg, transparent 90deg 210deg, #00a21233 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: #3cff59;
  text-shadow: 0 4px 22px #00a21266;
  margin-bottom: 2.8rem;
  text-align: center;
}

.appadv299__frame {
  position: absolute;
  inset: 1.5rem;
  border: 2px solid #00a21266;
  border-radius: 32px;
  pointer-events: none;
  animation: framePulseAdv 3.1s ease-in-out infinite alternate;
}

@keyframes framePulseAdv {
  to {
    box-shadow: 0 0 26px #00a212b6;
  }
}

.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 #00a2122b;
  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: #3cff59;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px #00a21299, 0 4px 22px #00a21225;
  font-size: 2rem;
  animation: iconPulseAppAdv 2.1s infinite alternate;
}

@keyframes iconPulseAppAdv {
  to {
    box-shadow: 0 0 26px #00a212cc;
  }
}

.appadv299__desc {
  font-size: 1.04rem;
  font-weight: 700;
  color: #00ff00;
  text-align: center;
}

.appadv299__link {
  color: #00ff1c;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
  font-weight: 700;
}

.appadv299__link:hover {
  border-color: #00ff1c;
}

.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 #00a21255;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 19px #00a21244;
  transition: background .22s, transform .22s;
  animation: btnPulseAppAdv 1.4s infinite alternate;
}

@keyframes btnPulseAppAdv {
  to {
    box-shadow: 0 8px 36px #3cff59bb;
  }
}

.appadv299__btn:hover {
  background: #00a212;
  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: #102807;
  padding: 2.5rem 1rem 2rem 1rem;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}

.appinstall299__bg {
  background: radial-gradient(circle at 50% 10%, #00a21222 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, #00a21244 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: #3cff59;
  text-shadow: 0 4px 22px #00a21266;
  margin-bottom: 2.6rem;
  text-align: center;
}

.appinstall299__frame {
  position: absolute;
  inset: 1.3rem;
  border: 2px solid #00a21266;
  border-radius: 32px;
  pointer-events: none;
  animation: framePulseAppInst 3.1s ease-in-out infinite alternate;
}

@keyframes framePulseAppInst {
  to {
    box-shadow: 0 0 24px #00a212b2;
  }
}

.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 #00a2121b;
  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: #3cff59;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px #00a21299, 0 4px 22px #00a21221;
  font-size: 2rem;
  animation: iconPulseAppInstall 2.3s infinite alternate;
}

@keyframes iconPulseAppInstall {
  to {
    box-shadow: 0 0 25px #00a212cc;
  }
}

.appinstall299__desc {
  font-size: 1.04rem;
  font-weight: 700;
  color: #00ff00;
  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 #00a21288;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .25rem;
  border: 2px solid #00a21288;
  animation: qrSpin .8s cubic-bezier(.8, 1.9, .56, .77) infinite alternate;
}

@keyframes qrSpin {
  100% {
    box-shadow: 0 0 45px #00a212;
  }
}

.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 #00a21244;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21244;
  transition: background .22s, transform .22s;
  animation: btnPulseAppInstall 1.2s infinite alternate;
  margin: 0;
}

@keyframes btnPulseAppInstall {
  to {
    box-shadow: 0 8px 34px #3cff59bb;
  }
}

.appinstall299__btn:hover {
  background: #00a212;
  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.jpg') center/cover no-repeat;
  filter: brightness(.55);
  z-index: 0;
}

.bonushero299__overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 60% 18%, #00a2122e 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: rgb(0 55 4 / 51%);
  border-radius: 30px;
  padding: 3.2rem 2rem 2.1rem 2rem;
  box-shadow: 0 4px 28px #00a21255;
  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: #3cff59;
  margin: 0;
  text-shadow: 0 4px 22px #00a21266;
}

.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 #00a21255;
}

.bonushero299__btn--main {
  background: #3cff59;
  color: #10344f;
}

.bonushero299__btn--main:hover {
  background: #00a212;
  transform: translateY(-3px);
}

.bonushero299__btn--ghost {
  background: transparent;
  color: #00ff00;
  border: 2px solid #00ff00;
}

.bonushero299__btn--ghost:hover {
  background: #00ff00;
  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 #00a21244;
  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;
  
  padding: 6.5rem 1rem 8rem 1rem;
  color: #000;
  text-align: center;
  overflow: hidden;
}

.claimoffers299__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 60% 8%, #00a21222 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, #00a2122e 0 120deg, transparent 140deg 260deg, #00a21244 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: #009416;
  text-shadow: 0 4px 22px #00a21266;
  margin-bottom: 2.2rem;
  text-align: center;
}

.claimoffers299__frame {
  position: absolute;
  inset: -4.1rem;
  border: 2px solid #00a21266;
  border-radius: 32px;
  pointer-events: none;
  animation: framePulseClaim 3.1s ease-in-out infinite alternate;
}

@keyframes framePulseClaim {
  to {
    box-shadow: 0 0 22px #00a212b6;
  }
}

.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 #00a2121b;
  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: #3cff59;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px #00a21299, 0 4px 22px #00a21221;
  font-size: 1.7rem;
  animation: iconPulseClaim 2.3s infinite alternate;
}

@keyframes iconPulseClaim {
  to {
    box-shadow: 0 0 22px #00a212cc;
  }
}

.claimoffers299__info {
  text-align: center;
}

.claimoffers299__head {
  display: block;
  font-size: 1.07rem;
  font-weight: 800;
  color: #00ff00;
  margin-bottom: .3rem;
}

.claimoffers299__bonusitem p {
  margin: 0;
}

.claimoffers299__link {
  color: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
  font-weight: 700;
}

.claimoffers299__link:hover {
  border-color: #00a212;
}

.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 #00a21244;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21244;
  transition: background .22s, transform .22s;
  animation: btnPulseClaim 1.1s infinite alternate;
}

@keyframes btnPulseClaim {
  to {
    box-shadow: 0 8px 33px #3cff59bb;
  }
}

.claimoffers299__btn:hover {
  background: #00a212;
  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: #054811;
  padding: 8rem 1rem 8rem;
  overflow: hidden;
}

.dailyoffers299__blob {
  position: absolute;
  inset: -20%;
  background: radial-gradient(circle at 30% 30%, #00a21233 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 #00a21255;
  text-align: center;
}

.dailyoffers299__inner::before,
.dailyoffers299__inner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border: 4px solid #3cff59;
  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: #3cff59;
  margin: 0 0 1.2rem;
  text-shadow: 0 4px 22px #00a21266;
}

.dailyoffers299__text {
  max-width: 720px;
  margin: 0 auto 2rem;
  color: #d8f7ff;
}

.dailyoffers299__link {
  color: #00a212;
  text-decoration: none;
  border-bottom: 2px dotted #00a212;
  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 #00a21244;
  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: #3cff59;
  color: #10344f;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulse 1.5s infinite alternate;
}

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

.dailyoffers299__btn:hover {
  background: #00a212;
  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;
  
  padding: 7rem 1rem 7.5rem;
  overflow: hidden;
}

.vip299__bg {
  position: absolute;
  inset: 0;
  
}

@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: #3cff59;
  margin: 0;
  font-weight: 900;
}

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

.vip299__link:hover {
  border-color: #00a212;
}

.vip299__intro {
  max-width: 820px;
  margin: 1rem auto 2.6rem;
  color: #000;
  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: #00a212;
  box-shadow: 0 0 8px #00a21277;
  flex-shrink: 0;
}

.vip299__tierlink {
  color: #00a212;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}

.vip299__tierlink:hover {
  border-color: #00a212;
}

.vip299__path {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 6px;
  width: 3px;
  background: #00a21233;
  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 #00a21222;
  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: #3cff59;
}

.vip299__feat-text {
  margin: 0;
  color: #000;
  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 #00a21233;
  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: #3cff59;
  color: #10344f;
  font-size: 1.08rem;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulse 1.5s infinite alternate;
}

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

.vip299__btn:hover {
  background: #00a212;
  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: #003700;
  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 #00a21244;
  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: #3cff59;
  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 #00a21233;
  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: #00ff00;
  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: #00a212;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s;
}

.termsupport299-lr__link:hover {
  border-color: #00a212;
}

.termsupport299-lr__btn {
  display: inline-block;
  padding: 1.1rem 2.4rem;
  background: #3cff59;
  color: #10344f;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .2s, transform .2s;
  animation: btnPulseLR 1.4s infinite alternate;
}

@keyframes btnPulseLR {
  to {
    box-shadow: 0 8px 36px #3cff59aa;
  }
}

.termsupport299-lr__btn:hover {
  background: #00a212;
  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.jpg') 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: #3cff5988;
  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: #3cff59;
  margin: 0;
  text-shadow: 0 4px 24px #00a21255;
}

.aviator-hero299__desc {
  max-width: 680px;
  margin: 0;
  color: #d0efff;
  font-size: 1rem;
}

.aviator-hero299__link {
  color: #00ff1c;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}

.aviator-hero299__link:hover {
  border-color: #00ff1c;
}

.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: #3cff59;
  color: #031025;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .25s, transform .25s;
  animation: btnPulse 1.6s infinite alternate;
}

.aviator-hero299__btn--ghost {
  background: transparent;
  border: 2px solid #3cff59;
  color: #3cff59;
}

.aviator-hero299__btn:hover {
  background: #00a212;
  transform: translateY(-3px);
}

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

.aviator-hero299__figure {
  margin: 1.6rem 0 0;
}

.aviator-hero299__img {

  max-width: 85vw;
  border-radius: 14px;
  box-shadow: 0 4px 28px #00a21244;
  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;
  color: black;
  overflow: hidden;
  padding: 5rem 1rem 6rem;
  text-align: center;
}

.aviator-highfly__sky {
  position: absolute;
  inset: 0;
  background: black;
  z-index: 1;
}



.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: #00ff00;
  text-shadow: 0 2px 15px #00a21266;
  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 #00a21233;
}

.aviator-highfly__text {
  color: #e1f6ff;
  font-size: 1rem;
}

.aviator-highfly__link {
  color: #00ff00;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}

.aviator-highfly__link:hover {
  border-color: #00ff00;
}

.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 #00a21255;
  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: #00a212;
  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 #00a21244;
}

.aviator-highfly__btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px #00a21288;
}

/* 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, #01210f 0%, #007e0b 60%, #01180a 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: #00a212bb;
  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: #00ff00;
  font-size: clamp(2rem, 2.5vw + 1rem, 2.5rem);
  font-weight: 900;
  letter-spacing: 0.5px;
  margin-bottom: .7rem;
  text-shadow: 0 4px 18px #00a21265;
}

.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 #00a21222;
}

.aviator-master__desc {
  color: #e7f7ff;
  font-size: 1.02rem;
  margin-bottom: 0;
}

.aviator-master__link {
  color: #00a212;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1.5px solid transparent;
  transition: border-color .23s;
}

.aviator-master__link:hover {
  border-color: #00a212;
}

.aviator-master__tips {
  margin-top: 1.2rem;
  background: rgba(0, 234, 255, 0.08);
  border-left: 4px solid #00a212;
  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: #00a212;
  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: #00a212;
  color: #000b14;
  font-weight: 700;
  border-radius: 50px;
  font-size: 1.07rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21255;
  transition: background .21s, transform .19s;
  animation: btnPulseMaster 1.2s infinite alternate;
}

@keyframes btnPulseMaster {
  to {
    box-shadow: 0 8px 34px #3cff59cc;
  }
}

.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 #00a21233;
  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;
  
  color: #000;
  text-align: center;
  overflow: hidden;
}


.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: #00a212;
  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: #00ff1b;
  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 #00a21226;
  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 #00a21266;
}

@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 #00a21240;
  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: #00a212;
  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: #00ff00;
  color: #09273a;
  font-weight: 700;
  font-size: 1.06rem;
  border-radius: 44px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00a21245;
  transition: background .2s, transform .2s;
  animation: btnPulseWhy 1.35s infinite alternate;
  display: inline-block;
}

@keyframes btnPulseWhy {
  to {
    box-shadow: 0 8px 34px #3cff59cc;
  }
}

.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.jpg') center/cover fixed;
  filter: blur(2px) brightness(0.85);
  z-index: 1;
}

.crazytime-hero299__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgb(0 63 15 / 89%) 25%, rgb(0 129 35 / 57%) 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 #00a21233;
  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: #00ff00;
  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 #00ff00;
  color: #00ff00;
}

.crazytime-hero299__btn:hover {
  background: #fff;
  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;
 
  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: #00ff1b;
  margin-bottom: 1.2rem;
  text-shadow: 0 4px 18px #00ff1b60;
}

.crazytime-musttry299__descblock {
  background: rgba(255, 238, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 2px 22px #00ff1b19;
  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: #000;
  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: #00ff1b;
  color: #262522;
  font-weight: 700;
  border-radius: 46px;
  text-decoration: none;
  box-shadow: 0 3px 19px #00ff1b5c;
  transition: background .22s, transform .22s;
  animation: musttryBtnPulse 1.2s infinite alternate;
}

@keyframes musttryBtnPulse {
  to {
    box-shadow: 0 8px 32px #00ff1bbb;
  }
}

.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, #223313 0%, #246b0c 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,
      #00ff1b 0 14px, #fff 14px 28px, #ff55a0 28px 42px, #02eeff 42px 56px, #fff 56px 70px);
  box-shadow: 0 4px 22px #00ff1b19;
  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 #00a2121a;
  padding: 5px 16px 3px 16px;
  z-index: 4;
  animation: topSlotSpin 1.8s linear infinite alternate;
}

@keyframes topSlotSpin {
  to {
    box-shadow: 0 0 16px #00ff1bcc, 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 #00a21233;
  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: #00ff1b;
  margin-bottom: 1.3rem;
  letter-spacing: 0.1px;
  text-shadow: 0 5px 19px #00ff1b88;
}

.crazytime-breakdown299__descblock {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 15px;
  box-shadow: 0 2px 22px #00ff1b0f;
  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: #00ff1b;
  color: #222221;
  font-weight: 700;
  border-radius: 46px;
  text-decoration: none;
  box-shadow: 0 3px 19px #00ff1b5c;
  transition: background .18s, transform .20s;
  animation: breakdownBtnPulse 1.28s infinite alternate;
}

@keyframes breakdownBtnPulse {
  to {
    box-shadow: 0 8px 34px #00ff1bcc;
  }
}

.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;
 
  color: #000;
  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: #007f0d;
  margin-bottom: 1.5rem;
  text-shadow: 0 3px 16px #00ff1b59;
}

.crazytime-bonusrds299__desc {
  font-size: 1.1rem;
  
  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 #00ff1b22;
  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 #00ff1b11;
  }

  100% {
    box-shadow: 0 6px 32px #00a2122f;
  }
}

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

.crazytime-bonusrds299__bonuscard-head {
  font-weight: 800;
  color: #00ff1b;
  font-size: 1.14rem;
  margin-bottom: 1.05rem;
  letter-spacing: .02em;
  background: rgb(228 228 228 / 47%);
  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 #00a21232;
  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: #00ff1b;
  color: #1d1939;
  font-weight: 700;
  border-radius: 44px;
  text-decoration: none;
  box-shadow: 0 3px 19px #00ff1b5c;
  transition: background .18s, transform .21s;
  animation: allBonusesBtnPulse 1.25s infinite alternate;
}

@keyframes allBonusesBtnPulse {
  to {
    box-shadow: 0 8px 34px #00ff1bcc;
  }
}

.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;
  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;
  padding: 5.5rem 1rem 5rem 1rem;
  z-index: 1;
}

.securecards299__bg {
  position: absolute;
  inset: 0;
  
  
  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: #00ff1b;
  text-shadow: 0 3px 14px #00ff1b43;
  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 #00ff1b33, 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: rgb(61 61 61 / 4%);
  border-radius: 18px;
  box-shadow: 0 2px 18px #00ff1b14;
  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 #00ff1b3b, 0 1.5px 20px #00a21222;
  border-color: #00ff1b;
  transform: translateY(-6px) scale(1.032);
}

.securecards299__iconbox {
  font-size: 2.8rem;
  color: #00a212;
  margin-bottom: 1.1rem;
  text-shadow: 0 4px 12px #00a21233, 0 2px 8px #00ff1b22;
}

.securecards299__cardtitle {
  font-weight: 800;
  color: #00ff1b;
  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;

  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: #00ff1b;
  color: #19164b;
  font-weight: 800;
  border-radius: 50px;
  font-size: 1.06rem;
  text-decoration: none;
  box-shadow: 0 2px 18px #00ff1b1c;
  transition: background .19s, color .19s, transform .19s;
  animation: secureBtnPulse 1.28s infinite alternate;
}

@keyframes secureBtnPulse {
  to {
    box-shadow: 0 8px 34px #00ff1bb5;
  }
}

.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*="cta"] {
  display: flex;
  justify-content: center
}

[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: 36px;
  }

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

  .sportcards299__container,.gameshero299__wrap,.loginhero299__glass, .bethero299__inner, .apphero299__glass {
    gap: 0;
  }



  .loginhero299__intro, .apphero299__intro {
    margin-top: 10px;
  }

  .bet299-hero__desc, .casinobanner299__desc-shell p, .slotshero299__desc-shell p {
    margin-bottom: 0;
  }

  .sportcards299__cta {
    margin-top: 0;
  }

  .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,.appnextlvl299__card,
  .nx7l-actions,
  .bee999-allgames__actions,
  .ze77-games__actions,
  .ze77-slots__actions {
    display: flex;
    flex-direction: column;

  }

  .crazytime-hero299__container, .bethero299__container, .loginhero299__glass, .apphero299__glass, .bonushero299__glass, .aviator-hero299__container {
    background: none;
    backdrop-filter: none;
    box-shadow: none;
    padding: 0;
  }

  .slotshero299__title, .gameshero299__title, .crazytime-hero299__title {
    margin-bottom: 0;
  }

  .crazytime-hero299__actions {
    margin-top: 0;
  }

  .slotshero299__desc-shell p,.loginhero299__intro,.apphero299__intro, .gameshero299__desc-shell p {
    margin-top: 0.5rem;
  }

  .bethero299__title {
    margin-bottom: 0.5rem;
  }


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

  .bonushero299__glass, .aviator-hero299__container {
    gap: 0.5rem ;
  }

}

@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;
}