.hero-section {
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        /* url('./assets/img/bitcoin-bg.jpg') center center; */
        url('../img/bitcoin.jpg') center center;
        /* url('./assets/img/cellphone.png') center center; */
      background-size: cover;
      color: white;

    }

    .plan-card {
      transition: transform 0.3s ease;
    }

    .plan-card:hover {
      transform: scale(1.05);
    }

    .mobile-nav a {
      color: #adb5bd;
      text-decoration: none;
    }

    .mobile-nav a:hover,
    .mobile-nav a.active {
      color: #ffc107;
    }

    .countup {
      display: inline-block;
      transition: all 0.3s ease-in-out;
    }

    /* star */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: url('../img/shooting-star.png') center center;
   /* background: url('https://cdn.pixabay.com/photo/2017/01/31/13/40/shooting-star-2024127_1280.png') center center; */

}

/* .full-wh {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
} */

/* Common star styling */
.stars {
  position: absolute;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 6px 2px goldenrod;
  border-radius: 10px 100%;
  background: transparent;
}

/* Star Layers with visible stars */
.stars1 { box-shadow: 100px 100px white, 200px 300px white, 400px 500px goldenrod; animation: animStar 60s linear infinite; }
.stars2 { box-shadow: 150px 250px white, 250px 450px white, 350px 150px goldenrod; animation: animStar 100s linear infinite; opacity: 0.7; }
.stars3 { box-shadow: 130px 300px white, 230px 600px white, 330px 200px goldenrod; animation: animStar 140s linear infinite; opacity: 0.5; }
.stars4 { box-shadow: 170px 180px white, 370px 220px white, 570px 680px goldenrod; animation: animStar 180s linear infinite; opacity: 0.4; }
.stars5 { box-shadow: 190px 380px white, 390px 480px white, 590px 180px goldenrod; animation: animStar 200s linear infinite; opacity: 0.3; }
.stars6 { box-shadow: 210px 100px white, 410px 600px white, 610px 200px goldenrod; animation: animStar 240s linear infinite; opacity: 0.2; }

@keyframes animStar {
  0% { transform: translateY(0); }
  100% { transform: translateY(-1000px); }
}

/* Shooting Star Base */
.shooting-star {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background: white;
  box-shadow: 0 0 6px 2px white;
  transform: rotate(45deg);
  animation: shoot 6s linear infinite;
  opacity: 0;
}

.shooting-star.delay-1 { animation-delay: 2s; }
.shooting-star.delay-2 { animation-delay: 4s; }

@keyframes shoot {
  0% {
    top: 20%;
    left: 0%;
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    top: 100%;
    left: 100%;
    opacity: 0;
    transform: scale(0.5);
  }
}

/* language */
      .lang-dropdown-container {
  position: relative;
  display: inline-block;
  z-index: 2000;
}

.lang-btn {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #ccc;
  background: rgb(244, 220, 220);
  cursor: pointer;
  border-radius: 5px;
  gap: 10px;
  width: 150px;

}

.lang-btn .flag-icon {
  width: 24px;
  height: 16px;
  background-size: cover;
}

.arrow-down {
  margin-left: auto;
  border: solid #333;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
}

.lang-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: rgb(244, 220, 220);
  border: 1px solid #ccc;
  width: 150px;
  color: #333;
  border-radius: 5px;
}

.lang-menu li {
  padding: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.lang-menu li:hover {
  /* background: #f2abab; */
  color: #adb5bd;
}

.lang-menu .flag-icon {
  width: 24px;
  height: 16px;
  background-size: cover;
  margin-right: 10px;
}

/* Flag backgrounds */
.flag-us { background-image: url('../flags/us.jpg'); }
.flag-fr { background-image: url('../flags/fr.jpg'); }
.flag-es { background-image: url('../flags/es.jpg'); }
.flag-ar { background-image: url('../flags/ar.jpg'); }
.flag-ru { background-image: url('../flags/ru.jpg'); }
.flag-ua { background-image: url('../flags/ukr.jpg'); }
.flag-cn { background-image: url('../flags/cn.jpg'); }
.flag-kr { background-image: url('../flags/ko.jpg'); }

/* toast */
.toast {
  animation: fadeInScale 0.6s ease;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}