@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

html {
  scroll-behavior: smooth;
}

.overflow-hidden {
  overflow-y: hidden;
}

*,
body,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
}

body {
  color: #121212;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: 0.5s ease;
  display: inline-block;
  color: inherit;
}

.container {
  max-width: 1728px;
  margin: 0 auto;
  width: 100%;
}

.container {
  padding-left: 80px;
  padding-right: 80px;
}

.relative {
  position: relative;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
}

.bg-cream {
  background: #f8f4f0;
}

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

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

.text-right {
  text-align: right;
}

.pt-150 {
  padding-top: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.green-btn {
  border-radius: 999px;
  background: #dee965;
  display: inline-flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #043b3b;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
  text-transform: capitalize;
  min-height: 61px;
}

.yellow {
  color: #fab107;
}

.font-32 {
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.64px;
}

/** Header CSS Starts Here **/
button.menu-toggle {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  padding: 5px 0;
  cursor: pointer;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header.site-header {
  padding: 8px 0;
  background: #fff;
  position: relative;
}

a.site-logo img {
  max-width: 74px;
  width: 100%;
  margin: 0 auto;
}

.header-center {
  text-align: center;
}

.header-right ul.navbar-nav {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 24px;
  justify-content: end;
  width: 100%;
}

.header-right ul.navbar-nav li:last-child a.nav-link {
  border-radius: 99px;
  background: #dee965;
  padding: 12px 24px;
  color: #043b3b;
  font-weight: 900;
  line-height: 120%;
  /* 19.2px */
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-left,
.header-right {
  flex: 0 0 30%;
}

.header-center {
  flex: 0 0 40%;
}

.trustpilot-bg-wrapper {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -32px;
  background: url(https://membership.team.chainpulse.tech/wp-content/uploads/2025/07/trust-bg.svg)
    no-repeat center top;
  width: 100%;
  height: 32px;
  background-size: 352px 32px;
  z-index: 9;
}

.trustpilot-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  padding-bottom: 11px;
  /* position: absolute;
    left: 50%;
    bottom: -44px;
    transform: translate(-50%, 0px);
    background: #fff; */
}

span.trustpilot-label {
  color: #043b3b;
  text-align: center;
  font-weight: 500;
  line-height: 125%;
}

.trustpilot-rating img {
  max-width: 80px;
  width: 100%;
}

span.trustpilot-brand img {
  max-width: 54px;
  width: 100%;
}

/*** footer CSS Starts Here ***/
footer.site-footer {
  background: #043b3b;
  padding: 162px 0;
  position: relative;
}

.footer-top-logo {
  position: absolute;
  z-index: 1;
  width: 205px;
  height: 205px;
  left: 50%;
  transform: translateX(-50%);
  top: -108px;
}

.footer-top-logo img {
  width: 100%;
}

.footer-container {
  max-width: 1302px;
  margin: 0 auto;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.footer-column {
  width: 18.5%;
}

.footer-heading {
  color: #dee965;
  font-size: 24px;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 20px;
}

.footer-column li.menu-item {
  color: #fff;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  list-style: none;
}

.footer-column ul.menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-about {
  margin-top: 60px;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 76px;
}

.footer-about .footer-logo {
  flex: 0 0 22.8%;
}

.footer-about .footer-logo img {
  width: 100%;
}

.footer-about .footer-content {
  flex: 0 0 69.5%;
}

.footer-about .footer-content .footer-heading {
  color: #fff;
}

p.footer-description {
  color: #fff;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.footer-bottom p {
  color: #fff;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.14px;
}

.footer-column .social-icons {
  margin-top: 20px;
  display: flex;
  gap: 16px;
}

.footer-column .social-icons a img {
  width: 33px;
  height: 33px;
}

.whatsapp-contact a {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #eee;
}

/** menu drawer **/
.desktop__toggle_menu {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  background: #0000005e;
  display: block !important;
  z-index: 9;
}

.desktop__toggle_menu.menu-open {
  visibility: visible;
  opacity: 1;
}

.desktop__toggle_menu .inner__block {
  position: absolute;
  background: #f8f4f0;
  z-index: 9;
  top: 0;
  width: 100%;
  max-width: 487px;
  height: 100%;
  transition: 0.5s ease-in-out;
  left: 0;
  padding: 22px 0px 86px 0px;
  transform: translateX(-100%);
  overflow-y: auto;
}

.desktop__toggle_menu.menu-open .inner__block {
  transform: translateX(0);
}

.toggleMenu__closeButton {
  text-align: right;
  padding: 0 20px;
}

button.toggle_close_button {
  background: transparent;
  border: 0;
  display: inline-flex;
  cursor: pointer;
}

nav#desktop_toggleMenu ul.navbar-nav {
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  display: flex;
  list-style: none;
  padding: 20px 44px 35px 19px;
  margin: 0;
}

nav#desktop_toggleMenu ul.navbar-nav li {
  width: 100%;
}

nav#desktop_toggleMenu ul.navbar-nav li .nav-link {
  color: #043b3b;
  font-size: 22px;
  font-weight: 800;
  line-height: 140%;
  /* 30.8px */
  padding: 15px 20px;
  border-radius: 50px;
  width: 100%;
}

nav#desktop_toggleMenu ul.navbar-nav li.active a {
  background: rgb(3 59 58 / 20%);
}

.desktop__toggle_menu .header-actions .auth-buttons {
  background: #043b3b;
  padding: 47px 44px 39px 19px;
  display: flex;
  align-items: center;
  gap: 44px;
}

.desktop__toggle_menu .header-actions .auth-buttons .button {
  border-radius: 50px;
  border: 1px solid #fff;
  background: #fff;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 32px;
  color: #043b3b;
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  /* 100% */
  height: 50px;
  max-width: 190px;
}

.header-actions .social-follow {
  padding: 28px 44px 28px 39px;
}

.social-follow .follow_us {
  color: #043b3b;
  font-size: 22px;
  font-weight: 800;
  line-height: 140%;
  /* 30.8px */
  margin-bottom: 40px;
}

.header-actions .social-follow .icons {
  display: flex;
  align-items: center;
  gap: 34px;
  flex-wrap: wrap;
}

/** Hero banner **/

.hero_banner {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

/* .hero_banner .banner__bg_image {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
} */

.hero_banner .banner__bg_image {
  width: 100%;
  height: 100%;
  position: relative;
}
/* TEMP: disable hero banner dark overlay */
/*
.hero_banner .banner__bg_image:before {
  position: absolute;
  content: "";
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.32) 0%,
    rgba(0, 0, 0, 0.32) 100%
  );
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;

}
*/
/* Overlay disabled on 2025-12-09 – Lucas */

img.hero_banner_image {
  width: 100%;
  object-fit: cover;
  height: 100%;
  min-height: 730px;
  display: block;
  max-height: 1300px;
}

.hero_main .heading_h2 {
  color: #ffffff;
  text-align: center;
  font-size: clamp(32px, 4.63vw, 80px);
  font-weight: 700;
  line-height: 93.75%;
  letter-spacing: -1.6px;
}

.hero_main {
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: clamp(18px, 14.005vw, 242px);
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 20px;
}

.hero_main p.body_text {
  margin-top: 24px;
}

.hero_main a.button.entor__now {
  border-radius: 999px;
  background: #dee965;
  display: inline-flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #043b3b;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
  /* 28.8px */
  text-transform: capitalize;
  margin: 32px auto;
}

.hero_main .partner_logo {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  gap: 16px;
}

.hero_main .partner_logo img {
  height: 16px;
  object-fit: contain;
}

.hero_banner .bottom_buttons {
  display: inline-flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  bottom: 20px;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 20px;
}

.hero_banner .bottom_buttons a.active {
  background: #dee965;
  color: #043b3b;
}

.hero_banner .bottom_buttons a {
  border-radius: 50px;
  border: 1px solid #dee965;
  padding: 20px 32px;
  color: #dee965;
  text-align: center;
  font-size: 22px;
  line-height: 83%;
  height: 54px;
  display: inline-flex;
  align-items: center;
}

.tax-free-alternative {
  position: absolute;
  top: 60%;
  width: 100%;
  max-width: 198px;
  z-index: 1;
  transform: translateY(-60%);
}

section.newsletter-signup {
  background: #f8f4f0;
  padding: 150px 0;
}

.inner__newsletter {
  width: 100%;
  max-width: 1045px;
  margin: 0 auto;
  text-align: center;
}

.join_the_winners {
  color: #043b3b;
  font-size: 64px;
  font-weight: 900;
  line-height: 120%;
  /* 76.8px */
  margin-bottom: 24px;
}

.inner__newsletter .bodt__text {
  color: #121212;
  font-size: 24px;
  line-height: 140%;
  /* 33.6px */
}

.inner__newsletter form {
  max-width: 778px;
  width: 100%;
  margin: 64px auto 24px;
}

.inner__newsletter input.email-address {
  border-radius: 140px;
  background: #ffffff;
  min-height: 61px;
  width: 100%;
  border: 0;
  padding: 15px 24px;
  /* color: #043b3b40; */
  font-size: 20px;
  letter-spacing: 0.2px;
  line-height: 100%;
}

.inner__newsletter input.email-address::placeholder {
  color: #043b3b40;
}

.newsletter-fields p {
  display: flex;
  width: 100%;
  gap: 24px;
}

input.newsletter-submit {
  border-radius: 999px;
  background: #043b3b;
  color: #dee965;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
  /* 28.8px */
  text-transform: capitalize;
  padding: 16px 32px;
  border: 0;
  min-height: 61px;
  cursor: pointer;
}

.newsletter-fields p span.news-input {
  width: 100%;
}

span.sub-btn span.wpcf7-spinner {
  display: none;
}

.next_give_away {
  padding: 120px 0;
}

.bg_image.image-section img.next_bg_image {
  border-radius: 32px;
  min-height: 529px;
  width: 100%;
  display: block;
  object-fit: cover;
}

.giveaway-container {
  position: relative;
}

img.next-star-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}

.next_give_away .content {
  position: absolute;
  top: 70%;
  left: 0;
  transform: translateY(-70%);
  color: #fff;
  padding: 24px 24px 24px 45px;
  z-index: 1;
}

.next_give_away .content .h2.heading_h2 {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 55.448px;
  font-style: italic;
  font-weight: 900;
  line-height: 120%;
  text-transform: capitalize;
  max-width: 644px;
  margin-bottom: 30px;
}

.next_give_away .content .button {
  border-radius: 999px;
  background: #dee965;
  display: inline-flex;
  padding: 11px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #043b3b;
  font-size: 16px;
  font-weight: 900;
  line-height: 120%;
  text-transform: capitalize;
  height: 43px;
}

.top-bar {
  /* position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    padding: 24px 24px 24px 45px; */
  color: #fff;
  display: flex;
  gap: 25px;
  align-items: center;
  flex-wrap: wrap;
}

.top-bar-wrp {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  padding: 24px 24px 24px 45px;
}

.next-giveawa-btn {
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #fff;
  padding: 10px 12px;
  gap: 9px;
  font-size: 14px;
  letter-spacing: -0.35px;
  text-transform: uppercase;
}

.next-giveawa-btn img.next-bokkeh {
  width: 16px;
  object-fit: contain;
}

.early-bird {
  display: flex;
  align-items: center;
}

.early-bird span.badge {
  border-radius: 12px;
  background: #dee965;
  display: inline-flex;
  height: 40px;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  color: #043b3b;
  font-size: 18px;
  font-weight: 900;
  line-height: 120%;
  /* 21.6px */
  text-transform: capitalize;
}

.early-bird .entries__timer {
  border-radius: 12px;
  background: #f8f4f0;
  display: inline-flex;
  height: 40px;
  padding: 11px 16px 9.8px 16px;
  align-items: center;
  gap: 9px;
  margin-left: -18px;
}

span.entries {
  color: #043b3b;
  font-family: "Nunito Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  /* 19.2px */
  text-transform: capitalize;
}

.early-bird .entries__timer span.timer {
  color: #537e7e;
  font-family: "Nunito Sans";
  font-size: 9.9px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
}

.early-bird .entries__timer span.timer span {
  color: #043b3b;
  font-size: 12.6px;
  font-weight: 500;
  line-height: 120%;
  /* 15.12px */
  text-transform: capitalize;
}

.early-bird .entries__timer span.timer span.red-colns {
  color: #f33;
  font-size: 10px;
  font-weight: 500;
}

.countdown {
  border-radius: 9.901px;
  background: #fff;
  display: inline-flex;
  padding: 16px 24px;
  align-items: flex-end;
  gap: 8.251px;
  height: max-content;
}

.countdown .time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.countdown .time-box span:first-child {
  color: #242424;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  /* 18px */
}

.countdown .time-box span:last-child {
  color: #242424;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 36px */
}

span.time-dots {
  color: #242424;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 150%;
}

.membership_enteries-wrap {
  max-width: 1303px;
  margin: 0 auto;
  text-align: center;
}

.membership_entries {
  padding: 150px 0 15px;
}

.font-64 {
  font-size: 64px;
  font-weight: 900;
  line-height: 120%;
  /* 76.8px */
}

.text-green {
  color: #043b3b;
}

.membership_enteries-wrap .h2.heading_h2 {
  margin-bottom: 24px;
}

.membership__plans-wrp {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin-top: 128px;
}

.membership__cards-wrp {
  display: flex;
  flex-direction: column;
}

.membership__cards-wrp.mini-champ .plan__title {
  color: #fff;
}

.membership__cards {
  border-radius: 24px;
  background: #fff;
  position: relative;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.14);
}

.membership__cards_content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.membership-enteries {
  display: flex;
  gap: 8px;
  text-align: left;
  align-items: center;
}

.membership-enteries h2 {
  color: #111;
  font-size: 90px;
  font-weight: 700;
  line-height: 100%;
  /* 90px */
  letter-spacing: -3.6px;
}

.enteries-text {
  color: #111;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.8px;
}

.enteries-per-month {
  color: #999;
  font-size: 24px;
  line-height: normal;
  letter-spacing: -0.48px;
}

.membership__cards_header {
  border-radius: 24px 24px 0 0;
  background:
    linear-gradient(
      244deg,
      rgba(250, 177, 7, 0.9) -22.78%,
      rgba(253, 228, 128, 0.9) 21.66%,
      rgba(250, 177, 7, 0.9) 73.36%,
      rgba(253, 228, 128, 0.9) 116.08%,
      rgba(250, 177, 7, 0.9) 157.62%,
      rgba(253, 228, 128, 0.9) 205.07%
    ),
    #fff;
  box-shadow:
    -28px 211px 60px 0 rgba(0, 0, 0, 0),
    -18px 135px 55px 0 rgba(0, 0, 0, 0.01),
    -10px 76px 46px 0 rgba(0, 0, 0, 0.03),
    -4px 34px 34px 0 rgba(0, 0, 0, 0.04),
    -1px 8px 19px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  padding: 40px 140px 24px 24px;
}

.champ-membership .membership__cards_header {
  background:
    linear-gradient(
      244deg,
      rgba(146, 146, 146, 0.9) -22.78%,
      rgba(255, 255, 255, 0.9) 21.66%,
      rgba(146, 146, 146, 0.9) 73.36%,
      rgba(255, 255, 255, 0.9) 116.08%,
      rgba(146, 146, 146, 0.9) 157.62%,
      rgba(255, 255, 255, 0.9) 205.07%
    ),
    #fff;
  box-shadow:
    -28px 211px 60px 0 rgba(0, 0, 0, 0),
    -18px 135px 55px 0 rgba(0, 0, 0, 0.01),
    -10px 76px 46px 0 rgba(0, 0, 0, 0.03),
    -4px 34px 34px 0 rgba(0, 0, 0, 0.04),
    -1px 8px 19px 0 rgba(0, 0, 0, 0.05);
}

.mini-membership .membership__cards_header {
  background:
    linear-gradient(
      244deg,
      rgba(185, 93, 33, 0.9) -22.78%,
      rgba(242, 205, 181, 0.9) 21.66%,
      rgba(185, 93, 33, 0.9) 73.36%,
      rgba(242, 205, 181, 0.9) 116.08%,
      rgba(185, 93, 33, 0.9) 157.62%,
      rgba(242, 205, 181, 0.9) 205.07%
    ),
    #fff;
  box-shadow:
    -28px 211px 60px 0 rgba(0, 0, 0, 0),
    -18px 135px 55px 0 rgba(0, 0, 0, 0.01),
    -10px 76px 46px 0 rgba(0, 0, 0, 0.03),
    -4px 34px 34px 0 rgba(0, 0, 0, 0.04),
    -1px 8px 19px 0 rgba(0, 0, 0, 0.05);
}

.membership__cards_header p {
  color: #111;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
}

img.membership-trophy {
  max-width: 150px;
  margin-top: -99px;
  margin-right: 0;
  margin-left: auto;
  position: absolute;
  right: 0;
  height: auto;
}

.membership__cards-wrp.ultimate-membership.champ-mode
  .membership__cards_header {
  background:
    linear-gradient(
      244deg,
      rgba(146, 146, 146, 0.9) -22.78%,
      rgba(255, 255, 255, 0.9) 21.66%,
      rgba(146, 146, 146, 0.9) 73.36%,
      rgba(255, 255, 255, 0.9) 116.08%,
      rgba(146, 146, 146, 0.9) 157.62%,
      rgba(255, 255, 255, 0.9) 205.07%
    ),
    #fff;
}

.membership__cards-wrp.ultimate-membership.mini-champ
  .membership__cards_header {
  background:
    linear-gradient(
      244deg,
      rgba(185, 93, 33, 0.9) -22.78%,
      rgba(242, 205, 181, 0.9) 21.66%,
      rgba(185, 93, 33, 0.9) 73.36%,
      rgba(242, 205, 181, 0.9) 116.08%,
      rgba(185, 93, 33, 0.9) 157.62%,
      rgba(242, 205, 181, 0.9) 205.07%
    ),
    #fff;
}

.membership__cards-wrp.ultimate-membership.champ-mode .membership-offer {
  background:
    linear-gradient(
      244deg,
      rgba(146, 146, 146, 0.9) -22.78%,
      rgba(255, 255, 255, 0.9) 21.66%,
      rgba(146, 146, 146, 0.9) 73.36%,
      rgba(255, 255, 255, 0.9) 116.08%,
      rgba(146, 146, 146, 0.9) 157.62%,
      rgba(255, 255, 255, 0.9) 205.07%
    ),
    #fff;
}

.membership__cards-wrp.ultimate-membership.mini-champ .membership-offer {
  background:
    linear-gradient(
      244deg,
      rgba(185, 93, 33, 0.9) -22.78%,
      rgba(242, 205, 181, 0.9) 21.66%,
      rgba(185, 93, 33, 0.9) 73.36%,
      rgba(242, 205, 181, 0.9) 116.08%,
      rgba(185, 93, 33, 0.9) 157.62%,
      rgba(242, 205, 181, 0.9) 205.07%
    ),
    #fff;
}

button.membership-btn {
  border-radius: 999px;
  border: 1px solid #000;
  background: transparent;
  width: 100%;
  padding: 12px 24px;
  color: #043b3b;
  font-size: 16px;
  font-weight: 900;
  line-height: 120%;
  text-transform: capitalize;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.membership-btn:hover {
  background: #dee965;
}

.inner__how_it_works {
  display: flex;
  justify-content: space-between;
  margin-top: 64px;
  gap: 20px;
}

.inner__how_it_works .step {
  text-align: center;
}

.inner__how_it_works .step .icon img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.inner__how_it_works .step_heading {
  color: #111;
  font-size: 24px;
  font-weight: 900;
  line-height: normal;
  max-width: 248px;
  margin: 22px auto 24px;
}

.inner__how_it_works .step .body__text {
  font-size: 20px;
  line-height: 140%;
}

.how-it-works .bottom__content {
  padding-top: 158px;
}

.font-40 {
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  /* 48px */
}

.how-it-works .bottom__content .h2.heading_h2 {
  margin-bottom: 24px;
}

.para-24 {
  font-size: 24px;
  line-height: 140%;
  margin-top: 24px;
}

.inner__fair-play .grid,
.fair-play-slider {
  margin-top: 64px;
}

.inner__fair-play .grid-item {
  border-radius: 24px;
  background: #f8f4f0;
  display: flex;
  padding: 64px 32px 32px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  height: 100%;
}

.fair-play-card h3.card-title {
  color: #111;
  font-family: "Nunito Sans";
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}

.fair-play-card p.card-description {
  color: #111;
  font-size: 18px;
  line-height: 140%;
  /* 25.2px */
  opacity: 0.7;
}

.fair-play-card .card-button {
  margin-top: 49px;
  border-radius: 999px;
  border: 2px solid #043b3b;
  display: inline-flex;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #043b3b;
  font-size: 16px;
  font-weight: 900;
  line-height: 120%;
  /* 19.2px */
  text-transform: capitalize;
  height: 43px;
}

section.faqs-section {
  border-radius: 54px;
  background: #043b3b;
  color: #fff;
}

.inner__faqs {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: 45px 20px;
  align-items: center;
}

section.faqs-section {
  padding: 70px 0 176px;
}

h2.faqs-heading {
  text-align: center;
  font-size: 58px;
  font-weight: 900;
  line-height: 75px;
  margin-bottom: 15px;
}

li.faq-item {
  border-bottom: 1px solid #167878;
  list-style: none;
}

button.faq-toggle {
  padding: 20px;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  font-size: 22px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.44px;
  color: #fff;
  cursor: pointer;
}

.faq-content {
  display: none;
  opacity: 0;
  visibility: hidden;
  padding: 0 20px 20px;
  transition: 1s all;
}

li.faq-item.active .faq-content {
  display: block;
  opacity: 1;
  visibility: visible;
}

.faq-contact-box {
  text-align: center;
}

h3.contact-heading {
  font-size: 58px;
  font-weight: 900;
  line-height: 75px;
  /* 129.31% */
  margin-bottom: 35px;
}

.faq-contact-box {
  max-width: 420px;
  width: 100%;
  margin-left: auto;
}

span.online-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #04da8d;
}

p.contact-subtext {
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.3px;
}

p.contact-people .people_image img {
  max-width: 130px;
  width: 100%;
}

p.contact-people {
  margin: 20px 0;
}

p.contact-people {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.3px;
  gap: 8px;
  text-align: left;
}

.conatct-email_address {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.conatct-email_address {
  color: #dee965;
  font-size: 20px;
  font-weight: 900;
  line-height: normal;
  /* 100% */
}

.conatct-whatsapp {
  margin-top: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 10px;
}

a.button.whatsapp-link {
  color: #dee965;
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
  /* 100% */
}

section.in_the_news {
  padding: 100px 0;
}

.news-logos {
  margin-top: 64px;
  display: grid;
  gap: 76px;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
}

.news-logos img.news-logo {
  height: 40px;
  object-fit: contain;
  margin: 0 auto;
}

section.lucky-legends {
  border-radius: 40px;
  background: #043b3b;
}

.lucky-legends-heading-wrp .lucky-title {
  color: #fff;
}

.lucky-legends-heading-wrp .lucky-subtitle {
  color: #fff;
  opacity: 0.7;
}

.membership_enteries-heading {
  max-width: 877px;
  margin: 0 auto;
}

.membership_enteries-heading {
  max-width: 877px;
  margin: 0 auto;
}

.membership-banner {
  border-radius: 20px;
  border: 2px solid #fab107;
  background: linear-gradient(
    244deg,
    rgba(250, 177, 7, 0.16) -22.78%,
    rgba(253, 228, 128, 0.16) 21.66%,
    rgba(250, 177, 7, 0.16) 73.36%,
    rgba(253, 228, 128, 0.16) 116.08%,
    rgba(250, 177, 7, 0.16) 157.62%,
    rgba(253, 228, 128, 0.16) 205.07%
  );
  display: inline-flex;
  align-items: center;
  padding: 24px;
  gap: 24px;
  max-width: 530px;
  width: 100%;
  margin-top: 97px;
}

.membership-banner .icon img {
  width: 100%;
  max-width: 56px;
}

.membership-banner .text-content h4 {
  color: #000;
  font-size: 24px;
  font-weight: 800;
  line-height: 31.57px;
  /* 131.542% */
  letter-spacing: -0.48px;
  text-align: left;
}

.membership-banner .text-content p {
  line-height: normal;
  letter-spacing: -0.32px;
  text-align: left;
  margin-top: 4px;
}

.membership__cards_content hr {
  background: #000;
  width: calc(100% - 34px);
  border: 0;
  height: 1px;
}

.membership-price {
  color: #111;
  font-size: 40px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -1.6px;
}

.membership-price span {
  color: rgba(17, 17, 17, 0.6);
  font-size: 16px;
  line-height: 24px;
  /* 150% */
  margin-left: 8px;
  font-weight: 400;
}

.membership-price-wrp {
  display: flex;
  text-align: left;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.membership-offer {
  border-radius: 55px;
  background:
    linear-gradient(
      244deg,
      rgba(250, 177, 7, 0.9) -22.78%,
      rgba(253, 228, 128, 0.9) 21.66%,
      rgba(250, 177, 7, 0.9) 73.36%,
      rgba(253, 228, 128, 0.9) 116.08%,
      rgba(250, 177, 7, 0.9) 157.62%,
      rgba(253, 228, 128, 0.9) 205.07%
    ),
    #fff;
  box-shadow:
    -28px 211px 60px 0 rgba(0, 0, 0, 0),
    -18px 135px 55px 0 rgba(0, 0, 0, 0.01),
    -10px 76px 46px 0 rgba(0, 0, 0, 0.03),
    -4px 34px 34px 0 rgba(0, 0, 0, 0.04),
    -1px 8px 19px 0 rgba(0, 0, 0, 0.05);
  padding: 7px 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: max-content;
}

p.member-ofr-text {
  color: rgb(4 59 59);
  font-size: 15.68px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.694px;
}

p.member-ofr-month {
  color: #043b3b;
  font-size: 7px;
  font-weight: 500;
  line-height: 100%;
  /* 600% */
}

.membership-content {
  text-align: left;
  /* margin-top: 24px; */
}

.membership-content > * {
  color: rgba(17, 17, 17, 0.6);
  font-size: 16px;
  line-height: 150%;
  /* 150% */
}

.membership-content p {
  margin-bottom: 15px;
}

.membership-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.membership-content ul li {
  display: flex;
  align-items: start;
  gap: 12px;
}

.membership-content ul li svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.membership-cancel {
  background: #f1f1f1;
  padding: 8px;
  border-radius: 12px;
}

.membership-cancel p {
  color: #111;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.336px;
  max-width: 271px;
  margin: 0 auto;
}

@keyframes handsmart {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(14deg);
  }

  20% {
    transform: rotate(-8deg);
  }

  30% {
    transform: rotate(14deg);
  }

  40% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.lucky-title img.emoji {
  animation-name: handsmart;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}

.winner-cards .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 64px;
}

.winner-card {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 24px -8px rgba(224, 231, 235, 0.5);
  position: relative;
}

.winner-header {
  border-radius: 16px 16px 0 0;
  background: #dee965;
  padding: 20px 20px 20px 24px;
}

.winner-header img.trophy__icon {
  width: 100%;
  max-width: clamp(60px, 6vw, 88px);
}

span.winner-badge {
  color: #043b3b;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
  /* 28.8px */
  text-transform: capitalize;
}

span.trophy-icon {
  position: absolute;
  top: -30px;
  right: 40px;
}

.winner-image img {
  border-radius: 0 0 16px 16px;
  background: #eee;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/0.583;
}

.winner-info {
  padding: 16px;
}

p.winner-name {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  /* 24px */
}

p.winner-prize {
  font-size: 14px;
  line-height: 120%;
  /* 16.8px */
  margin-top: 6px;
}

.lucky-button-wrapper {
  text-align: center;
  /* margin-top: 64px; */
}
.lucky-legends .swiper.winner-swiper {
  padding-bottom: 64px;
}
.winner-image {
  position: relative;
}

span.entry-number {
  border-radius: 0 8px 8px 0;
  background: #34d399;
  position: absolute;
  top: 16px;
  z-index: 1;
  left: 0;
  width: max-content;
  font-size: 14px;
  line-height: normal;
  padding: 6px 9px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.carousel-track {
  display: flex;
  gap: 24px;
}

.carousel-track .carousel-slide {
  border-radius: 16px;
  background: #fff;
  min-width: 23%;
}

.course-card {
  border-radius: 24px;
  background: #043b3b;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 19px;
}

.carousel-container {
  margin-top: 64px;
}

.course-card img.star-shape {
  left: -76px;
  top: -96px;
  position: absolute;
  max-width: 240px;
  z-index: -1;
}

.course-card span.badge {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 6px 9px;
  color: #374151;
  font-size: 14px;
  line-height: 14px;
  /* 100% */
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.course-title {
  padding: 24px 16px 40px 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.course-icon {
  margin-top: 64px;
}

.course-icon img {
  height: 110px;
  object-fit: contain;
}

.inner__fair-play .grid-item .icon img {
  height: 80px;
  object-fit: contain;
}

.track-wrapper .track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

p.btm-text {
  color: #111;
  font-size: 16px;
  line-height: 140%;
  margin-top: 49px;
  opacity: 0.5;
}

.inner__fair-play .grid-item.cta-card {
  border-radius: 24px;
  background: #043b3b !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 64px 32px;
  /* justify-content: flex-end; */
  gap: 40px;
}

.grid-item-arrow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-top: -64px;
}

.inner__fair-play .grid-item.cta-card .Star-Stroke {
  position: relative;
  left: -32px;
  max-width: 208px;
  width: 100%;
}

.grid-item-arrow img.cta-right-arrow {
  margin-top: 64px;
  margin-left: 32px;
  max-width: 54px;
  position: absolute;
  right: 32px;
}

a.cta-title.check-all-giveaways-cta {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  max-width: 298px;
}

.inner__fair-play .grid-item.cta-card .icon {
  margin-top: -13px;
}

.inner__fair-play .grid-item.cta-card .icon img {
  height: 64px !important;
}

section.giveaway-section {
  border-radius: 20px;
  background: #043b3b;
  overflow: hidden;
  color: #fff;
  padding-bottom: 58px;
  position: relative;
  z-index: 1;
}

img.bs-color-round {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  height: 412px;
}

.giveaway-header-wrp {
  border-radius: 20px 20px 890px 890px;
  background: #1d4e4e;
  padding: 90px 0 107px;
}

.giveaway-header {
  max-width: 877px;
  margin: 0 auto;
}

h3.giveaway-subheading {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-top: 75px;
  margin-bottom: 60px;
}

.giveaway-cta {
  margin-top: 70px;
}

.giveaway-card img.card-img {
  width: 100%;
  display: block;
  transform: scale(1);
  transition: 0.2s ease-in-out;
  aspect-ratio: 1/0.95;
  object-fit: cover;
  z-index: -2;
  position: relative;
  height: auto;
}

.giveaway-card:hover img {
  transform: scale(1.1);
}

.giveaway-card {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.giveaway-card:before {
  position: absolute;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: -1;
}

.giveaway-card:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 14.4px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.giveaway-card .card-content {
  position: absolute;
  top: 0;
  padding: 32px 26px 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.giveaway-slider-bottom {
  text-align: center;
}

.giveaway-slider-bottom .card-draw-label {
  color: #d9d9d9;
  text-shadow: 0 0 10.8px #000;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 18.72px;
  /* 130% */
  text-transform: uppercase;
  margin-bottom: 11px;
}

.giveaway-slider-bottom .card-timer {
  border-radius: 14.4px;
  background: #043b3b;
  min-height: 52px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #f8f4f0;
  font-size: 18px;
  font-weight: 700;
  line-height: 30.96px;
  padding: 7px 12px;
  text-transform: capitalize;
  transition: 0.3s all;
}
.giveaway-slider-bottom .card-timer:hover {
  background: #dee965;
  color: #043b3b;
}
.giveaway-card .card-title,
.giveaway-card .card-subtitle {
  color: #fff;
  text-shadow: 0 0 10.8px #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 33.12px;
  text-transform: uppercase;
  max-width: 250px;
}

.giveaway-card p.card-note {
  color: #fff;
  font-size: 12.96px;
  font-weight: 700;
  line-height: 16.848px;
  margin-top: 6px;
}

.course-slider {
  margin-right: -20vw;
  padding-right: 20vw;
  overflow: visible;
  margin-top: 64px;
}

.course-slider .swiper-wrapper {
  overflow: visible;
}

.course-slider .swiper-slide {
  width: auto;
  /* optional, for better control */
}

.cstm-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
}

.cstm-swiper-pagination .swiper-arrow {
  position: static;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-swiper-pagination .swiper-pagination {
  position: relative;
}

.cstm-swiper-pagination .swiper-arrow:after {
  display: none;
}

.cstm-swiper-pagination .swiper-arrow svg {
  width: 14px;
}

.course-carousel-section {
  padding-bottom: 87px;
  overflow: hidden;
}

span.swiper-pagination-bullet {
  max-width: 80px;
  height: 8px;
  border-radius: 20px;
  background: #ddd;
  opacity: 1;
  width: 100%;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  max-width: 160px;
  background: #043b3b;
}

img.dotted-curve-shape {
  position: absolute;
  width: 100%;
  top: -11.57vw;
  height: 27.66vw;
  left: 0;
  right: 0;
  z-index: -1;
}

.outer__how_it_works {
  position: relative;
  z-index: 1;
}

.giveaway-pagination span.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #fff;
}

.giveaway-pagination .swiper-pagination-bullet-active {
  background: #fff !important;
}

.giveaway-swiper-controls.cstm-swiper-pagination {
  margin-top: 22px;
}

.giveaway-pagination.swiper-pagination {
  bottom: unset !important;
  position: relative !important;
}

.winner-pagination {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.winner-pagination span.swiper-pagination-bullet {
  max-width: 33px;
}

.winner-pagination .swiper-pagination-bullet-active {
  max-width: 106px !important;
  border-radius: 20px;
  background: #dee965 !important;
}

/*** Landing Page CSS ***/

.giveaway-prize-hero {
  position: relative;
  overflow: hidden;
  padding: 172px 0 48px;
  z-index: 1;
}

.prize-hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: -1;
}

img.prize-bg {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.prize-top-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 105px;
  align-items: center;
}

.prize-top-content .prize-top-rtl {
  border-radius: 16px;
  background: #fff;
  display: flex;
  padding: 32px 32px 40px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}

.prize-top-content .label-row {
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(45px);
  display: inline-flex;
  padding: 8px 8px 8px 16px;
  align-items: center;
  gap: 8px;
}

.prize-top-content button.main-btn {
  border: 0;
  margin: 24px 0 16px;
}

.prize-top-rtl-wrp h1 {
  font-weight: 700;
}

.prize-top-rtl-wrp .sub-note {
  color: #000;
}

span.prizelabel {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  /* 26px */
}

span.prizelabel-icon {
  border-radius: 32px;
  background: #dee965;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prize-hero-bottom .timer-note {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  /* 28.8px */
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.prize-hero-bottom {
  text-align: center;
  margin-top: 155px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
}

.prize-hero-countdown {
  display: inline-flex;
  gap: 24px;
}

.prize-hero-countdown .cd-box {
  border-radius: 16px;
  background: #facc14;
  padding: 16px 32px;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.prize-hero-countdown .cd-box span.cd-time {
  color: #043b3b;
  text-align: center;
  font-size: 48px;
  font-weight: 500;
  line-height: normal;
}

.prize-hero-countdown .cd-box span.cd-label {
  color: #043b3b;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  /* 28.8px */
}

.prize-top-lft {
  text-align: right;
}

span.hotspot-points {
  width: 48px;
  height: 48px;
  display: inline-flex;
  fill: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(2.5714282989501953px);
  border-radius: 50%;
  position: relative;
  left: 28%;
  transform: translateX(-28%);
}

span.hotspot-points:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.prize-banner-hotspot {
  text-align: left;
  margin-top: 15px;
}

.prize-hero-overlay:before {
  position: absolute;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 1.25%,
    hsl(0deg 0% 0% / 50%) 100%
  );
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  width: 100%;
  z-index: 1;
  backdrop-filter: blur(1px);
}

section.tier-sec {
  position: relative;
  z-index: 10;
  padding: 100px 0 109px;
}

.tier-sec .pricing-container {
  display: grid;
  gap: 24px;
  padding: 0 36px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* .tier-sec .tier-card::before {
  content: "";
  position: absolute;
  top: -20px;
  right: -40px;
  width: 150px;
  height: 150px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 0L61.8 38.2L100 50L61.8 61.8L50 100L38.2 61.8L0 50L38.2 38.2Z" fill="%23000" opacity="0.05"/></svg>');
  background-repeat: no-repeat;
  transform: rotate(15deg);
} */
.tier-card {
  border-radius: 24px;
  display: flex;
  padding: 24px;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

span.tier-bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 123px;
}

.tier-card.bronze-tier {
  background: #ffe4db;
}

.tier-card.silver-tier {
  background: #eaeef0;
}

.tier-card.gold-tier {
  outline: 2px solid #ffc700;
  background: #fff6db;
}

.tier-card.platinum-tier {
  background: #f3e5f6;
}

.tier-card.diamond-tier {
  background: #ddf9fd;
}

.silver-tier .tier-bg-shape path {
  fill: #818181;
}

.gold-tier .tier-bg-shape path {
  fill: #dba400;
}

.platinum-tier .tier-bg-shape path {
  fill: #e758ff;
}

.diamond-tier .tier-bg-shape path {
  fill: #55d5e8;
}

h3.tier-title {
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 0px;
}

.tier-title-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tier-popular-tag {
  border-radius: 100px;
  border: 1px solid #ffc107;
  background: rgba(255, 193, 7, 0.08);
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #ffc107;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  /* 18px */
}

p.tier-entries {
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

span.tier-entry-number {
  color: #111;
  font-family: "Nunito Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 44.8px */
}

.tier-bonus-entries {
  font-size: 14px;
  line-height: 150%;
  /* 21px */
  text-decoration-line: line-through;
  margin-bottom: 12px;
}

.bronze-tier .tier-bonus-entries {
  color: #ff7043;
}

.tier-card.silver-tier .tier-bonus-entries {
  color: #90a4ae;
}

.tier-card.gold-tier .tier-bonus-entries {
  color: #ffc107;
}

.tier-card.platinum-tier .tier-bonus-entries {
  color: #e2bee8;
}

.tier-card.diamond-tier .tier-bonus-entries {
  color: #9feefa;
}

.tier-card a.btn {
  border-radius: 24px;
  margin: 24px 0;
  padding: 12px 24px;
  color: #111;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  text-transform: capitalize;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #fff;
}

.tier-card button.btn {
  border-radius: 24px;
  margin: 24px 0;
  /* padding: 12px 24px; */
  padding: 12px;
  color: #111;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  border: none;
  /* 24px */
  text-transform: capitalize;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #fff;
}

.tier-card.bronze-tier button.btn {
  background: #ff7043;
}

.tier-card.silver-tier button.btn {
  background: #90a4ae;
}

.tier-card.gold-tier button.btn {
  background: #ffc107;
  color: #043b3b;
}

.tier-card.platinum-tier button.btn {
  background: #e2bee8;
  color: #043b3b;
}

.tier-card.diamond-tier button.btn {
  background: #9feefa;
  color: #043b3b;
}

.tier-card a.inclusions {
  color: rgba(17, 17, 17, 0.48);
  text-align: center;
  font-size: 12px;
  line-height: 150%;
  display: block;
}

.tier-points {
  display: flex;
  /*   flex-wrap: wrap; */
  gap: 6px;
  align-items: center;
}

.tier-points span.tier-points-txt {
  color: rgba(17, 17, 17, 0.48);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap;
  /* 21px */
}

.tier-points span.tier-compare-points {
  color: rgba(17, 17, 17, 0.48);
  font-size: 24px;
  line-height: 140%;
  /* 33.6px */
  text-decoration-line: line-through;
  margin-right: 2px;
}

.tier-points span.total-points {
  color: #111;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

.tier-info-box-wrp {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

.tier-info-box-wrp .info-box {
  display: inline-flex;
  flex-direction: column;
  background: #dee965;
  border-radius: 12px;
  padding: 12px;
  max-width: 478px;
  width: 100%;
  align-items: center;
}
.tier-info-box-wrp.tier-info-box_live_draw {
  width: 100%;
}
.tier-points-wrp,
.tier-points-wrp > * {
  text-decoration: none !important;
}

.tier-info-box-wrp .info-box p {
  color: #043b3b;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  /* 19.6px */
  text-transform: capitalize;
}

.tier-info-box-wrp .info-box p strong {
  font-weight: 900;
}

.tier-info-box-wrp .info-box p.tier-promotion {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.14px;
  font-weight: 400;
  margin-top: 8px;
}

.tier-info-box-wrp .info-box p a {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.inner_in_the_news .heading_h3 {
  color: #000;
}

.news-logos.prize-landing-page {
  margin-top: 75px;
}

.all-u-prize-entries {
  padding: 100px 0;
}

.font-72 {
  color: #111;
  font-size: 72px;
  font-weight: 800;
  line-height: 120%;
  /* 86.4px */
}

.all-u-need-entries {
  padding: 0 40px;
}

.all-u-need-heading {
  display: grid;
  grid-template-columns: minmax(0, 5.6fr) minmax(0, 7.4fr);
  gap: 85px;
}

.all-play-fair-enteries {
  display: grid;
  gap: 20px 40px;
  grid-template-columns: repeat(3, 1fr);
}

.all-play-entry-card {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
}

.all-play-entry-card.entries-open-on {
  background: #043b3b;
  color: #fff;
}

.all-play-entry-card.entries-close-on {
  background: #f34822;
  color: #000;
}

.all-play-entry-card.drawing-on {
  background: #dee965;
  color: #000;
}

.play-fair-entery {
  font-size: 16px;
  line-height: 125%;
}

.all-play-entery-date,
.all-play-entery-time {
  font-size: 32px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.64px;
}

p.all-play-fair-entery-city {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 142.857%;
  margin-top: 8px;
  opacity: 0.5;
}

.all-you-play-left .title {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  /* 62.5% */
}

.all-you-play-list {
  margin-top: 40px;
  display: inline-flex;
  flex-direction: column;
  gap: 32px;
}

.all-you-play-list-card {
  padding: 32px;
  border-radius: 32px;
}

.all-you-play-icon-text .icon img {
  height: 64px;
  object-fit: contain;
}

.all-you-play-icon-text {
  display: flex;
  align-items: center;
  gap: 24px;
}

.all-you-play-icon-text .icon img {
  height: 64px;
  object-fit: contain;
}

.all-you-play-icon-text h5 {
  color: #111;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  /* 28.8px */
}

.all-you-play-list-card p {
  color: #111;
  font-size: 18px;
  line-height: 140%;
  /* 25.2px */
  opacity: 0.7;
  margin-top: 24px;
}

.all-you-need-grid {
  margin-top: 46px;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.all-you-play-left {
  width: 33.3%;
  flex: 0 0 33.3%;
}

.all-you-play-rtl {
  width: 57.8%;
  flex: 0 0 57.8%;
}

.all-you-play-rtl ul {
  list-style: none;
}

.all-you-play-rtl ul li:first-child {
  padding-top: 0;
}

.all-you-play-rtl ul li {
  display: flex;
  align-items: center;
  padding: 40px 0;
  gap: 13px;
  color: #000;
  font-size: 24px;
  line-height: normal;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
  max-width: 770px;
}

.all-you-play-rtl ul li img {
  width: 32px;
  flex: 0 032px;
}

.all-entries-prize-wrp {
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 240px;
}

.all-entries-prize-img-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
}

.all-entries-prize-head-wrp {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.all-enteries-prize-title span {
  color: #000;
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
}

.all-enteries-prize-title {
  max-width: 728px;
  flex: auto;
}

.all-enteries-prize-title h5 {
  color: #000;
  font-size: 40px;
  font-weight: 900;
  line-height: normal;
  margin-top: 10px;
}

.all-entries-prize-price {
  flex: 1;
  text-align: right;
}

.all-entries-prize-price p {
  color: #000;
  font-size: 40px;
  line-height: normal;
}

.all-entries-prize-desc {
  margin-top: 18px;
  max-width: 1110px;
}

.all-entries-prize-desc > * {
  color: #000;
  font-size: 16px;
  line-height: normal;
  margin-bottom: 24px;
}

.all-entries-prize-desc ul {
  list-style: none;
}

.prize-full-specs h4 {
  color: #000;
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
}

ul.prize-full-specs-list {
  list-style: none;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
  max-width: 1110px;
  margin-top: 24px;
}

ul.prize-full-specs-list li {
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #043b3b;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  /* 19.2px */
  text-transform: capitalize;
}

.prize-label-row {
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.24);
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(20px);
  display: inline-flex;
  padding: 8px 8px 8px 16px;
  align-items: center;
  gap: 8px;
}

.prize-full-imge-wrp {
  margin: 42px auto 40px;
  max-width: 956px;
  position: relative;
  width: 100%;
  padding: 0 70px;
}

.prize-full-imge-wrp .prize-label-row {
  position: absolute;
  top: 40%;
  transform: translate(-40px, -40%);
  left: 0;
}

.prize-full-imge-wrp .full-stroke {
  position: absolute;
  bottom: 22px;
  right: 0px;
  z-index: -1;
  width: 100%;
  max-width: 286px;
  aspect-ratio: 1;
}

.featured-prize-sec {
  padding: 100px 0;
}

.featured-prize-sec {
  padding: 100px 0;
}

.featured-prize-video {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.featured-prize-video iframe {
  width: 100%;
}

.featured-prize-card {
  border-radius: 24px;
  background: #f8f4f0;
  padding: 28px 0;
  position: relative;
  overflow: hidden;
}

.featured-prize-card img.featured-stroke {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 202px;
  object-fit: contain;
}

.featured-prize-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 154px;
  gap: 24px;
}

.featured-prize-header {
  display: flex;
  align-items: center;
  gap: 9px;
}

.featured-prize-icon {
  flex: 0 0 115px;
}

.featured-prize-title p {
  color: #000;
  font-size: 32px;
  line-height: normal;
}

.featured-prize-title h4 {
  color: #000;
  font-size: 40px;
  font-weight: 900;
  line-height: normal;
  margin-top: 10px;
}

.featured-prize-card.\32 nd-prize .featured-img {
  text-align: right;
  margin-top: 26px;
}

.featured-prize-card.\32 nd-prize .featured-img img {
  max-width: 589px;
  width: 100%;
}

.featured-prize-card.\33 rd-prize .featured-img img {
  width: 100%;
  max-width: 295px;
  margin-left: auto;
  margin-right: 0;
}

.featured-prize-card.\33 rd-prize .featured-img {
  text-align: right;
  margin-top: 86px;
  padding-right: 90px;
}

.entries-nvr-exp {
  padding-top: 152px;
  max-width: 1326px;
  margin: 0 auto;
}

.entries-nvr-exp-header {
  text-align: center;
  width: 100%;
  max-width: 832px;
  margin: 0 auto;
}

.entries-nvr-exp-header h2 {
  color: #000;
  font-size: 45px;
  font-weight: 900;
  line-height: normal;
}

.entries-nvr-exp-header p {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
}

.fatured-entries-addup {
  margin-top: 70px;
}

.fatured-entries-addup .entries-title {
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
  color: #000;
}

.entries-addup-month-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 554px;
}

.fatured-entries-addup-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 40px 0;
}

.entries-addup-month-card .entries-bg-star {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 210px;
  aspect-ratio: 1;
  object-fit: contain;
}

.entries-addup-month-card {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.entries-addup-month-card p {
  color: #f8f4f0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  /* 100% */
}

.entries-addup-month-card h3 {
  color: #f8f4f0;
  font-size: 32px;
  font-weight: 900;
  line-height: 20px;
  /* 62.5% */
  margin-top: 10px;
}

.entries-addup-month-cont {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateY(-50%);
}

img.entries-bg-shape {
  width: 100%;
  display: block;
}

p.entries-addional-benfits {
  margin-top: 32px;
  color: #000;
  font-size: 20px;
  line-height: normal;
}

.entries-subscription-list {
  display: flex;
  flex-direction: column;
}

.entries-subscription-card label {
  border-radius: 12px;
  border: 2px solid #dee965;
  display: block;
  padding: 24px 16px;
  cursor: pointer;
}

.entries-subscription-card label input {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.entries-sub-icontext {
  display: flex;
  align-items: center;
  gap: 10px;
}

.entries-sub-icontext img {
  flex: 0 0 74px;
  width: 100%;
  max-width: 74px;
  aspect-ratio: 1;
}

.entries-subscription-card label:has(input:checked) {
  background: #dee965;
}

.entries-subscription-card {
  border-bottom: 1px solid rgb(0 0 0 / 30%);
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.entries-sub-text {
  flex: 1;
}

.entries-sub-text p {
  color: rgb(0 0 0 / 50%);
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  /* 83.333% */
  text-align: left;
}

.entries-sub-text-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1px;
  margin-top: 23px;
}

.entries-sub-text-price h3 {
  color: #043b3b;
  font-size: 40px;
  font-weight: 800;
  line-height: 100%;
  /* 40px */
  letter-spacing: -0.8px;
}

p.entries-price-month {
  color: rgb(4 59 59 / 50%);
  font-size: 24px;
  font-style: italic;
}

.entry-vip-sinup {
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  line-height: normal;
  display: block;
}

.danger {
  color: #cd0000;
}

body.no-scroll {
  overflow: hidden;
}

.inclusions-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.popup-content {
  background-color: white;
  border-radius: 20px;
  width: 100%;
  max-width: 853px;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #333;
}

/* Styling for the left image section */
.inclusions_left-image {
  width: 50%;
}

.inclusions_left-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px 0 0 8px;
  object-fit: cover;
}

/* Styling for the right contact section */
.inclusions_right_contact {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
}

.inclusions_right_contact h5 {
  color: #111;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.24px;
  margin-bottom: 24px;
}

.inclusions_right_contact p {
  margin: 0 0 24px;
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

/* Styling for the grid section */
.inclusion_grid_sec {
  display: flex;
  padding: 12px 8px;
  gap: 8px;
}

.inclusion_number span {
  color: rgb(222 222 222);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.8px;
}

.inclusion_contact span {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin: 4px;
}

.inclusion_contact p {
  margin: 0;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.7px;
}

span.bg_svg_left_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 143px;
  width: 100%;
}

span.bg_svg_left_bottom svg {
  display: block;
  width: 100%;
  height: 100%;
}

span.bg_svg_right_bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 142px;
}

span.bg_svg_right_bottom svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Prevent background scrolling when popup is open */

.all-you-play-rtl ul {
  list-style: none;
  padding: 0;
  max-height: 225px;
  /* Default height for mobile */
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  /* Smooth animation */
}

.all-you-play-rtl ul.expanded {
  max-height: 100%;
  /* Large enough to show all content */
}

.all-you-play-rtl li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}

.all-you-play-rtl li img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.toggle-button {
  display: none;
  border: none;
}

button.toggle-button.green-btn path {
  fill: #000;
}

/** next-giveaway page css **/

.prize-top-rtl-wrp p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 24px 0 16px;
}

section.giveaway-prize-hero.new-giveaway-hero .prize-top-rtl {
  max-width: 602px;
  margin-left: auto;
}

section.next-giveaway-call {
  padding: 119px 0 196px;
}

.next-geveaway-head {
  max-width: 877px;
  margin: 0 auto;
}

.next-giveaway-card-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 36px;
  max-width: 1280px;
  margin: 107px auto 0;
}

.next-giveaway-call .card-content {
  padding: 45px 36px 36px 36px;
}

.next-giveaway-call .card-content .card-title,
.next-giveaway-call .card-content .card-subtitle {
  text-shadow: 0 0 15px #000;
  font-size: 25px;
  line-height: 184%;
}

.giveaway-slider-top {
  max-width: 250px;
}

.next-giveaway-call .card-content p.card-note {
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  margin-top: 8px;
}

.next-giveaway-call .card-content .card-draw-label {
  text-shadow: 0 0 15px #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}

.next-giveaway-call .card-content .card-timer {
  font-size: 25px;
  min-height: 73px;
}

.next-giveaway-membership_entries {
  padding-bottom: 150px;
}

.next-featured-prize-sec .entries-nvr-exp {
  padding: 80px 0;
}

.next-featured-prize-sec .entries-nvr-exp h2 {
  font-weight: 700;
}

button.green-btn {
  border: none;
}

.subscription-dec p {
  color: #000;
  font-size: 20px;
  line-height: normal;
}

.membership_page.membership_entries {
  padding: 118px 0 51px;
}

.membership_page_sec .entries-nvr-exp {
  padding: 51px 0 142px;
}

.lucky-legend-winners-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 64px 24px;
  margin-top: 64px;
}

.winners-lucky-legends {
  padding-top: 174px;
}

.winners-lucky-legends .lucky-subtitle {
  color: rgb(4 59 59 / 70%);
}

/** Terms and condition **/

.term__privacy_class {
  padding-top: 133px;
  padding-bottom: 182px;
}

.term__privacy_class h3 {
  color: #000;
  font-size: 45px;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 75px;
}

.term__privacy_class h5 {
  font-size: 30px;
  font-weight: 900;
  margin-top: 50px;
}

.term__privacy_class p,
.term__privacy_class ul {
  font-size: 30px;
  font-weight: 400;
}

.term__privacy_class ul {
  padding-left: 40px;
}

/**** checkout page CSS starts Here ****/

.main_membershipCheckout {
  padding: 80px 0 110px;
  background: #fafafa;
}

.para-20 {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.accordian-member .accordion {
  display: flex;
  align-items: center;
  width: 100%;
  border: none;
  padding: 25px;
  color: #000;
  font-size: 19px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
  background: none;
  justify-content: space-between;
  gap: 10px;
}

.accordian-member .accordion .accordian-icon {
  transform: rotate(180deg);
  display: flex;
  transition: 0.5s all;
}

.accordian-member .accordion.active .accordian-icon {
  transform: rotate(0deg);
}

.accordian-content {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease,
    padding 0.3s ease;
  background: #fff;
  padding: 0 25px;
}

.panel.accordian-content.open {
  margin-bottom: 25px;
}

.membership_checkout-heading {
  margin-top: 40px;
}

.member-accordian-box {
  border-radius: 16px;
  border: 0.8px solid #ddd;
  background: #fff;
  overflow: hidden;
  margin: 20px 0;
}

.check-member-main {
  margin-top: 60px;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: minmax(0, 7.1fr) minmax(0, 4.9fr);
  gap: 5px 30px;
}

.checkout-subscription-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.checkout-subscription-card label {
  border-radius: 12.8px;
  border: 1.6px solid #ddd;
  display: flex;
  width: 100%;
  padding: 12.8px 19.2px 12.8px 12.8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 19.2px;
  position: relative;
  cursor: pointer;
}

.checkout-subscription-card input {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.checkout-sub-icontext {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.checkout-sub-text {
  display: block;
  width: 100%;
}

.checkout-sub-icontext img {
  width: 38px;
  height: auto;
  flex: 0 0 38px;
}

.checkout-sub-text p {
  color: #000;
  font-size: 19px;
  font-weight: 800;
  line-height: 131%;
  flex: 0 0 33%;
}

p.checkout-price-month {
  text-align: right;
}

.checkout-sub-text h3 {
  color: #000;
  font-size: 12.8px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.256px;
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.checkout-icontext-box {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 33%;
}

/* .checkout-subscription-card label {
  display: block;
  width: 100%;
} */
.check-compare-price {
  color: #000;
  text-align: right;
  font-size: 19px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
}

span.check-regular-price {
  color: #cdc9c9;
  font-size: 19.2px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.384px;
  text-decoration-line: line-through;
  margin-right: 12px;
}

.checkout-subscription-card label .membership-offer-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 44px;
  box-shadow:
    -22.4px 168.8px 48px 0 rgba(0, 0, 0, 0),
    -14.4px 108px 44px 0 rgba(0, 0, 0, 0.01),
    -8px 60.8px 36.8px 0 rgba(0, 0, 0, 0.03),
    -3.2px 27.2px 27.2px 0 rgba(0, 0, 0, 0.04),
    -0.8px 6.4px 15.2px 0 rgba(0, 0, 0, 0.05);
  padding: 5px 14px;
}

.checkout-subscription-card label.mini-champ .membership-offer-badge {
  background:
    linear-gradient(
      244deg,
      rgba(185, 93, 33, 0.9) -22.78%,
      rgba(242, 205, 181, 0.9) 21.66%,
      rgba(185, 93, 33, 0.9) 73.36%,
      rgba(242, 205, 181, 0.9) 116.08%,
      rgba(185, 93, 33, 0.9) 157.62%,
      rgba(242, 205, 181, 0.9) 205.07%
    ),
    #fff;
}

.checkout-subscription-card .champ-mode .membership-offer-badge {
  background:
    linear-gradient(
      244deg,
      rgba(146, 146, 146, 0.9) -22.78%,
      rgba(255, 255, 255, 0.9) 21.66%,
      rgba(146, 146, 146, 0.9) 73.36%,
      rgba(255, 255, 255, 0.9) 116.08%,
      rgba(146, 146, 146, 0.9) 157.62%,
      rgba(255, 255, 255, 0.9) 205.07%
    ),
    #fff;
}

.checkout-subscription-card .ultimate-champ .membership-offer-badge {
  background:
    linear-gradient(
      244deg,
      rgba(250, 177, 7, 0.9) -22.78%,
      rgba(253, 228, 128, 0.9) 21.66%,
      rgba(250, 177, 7, 0.9) 73.36%,
      rgba(253, 228, 128, 0.9) 116.08%,
      rgba(250, 177, 7, 0.9) 157.62%,
      rgba(253, 228, 128, 0.9) 205.07%
    ),
    #fff;
}

.checkout-sub-icontext .member-ofr-text {
  color: #043b3b;
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.556px;
}

.checkout-sub-icontext .member-ofr-month {
  color: #043b3b;
  text-align: center;
  font-family: "Nunito Sans";
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.upgrade-banner-inner {
  border-radius: 16px;
  border: 1.6px solid #00b67a;
  background: rgba(0, 182, 122, 0.1);
  display: flex;
  padding: 19.2px 25.6px 19.2px 19.2px;
  align-items: center;
  justify-content: space-between;
  gap: 32px 10px;
  position: relative;
  overflow: hidden;
  flex-wrap: wrap;
}

.upgrade-banner-cont {
  max-width: 445px;
}

span.upgrade-save-badge {
  border-radius: 80px;
  border: 0.8px solid #111;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 9px;
  color: #111;
  font-size: 9.6px;
  font-weight: 700;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  line-height: 100%;
  gap: 3px;
}

.upgrade-banner-heading {
  display: flex;
  align-items: center;
  gap: 6px;
}

.upgrade-banner-heading h4 {
  font-size: 16px;
  font-weight: 800;
  line-height: 157%;
  letter-spacing: -0.32px;
}

.upgrade-banner-heading p {
  color: #000;
  font-size: 11.2px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.224px;
  margin-top: 8px;
}

img.upgrade-banner-svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 92px;
  object-fit: contain;
}

.member-checkout-billing-form {
  max-width: 100% !important;
  width: 100%;
  margin-top: 0 !important;
}

.member-checkout-billing-form .row {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr);
  gap: 19px;
}

form#billingInfo .from-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 19px;
}

.select-wrap .select-icon {
  display: flex;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.select-wrap {
  position: relative;
}

.select-wrap select#country {
  appearance: none;
}

.checkout-icons-box {
  border-radius: 6.4px;
  background: transparent;
  box-shadow: 0 3.2px 9.6px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 7px;
  text-align: center;
  min-width: max-content;
}

.checkout-icons-list {
  display: flex;
  align-items: center;
  justify-content: center;
  /* max-width: 400px; */
  margin: 0 auto;
  gap: 7px;
  flex-wrap: wrap;
}

.checkout-icons-box p {
  color: #a3a3a3;
  text-align: center;
  font-size: 10.675px;
  font-style: normal;
  font-weight: 800;
  line-height: 13.6px;
  /* 127.4% */
  letter-spacing: -0.16px;
}

.checkout-icons-wrp {
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.checkout-card {
  border-radius: 16px;
  border: 0.8px solid #ddd;
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}

.checkout-plan-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

span.checkout-plan-image {
  flex: 0 0 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-product-deatils h3 {
  color: #000;
  font-size: 19.2px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
}

.checkout-product-deatils p {
  color: #000;
  font-size: 12.8px;
  line-height: normal;
  letter-spacing: -0.256px;
}

.subscription-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}

.subscription-info-title h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
}

.subscription-info-title p {
  color: #00b67a;
  font-size: 12.8px;
  line-height: normal;
  letter-spacing: -0.256px;
}

.subscription-info-title p .highlight {
  font-weight: 700;
}

.checkout-card .plan-price {
  text-align: right;
}

.membership-checkout-order {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
}

.checkout-plan-price {
  text-align: right;
}

.checkout-plan-price .price {
  font-size: 16px;
  letter-spacing: -0.32px;
}

.checkout-plan-price .per {
  font-size: 9.6px;
  font-weight: 600;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  line-height: normal;
}

.membership-checkout-order .order-details h4 {
  font-size: 19.2px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
  margin-bottom: 20px;
}

.member-check-order-deatils {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.member-check-order-deatils .detail {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  letter-spacing: -0.32px;
  font-size: 16px;
}

.checkout-total {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.checkout-total span {
  font-size: 19.2px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
}

.checkout-btn {
  margin-top: 32px;
  margin-bottom: 10px;
}

.checkout-btn button.green-btn {
  width: 100%;
  min-height: 50px;
  padding: 12px 24px;
  font-size: 19.2px;
}

.checkout-policy {
  color: rgb(0 0 0 / 60%);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  margin-bottom: 20px;
}

.checkout-policy p.terms {
  font-size: 10px;
  margin-top: 5px;
}

.secure-checkout {
  max-width: 302px;
  margin: 0 auto;
}

.checkout-subscription-card label:has(input:checked) {
  border: 1.6px solid #043b3b;
  background: rgba(4, 59, 59, 0.08);
}

.ticket-hero-banner p img {
  width: 22px;
}

.success-order-page {
  background: linear-gradient(180deg, #073131 24.22%, #107e7e 100%);
  padding: 150px 0 100px;
  position: relative;
  z-index: 1;
}

.success-order-page:before {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2025/08/Confetti.png) no-repeat;
  top: 8px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  z-index: -1;
}

.success-member-row h2 img {
  width: 32px;
}

.success-member-row {
  text-align: center;
  max-width: 491px;
  width: 100%;
  margin: auto;
}

.success-member-row .success-trophy {
  display: flex;
  justify-content: center;
}

.success-member-row .success-trophy img {
  width: 150px;
  aspect-ratio: 1;
  object-fit: contain;
}

.success-member-row h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}

.success-member-row p {
  color: rgb(255 255 255 / 60%);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.4px;
  margin-top: 24px;
}

.success-order-benefits {
  margin-top: 70px;
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.success-member-benefits-wrp {
  border-radius: 20px;
  border: 1px solid #717171;
  background: #235454;
  padding: 32px 24px 40px 24px;
  color: #fff;
}

.heading-24 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.48px;
}

.success-member-benefits-wrp ul {
  list-style: none;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.success-member-benefits-wrp ul li {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 17.5px;
  /* 125% */
  text-transform: uppercase;
}

.success-email-confirm {
  margin: 47px 0;
  background: #fbf1c9;
  padding: 16px;
}

.success-email-confirm p {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #874e00;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.4px;
}

.success-email-confirm p img {
  width: 20px;
}

.success-member-entries {
  border-radius: 20px;
  border: 1px solid #717171;
  background: #235454;
  display: flex;
  padding: 16px 40px 16px 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.success-member-entries .heading-24 {
  text-transform: uppercase;
}

.success-entries-value {
  color: #dee965;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.8px;
}

.success-order-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.inner-order-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner-order-info p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
}

.success-social-links {
  text-align: center;
  margin-top: 64px;
  color: #fff;
}

ul.succecc-socail-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  list-style: none;
  gap: 40px;
  flex-wrap: wrap;
}

ul.succecc-socail-list li a {
  display: flex;
  align-items: center;
}

ul.succecc-socail-list li a img {
  width: 72px;
}

ul.succecc-socail-list li a span {
  display: flex;
  padding: 10px 16px 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-left: -16px;
  position: relative;
  z-index: -1;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
}

ul.succecc-socail-list .instagram-social span {
  background: linear-gradient(180deg, #ef0a6a 6.5%, #b6359c 93.5%);
}

ul.succecc-socail-list .facebook-social span {
  background: linear-gradient(136deg, #0866ff 6.5%, #0703ba 93.5%);
}

.success-order-slider {
  margin-top: 24px;
}

.success-order-slider .order-img img {
  width: 100%;
  border-radius: 16px;
  display: block;
}

.success-order-slider .order-img {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.success-order-slider .order-img:before {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    136deg,
    rgba(0, 0, 0, 0.3) 11.44%,
    rgba(0, 0, 0, 0) 48.49%,
    rgba(0, 0, 0, 0.3) 84.14%
  );
}

.order-pagination-row {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  display: flex;
  padding: 32px;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.order-pagination-row .white-btn {
  border-radius: 999px;
  background: #fff;
  display: inline-flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #043b3b;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
  /* 28.8px */
  text-transform: capitalize;
  flex: 0 0 auto;
}

.order-pagination .swiper-pagination-bullet {
  max-width: 33px !important;
  height: 8px;
  border-radius: 20px;
  background: #9d9d9d;
}

.order-pagination .swiper-pagination-bullet-active {
  background: #fff !important;
  max-width: 71px !important;
}

.order-slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  cursor: pointer;
}

.order-button-prev {
  left: 32px;
}

.order-button-next {
  right: 32px;
}

div#login-form-container {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px 20px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 18px 2px #dee96521;
}

section.user_login_form {
  padding: 100px 0;
  background: #fafafa;
}

form#login-form {
  margin-top: 15px;
}

label.checkbox-label {
  margin: 0;
  display: flex !important;
  gap: 10px;
}

label.checkbox-label input {
  width: 20px !important;
  height: 20px !important;
}

form#login-form .forgot-password {
  text-align: center;
}
div#sub_popup,
.add-card-popup-block {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.subs__popup-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.subs__popup-wrp .subs__popup {
  border-radius: 24px;
  background: #fff;
  max-width: 623px;
  width: 100%;
  padding: 48px 40px 40px 40px;
  position: relative;
  max-height: 95vh;
  overflow: auto;
}
.subs__popup span.close {
  border-radius: 100px;
  background: #fafafa;
  margin: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.subs__popup-head h2 {
  line-height: 100%;
  margin-bottom: 16px;
}

.subs__popup-head p {
  color: #11111199;
  font-size: 16px;
  line-height: 150%;
}
.subs__popup_img_text {
  border-radius: 24px;
  margin-top: 32px;
  overflow: hidden;
}
.subs__popup_img_text .prize-box {
  background: #043b3b;
  text-align: center;
  padding: 24px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.subs__popup_img_text .prize-box .star-shape {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  max-width: 84px;
  object-fit: contain;
}
.subs__popup_img_text .prize-box .para-14 {
  color: #dadada;
  font-size: 14px;
  line-height: 150%; /* 21px */
  margin-bottom: 8px;
}

.subs__popup_img_text .prize-box .para-16 {
  font-weight: 500;
  line-height: 120%; /* 19.2px */
}
.subs__popup_img_text .sub-main-img {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/0.347;
}
.subs__popup-wrp .sub-buttons {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  gap: 35px;
  align-items: center;
}
.subs__popup-wrp .sub-buttons button.cancel {
  color: #f33;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
  border: 0;
  background: no-repeat;
  padding: 0;
}
.subs__popup-wrp .sub-buttons button.stay {
  padding-left: 25px;
  padding-right: 25px;
}
.add-card-popup-wrp {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.add-card-popup {
  background: #fff;
  padding: 40px 20px;
  border-radius: 20px;
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.add-card-popup span.close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f4f4f4;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.add-card-form div#card-element {
  border: 1px solid #ddd;
  padding: 12px 10px;
  border-radius: 5px;
}
img.menu-logo-dash {
  display: none;
}
.popup_bronze-tier .popup-content {
  background: #ffe4db;
}
.popup_silver-tier .popup-content {
  background: #eaeef0;
}
.popup_gold-tier .popup-content {
  background: #fff6db;
}
.popup_platinum-tier .popup-content {
  background: #f3e5f6;
}
.popup_diamond-tier .popup-content {
  background: #ddf9fd;
}

div#promo-popup {
    position: fixed;
    z-index: 999;
    background: #ffffffa3;
    inset: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    padding: 20px;
}
.inner_promo_popup {
    color: #ffffff;
    width: 95%;
    max-width: 1272px;
    padding: 46px 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 24px;
    background: linear-gradient(89deg, #1D4E4E 19.88%, #111 98.98%);
	min-height: 490px;
	max-height: 506px;
    overflow-y: auto;
    scrollbar-width: thin;
}
button.promo-close-btn {
    position: absolute;
    right: 30px;
    background: transparent;
    border: 0;
    top: 30px;
    z-index: 99;
    cursor: pointer;
    padding: 4px;
}
button.promo-close-btn path {
    fill: #fff;
}
button.promo-close-btn path {
    fill: #fff;
}

.top_heading_label {
    text-align: center;
    margin-bottom: 52px
}

h3.top_heading {
    border-radius: 12px;
    background: #DEE965;
    display: inline-flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #043B3B;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 30px */
    text-transform: capitalize;
}
.inner_promo_popup .promo-content {
  text-align: center;
}

.inner_promo_popup .promo-content h2 {
  font-size: 18px;
  margin-bottom: 15px;
}
.inner_promo_popup .promo-content p {
    color: #FFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
}
.inner_promo_popup .promo-content p strong {
    font-weight: 900;
}
.list__promo-ref {
    margin-top: 52px;
    text-align: left;
}

.list__promo-ref li {
    list-style: none;
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
    padding-left: 40px;
    background-image: url(/wp-content/uploads/2026/01/Star-2-Stroke.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left top;
}

.list__promo-ref ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.list__promo-ref li strong {
    font-weight: 900;
}
.star-stroke-promo {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    aspect-ratio: 1;
    max-width: 404px;
    width: 100%;
}
/** popup promo refer **/
@media screen and (max-width: 767px){
	.inner_promo_popup {
    padding: 95px 36px 30px;
}
	.inner_promo_popup {
    max-height: 650px;
		        overflow: hidden;
}

button.promo-close-btn {
    top: 16px;
    right: 16px;
}
	h3.top_heading {
    font-size: 15px;
    border-radius: 7px;
    padding: 9px 22px;
}

.top_heading_label {
    margin-bottom: 32px;
}

.inner_promo_popup .promo-content p {
    font-size: 18px;
}

.list__promo-ref li {
    font-size: 16px;
    line-height: 130%;
    background-size: 16px;
    padding-left: 26px;
}

.list__promo-ref ul {
    gap: 20px;
}
	.star-stroke-promo {
    position: relative;
    text-align: right;
    max-width: 262px;
    display: block;
    right: -58px;
    margin-top: -23px;
    margin-bottom: -30px;
    z-index: -1;
}

.star-stroke-promo svg {
	display: block;
    width: 100%;
    height: 100%;
}
}

/******* Max Media Query ********/

@media only screen and (max-width: 991.98px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .font-64 {
    font-size: 44px;
  }

  .next_give_away {
    padding: 80px 0;
  }

  .logo.desktop-view {
    display: none;
  }

  .top-bar-wrp {
    flex-direction: column-reverse;
    padding: 28px 24px;
    gap: 22px;
  }

  .countdown {
    padding: 12px 16px;
    width: max-content;
    gap: 6px;
  }

  .countdown .time-box span:last-child {
    font-size: 20px;
    font-weight: 700;
  }

  .membership_entries {
    padding: 80px 0 30px;
  }

  .membership-enteries h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 100%;
    /* 60px */
    letter-spacing: -2.4px;
  }

  .membership-enteries {
    gap: 12px;
    align-items: center;
  }

  .enteries-text {
    font-size: 24px;
    font-weight: 800;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.48px;
  }

  .enteries-per-month {
    font-size: 14px;
    line-height: 120%;
    /* 16.8px */
    letter-spacing: -0.28px;
  }

  .membership-offer {
    padding: 5px 14px;
  }

  .membership-banner {
    margin-top: 50px;
  }

  section.fair-play.pt-150 {
    padding-top: 30px;
    padding-bottom: 85px;
  }

  section.giveaway-section {
    border-radius: 0;
    padding-bottom: 40px;
  }

  .giveaway-cta {
    margin-top: 50px;
  }

  .giveaway-header-wrp {
    padding: 62px 0 58px;
    background: transparent;
    position: relative;
  }

  .giveaway-header-wrp:before {
    position: absolute;
    content: "";
    background: #1d4e4e;
    width: calc(100% + 152px);
    height: 100%;
    left: -76px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 0 0 210px 210px;
  }

  h3.giveaway-subheading {
    margin: 28px auto;
  }

  .giveaway {
    margin: 0 20px;
  }

  .course-carousel-section {
    padding: 80px 0;
  }

  .course-swiper-controls.cstm-swiper-pagination {
    margin-top: 40px;
  }

  .course-swiper-controls.cstm-swiper-pagination .swiper-pagination-bullet {
    max-width: 34px;
    height: 8px;
  }

  .course-swiper-controls.cstm-swiper-pagination
    .swiper-pagination-bullet-active {
    max-width: 106px;
  }

  .inner__faqs {
    grid-template-columns: 1fr;
  }

  .faq-contact-box {
    margin: 0 auto;
    max-width: 500px;
  }

  p.contact-people {
    justify-content: center;
  }

  section.faqs-section {
    padding: 80px 0;
    border-radius: 0;
  }

  section.in_the_news {
    padding: 80px 0;
  }

  .news-logos {
    margin-top: 46px !important;
    display: flex;
    gap: 34px;
    overflow-x: auto;
    padding-bottom: 5px;
  }

  .news-logos img.news-logo {
    min-width: max-content;
  }

  section.in_the_news {
    overflow: hidden;
  }

  section.lucky-legends {
    padding: 80px 0 70px;
    border-radius: 0;
  }

  .fatured-entries-addup-grid,
  .all-u-need-heading {
    grid-template-columns: 1fr;
    gap: 32px 24px;
  }

  .fatured-entries-addup-grid {
    margin-top: 24px;
  }

  .all-you-need-grid {
    flex-direction: column-reverse;
    margin-top: 66px;
    gap: 64px;
  }

  .all-you-play-left,
  .all-you-play-rtl {
    width: 100%;
    flex: 0 0 100%;
  }

  .tier-sec .pricing-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }

  .tier-card:last-child {
    grid-column: 1 / span 2;
  }

  .all-u-need-entries {
    padding: 0;
  }

  .all-entries-prize-head-wrp {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .all-entries-prize-price {
    text-align: left;
    flex: 1;
  }

  .all-enteries-prize-title {
    flex: 1;
  }

  .all-you-play-rtl {
    max-width: 100% !important;
  }

  .toggle-button {
    display: block;
  }

  .all-you-play-rtl ul.expanded {
    max-height: 100%;
  }

  .cstm-toggle-btn-wrp {
    text-align: center;
    margin-top: 64px;
  }

  button.toggle-button.green-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
  }

  button.toggle-button.green-btn .arrow {
    display: flex;
    transition: 0.4s;
  }

  button.toggle-button.green-btn .arrow.down {
    transform: rotate(180deg);
  }

  .next-giveaway-membership_entries {
    padding-bottom: 80px;
  }

  .winners-lucky-legends {
    padding-top: 80px;
  }

  .membership_page_sec .entries-nvr-exp {
    padding-bottom: 63px;
  }

  .success-order-benefits {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media screen and (min-width: 992px) {
  .inner__fair-play .grid,
  .fair-play-slider {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 64px;
  }

  .cstm-toggle-btn-wrp {
    display: none;
  }

  .all-you-play-rtl ul {
    max-height: none;
    /* Show all content on larger screens */
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .header-right ul.navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }

  .header-left,
  .header-right {
    flex: 0 0 30%;
  }

  .header-center {
    flex: 0 0 40%;
  }

  .header-right ul.navbar-nav {
    gap: 15px;
  }

  .footer-column {
    width: 25%;
  }

  .hero_main .heading_h2 {
    font-size: 50px;
    line-height: 120%;
  }

  .hero_main .heading_h2 {
    font-size: 50px;
    line-height: 120%;
  }

  .hero_banner .bottom_buttons a {
    font-size: 18px;
    padding: 10px 20px;
    height: 50px;
    display: inline-flex;
    align-items: center;
  }

  .tax-free-alternative {
    max-width: 116px;
  }

  .join_the_winners {
    font-size: 44px;
  }

  .inner__newsletter .bodt__text {
    font-size: 18px;
  }

  input.newsletter-submit,
  .inner__newsletter input.email-address {
    font-size: 18px;
  }

  .next_give_away .content .h2.heading_h2 {
    font-size: 40px;
    max-width: 480px;
  }

  .para-24 {
    font-size: 20px;
    margin-top: 20px;
  }

  .membership__plans-wrp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 80px 30px;
    margin-top: 80px;
  }

  .membership__cards_header p {
    font-size: 20px;
  }

  .green-btn {
    font-size: 18px;
    padding: 12px 24px;
    height: auto;
    min-height: 43px;
  }

  .how-it-works .bottom__content .h2.heading_h2 {
    font-size: 32px;
  }

  .winner-cards .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .fair-play-slider {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 24px;
  }

  h3.giveaway-subheading {
    font-size: 30px;
  }

  section.newsletter-signup {
    padding: 80px 0 150px;
  }

  h2.faqs-heading,
  h3.contact-heading {
    font-size: 38px;
    line-height: normal;
  }

  button.faq-toggle {
    font-size: 20px;
  }

  .prize-top-content {
    grid-template-columns: 1fr;
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
  }

  .prize-top-lft {
    text-align: center;
  }

  span.hotspot-points {
    left: 15%;
    transform: translateX(-15%);
  }

  .prize-hero-bottom {
    margin-top: 80px;
  }

  .font-72 {
    font-size: 52px;
  }

  .prize-top-content {
    max-width: 600px;
  }

  .prize-full-imge-wrp .prize-label-row {
    transform: translate(0px, -40%);
  }

  .featured-prize-card.\33 rd-prize .featured-img {
    padding-right: 0;
    text-align: center;
  }

  .fatured-entries-addup {
    text-align: center;
  }

  .entries-addup-month-list {
    margin: 0 auto;
  }

  .all-you-play-rtl ul li {
    padding: 20px 0;
  }

  section.all-u-prize-entries {
    padding-top: 0;
  }

  .all-entries-prize-wrp {
    padding-top: 100px;
  }

  section.featured-prize-sec {
    padding-top: 20px;
  }

  .featured-prize-row {
    margin-top: 100px;
  }

  .featured-prize-title p {
    font-size: 20px;
  }

  .featured-prize-title h4 {
    font-size: 26px;
    line-height: normal;
  }

  .entries-nvr-exp-header h2 {
    font-size: 38px;
  }

  .giveaway-card img.card-img {
    aspect-ratio: 1/1.4;
  }

  .lucky-legend-winners-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .term__privacy_class p,
  .term__privacy_class ul,
  .term__privacy_class h5 {
    font-size: 20px;
  }

  .term__privacy_class h5 {
    margin-top: 24px;
  }

  .term__privacy_class h3 {
    font-size: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  .tier-card button.btn {
    font-size: 10.24px;
    min-height: 30px;
    padding: 7px 15px;
  }
  .lucky-legends .swiper.winner-swiper {
    padding-bottom: 40px;
  }
  .tickets-table-wrp.for-desktop {
    display: none;
  }
  .mobile-hidden {
    display: none !important;
  }

  .para-24 {
    font-size: 16px;
    margin-top: 16px;
  }

  .img-desktop-view {
    display: none !important;
  }

  .header-right {
    display: none;
  }

  .header-center {
    flex: 0 0 100%;
  }

  .header-left {
    flex: 0 0 auto;
    position: absolute;
    right: 16px;
  }

  span.trustpilot-label {
    font-size: 12px;
    line-height: 166%;
  }

  a.site-logo img {
    max-width: 33px;
  }

  .footer-columns {
    flex-wrap: wrap;
    gap: 40px;
  }

  .footer-column {
    width: 100%;
  }

  .footer-top-logo {
    width: 100%;
    height: auto;
    top: -70px;
    max-width: 164px;
    object-fit: contain;
  }

  footer.site-footer {
    padding: 132px 0 82px;
  }

  /* .footer-heading {
    font-size: 20px;
} */
  .footer-about {
    flex-direction: column;
    margin-top: 38px;
    margin-bottom: 45px;
  }

  .footer-about .footer-logo img {
    max-width: 250px;
    margin: 0 auto;
  }

  .footer-about .footer-logo {
    flex: 0 0 100%;
  }

  .footer-bottom {
    gap: 8px;
  }
  .desktop__toggle_menu .inner__block {
    max-width: 385px;
    padding: 24px 0 86px;
    left: auto;
    right: 0;
    transform: translateX(100%);
  }
  button.toggle_close_button svg {
    width: 24px;
    height: 24px;
  }

  .toggleMenu__closeButton {
    padding: 0 24px;
  }

  nav#desktop_toggleMenu ul.navbar-nav {
    padding: 20px 25px 20px 19px;
  }

  .desktop__toggle_menu .header-actions .auth-buttons a.signup-btn.button {
    background: #dee965;
    border-color: #dee965;
  }

  .desktop__toggle_menu .header-actions .auth-buttons .button {
    font-size: 18px !important;
    height: 40px;
  }

  .desktop__toggle_menu .header-actions .auth-buttons {
    gap: 10px;
    padding: 48px 25px 48px 19px;
  }

  section.newsletter-signup {
    padding: 80px 0 120px;
  }

  .join_the_winners {
    color: #043b3b;
    font-size: 32px;
    font-weight: 900;
    line-height: 120%;
    /* 38.4px */
  }

  .inner__newsletter .bodt__text {
    font-size: 16px;
  }

  .inner__newsletter form {
    margin-top: 40px;
  }

  .newsletter-fields p {
    flex-direction: column;
    gap: 16px;
  }

  .inner__newsletter input.email-address {
    height: 55px;
    min-height: 55px;
    font-size: 16px;
  }

  input.newsletter-submit {
    width: 100%;
    min-height: 43px;
    height: 43px;
    font-size: 16px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
  }

  .inner__newsletter p.disclaimer {
    font-size: 14px;
    line-height: 140%;
  }

  .tax-free-alternative {
    max-width: 88px;
    top: 64px;
    transform: translate(0);
  }

  .hero_main .heading_h2 {
    line-height: 120%;
  }

  .hero_main {
    max-width: 364px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: clamp(18px, 14.005vw, 242px);
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
  }

  .hero_main p.body_text {
    margin-top: 16px;
  }

  .hero_main a.button.entor__now {
    margin: 24px 0;
    font-size: 16px;
    height: 43px;
    padding: 8px 24px;
  }

  .hero_banner .bottom_buttons a {
    font-size: 10px;
    padding: 12px 17px;
    height: 30px;
  }

  .hero_banner .bottom_buttons {
    gap: 12px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 19px 7px !important;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    justify-content: start;
    bottom: 10px;
    /* width: max-content; */
    margin: 0 auto;
  }

  .partner_wrap {
    margin-top: 56px;
  }

  .next_give_away {
    padding: 79px 0;
  }

  .early-bird {
    flex-direction: column;
    align-items: flex-start;
  }

  .early-bird .entries__timer {
    margin-left: 0;
    margin-top: -11px;
  }

  .early-bird span.badge {
    z-index: 1;
    padding: 6px 16px;
    font-size: 15px;
    border-radius: 8px;
    height: auto;
  }

  .next_give_away .content .h2.heading_h2 {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-weight: 900;
    line-height: 120%;
    text-transform: capitalize;
    font-size: 24px;
    max-width: 261px;
    margin-bottom: 24px;
    margin-top: 12px;
  }

  .next_give_away .content {
    padding: 40px 24px;
    top: auto;
    bottom: 0;
    transform: translate(0);
  }

  .bg_image.image-section img.next_bg_image {
    min-height: 615px;
  }

  .bg_image.image-section img.next_bg_image {
    min-height: 615px;
  }

  .giveaway-container .bg_image.image-section:before {
    position: absolute;
    content: "";
    background: linear-gradient(
      255deg,
      rgba(0, 0, 0, 0) 6.24%,
      #00000094 78.75%
    );
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .bg_image.image-section {
    position: relative;
    z-index: 1;
    border-radius: 32px;
    overflow: hidden;
    display: block;
  }

  .next-giveawa-btn {
    font-size: 12px;
    padding: 5px 12px;
    letter-spacing: -0.3px;
  }

  .next-giveawa-btn img.next-bokkeh {
    width: 13px;
  }

  .font-64 {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
  }

  .membership_enteries-wrap .h2.heading_h2 {
    margin-bottom: 16px;
  }

  .membership__plans-wrp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 50px;
    margin-top: 50px;
  }

  .membership__cards_header {
    padding: 24px 110px 24px 24px;
  }

  img.membership-trophy {
    max-width: 94px;
    margin-top: -60px;
    right: 24px;
  }

  .membership__cards_header p {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    /* 24px */
    letter-spacing: normal;
  }

  .membership-vip-btn {
    margin-top: -14px;
  }

  button.membership-btn {
    font-size: 14px;
    height: 41px;
  }

  .membership__cards_content hr {
    width: 100%;
    height: 2px;
    background: #e9e9e9;
    border-radius: 7px;
  }

  p.member-ofr-text {
    font-size: 12.544px;
    letter-spacing: 0.556px;
  }

  .membership-content p {
    margin-bottom: 14px;
  }

  .membership-content ul {
    font-size: 14px;
    color: #111;
  }

  .membership-content ul li svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }

  .membership-content ul li {
    align-items: center;
  }

  .membership-banner {
    padding: 24px 32px 24px 24px;
  }

  .membership-banner .icon img {
    max-width: 66px;
  }

  .membership-banner .icon {
    flex: 0 0 66px;
  }

  .membership-banner .text-content h4 {
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .inner__how_it_works .step {
    max-width: 100%;
  }

  .how-it-works .bottom__content .h2.heading_h2 {
    font-size: 24px;
  }

  .green-btn {
    font-size: 16px;
    padding: 12px 24px;
    height: auto;
    min-height: 43px;
  }

  h3.giveaway-subheading {
    font-size: 22px;
  }

  .giveaway-card .card-content {
    padding: 22px 18px 18px;
  }

  .giveaway-card .card-title,
  .giveaway-card .card-subtitle {
    text-shadow: 0 0 7.56px #000;
    font-size: 12.6px;
    line-height: 184%;
    text-transform: uppercase;
    max-width: 190px;
  }

  .giveaway-card p.card-note {
    font-size: 9.072px;
    line-height: 130%;
  }

  .giveaway {
    margin: 0 20px;
  }

  .giveaway-slider-bottom .card-draw-label {
    text-shadow: 0 0 7.56px #000;
    font-size: 10px;
    line-height: 130%;
    /* 130% */
    margin-bottom: 8px;
  }

  .giveaway-slider-bottom .card-timer {
    min-height: 38px;
    border-radius: 10px;
    font-size: 12.6px;
    font-weight: 700;
    line-height: 172%;
    /* 172% */
  }

  button.faq-toggle {
    font-size: 16px;
    padding: 12px;
  }

  h2.faqs-heading,
  h3.contact-heading {
    font-size: 29px;
    line-height: normal;
  }

  .faq-content {
    font-size: 14px;
    padding: 0 12px 12px;
  }

  h3.contact-heading {
    margin-bottom: 16px;
  }

  h3.contact-heading {
    margin-bottom: 16px;
  }

  p.contact-subtext,
  p.contact-people {
    font-size: 12px;
  }

  .conatct-email_address,
  a.button.whatsapp-link {
    font-size: 16px;
    font-weight: 700;
  }

  .conatct-whatsapp img {
    width: 40px;
  }

  .winner-cards .swiper-wrapper {
    display: flex;
    gap: 0;
  }

  .winner-header img.trophy__icon {
    max-width: 88px;
  }

  span.entry-number {
    border-radius: 8px;
    left: 10px;
    padding: 4px 9px;
  }

  .cstm-swiper-pagination .swiper-arrow {
    display: none;
  }

  .inner__fair-play .grid .swiper-wrapper {
    display: flex;
  }

  .inner__fair-play .grid {
    grid-template-columns: 1fr;
  }

  .fair-play-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: auto;
    /* Ensures the slide height adjusts to its content */
  }

  .fair-play-slider .grid-item {
    padding: 24px;
    gap: 24px;
  }

  /* Swiper Pagination ke liye styles */
  .fair-play-slider .fair-pagination {
    position: relative;
    bottom: 0;
    margin-top: 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
  }

  body .fair-play-slider .swiper-pagination-bullet-active {
    max-width: 106px !important;
  }

  .fair-play-slider .swiper-pagination-bullet {
    max-width: 34px !important;
    height: 10px;
    background-color: #ddd;
    opacity: 1;
  }

  .fair-play-slider {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 57px;
    padding-left: 16px;
  }

  .inner__fair-play .grid-item .icon img {
    height: 50px;
  }

  .fair-play-card h3.card-title {
    font-size: 24px;
    font-weight: 500;
  }

  .fair-play-card p.card-description {
    font-size: 16px;
  }

  .fair-play-card .card-button,
  p.btm-text {
    margin-top: 24px;
  }

  .inner__fair-play .grid-item.cta-card .Star-Stroke {
    max-width: 100px;
  }

  .grid-item-arrow img.cta-right-arrow {
    margin-top: 24px;
    max-width: 34px;
    margin-left: 0;
    right: 24px;
  }

  .inner__fair-play .grid-item.cta-card {
    padding: 24px;
    gap: 24px;
  }

  .grid-item-arrow {
    margin-top: -24px !important;
  }

  .inner__fair-play .grid-item.cta-card .icon {
    margin: 0;
  }

  a.cta-title.check-all-giveaways-cta {
    font-size: 24px;
  }

  .prize-top-content {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .prize-top-lft {
    display: none;
  }

  .prize-top-content .prize-top-rtl {
    border-radius: 14px;
    padding: 24px 24px 32px 24px;
  }

  .prize-top-content button.main-btn {
    margin-top: 20px;
    min-height: 43px;
    padding: 10px 24px;
  }

  .prize-top-rtl-wrp .sub-note {
    font-size: 12px;
  }

  .prize-hero-bottom {
    margin-top: 40px;
  }

  .prize-hero-bottom {
    margin-top: 40px;
    gap: 16px;
  }

  .prize-hero-bottom .timer-note .timer-icon svg {
    width: 24px;
    height: 24px;
  }

  .prize-hero-bottom .timer-note {
    font-size: 16px;
  }

  .prize-hero-countdown {
    gap: 16px;
  }

  .prize-hero-countdown .cd-box {
    padding: 14px 26px;
  }

  .prize-hero-countdown .cd-box span.cd-time {
    font-size: 32px;
  }

  .prize-hero-countdown .cd-box span.cd-label {
    font-size: 16px;
  }

  .scroll-bottom-arrow svg {
    width: 32px;
    height: 32px;
  }

  .giveaway-prize-hero {
    padding-bottom: 25px;
    min-height: 1082px;
    display: flex;
    align-items: flex-end;
  }

  section.tier-sec {
    padding-top: 37px;
    padding-bottom: 31px;
    background: #f8f4f0;
  }

  .tier-card {
    border-radius: 15px;
    padding: 15px;
  }

  h3.tier-title {
    font-size: 12.8px;
  }

  span.tier-entry-number {
    font-size: 20px;
  }

  p.tier-bonus-entries {
    font-size: 9px;
    margin-bottom: 7px;
  }

  p.tier-entries {
    font-size: 12.8px;
    gap: 5px;
    margin-top: 7px;
  }

  .tier-popular-tag {
    font-size: 7.68px;
    padding: 4px 7px;
  }

  .tier-points span.tier-compare-points,
  .tier-points span.total-points {
    font-size: 15px;
  }

  .tier-points span.tier-points-txt {
    font-size: 8.9px;
  }

  .tier-card a.btn {
    margin: 15px 0;
    font-size: 10px;
    min-height: 30px;
    padding: 7px 15px;
  }

  .tier-card a.inclusions {
    font-size: 7.68px;
  }

  .tier-info-box-wrp {
    margin-top: 34px;
  }

  .tier-info-box-wrp .info-box p {
    font-size: 12px;
  }

  .tier-info-box-wrp .info-box p.tier-promotion {
    font-size: 10px;
    margin-top: 1px;
  }

  .font-72 {
    font-size: 32px;
    font-weight: 700;
  }

  .all-u-prize-entries {
    padding: 41px 0 54px;
  }

  .all-u-need-heading h2 {
    color: #043b3b;
    width: 100%;
    max-width: 238px;
    text-align: center;
    margin: 0 auto;
  }

  .all-play-fair-enteries {
    gap: 7px;
  }

  .all-play-entry-card {
    padding: 19px 10px;
    text-align: center;
    align-items: center;
  }

  .play-fair-entery,
  p.all-play-fair-entery-city {
    font-size: 9.6px;
  }

  .all-play-entery-date,
  .all-play-entery-time {
    font-size: 12.8px;
  }

  h3.all-play-entery-date br {
    display: none;
  }

  p.all-play-fair-entery-city {
    margin-top: 6px;
  }

  .all-you-play-rtl ul li {
    padding: 24px 0;
    font-size: 20px;
    line-height: normal;
  }

  .all-you-play-left .title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
  }

  .all-you-play-list {
    margin-top: 22px;
    gap: 16px;
  }

  .all-you-play-list-card {
    border-radius: 24px;
  }

  .all-you-play-icon-text .icon img {
    height: 32px;
    display: block;
  }

  .all-you-play-icon-text {
    gap: 16px;
  }

  .all-you-play-icon-text h5 {
    font-size: 20px;
  }

  .all-you-play-list-card p {
    font-size: 16px;
    margin-top: 16px;
  }

  .all-entries-prize-wrp {
    padding-top: 70px;
  }

  .all-enteries-prize-title span {
    font-size: 16px;
  }

  .all-enteries-prize-title h5 {
    font-size: 24px;
  }

  .all-entries-prize-price p {
    font-size: 20px;
  }

  .all-entries-prize-desc {
    margin-top: 32px;
  }

  .prize-full-specs h4 {
    font-size: 24px;
  }

  ul.prize-full-specs-list {
    gap: 16px 8px;
  }

  ul.prize-full-specs-list li {
    font-size: 14px;
    padding: 11px 24px;
  }

  .prize-full-imge-wrp {
    padding: 0 32px;
    margin: 76px auto 36px;
  }

  .prize-full-imge-wrp .full-stroke {
    max-width: 133px;
    bottom: 5px;
  }

  .prize-full-imge-wrp .prize-label-row {
    display: none;
  }

  .featured-prize-video iframe {
    aspect-ratio: 1/0.6;
    height: 100%;
  }

  .featured-prize-sec {
    padding: 80px 0 60px;
  }

  .featured-prize-row {
    margin-top: 67px;
    grid-template-columns: 1fr;
  }

  .featured-prize-title p {
    font-size: 16px;
  }

  .featured-prize-title h4 {
    font-size: 20px;
    margin-top: 0;
  }

  .featured-prize-icon {
    flex: 0 0 64px;
  }

  .featured-prize-card img.featured-stroke {
    max-width: 100px;
  }

  .featured-prize-card {
    min-height: 306px;
    padding: 24px 15px;
  }

  .featured-prize-card.\32 nd-prize .featured-img {
    margin-top: 31px;
  }

  .featured-prize-card.\32 nd-prize .featured-img img {
    margin-right: -56px;
  }

  .featured-prize-card.\33 rd-prize .featured-img {
    margin-top: 40px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: -66px;
  }

  .featured-prize-card.\33 rd-prize .featured-img img {
    max-width: 273px;
  }

  .entries-nvr-exp {
    padding-top: 64px;
  }

  .entries-nvr-exp-header h2 {
    color: #043b3b;
    text-align: center;
    font-size: 32px;
    line-height: 120%;
    /* 38.4px */
    margin-bottom: 16px;
  }

  .entries-nvr-exp-header p {
    font-size: 16px;
    line-height: 140%;
    /* 22.4px */
    max-width: 333px;
    margin: 0 auto;
  }

  .fatured-entries-addup {
    margin-top: 64px;
    text-align: center;
  }

  .fatured-entries-addup .entries-title {
    font-size: 24px;
  }

  .entries-addup-month-card p {
    font-size: 10px;
    line-height: 64%;
  }

  .entries-addup-month-card h3 {
    font-size: 20px;
    margin-top: 6px;
  }

  .entries-addup-month-card .entries-bg-star {
    max-width: 136px;
  }

  .all-entries-prize-img-grid {
    display: none;
  }

  .all-entries-prize-head-wrp {
    margin-top: 24px;
  }

  .all-entries-prize-img-grid-mobile .swiper-slide img {
    display: block;
  }

  .all-entries-prize-img-grid-mobile
    .swiper-container
    .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #fff;
    margin: 5px;
  }

  .all-entries-prize-img-grid-mobile
    .swiper-container
    span.swiper-pagination-bullet-active {
    background: #fff;
  }

  .all-entries-prize-img-grid-mobile .swiper-container-pagi {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 24px;
    position: absolute;
    z-index: 1;
  }

  p.entries-addional-benfits {
    text-align: left;
    font-size: 16px;
    margin-top: 25px;
  }

  p.entries-addional-benfits {
    text-align: left;
    font-size: 16px;
    margin-top: 25px;
  }

  .entries-sub-text p {
    font-size: 16px;
  }

  .entries-sub-text-price {
    margin-top: 8px;
    flex-wrap: wrap;
  }

  .entries-sub-text-price h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 8px;
  }

  p.entries-price-month {
    font-size: 20px;
  }

  .subscription-dec {
    text-align: left;
  }

  .fatured-entries-addup-grid {
    margin-bottom: 32px;
  }

  .entries-addup-month-list {
    margin: 0 auto;
    gap: 16px;
  }

  span.tier-bg-shape svg {
    width: 66px;
    height: 106px;
  }

  .inclusions_left-image {
    display: none;
  }

  .inclusions_right_contact {
    width: 100% !important;
  }

  .inclusions_right_contact p {
    font-size: 16px;
  }

  .popup-content {
    border-radius: 12px;
  }

  .inner_in_the_news .heading_h3 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: #043b3b;
  }

  .prize-top-rtl-wrp p {
    margin: 16px 0 0;
  }

  .prize-hero-overlay:before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 1.25%,
      hsl(0deg 0% 0% / 100%) 83%
    );
    height: 55%;
  }

  section.next-giveaway-call {
    padding: 80px 0;
  }

  .next-giveaway-card-list {
    margin-top: 64px;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .giveaway-card img.card-img {
    aspect-ratio: 1/0.95;
    /*     object-position: left; */
  }

  .next-giveaway-call .card-content .card-title,
  .next-giveaway-call .card-content .card-subtitle {
    font-size: 24px;
    line-height: normal;
  }

  .next-giveaway-call .card-content p.card-note {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600;
  }

  .next-giveaway-call .card-content {
    padding: 32px 24px;
  }

  .next-giveaway-call .card-content .card-timer {
    font-size: 24px;
    min-height: 61px;
    border-radius: 20px;
  }

  .giveaway-card:before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  img.prize-bg.desktop-view {
    display: none;
  }

  .next-giveaway-more-btn {
    text-align: center;
    margin-top: 44px;
    display: flex;
    justify-content: center;
  }

  .next-giveaway-call .giveaway-card {
    display: none;
  }

  .next-giveaway-call .giveaway-card:nth-child(-n + 3) {
    display: block;
  }

  .next-giveaway-call.show-all .giveaway-card {
    display: block;
  }

  .subscription-dec p {
    font-size: 16px;
  }

  section.membership_page.membership_entries {
    padding-top: 80px;
  }

  .lucky-legend-winners-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .load-more-winner {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 52px;
  }

  .term__privacy_class {
    padding-top: 112px;
    padding-bottom: 80px;
  }

  .term__privacy_class h3 {
    font-size: 32px;
    margin-bottom: 32px;
  }

  .term__privacy_class h5 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    /* 30px */
    margin-top: 24px;
  }

  .term__privacy_class p,
  .term__privacy_class ul {
    font-size: 16px;
    line-height: 150%;
    /* 24px */
  }

  .term__privacy_class ul {
    padding-left: 24px;
  }

  .success-member-row h2 img {
    width: 24px;
  }

  .success-member-row h2 {
    font-size: 24px;
  }

  .success-member-row p {
    font-size: 16px;
    letter-spacing: -0.32px;
    margin-top: 16px;
  }

  .success-member-row .button {
    width: 100%;
    max-width: 400px;
  }

  .success-order-benefits {
    margin-top: 42px;
  }

  .success-member-benefits-wrp {
    padding: 32px 24px;
  }

  h4.heading-24 {
    font-size: 20px;
    letter-spacing: -0.4px;
  }

  .success-email-confirm {
    margin: 24px 0;
  }

  .success-email-confirm p,
  .inner-order-info p,
  .success-member-entries .heading-24 {
    font-size: 16px;
    letter-spacing: -0.32px;
    gap: 5px;
  }

  .success-email-confirm p img {
    width: 16px;
  }

  .success-member-entries {
    padding: 24px;
    flex-direction: column;
  }

  .order-pagination-row .white-btn {
    font-size: 16px;
    padding: 12px 20px;
  }

  .order-pagination-row {
    padding: 16px;
  }

  .order-button-prev {
    left: 20px;
  }

  .order-button-next {
    right: 20px;
  }

  .order-slider-arrow svg {
    width: 30px;
    height: auto;
  }

  .order-pagination .swiper-pagination-bullet {
    max-width: 20px !important;
    height: 6px !important;
  }

  .order-pagination .swiper-pagination-bullet-active {
    max-width: 40px !important;
  }

  .success-social-links .font-40 {
    font-size: 24px;
    font-weight: 700;
  }

  .success-order-page:before {
    background: url(/wp-content/uploads/2025/09/Confetti-popper.png) no-repeat;
    top: 34px;
  }
  div#sub_popup,
  .subs__popup-wrp {
    padding: 0;
  }
  .subs__popup-wrp .subs__popup {
    border-radius: 0;
    padding: 100px 40px 40px;
    height: 100%;
    overflow: auto;
    max-height: 100%;
  }
  .subs__popup-head h2 {
    font-size: 32px;
  }
  .subs__popup_img_text {
    margin-top: 64px;
  }
  .subs__popup_img_text .sub-main-img {
    aspect-ratio: 1/0.64;
  }
  .subs__popup-wrp .sub-buttons {
    margin-top: 24px;
    padding-top: 24px;
    flex-direction: column-reverse;
    gap: 16px;
  }
  .subscription-payment {
    margin-bottom: 80px;
  }
  .subscrpitions-memberhip img.membership-trophy {
    margin-top: -60px !important;
  }
  .ticket-mobile-tbale.for-mobile {
    margin-top: 50px;
  }
  .ticket-filter-bar {
    border-radius: 8px;
    background: #eef1f2;
    display: grid;
    grid-template-columns: minmax(0, 5.6fr) minmax(0, 6.4fr);
    gap: 26px;
    padding: 12px 11px;
  }

  .ticket-filter-option {
    display: flex;
    align-items: center;
    color: #525866;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
  }

  .ticket-filter-option svg {
    display: block;
  }

  .tickets-table-accor {
    margin-top: 6px;
  }

  .ticket-card {
    border-radius: 8px;
    background: #e1e7e7;
    padding: 12px 11px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .ticket-card .ticket-row {
    display: grid;
    grid-template-columns: minmax(0, 5.6fr) minmax(0, 6.4fr);
    gap: 26px;
  }
  span.ticket-head {
    color: #525866;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.084px;
  }

  span.ticket-td {
    color: #0a0d14;
    font-size: 14px;
    letter-spacing: -0.084px;
  }
  .ticket-card button.ticket-accordion-btn {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 0;
    background: no-repeat;
    color: #525866;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.072px;
    margin-top: 4px;
  }
  .ticket-card .accordion-content.open {
    max-height: fit-content;
    margin-top: 40px;
  }
  .ticket-card .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    color: rgb(82 88 102);
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.072px;
  }
  .ticket-card button.ticket-accordion-btn svg {
    transition: 0.3s all;
  }
  .ticket-card button.ticket-accordion-btn.active svg {
    transform: rotate(180deg);
  }
  span.status-active.ticket-td {
    color: #109138;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.096px;
  }
  span.status-expired.ticket-td {
    color: #f34822;
    font-weight: 700;
    letter-spacing: -0.096px;
    font-size: 16px;
  }
  .tickets-table-accor .ticket-card:not(:last-child) {
    margin-bottom: 33px;
  }
  .dashboard__menu_body_cls
    .mobile__menu.user__login__menu
    .dashboard-menus-wrp {
    display: block;
    padding-top: 40px;
  }
  .dashboard__menu_body_cls ul.navbar-nav,
  .dashboard__menu_body_cls .header-actions {
    display: none !important;
  }
  .dashboard__menu_body_cls .toggle_innerMenu.inner__block {
    background: #043b3b;
  }
  .dashboard__menu_body_cls button.toggle_close_button path {
    fill: #fff;
  }
  .dashboard__menu_body_cls ul.dash-menu-list .dashmenu-text {
    color: #fff;
  }
  .dashboard__menu_body_cls ul.dash-menu-list li a .dash-icon svg path {
    stroke: #fff;
  }
  .dashboard__menu_body_cls ul.dash-menu-list li:first-child a .dash-icon path {
    stroke: unset !important;
    fill: #fff;
  }
  .dashboard__menu_body_cls ul.dash-menu-list li a .dash-icon {
    background: rgba(255, 255, 255, 0.02);
  }
  .dashboard__menu_body_cls ul.dash-menu-list li.active a {
    background: rgba(255, 255, 255, 0.08);
  }
  .dashboard__menu_body_cls ul.dash-menu-list li a {
    padding: 8px;
  }
  .dashboard__menu_body_cls .dashboard-menus-list {
    padding: 0 32px;
  }

  .dashboard__menu_body_cls ul.dash-menu-list {
    padding: 0;
  }
  .dashboard__menu_body_cls .profile-logout {
    max-width: 100%;
  }
  .dashboard__menu_body_cls img.menu-logo-dash {
    display: block;
    max-width: 52px;
  }

  .dashboard__menu_body_cls .toggleMenu__closeButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px 0;
  }
  .share-options button {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
    margin: 2px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/** Min Media Query */

@media only screen and (min-width: 768px) {
  img.mobile_hero_banner_image {
    display: none;
  }
  .winner-pagination {
    display: none;
  }
  .ticket-mobile-tbale.for-mobile {
    display: none;
  }
  .all-entries-prize-img-grid-mobile {
    display: none;
  }

  .img-mobile-view {
    display: none !important;
  }

  .mobile-view {
    display: none;
  }

  .fair-play-slider .swiper-wrapper {
    display: contents;
    /* Yeh wrapper ko layout se hata dega */
  }

  .fair-play-slider .swiper-slide {
    width: auto;
    /* Slide ki width ko auto karein taki grid kaam kare */
    height: auto;
  }

  .fair-play-slider .swiper-pagination {
    display: none;
    /* Pagination ko desktop par hide karein */
  }

  img.prize-bg.mobile-view {
    display: none;
  }

  .fair-pagination {
    display: none;
  }

  .desktop-hidden {
    display: none;
  }

  img.upgrade-banner-svg.mobile-only {
    display: none;
  }
}

@media only screen and (min-width: 2300px) {
  img.dotted-curve-shape {
    top: -12.56vw;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1499px) {
  img.dotted-curve-shape {
    top: -10.8vw;
  }
}

@media screen and (min-width: 1024px) {
  .swiper.howitworks-swiper {
    width: 100%;
  }

  .swiper.howitworks-swiper .swiper-wrapper {
    justify-content: space-between;
    gap: 20px;
  }

  .inner__how_it_works .step {
    flex-shrink: unset;
  }

  .inner__how_it_works .step {
    width: 100%;
    max-width: 360px;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
  img.dotted-curve-shape {
    display: none;
  }

  .how-it-works .bottom__content {
    padding-top: 64px;
  }

  .how-it-works .bottom__content .cta-action {
    max-width: 309px;
    margin: 0 auto;
  }

  .inner__how_it_works {
    border-radius: 40px;
    background: #f8f4f0;
    padding: 40px 20px;
  }

  .inner__how_it_works .how-it-works-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 12px;
    z-index: 9;
  }

  .inner__how_it_works .how-it-works-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #2e2e2e;
  }

  .inner__how_it_works
    .how-it-works-pagination
    .swiper-pagination-bullet-active {
    background: #2e2e2e;
  }

  .inner__how_it_works .step {
    padding: 28px 20px;
  }

  .inner__how_it_works .step_heading {
    margin: 20px auto;
  }

  .inner__how_it_works .step .body__text {
    font-size: 14px;
  }

  section.how-it-works.bg-cream {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 72px;
  }

  .inner__how_it_works .step_heading {
    max-width: 100%;
  }
}

@media screen and (max-width: 1600px) {
  .tier-sec .pricing-container {
    padding: 0;
  }
}

@media screen and (max-width: 374px) {
  .font-64,
  .hero_main .heading_h2 {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1299px) {
  .tier-sec .pricing-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .all-u-need-heading {
    gap: 10px;
  }

  .all-play-entry-card {
    padding: 20px 16px;
  }

  .play-fair-entery {
    font-size: 14px;
  }

  .all-play-entery-date,
  .all-play-entery-time {
    font-size: 28px;
  }

  .all-play-fair-enteries {
    gap: 20px;
  }
}

/********************************** Dashboard CSS Starts Here **********************************/
section.dashboard-main-sec {
  padding: 133px 0 100px;
  background: #fafafa;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 10px;
}

ul.dash-menu-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 10px;
  max-width: 296px;
}

ul.dash-menu-list li.active a {
  border-radius: 100px;
  background: rgba(4, 59, 59, 0.1);
}

ul.dash-menu-list li a {
  display: flex;
  align-items: center;
  gap: 14px;
}

ul.dash-menu-list li a .dash-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(4, 59, 59, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
}

ul.dash-menu-list li a .dash-icon svg {
  height: 24px;
  width: 24px;
}

ul.dash-menu-list .dashmenu-text {
  color: #043b3b;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
}

span.dashmenu-decription {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  display: block;
}

.profile-logout button.red-btn,
.profile-logout a.red-btn {
  border-radius: 24px;
  background: #fd4e35;
  width: 100%;
  border: 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  text-transform: capitalize;
  padding: 12px 24px;
  margin-top: 49px;
  margin-bottom: 20px;
}

.profile-logout {
  max-width: 276px;
}

.profile-logout p {
  color: #b8b8b8;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  /* 18px */
}

.dashboard-profile-wlcm h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.96px;
}

p.dash-profile-id {
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  font-variant: all-small-caps;
}

.dashboard-profile-header-wrp {
  display: flex;
  align-items: start;
  gap: 20px;
  justify-content: space-between;
}

.dash-profile-points {
  display: flex;
  align-items: start;
  gap: 12px;
}

.dash-profile-points-card {
  border-radius: 8px;
  background: rgba(4, 59, 59, 0.08);
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dash-profile-points-card .profile-card-icon {
  width: 48px;
  border-radius: 166.667px;
  background: #dee965;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-profile-points-txt h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
  /* 36px */
  font-variant: all-small-caps;
}

.dash-profile-points-txt p {
  color: rgb(17 17 17 / 50%);
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  /* 27px */
  font-variant: all-small-caps;
}

.dashboard-hero-banner {
  border-radius: 24px;
  background:
    linear-gradient(0deg, #fab107 0%, #fab107 100%),
    linear-gradient(180deg, #073131 24.22%, #107e7e 100%), #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.dashboard-hero-wrp {
  display: grid;
  grid-template-columns: minmax(0, 7.3fr) minmax(0, 4.7fr);
  gap: 20px 10px;
}

.dashboard-hero-lft {
  padding: 51px 0 42px 55px;
}

.font-48 {
  font-size: 48px;
  font-weight: 900;
  line-height: 120%;
  /* 57.6px */
  text-transform: uppercase;
}

ul.dashboard-hero-list {
  display: flex;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap;
  gap: 5px 0;
}

ul.dashboard-hero-list li {
  color: #043b3b;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  margin-right: 16px;
}

ul.dashboard-hero-list li:after {
  width: 2px;
  height: calc(100% - 10px);
  position: absolute;
  content: "";
  background: #043b3b;
  top: 50%;
  transform: translateY(-60%);
  right: -8px;
}

ul.dashboard-hero-list li:last-child:after {
  display: none;
}

ul.dashboard-hero-list li img {
  width: 20px;
}

.dash-hero-badge {
  position: absolute;
  max-width: 170px;
  width: 100%;
  top: 10px;
}

img.dashboard-badge-img {
  width: 100%;
  max-width: 170px;
  display: block;
}

.dashboard-hero-rht {
  position: relative;
  display: flex;
  align-items: center;
}

.dash-hero-badge h4 {
  color: #fff;
  text-align: center;
  font-size: 21.707px;
  font-weight: 900;
  line-height: 120%;
  /* 26.048px */
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(-50%, -50%);
  left: 50%;
}

img.dashboard-hero-img {
  margin-left: auto;
  margin-right: 0;
  width: 100%;
}

.dashboard-hero-lft a.green-btn.button {
  margin-top: 70px;
}

img.herologo-dash {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 238px;
}

img.dash-bg-shape {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
  width: 100%;
  max-width: 390px;
}

.refer-box-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  border-radius: 24px;
  background: linear-gradient(89deg, #1d4e4e 19.88%, #111 98.98%);
  padding: 24px 32px 24px 24px;
}

.dash-refer-content {
  flex: 1;
}

.dash-refer-content {
  display: flex;
  gap: 16px;
  align-items: center;
}

.dash-refer-share {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

a.refer-share-btn {
  border-radius: 50%;
  border: 4px solid #1d4e4e;
  background: #fff;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -24px;
}

img.refer-profile-img {
  width: 58px;
  height: 58px;
  margin-left: -24px;
}

img.refer-profile-img:first-child {
  margin-left: 0;
}

.dashboard-refer-box {
  margin-top: 24px;
}

.dash-refer-share-content h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 157.85%;
}

.dash-refer-share-content p {
  color: #dadada;
  font-size: 14px;
  line-height: 150%;
}

.dash-refer-share-content p span {
  color: #dee965;
}

.dash-refer-share-content {
  max-width: 615px;
  width: 100%;
}

.dashboard-upcoming-giveaways {
  position: relative;
  overflow: hidden;
  margin-top: 44px;
}

.dashboard-upcoming-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-upcoming-head .swiper-btns {
  position: relative;
  display: flex;
  gap: 24px;
}

.giveaway-swiper-btn,
.swiper-btns .swiper-btn {
  position: relative;
  left: unset;
  right: unset;
  color: #000;
}

.giveaway-swiper-btn:after,
.swiper-btns .swiper-btn:after {
  font-size: 20px;
}

.dashboard-upcoming-slider {
  margin-top: 24px;
  padding-bottom: 64px;
}

.dashboard-upcoming-card {
  border-radius: 16px;
  background: #fff;
  box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.dashboard-upcoming-img img {
  object-fit: cover;
  aspect-ratio: 1/0.667;
  width: 100%;
  display: block;
  height: auto;
}

.dashboard-upcoming-content {
  padding: 16px;
}

.dashboard-upcoming-content h4 {
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.16px;
  margin-bottom: 4px;
}

.dashboard-upcoming-content .descriptin {
  color: #919191;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.dashboard-upcoming-card.swiper-slide ul {
  padding-left: 20px;
}

.dashboard-upcoming-prize {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e9e9e9;
  color: #111;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.dashboard-upcoming-prize span {
  color: #406a6a;
  font-weight: 700;
}

.dash-discout-list {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.dash-discout-card {
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-width: 131px;
}

.discount-image img {
  height: 75px;
  object-fit: contain;
  display: block;
}

.discount-card-cont {
  padding: 8px 10px;
}

.discount-vendor,
.discount-name {
  color: #919191;
  font-size: 12px;
  line-height: 150%;
}

.discount-utpo {
  color: #043b3b;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-top: 12px;
}

.course-full-card {
  border-radius: 16px;
  background: #fff;
  box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.08);
}

.dark-button-bg {
  color: #fff;
  background: #043b3b;
}

.button.medium-btn {
  min-height: 51px;
  font-size: 16px;
  line-height: 120%;
}

.dashboard-course-slide {
  padding-bottom: 32px;
}

.dashboard-challenges-card {
  border-radius: 12px;
  background: #fff;
  box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.08);
  padding: 16px;
  height: 100%;
}

.dashboard-challenges-list .swiper-slide {
  height: auto;
}

.dashboard-challenges-icon {
  border-radius: 100px;
  background: rgba(4, 59, 59, 0.12);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.dashboard-challenges-icon svg {
  width: 24px;
  height: 24px;
}

.dashboard-challenges-card h6 {
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.16px;
}

.dashboard-challenges-card p {
  color: #919191;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
  /* 15px */
}

.dashboard-challenges-card a.green-btn {
  width: 100%;
  min-height: 33px;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  margin-top: 12px;
  padding: 6px 24px;
}

.weekly-spin {
  border-radius: 24px;
  background:
    linear-gradient(0deg, #fab107 0%, #fab107 100%),
    linear-gradient(180deg, #073131 24.22%, #107e7e 100%), #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  z-index: 1;
}

.weekly-spin-wrp {
  padding: 40px 0px 33px 48px;
  max-width: 450px;
}

.weekly-spin-wrp h2 {
  font-weight: 800;
  text-transform: capitalize;
  line-height: 110%;
}

/* .weekly-spin-inner {
    display: grid;
    grid-template-columns: minmax(0, 4.7fr) minmax(0, 7.3fr);
} */
img.weekly-spin-image {
  /* position: absolute; */
  /* inset: 0; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.weekly-spin-img-wrp {
  position: absolute;
  margin-left: -15px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 64%;
  z-index: -1;
}

.dashboard-challenges-list {
  padding-bottom: 40px;
  padding-top: 24px;
}

.weekly-spin-wrp p {
  color: rgb(17 17 17 / 70%);
  font-size: 20px;
  font-style: normal;
  line-height: 150%;
  /* 30px */
  margin-top: 12px;
  margin-bottom: 24px;
}

.weekly-countdown {
  display: flex;
  gap: 14px;
}

.weekly-cd-box {
  border-radius: 10px;
  background: #fff;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.weekly-cd-box .cd-time {
  color: #043b3b;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  /* 28.181px */
}

.weekly-cd-box .cd-label {
  color: rgb(4 59 59 / 80%);
  font-size: 14px;
  line-height: 120%;
  /* 16.908px */
}

.dashboard-upcoming-slider:after,
.dashboard-course-slide:after {
  pointer-events: none;
  max-width: 193px;
  position: absolute;
  content: "";
  background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 9;
}

.dashboard-courses-slider {
  margin-top: 24px;
}

.dashboard-profile-wlcm h2 {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
}

p.dash-profile-id {
  font-size: 14px;
  font-weight: 500;
}

.dashboard-profile-wlcm h2 {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
}

p.dash-profile-id {
  font-size: 14px;
  font-weight: 500;
}

/****** Course Single page ******/
a.back-btn {
  color: #000;
  font-size: 16px;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 12px;
}

.single-course-main {
  padding: 80px 0 110px;
}

.dashboard-courses-grid .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.single-course-inner {
  max-width: 1130px;
  margin: 0 auto;
  padding-top: 65px;
}

.single-course-head-wrp {
  margin-top: 65px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: minmax(0, 8.5fr) minmax(0, 3.5fr);
  gap: 30px;
}

.audio-only-badge .audio-only {
  border-radius: 100px;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 4px 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #043b3b;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.single-course-heading h2 {
  font-size: 72px;
  font-weight: 700;
  line-height: 104%;
  max-width: 670px;
  margin-top: 16px;
}

.single-course-details {
  display: flex;
  flex-direction: column;
  gap: 55px;
}

.single-course-detial-head p {
  color: #999;
  font-size: 14px;
  line-height: 142%;
  margin-bottom: 16px;
}

.single-course-details-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.single-course-detail-box h5 {
  color: #111;
  font-size: 14px;
  line-height: 114%;
}

.single-course-detail-box p {
  color: #111;
  font-size: 16px;
  line-height: 125%;
  /* 125% */
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 0;
}

ul.single-course-share-list a svg {
  display: block;
  width: 24px;
  height: 24px;
}

ul.single-course-share-list {
  display: flex;
  gap: 16px;
  list-style: none;
}

.course-audio-content {
  border-radius: 24px;
  background: #eee;
  padding: 24px;
}

a.audio-trans {
  border-radius: 100px;
  background: #fff;
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  gap: 16px;
  color: #043b3b;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  /* 21px */
  margin-bottom: 14px;
}

.course-description-signle {
  color: #111;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  /* 27px */
  letter-spacing: 0.18px;
}

a.look-more-course {
  width: 100%;
  font-size: 16px;
  /* font-weight: 600; */
  line-height: 150%;
  text-transform: capitalize;
  margin-top: 12px;
  min-height: 48px;
}

.single-course-inner .dashboard-courses {
  margin-top: 64px;
}

main.page-template.page-single-course {
  background: #fafafa;
}

.course-main-img {
  position: relative;
  z-index: 1;
  background: #043b3b;
}

.course-main-img:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.39%, #000 80.74%);
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.course-main-img img {
  mix-blend-mode: soft-light;
  display: block;
}

span.player-course-title {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  line-height: 104%;
  letter-spacing: -2.88px;
}

.custom-audio-player {
  position: relative;
}

.custom-audio-player .center-info {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 15px;
}

.custom-audio-player .center-info span.audio-only {
  position: absolute;
  top: -20px;
  right: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 6px;
}

.cstm-player-buttns {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 0 44px 43px;
  text-align: center;
}

.cstm-player-buttns input#seek-bar {
  width: 100%;
}

.cstm-player-buttns .controls {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
}

.cstm-player-buttns .controls span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.player-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 44px;
  margin-top: 32px;
}

.player-buttons button {
  background: none;
  border: 0;
}

.player-play-pause {
  display: flex;
  align-items: center;
  gap: 20px;
}

.player-play-pause button#play-pause-btn {
  background: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-account-heading p {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
}

.profile-account-heading p {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  /* 21px */
}

.porfile-img-update {
  /*   margin-top: 20px; */
  display: flex;
  align-items: flex-end;
  gap: 29px;
  margin-bottom: 16px;
}
form.user-profile-form.formsame-all {
  margin-top: 20px;
}
.success-message {
  margin-top: 10px;
  color: #043b3b;
  font-weight: 600;
}
.porfile-img-update-btns button#DeleteProfileImage {
  margin-top: 0;
}
.cstm-edit-profile-btn label {
  cursor: pointer;
}
.acc-porfile-img-box {
  width: 130px;
  height: 130px;
  flex: 0 0 auto;
}

.acc-porfile-img-box img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.porfile-img-update-btns {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.border-btn {
  border-radius: 999px;
  border: 1px solid #043b3b;
  display: flex;
  padding: 15px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #111;
  font-size: 16px;
  font-weight: 900;
  line-height: 120%;
  /* 19.2px */
  text-transform: capitalize;
}

.danger-btn {
  color: #ea1026;
  text-align: center;
  font-size: 16px;
  line-height: 120%;
  /* 19.2px */
  text-transform: capitalize;
  border: 0;
  background: none;
}

form.formsame-all {
  margin-top: 40px;
}

form.formsame-all label {
  color: #111;
  font-size: 14px;
  line-height: 150%;
  display: block;
  margin-bottom: 4px;
}

form.formsame-all input::placeholder {
  color: #a3a3a3;
  font-weight: 400;
}

form.formsame-all input,
form.formsame-all select,
.card-input-container {
  border-radius: 12px;
  border: 1px solid #e9e9e9;
  padding: 12px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  height: 48px;
  width: 100%;
  background: none;
  display: inline-flex;
  align-items: center;
}

.card-input-container > div {
  width: 100%;
  display: block;
}

form.formsame-all {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

form.formsame-all {
  max-width: 637px;
}

.dark-green-btn {
  border-radius: 999px;
  background: #043b3b;
  display: inline-flex !important;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 120%;
  text-transform: capitalize;
  width: fit-content;
  min-height: 51px;
  cursor: pointer;
}

form.formsame-all button.save-btn {
  margin-top: 16px;
}

.desktop-font-32 {
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.64px;
}

.sign-in-security {
  margin-top: 40px;
  max-width: 637px;
}

ul.sign-in-security-list {
  display: flex;
  flex-direction: column;
  list-style: none;
}

ul.sign-in-security-list a {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
}

.sign-in-security .profile-logout button {
  margin-top: 32px;
}

span.toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}

.formsame-all button {
  margin-top: 16px;
}

.formsame-all .green-btn {
  padding: 12px 24px;
  min-height: 51px;
  font-weight: 600;
  font-size: 16px;
  background: #dee965;
  border: 0;
  color: #043b3b;
  border-radius: 999px;
  cursor: pointer;
}

.subscription-table,
.same-all-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.subscription-table th,
.subscription-table td,
.same-all-table th,
.same-all-table td {
  text-align: left;
  padding: 8px 12px;
}

.subscription-table thead th,
.same-all-table thead th {
  color: #525866;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.084px;
}

.subscription-table .status {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.status.upcoming {
  background: #f6f8fa;
  color: #525866;
}

.subscription-table .status.paid {
  background: #cbf5e5;
  color: #176448;
}

.billing-table {
  margin-top: 40px;
}

.billing-table thead tr th,
.same-all-table thead tr th {
  background: #f6f8fa;
}

.subscription-table th:first-child,
.subscription-table td:first-child,
.same-all-table th:first-child,
.same-all-table td:first-child {
  border-radius: 8px 0 0 8px;
}

.subscription-table th:last-child,
.subscription-table td:last-child,
.same-all-table th:last-child,
.same-all-table td:last-child {
  border-radius: 0 8px 8px 0;
}

.subscription-table td,
.same-all-table td {
  background: #fff;
  font-size: 16px;
  color: #0a0d14;
  letter-spacing: -0.096px;
}

.billing-table thead tr th span,
.same-all-table thead tr th span {
  display: inline-flex;
  width: 20px;
  height: 19px;
}

.billing-table thead tr th p,
.same-all-table thead tr th p {
  display: flex;
  align-items: center;
}

.sign-in-security .profile-logout {
  max-width: 100%;
}

.page-sign-in-security .dashboard-menus-list .profile-logout {
  display: none;
}

.subscrpitions-memberhip img.membership-trophy {
  width: 94px;
  margin-top: -70px;
  right: 20px;
}

.subscrpitions-memberhip .membership__cards_header {
  padding: 16px 100px 16px 24px;
}

.subscrpitions-memberhip .membership__cards_header p {
  font-size: 20px;
  font-weight: 600;
}

.subscrpitions-memberhip .membership__cards_content {
  padding: 24px;
  gap: 24px;
}

.subscrpitions-memberhip .membership-enteries h2 {
  font-size: 60px;
  letter-spacing: -2.4px;
}

.subscrpitions-memberhip .enteries-text {
  font-size: 24px;
  font-weight: 800;
  line-height: 120%;
  /* 28.8px */
  letter-spacing: -0.48px;
}

.subscrpitions-memberhip .enteries-per-month {
  font-size: 14px;
  line-height: 120%;
  /* 16.8px */
  letter-spacing: -0.28px;
}

.membership-vip-btn {
  margin-top: -6px;
}

.subscrpitions-memberhip .membership__cards_content hr {
  background: #e9e9e9;
}

.subscrpitions-memberhip p.member-ofr-text {
  font-size: 12.544px;
  letter-spacing: 0.556px;
}

.subscrpitions-memberhip .membership-offer {
  padding: 5px 14px;
}

.formsame-all .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.ticket-hero-banner {
  border-radius: 24px;
  background: linear-gradient(89deg, #1d4e4e 19.88%, #111 98.98%);
  color: #fff;
  overflow: hidden;
  margin-bottom: 93px;
  position: relative;
}

.ticket-hero-wrp {
  display: flex;
}

.ticket-hero-cont {
  padding: 51px 30px;
  max-width: 848px;
  min-height: 322px;
}

.ticket-hero-banner h2 {
  font-size: 48px;
  font-weight: 900;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.ticket-hero-banner h2 img {
  width: 48px;
  height: 48px;
  vertical-align: top;
  margin-left: 5px;
}

.ticket-hero-banner p {
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  /* 48px */
  letter-spacing: -0.64px;
}

.ticket-hero-banner p span {
  color: #dee965;
}

.ticket-hero-wrp img.ticket-svg {
  left: auto;
  max-width: 250px;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.help-categories {
  border-radius: 12px;
  background: #f1f1f1;
  margin-top: 40px;
  padding: 20px;
}

.title-font-16 {
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
}

.help-categories-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-top: 20px;
}

.help-categories-box {
  border-radius: 8px;
  background: #fff;
  padding: 16px 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.help-categories-icon {
  border-radius: 50%;
  background: rgba(4, 59, 59, 0.06);
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-categories-box p {
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.help-white-box {
  border-radius: 12px;
  background: #fff;
  padding: 24px;
}

.mt-40 {
  margin-top: 40px;
}

.help-title .help-btn {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.help-title .help-btn span.help-btn-text {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.help-btn-content {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #f5f5f5;
  color: #a3a3a3;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.checkout-vip-banner {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  z-index: 1;
  min-height: 335px;
}

.vip-banner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}

.vip-banner-bg:before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 40.71%, #111 100%);
  inset: 0;
}

.vip-baner-content {
  padding: 20px 26px 47px 26px;
}

.get-vip-head h2 {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #fff;
  font-size: 44.359px;
  font-weight: 900;
  line-height: 120%;
  /* 53.23px */
  text-transform: capitalize;
  justify-content: center;
}

.vip-badge {
  border-radius: 80px;
  border: 0.8px solid #043b3b;
  background: #dee965;
  display: inline-flex;
  padding: 8px 19px;
  align-items: center;
  color: #043b3b;
  font-size: 19.2px;
  font-weight: 500;
  line-height: 24.8px;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  gap: 4px;
}

.vip-offer-text {
  color: #dee965;
  font-size: 54.667px;
  font-weight: 900;
  line-height: 100%;
  /* 65.6px */
  letter-spacing: -2.187px;
  text-transform: capitalize;
  margin-top: 24px;
}

.get-vip-head {
  margin-bottom: 88px;
}

.vip-banner-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vip-offer-text .plus-off {
  color: #fff;
  text-align: center;
  font-size: 36.499px;
  letter-spacing: -1.46px;
  text-transform: capitalize;
  vertical-align: middle;
  margin-right: 4px;
}

span.current-offer {
  color: rgb(255 255 255 / 60%);
  font-size: 19.2px;
  font-weight: 600;
  line-height: 120%;
  /* 23.04px */
  text-transform: capitalize;
  letter-spacing: normal;
}

.vip-offer-text small {
  font-size: 27.333px;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: -1.093px;
  text-transform: capitalize;
}

.checkout-one-time-entries {
  margin: 20px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.checkout-one-time-entries-box {
  border-radius: 12.8px;
  border: 1.6px solid #ddd;
  display: flex;
  padding: 12.8px 19.2px 12.8px 12.8px;
  gap: 19.2px;
  justify-content: space-between;
}

.one-time-entries-price {
  display: flex;
  align-items: center;
  gap: 7px;
}

.one-time-entries-price img {
  width: 38px;
  object-fit: contain;
  height: 38px;
  flex: 0 0 38px;
}

p.one-time-price {
  font-size: 19.2px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
}

.one-time-entries-head h3 {
  font-size: 16px;
  font-weight: 800;
  line-height: 157%;
}

.one-time-entries-head p {
  font-size: 12.8px;
  line-height: normal;
  letter-spacing: -0.256px;
  margin-top: 6px;
}

.checkout-one-time-entries-box.mini-champ {
  background: linear-gradient(
    252deg,
    #b95d21 -16.65%,
    #f2cdb5 18.46%,
    #b95d21 59.31%,
    #f2cdb5 93.07%,
    #b95d21 125.89%,
    #f2cdb5 163.39%
  );
}

.checkout-one-time-entries-box.champ-mode {
  background:
    linear-gradient(
      244deg,
      rgba(146, 146, 146, 0.9) -22.78%,
      rgba(255, 255, 255, 0.9) 21.66%,
      rgba(146, 146, 146, 0.9) 73.36%,
      rgba(255, 255, 255, 0.9) 116.08%,
      rgba(146, 146, 146, 0.9) 157.62%,
      rgba(255, 255, 255, 0.9) 205.07%
    ),
    linear-gradient(
      244deg,
      #b95d21 -22.78%,
      #f2cdb5 21.66%,
      #b95d21 73.36%,
      #f2cdb5 116.08%,
      #b95d21 157.62%,
      #f2cdb5 205.07%
    );
}

.checkout-one-time-entries-box.ultimate-champ {
  background: linear-gradient(
    244deg,
    rgba(250, 177, 7, 0.9) -22.78%,
    rgba(253, 228, 128, 0.9) 21.66%,
    rgba(250, 177, 7, 0.9) 73.36%,
    rgba(253, 228, 128, 0.9) 116.08%,
    rgba(250, 177, 7, 0.9) 157.62%,
    rgba(253, 228, 128, 0.9) 205.07%
  );
  grid-column: 1 / span 2;
}

.one-time-check-prodcut-wrp {
  border-radius: 16px;
  border: 0.8px solid #ddd;
  background: #fff;
  padding: 25px;
}

.heading-font-19 {
  font-size: 19.2px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
}

.one-time-entry-card {
  border-radius: 12.8px;
  border: 1.6px solid #043b3b;
  background: rgba(4, 59, 59, 0.08);
  padding: 12.8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 25px;
}

.one-time-entry-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.one-time-product-thumb {
  width: 52px;
}

.one-time-product-thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.one-time-pro-info h3 {
  font-size: 16px;
  font-weight: 800;
  line-height: 157.85%;
}

.one-time-pro-info p {
  font-size: 12.8px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.256px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.one-time-product-price {
  font-size: 19.2px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.384px;
}

.one-time-entry-controls {
  display: flex;
  align-items: center;
  gap: 40px;
}

.one-quantity-control button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d9d9d9;
  border-radius: 50%;
  border: 0;
  font-size: 14px;
  line-height: 100%;
  flex: 0 0 16px;
}
.one-quantity-control {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 66px;
}
input#onetime_pro_qty {
  background: none;
  border: none;
  text-align: center;
  width: 100%;
}
input#onetime_pro_qty[type="number"]::-webkit-inner-spin-button,
input#onetime_pro_qty[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.one-quantity-control span {
  font-size: 13.6px;
  line-height: 100%;
}

.express-checkout {
  margin: 25px 0 15px;
  text-align: center;
}

.express-checkout a {
  font-size: 12.8px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.256px;
}

.one-time-checkout-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}

button.one-check-btns {
  border-radius: 4px;
  border: 0 solid #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
  letter-spacing: 0.05px;
  padding: 8px 16px;
}

button.one-check-btns img {
  height: 26px;
  object-fit: contain;
}

.one-time-policy {
  padding: 14px 16px;
}

.one-time-policy p.red-policy {
  color: #f33;
  font-size: 9px;
  font-weight: 700;
  line-height: 213%;
  margin-bottom: 6px;
}

.checkout-policy-box {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

label.checkbox-group {
  display: flex;
  align-items: start;
  font-size: 10px;
  line-height: 144%;
  /* 144% */
  gap: 6px;
}

.required {
  color: #f00;
}

label.checkbox-group p a {
  color: #00f;
  text-decoration: underline;
}

.checkout-or {
  text-align: center;
  font-size: 9.6px;
  font-weight: 500;
  line-height: 183.333%;
  letter-spacing: 0.16px;
  position: relative;
  margin-bottom: 12px;
  z-index: 1;
}

.checkout-or:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.8px;
  left: 0;
  right: 0;
  background: #111111ba;
  top: 8px;
  z-index: -1;
}

.checkout-or p {
  display: inline-block;
  background: #fafafa;
  z-index: 9;
  position: relative;
  padding: 0 6px;
}

.check-member-main.check-member-main-one-time {
  max-width: 1255px;
  grid-template-columns: minmax(0, 6.1fr) minmax(0, 5.9fr);
}

.checkout-membership-banner-wrp {
  border-radius: 16px;
  border: 1.6px solid #fab107;
  background: linear-gradient(
    244deg,
    rgba(250, 177, 7, 0.16) -22.78%,
    rgba(253, 228, 128, 0.16) 21.66%,
    rgba(250, 177, 7, 0.16) 73.36%,
    rgba(253, 228, 128, 0.16) 116.08%,
    rgba(250, 177, 7, 0.16) 157.62%,
    rgba(253, 228, 128, 0.16) 205.07%
  );
  display: flex;
  padding: 19.2px 25.6px 19.2px 19.2px;
  align-items: center;
  gap: 25.6px;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

a.claim-btn {
  border-radius: 799.2px;
  border: 1.6px solid #043b3b;
  display: inline-flex;
  padding: 9.6px 19.2px;
  justify-content: center;
  align-items: center;
  gap: 6.4px;
  color: #043b3b;
  font-size: 12.8px;
  font-weight: 900;
  line-height: 120%;
  /* 15.36px */
  text-transform: capitalize;
}

.checkout-member-left {
  display: flex;
  align-items: center;
  gap: 19px;
}

.checkout-member-thumb {
  width: 54px;
  flex: 0 0 54px;
}

.checkout-member-thumb img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.checkout-member-head p {
  font-size: 12.8px;
  line-height: normal;
  letter-spacing: -0.256px;
}

.check-member-main-one-time .checkout-icons-wrp {
  padding-bottom: 0;
  border-bottom: none;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
}

.checkout-membership-banner {
  position: relative;
  margin-top: 20px;
}

.membership-offer-counter {
  position: absolute;
  border-radius: 80px;
  border: 0.8px solid #111;
  background: #111;
  color: #fff;
  font-size: 11.2px;
  font-weight: 500;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  padding: 8px 10px;
  line-height: normal;
  top: -16px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}

.supercharge-banner-wrp {
  border-radius: 16px;
  border: 1.6px solid #9feefa;
  padding: 32px 0px 0 32px;
  color: #fff;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 5.9fr) minmax(0, 6.1fr);
  gap: 4px;
  min-height: 335px;
}

.supercharge-bannertl-wrp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.supercharge-image {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.supercharge-banner-wrp.diamond-boost {
  background: linear-gradient(180deg, #34494c 33.04%, #9feefa 111.93%);
}

.supercharge-time {
  color: #fff;
  font-size: 11.2px;
  font-weight: 500;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  border-radius: 80px;
  border: 0.8px solid #fff;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  line-height: normal;
}

.supercharge-bannelft h2 {
  font-size: 25.6px;
  font-weight: 800;
  line-height: 25.256px;
  letter-spacing: -0.512px;
  margin: 13px 0 20px;
}

img.csm-supcharge-star {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 196px;
  z-index: -1;
}

.supercharge-bannelft ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 12px;
  margin-bottom: 30px;
}

.supercharge-bannelft ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12.8px;
  line-height: 150%;
}

.supercharge-bannelft ul li svg {
  width: 20px;
  height: 20px;
}

.supercharge-bannelft ul li strong {
  font-weight: 900;
}

a.white-btn-banner {
  border-radius: 799.2px;
  background: #fff;
  display: inline-flex;
  padding: 9.6px 19.2px;
  justify-content: center;
  align-items: center;
  gap: 6.4px;
  color: #111;
  font-size: 12.8px;
  font-weight: 900;
  line-height: 120%;
  text-transform: capitalize;
}

.supercharge-price {
  text-align: right;
  padding-right: 32px;
}

.supercharge-price span.sale-price {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.28px;
}

.supercharge-bannelft {
  padding-bottom: 50px;
}

.supercharge-price .compare-at {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12.8px;
  line-height: normal;
  text-decoration-line: line-through;
}

label.checkbox-group input {
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #fff;
  flex: 0 0 12px;
  position: relative;
}

label.checkbox-group input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: -1px;
  left: 2px;
  color: #043b3b;
  font-size: 8px;
  font-weight: bold;
}
.stats-card {
  border-radius: 10px;
  overflow: hidden;
  max-width: 692px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.stats-header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #043b3b;
  background: #e1e7e7;
}

.stats-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background: #fff;
  border-radius: 12px;
}

.stats-body div {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.096px;
  max-width: 77px;
  width: 100%;
  text-align: center;
}

.stats-card .badge {
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.stats-card .membership {
  background: #cbf5e5;
  color: #176448;
}

.stats-card .onetime {
  background: #cff6fc;
  color: #04616f;
}

.stats-card .total-tickets-form {
  margin-top: 33px;
}

.stats-header span {
  color: #043b3b;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.096px;
}

.tickets-table {
  margin-top: 75px;
}

.total-tickets-form {
  margin-top: 33px;
}

.membership-offer-counter p img {
  width: 14px;
  height: auto;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .desktop_hero_banner_image {
    display: none !important;
  }
  .cstm-edit-profile-btn label {
    padding: 10px 24px;
  }
  .formsame-all .form-row {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .dashboard-hero-banner {
    margin-top: 35px;
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
  }

  .dashboard-profile-header-wrp {
    flex-direction: column-reverse;
  }

  section.dashboard-main-sec {
    padding: 65px 0 40px;
  }

  .dash-profile-points-card {
    padding: 8px 12px;
  }

  .dash-profile-points-card .profile-card-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }

  .dash-profile-points-card .profile-card-icon svg {
    width: 18px;
    height: 18px;
  }

  .dash-profile-points-txt h3 {
    font-size: 16px;
    line-height: 100%;
  }

  .dash-profile-points-txt p {
    font-size: 12px;
  }

  .dash-profile-points {
    justify-content: flex-end;
    width: 100%;
  }

  .dashboard-hero-wrp {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-hero-lft {
    padding: 57px 32px 0 32px;
  }

  h2.font-48 {
    font-size: 32px;
  }

  ul.dashboard-hero-list li {
    color: #000;
    font-size: 16px;
    letter-spacing: -0.16px;
  }

  ul.dashboard-hero-list li img {
    width: 16px;
  }

  ul.dashboard-hero-list li:after {
    background: #000;
    display: none;
  }
  ul.dashboard-hero-list {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashboard-hero-lft a.green-btn.button {
    margin-top: 26px;
    padding: 16px 32px;
  }

  img.herologo-dash {
    display: none;
  }

  .dash-hero-badge h4 {
    font-size: 16px;
  }

  img.dashboard-badge-img {
    max-width: 136px;
  }

  .dash-hero-badge {
    max-width: 136px;
    left: 25px;
  }

  .dashboard-hero-rht {
    padding-left: 27px;
    padding-bottom: 19px;
    padding-top: 49px;
  }

  img.dash-bg-shape {
    height: auto;
    top: auto;
    bottom: 0;
    width: auto;
  }

  .dashboard-refer-box {
    margin: 64px 0;
  }

  .refer-box-inner {
    flex-direction: column;
    align-items: self-start;
    gap: 32px;
  }

  .dash-refer-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .dash-refer-share-content p {
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.32px;
  }

  .dash-refer-btn {
    display: block;
    width: 100%;
  }

  .dash-refer-btn a.button {
    width: 100%;
  }

  .dashboard-upcoming-head .font-32,
  .dashboard-challenges .font-32 {
    font-size: 16px;
    letter-spacing: normal;
  }

  .dashboard-upcoming-head .see-all-btn {
    color: #043b3b;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-color: #043b3b;
    margin-right: 32px;
  }

  .dashboard-upcoming-card {
    border-radius: 12px;
  }

  .dashboard-upcoming-content {
    padding: 12px 16px;
  }

  .dashboard-upcoming-content h4 {
    font-size: 12px;
    letter-spacing: -0.12px;
  }

  .dashboard-upcoming-content .descriptin {
    font-size: 10px;
  }

  .dashboard-upcoming-prize {
    padding-top: 8px;
    margin-top: 8px;
    font-size: 12px;
  }

  .dashboard-upcoming-slider:after,
  .dashboard-course-slide:after {
    display: none;
  }

  .dashboard-upcoming-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
  }

  .dashboard-upcoming-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .dashboard-upcoming-card.swiper-slide ul {
    padding-left: 15px;
  }

  .dashboard-upcoming-slider {
    padding-bottom: 40px;
  }

  .dashboard-challenges-list {
    margin-right: -16px;
  }

  .weekly-spin {
    margin-top: 24px;
    padding-bottom: 54px;
    background: none;
  }

  .weekly-spin-img-wrp {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background:
      linear-gradient(
        244deg,
        rgba(250, 177, 7, 0.9) -22.78%,
        rgba(253, 228, 128, 0.9) 21.66%,
        rgba(250, 177, 7, 0.9) 73.36%,
        rgba(253, 228, 128, 0.9) 116.08%,
        rgba(250, 177, 7, 0.9) 157.62%,
        rgba(253, 228, 128, 0.9) 205.07%
      ),
      linear-gradient(180deg, #073131 24.22%, #107e7e 100%), #fff;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden;
  }

  .weekly-spin-inner {
    display: flex;
    flex-direction: column-reverse;
  }

  .weekly-spin-wrp {
    background: #043b3b;
    padding: 24px 24px 32px 24px;
    text-align: center;
    border-radius: 0 0 24px 24px;
  }

  img.weekly-spin-image {
    display: block;
    aspect-ratio: 1/0.4;
  }

  .weekly-spin-wrp h2.font-48 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    /* 19.2px */
    text-transform: uppercase;
    max-width: 170px;
    margin: 0 auto;
  }

  .weekly-spin-wrp p {
    color: #dadada;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .weekly-countdown-wrp {
    border-radius: 19.9px;
    background: #043b3b;
    box-shadow: 0 -4px 16px 0 rgba(255, 255, 255, 0.08);
    padding: 10px;
    display: flex;
    justify-content: center;
    max-width: 275px;
    margin: 0 auto -80px;
  }

  .weekly-countdown {
    border-radius: 10px;
    gap: 6px;
  }

  .weekly-cd-box .cd-time {
    font-size: 14px;
  }

  .weekly-cd-box .cd-label {
    font-size: 10px;
  }

  .weekly-cd-box {
    border-radius: 8px;
    padding: 12px 15px;
    min-width: 50px;
    width: 100%;
  }

  .dashboard-courses .course-title {
    padding: 12px;
    color: #121212;
    font-size: 14px;
  }

  .dashboard-courses .course-card span.badge {
    line-height: 100%;
    font-size: 10px;
    padding: 6px 8px !important;
    border-radius: 23px;
  }

  .dashboard-courses .course-card span.badge svg {
    width: 6px;
    height: 7px;
  }

  .dashboard-courses .course-card {
    border-radius: 10px;
    padding: 8.7px;
  }

  .dashboard-courses .course-card img.star-shape {
    max-width: 110px;
    top: -30px;
    left: -32px;
  }

  .dashboard-courses .course-icon img {
    height: 46px;
  }

  .dashboard-courses .course-icon {
    margin-top: 56px;
  }

  .course-full-card {
    border-bottom: 12px !important;
  }

  .dash-discout-card {
    min-width: 115px;
  }

  .dash-discout-list {
    gap: 12px;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-right: -16px;
  }

  .discount-vendor,
  .discount-name {
    font-size: 10px;
  }

  .discount-utpo {
    font-size: 12px;
  }

  .single-course-inner {
    padding-top: 25px !important;
  }

  .cstm-player-buttns {
    padding: 0 11px 14px !important;
  }

  .custom-audio-player .center-info img.logo {
    width: 29px;
    aspect-ratio: 1;
  }

  .custom-audio-player .center-info {
    gap: 4px !important;
  }

  span.player-course-title {
    font-size: 22px !important;
    letter-spacing: -0.9px !important;
  }

  .custom-audio-player .center-info span.audio-only {
    font-size: 5px !important;
    top: -7px !important;
  }

  .custom-audio-player .center-info span.audio-only svg {
    width: 6px;
    aspect-ratio: 1;
  }

  .cstm-player-buttns .controls span {
    font-size: 8px !important;
    line-height: 100% !important;
  }

  .cstm-player-buttns input#seek-bar {
    height: 4px;
  }

  .player-buttons {
    gap: 15px !important;
    margin-top: 7px !important;
  }

  .player-buttons button svg {
    width: 10px;
  }

  .player-play-pause {
    gap: 7px !important;
  }

  .player-play-pause button#play-pause-btn {
    width: 20px;
    height: 20px;
    font-size: 9px;
  }

  .course-main-img img {
    object-fit: cover;
    min-height: 180px;
  }

  .single-course-head-wrp {
    margin-top: 24px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .audio-only-badge .audio-only {
    font-size: 14px;
  }

  .single-course-heading h2 {
    font-size: 32px;
    margin-top: 20px;
  }

  .single-course-detail-box h5 {
    font-size: 12px;
    font-weight: 400;
  }

  .single-course-details {
    gap: 24px;
  }

  .course-description-signle {
    font-size: 16px;
    letter-spacing: 0.16px;
  }

  .dashboard-courses-grid {
    display: block;
    /* grid hatakar swiper ka layout */
  }

  .dashboard-courses-grid .swiper-wrapper {
    display: flex;
    padding-bottom: 20px;
    gap: 0;
  }

  section.single-course-main {
    padding-bottom: 50px;
  }

  .acc-porfile-img-box {
    width: 100px;
    height: 100px;
  }

  .porfile-img-update {
    gap: 24px;
    align-items: center;
  }

  .desktop-font-32 {
    font-size: 24px;
  }

  .profile-account-heading p {
    font-size: 12px;
  }

  .profile-account,
  .profile-billing,
  .account-help-center {
    padding: 35px 0 70px;
  }

  p.forgot-password.danger-btn {
    font-size: 12px;
    margin-top: -10px;
  }

  .help-categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .help-white-box.mt-40 {
    margin-top: 20px;
  }

  .membership_checkout-heading {
    max-width: 263px;
    margin: auto;
  }

  .para-20 {
    font-size: 16px;
  }

  .accordian-member .accordion {
    font-size: 20px;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .accordian-content {
    padding: 0;
    background: none;
  }

  .accordian-member .accordion {
    padding: 0 0 24px 0;
  }

  .member-accordian-box {
    border: 0;
    border-radius: 0;
    background: none;
  }

  .checkout-icons-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .checkout-subscription-card label .membership-offer-badge {
    position: absolute;
    top: -19px;
    right: 0;
  }

  .checkout-subscription-card label {
    margin-top: 18px;
    border-radius: 16px;
    padding: 12px 20px 12px 12px;
    border-width: 2px;
  }

  .checkout-sub-icontext .member-ofr-text {
    font-size: 12px;
  }

  .checkout-sub-icontext .member-ofr-month {
    font-size: 7px;
  }

  .checkout-sub-icontext img {
    width: 32px;
    flex: 0 0 32px;
  }

  .checkout-sub-text p {
    font-size: 16px;
  }

  .checkout-sub-text h3 {
    font-size: 12px;
    letter-spacing: -0.24px;
    margin: 0;
    gap: 4px;
  }

  .checkout-icontext-box {
    flex: 0 0 auto;
  }

  p.checkout-price-month span {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
  }

  p.checkout-price-month {
    flex: 0 0 auto;
  }

  span.check-regular-price {
    margin-right: 6px;
  }

  .member-accordian-box {
    border: 0;
    border-radius: 0;
    background: none;
  }

  .member-accordian-box.choose-membership {
    border-bottom: 1px solid #ddd;
  }

  .upgrade-banner-inner {
    border-width: 2px;
    padding: 24px 32px 24px 24px;
  }

  .upgrade-banner-heading {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  span.upgrade-save-badge {
    font-size: 12px;
    letter-spacing: -0.3px;
  }

  .upgrade-banner-heading h4 {
    font-size: 20px;
  }

  .upgrade-banner-cont p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.28px;
  }

  img.upgrade-banner-svg.desktop-only {
    display: none;
  }

  img.upgrade-banner-svg.mobile-only {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
    max-width: 92px;
  }

  form.formsame-all input,
  form.formsame-all select {
    border-radius: 8px;
  }

  .member-checkout-billing-form .row {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  form#billingInfo .from-row {
    gap: 24px;
  }

  .member-checkout-billing-form .row .form-group:nth-child(1) {
    grid-column: 1 / span 2;
  }

  span.checkout-img img {
    width: 56px;
    object-fit: contain;
    aspect-ratio: 1;
    display: block;
  }

  .checkout-icons-wrp {
    padding-bottom: 40px;
  }

  .checkout-card {
    margin-top: 40px;
    padding: 16px;
  }

  .checkout-product-deatils h3,
  .membership-checkout-order .order-details h4,
  .checkout-total span {
    font-size: 20px;
    letter-spacing: -0.4px;
  }

  .checkout-product-deatils p {
    font-size: 14px;
    letter-spacing: -0.24px;
  }

  .subscription-info {
    margin-top: 24px;
  }

  .membership-checkout-order {
    margin-top: 24px;
    padding-top: 24px;
  }

  .membership-checkout-order .order-details h4 {
    margin-bottom: 24px;
  }

  .member-check-order-deatils {
    margin-bottom: 24px;
    padding-bottom: 24px;
    gap: 16px;
  }

  .checkout-btn {
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .checkout-btn button.green-btn {
    font-size: 16px;
  }

  .main_membershipCheckout {
    padding-bottom: 90px;
  }

  .supercharge-banner-wrp {
    padding: 15px 15px 0 15px;
    min-height: 201px;
  }

  .supercharge-time {
    font-size: 7px;
    padding: 3px 5px;
  }

  .supercharge-bannelft h2 {
    font-size: 16px;
    line-height: 120%;
    margin: 5px 0 10px;
  }

  .supercharge-bannelft ul li {
    gap: 4px;
    font-size: 10px;
  }

  .supercharge-bannelft ul {
    gap: 4px;
    margin-bottom: 12px;
  }

  .supercharge-bannelft ul li svg {
    width: 16px;
    height: 16px;
  }

  a.white-btn-banner {
    font-size: 10px;
    padding: 8px 14px;
  }

  .supercharge-price .compare-at {
    font-size: 10px;
  }

  .supercharge-price span.sale-price {
    font-size: 20px;
  }

  img.csm-supcharge-star {
    max-width: 140px;
  }

  .supercharge-bannelft {
    padding-bottom: 20px;
  }

  .one-time-check-prodcut-wrp {
    border: none;
    background: none;
    padding: 0;
  }

  .one-time-entry-card {
    padding: 12px;
  }

  .one-time-product-thumb {
    width: 32px;
    height: 100%;
    flex: 0 0 32px;
  }

  .one-time-pro-info p {
    font-size: 12px;
    gap: 2px;
    flex-wrap: wrap;
  }

  .one-time-entry-controls {
    gap: 30px;
  }

  .express-checkout {
    margin: 30px 0 25px;
  }

  .express-checkout a {
    color: rgb(0 0 0 / 50%);
  }

  .one-time-checkout-btns {
    gap: 16px;
    padding: 0 20px;
  }

  button.one-check-btns span {
    display: none;
  }

  button.one-check-btns img {
    height: 22px;
  }

  button.one-check-btns {
    min-height: 40px;
  }

  .one-time-policy {
    padding: 30px 20px;
  }

  .get-vip-head h2 {
    font-size: 22px;
    gap: 10px;
  }

  .get-vip-head h2 img {
    width: 100%;
    max-width: 50px;
  }

  .get-vip-head {
    margin-bottom: 40px;
  }

  .vip-baner-content {
    padding: 15px 15px 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .vip-badge {
    font-size: 10px;
    padding: 6px 10px;
    line-height: normal;
  }

  .vip-offer-text .plus-off {
    font-size: 20px;
  }

  .vip-offer-text {
    margin-top: 10px;
    font-size: 28px;
  }

  span.current-offer {
    font-size: 12px;
  }

  .checkout-vip-banner {
    min-height: 194px;
  }

  .checkout-one-time-entries {
    grid-template-columns: minmax(0, 1fr);
  }

  .checkout-one-time-entries-box.ultimate-champ {
    grid-column: unset;
  }

  .one-time-entries-head h3 {
    line-height: 100%;
  }

  .checkout-one-time-entries-box {
    border-radius: 8px;
  }

  .checkout-membership-banner-wrp {
    padding: 24px;
    gap: 24px;
  }

  .checkout-member-thumb {
    position: absolute;
    width: 118px;
    bottom: -22px;
    right: 0;
    z-index: -1;
    flex: auto;
  }

  .account-ticket {
    padding-top: 15px;
  }

  .ticket-hero-cont {
    padding: 20px;
  }

  .ticket-hero-banner h2 {
    font-size: 19.2px;
    line-height: 120%;
    margin-bottom: 8px;
  }

  .ticket-hero-banner h2 img {
    width: 18px;
    height: auto;
  }

  .ticket-hero-banner p {
    font-size: 12.8px;
    letter-spacing: -0.256px;
  }

  .ticket-hero-cont {
    min-height: 130px;
    max-width: 320px;
  }

  .ticket-hero-wrp img.ticket-svg {
    max-width: 100px;
  }

  .ticket-hero-banner {
    border-radius: 10px;
    margin-bottom: 55px;
  }

  .stats-header span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.084px;
  }

  .stats-card .badge {
    font-size: 12px;
  }
}

@media screen and (max-width: 991px) {
  .check-member-main.check-member-main-one-time .checkout-icons-wrp {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .checkout-form-mobile {
    display: flex;
    flex-direction: column;
  }

  .one-time-check-prodcut {
    order: 1;
  }

  .checkout-vip-banner {
    order: 3;
  }

  .checkout-one-time-entries {
    order: 3;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
  }

  .dashboard-menus-wrp {
    display: none;
  }

  .dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .subscription-table,
  .same-all-table {
    min-width: 650px;
  }

  .billing-table,
  .tickets-table-wrp {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .check-member-main,
  .check-member-main.check-member-main-one-time {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
  }

  .membership_checkout-heading {
    padding-top: 40px;
  }

  .supercharge-banner.mobile-tab-hidden {
    display: none;
  }

  .one-time-check-prodcut {
    margin-top: 40px;
  }

  .checkout-membership-banner.mobile-tab-hidden {
    display: none;
  }

  .checkout-membership-banner.large-desktop-hidden {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
  }
}

@media screen and (min-width: 992px) {
  .supercharge-banner.large-desktop-hidden {
    display: none;
  }

  .checkout-membership-banner.large-desktop-hidden {
    display: none;
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .dashboard-hero-lft {
    padding: 40px 10px 30px 30px;
  }

  .font-48 {
    font-size: 38px;
  }

  ul.dashboard-hero-list li {
    font-size: 16px;
  }

  .single-course-heading h2 {
    font-size: 52px;
  }

  .checkout-icons-list {
    max-width: 600px;
    margin-top: 20px;
  }

  .ticket-hero-banner h2 {
    font-size: 38px;
  }

  .ticket-hero-banner p {
    font-size: 22px;
  }
}

@media screen and (min-width: 768px) {
  .dashboard-courses-grid.swiper {
    overflow: visible;
  }
}

fieldset.hidden-fields-container {
  display: none !important;
  border: 0;
  padding: 0;
}
.popup_silver-tier span.bg_svg_right_bottom path {
  fill: #818181;
}

.popup_gold-tier span.bg_svg_right_bottom path {
  fill: #dba400;
}
.popup_platinum-tier span.bg_svg_right_bottom path {
  fill: #e758ff;
}

.popup_diamond-tier span.bg_svg_right_bottom path {
  fill: #55d5e8;
}

/** share modal **/
div#share-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.share-modal-content {
  background-color: white;
  border-radius: 20px;
  width: 100%;
  max-width: 510px;
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  text-align: center;
  padding: 40px;
}

.share-modal-content span.close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaeaea;
  border-radius: 50%;
  cursor: pointer;
}
.share-modal-content h3 {
  color: #111;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.24px;
  margin-bottom: 24px;
}
.share-options button {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  display: inline-flex;
  padding: 7px 14px;
  justify-content: center;
  align-items: center;
  color: #043b3b;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  margin: 4px;
}
.share-options {
  margin-top: 20px;
}
span.ref-link {
  word-break: break-word;
}
.free-coupon-section {
  border-radius: 16px;
  border: 0.8px solid #ddd;
  background: #fff;
  overflow: hidden;
  margin: 20px 0;
  padding: 20px;
}

h4.free__coupon {
  font-size: 16px;
  font-weight: 800;
  line-height: 157%;
  letter-spacing: -0.32px;
}

.free-coupon-section .box__coupon {
  display: flex;
  width: 100%;
  margin: 6px 0;
}

.free-coupon-section .box__coupon input {
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px 10px;
  width: 100%;
  flex: 1;
  border-radius: 6px 0px 0px 6px;
  color: #000;
  line-height: 100%;
}

.free-coupon-section .box__coupon button#apply_coupon_btn {
  background: #043b3b !important;
  color: #fff;
  flex: 0 0 auto;
  border: 0;
  padding: 8px 15px;
  display: flex;
  border-radius: 0px 6px 6px 0px;
}

@media screen and (min-width: 1300px) {
  .tier-points-wrp {
    display: flex;
  }

  .tier-card {
    padding: 20px;
  }

  .tier-points span.tier-compare-points {
    font-size: 20px;
    text-decoration: line-through !important;
  }

  .tier-points span.total-points {
    font-size: 20px;
  }

  .tier-points span.tier-points-txt {
    font-size: 12px;
  }
}