/* =============================================
   FONTS
   =============================================
   Google Fonts
   - Montserrat (all weights)
   Local Fonts (via font.css)
   - Satoshi  : Regular, Italic, Light, LightItalic,
                Medium, MediumItalic, Bold, BoldItalic,
                Black, BlackItalic
   - Ngetic Modern : Regular, Italic
   - DS-Digital    : Regular, Bold, Italic, BoldItalic
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('font.css');


html {
  scroll-behavior: smooth;
  background-color: #360d60;
  height: 100%;
}

body {
  font-family: 'Satoshi Regular';
  font-weight: 400;
  line-height: 1.5;
  color: #424242;
  overflow-x: hidden;
  background-color: #360d60;
  min-height: 100vh;
  min-height: 100dvh;
  `r`n
  /* iOS fix: body must be the scroll root for position:fixed to stay fixed */
  `r`n height: 100%;
  `r`n overflow-y: auto;
  `r`n -webkit-overflow-scrolling: touch;
  `r`n
}

/* =============================================
   GLOBAL SAFE AREA FIX (iOS Notch / Dynamic Island / Home Bar)
   viewport-fit=cover must be set in <meta viewport> for these to work
   ============================================= */

/* Fills the status bar area with your brand color — no white flash */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --brand-bg: #360d60;
}

/* Prevent white gaps at top and bottom on any iOS device */
html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--safe-top);
  background-color: var(--brand-bg);
  z-index: 10000;
  pointer-events: none;
}

html::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--safe-bottom);
  background-color: var(--brand-bg);
  z-index: 10000;
  pointer-events: none;
}

body.modal-open {
  padding-right: 0 !important;
  overflow-y: hidden;
}

.modal-open .modal {
  padding-right: 0 !important;
}

/* Hide safe-area overlays when modal is open so they don't appear above backdrop */
body.modal-open html::before,
body.modal-open html::after {
  display: none;
}

/* ----root css------- */
:root {
  --white-color: #FFFFFF;
  --purple-color: #DBA7FF;
}

/* -----comman css---------- */

a:hover,
:hover {
  color: unset;
}

a,
a:hover {
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}


/* -----main css start ------ */
/*.page_wrapper {
  background-image: url("../images/product-imges/bg1.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}*/
.page_wrapper {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

.page_wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/product-imges/bg1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

/* --------header css------- */
.header_sec {
  background-image: url("../images/product-imges/header-bg.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.top_header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.top_header p {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 24px;
  text-transform: uppercase;
  color: var(--purple-color);
  white-space: nowrap;
}

.top_header p span {
  font-weight: 500;
}

.timer {
  color: var(--white-color);
  text-align: center;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.6);
  font-family: 'DS-Digital';
  background: linear-gradient(90deg, rgba(160, 24, 255, 0) 0%, rgba(160, 24, 255, 0.6) 50%, rgba(160, 24, 255, 0) 100%);
  padding: 4px 12px;
  border-radius: 6px;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1;
  font-weight: 700;
  font-size: 40px;
}

.t_TXt {
  font-size: 24px;
}

.header_sec .smTXT {
  font-weight: 300;
  font-size: 22px;
  color: var(--white-color);
  padding: 8px 0 41px;
  white-space: nowrap;
  font-family: 'Satoshi Light';
}

/* -------main content-------- */
.main_content_sec {
  padding-top: 180px;
  padding-bottom: 160px;
}

.Header_line {
  border-style: solid;
  border-width: 2.12px 0;
  border-image: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0) 100%) 1;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.14) 50%,
      rgba(255, 255, 255, 0) 100%);
}

.product-info_card .card_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}

.card_header .eb_txt {
  font-weight: 700;
  font-size: 26px;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.card_header .ed_box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(105.36% 105.36% at 50% 0%, #D496FF 10%, #A018FF 99.04%);
  width: 59.14px;
  height: 59.14px;
  padding: 9px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: var(--white-color);
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-right: 12px;

}

.card_header .card-header_right {
  display: flex;
  align-items: center;
  gap: 23px;
}

.card_header .card-header_right p {
  font-weight: 400;
  font-size: 26px;
  color: var(--white-color);
  opacity: 0.7;
}

.active_status {
  display: flex;
  align-items: center;
  gap: 12.7px;
  position: relative;
  font-weight: 400;
  font-size: 26px;
  color: var(--white-color);
  padding: 13px 19px;
  background: #FFFFFF1A;
  backdrop-filter: blur(52.89px);
  box-shadow: 0px 12.69px 29.62px #00000026;
  border-radius: 190.42px;
}

.active_status::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.06px;
  border-radius: inherit;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.3));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.Green_dot {
  width: 23.27px;
  height: 23.27px;
  display: inline-block;
  background: #1AFD0F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}


.Green_dot {
  animation: greenGlow 1.5s infinite ease-in-out;
  margin-top: 2px;
}


.card_body-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 50px 0;
}

.card-body_left h2 {
  max-width: 520.34px;

}

.card-body_left h2 {
  font-weight: 500;
  font-size: 47.09px;
  color: var(--purple-color);
  padding-bottom: 37.34px;
  padding-left: 37.34px;
}

.price_box {
  font-weight: 400;
  font-size: 60px;
  color: var(--white-color);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 7.47px 37.34px;
  border-radius: 200px 0 0 200px;
}

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

.progreSS .step {
  position: relative;
  width: 340px;
  padding: 6px 10px;
  text-align: center;
  border-radius: 30px 30px 0 0;
  background: linear-gradient(179.44deg, rgba(255, 255, 255, 0.2) 0.49%, rgba(255, 255, 255, 0) 86.82%);
  backdrop-filter: blur(25px);
}

.progreSS .step::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0));

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.progreSS .step__text {
  font-weight: 400;
  font-size: 22px;
  color: var(--white-color);
  padding-top: 6px;
}

.progreSS .circle-wrapper {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: auto;
}

.progreSS .circle-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  /* border thickness */
  border-radius: 50%;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.2));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.progreSS .circle {
  width: 19.9px;
  height: 19.9px;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      #2eff5c,
      #00a82d);
  animation: greenGlow 1.5s infinite ease-in-out;

}

.progreSS .yellow_dot {
  background: radial-gradient(64.29% 64.29% at 50% 17.86%, #FFBB00 0%, #CD8600 100%);
  animation: orangeGlow 1.5s infinite ease-in-out;
  -webkit-animation: orangeGlow 1.5s infinite ease-in-out;
}

@keyframes greenGlow {
  0% {
    box-shadow: 0 0 4px rgba(46, 255, 92, 0.6);
  }

  50% {
    box-shadow: 0 0 12px rgba(46, 255, 92, 0.9),
      0 0 20px rgba(46, 255, 92, 0.5);
  }

  100% {
    box-shadow: 0 0 4px rgba(46, 255, 92, 0.6);
  }
}

@keyframes orangeGlow {
  0% {
    box-shadow: 0 0 4px rgba(255, 187, 0, 0.6);
  }

  50% {
    box-shadow:
      0 0 12px rgba(255, 187, 0, 0.9),
      0 0 20px rgba(255, 187, 0, 0.5);
  }

  100% {
    box-shadow: 0 0 4px rgba(255, 187, 0, 0.6);
  }
}

.progreSS .progress__line {
  width: 98px;
  height: 0px;
  border-width: 3px;
  opacity: 1;
  border: 3px solid;
  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0))1;

}

.deaing_box {
  padding: 60px 0;

}

.Header_line2 {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0) 100%);
  padding: 7px 0px;
}

.Header_line2 .header__title {
  font-weight: 300;
  font-size: 36px;
  text-align: center;
  color: var(--white-color);
}

.header__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
}

.header__divider .header__subtitle {
  font-family: 'Ngetic Modern Regular';
  font-weight: 400;
  font-size: 28px;
  text-align: center;
  color: var(--white-color);
  text-shadow: 0px 0px 16px #ffffffed;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding: 0 10px;
}

.lineLeft {
  width: 100%;
  border-width: 1px;
  opacity: 1;
  border: 1px solid;
  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3))1;
}

.lineRight {
  width: 100%;
  border-width: 1px;
  opacity: 1;
  border: 1px solid;
  border-image: linear-gradient(190deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3))1;

}

/* ============ */
.content_Center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 54px;
  margin-bottom: 50px;

}

/* video Media Styles */
.video-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(147, 120, 252, 0.5) 0%, rgba(147, 120, 252, 0) 100%);
  cursor: pointer;
  opacity: 1;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  padding: 12px 12px 4px;
  width: 100%;

}

.video-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}


.video-card img {
  width: 100%;
  max-height: 395.18px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.video-card__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.video-card:hover .video-card__play-btn {
  background: linear-gradient(180deg, #460AC0 -31.43%, #8C40DA 89.29%);
  transform: translate(-50%, -50%) scale(1.1);
}

.info {
  width: 100%;
}

.info .header__title {
  font-weight: 400;
  font-size: 28px;
  text-align: start;

}

.info .info__text {
  font-weight: 400;
  font-size: 20px;
  color: var(--white-color);
  padding-top: 14px;

}

.actions {
  max-width: 896px;
  margin: auto;
}

.actions .form-control {
  border: 0.5px solid #FFFFFF66;
  background: #FFFFFF05;
  border-radius: 10px;
  padding: 16px 18px;
  color: var(--white-color);

}

.actions .form-control::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color);
  opacity: 0.5;
}

.form-control:focus {
  box-shadow: none;
}

.actions__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-top: 30px;
}

.main_btN {
  font-size: 20px;
  padding: 14px 10px;
  text-align: center;
  border-radius: 29px;
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  -o-border-radius: 29px;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  color: var(--white-color);
  box-shadow: 9px 3px 50px 14px #00000030;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.main_btN:hover {
  transform: translateY(-2px);
  color: var(--white-color);
}

.btN_primary {
  font-weight: 700;
  background: linear-gradient(180deg, #460AC0 -31.43%, #8C40DA 89.29%);
}

.btN_primary:hover {
  background: linear-gradient(180deg, #5a1ad4 -31.43%, #a055f0 89.29%);
  box-shadow: 0 0 24px 4px rgba(160, 24, 234, 0.6), 9px 3px 50px 14px #00000030;
}

.btN_secondary {
  font-weight: 500;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) -5.45%, rgba(255, 255, 255, 0.09) 19.27%, rgba(255, 255, 255, 0.04) 50.45%, rgba(255, 255, 255, 0.09) 81.1%, rgba(255, 255, 255, 0.2) 106.36%);
}

.btN_secondary:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) -5.45%, rgba(255, 255, 255, 0.15) 19.27%, rgba(255, 255, 255, 0.08) 50.45%, rgba(255, 255, 255, 0.15) 81.1%, rgba(255, 255, 255, 0.3) 106.36%);
  box-shadow: 0 0 18px 2px rgba(219, 167, 255, 0.25), 9px 3px 50px 14px #00000030;
}

.main_btN::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

.btN_primary::before {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.3));

}

.btN_secondary::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
}


.btN_primary::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.3));

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--white-color);
}

/* Modal Styles */
.modal-content-premium {
  background: radial-gradient(98.03% 98.08% at 4.27% 1.92%, #A024EA 0%, #3F1A8E 34.62%, #150041 62.39%, #150041 100%);

  backdrop-filter: blur(80px);
  box-shadow: 0px 4px 34px 0px #00000040;
  padding: 22px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  color: var(--white-color);
  border: none;
}

.modal-content-premium::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.06px;
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  background: linear-gradient(150.13deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;

}

.modal-header-premium {
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
}

.modal-header-premium::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;

  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.4),
      transparent);
}

.modal-title {
  font-family: 'Ngetic Modern Regular';
  font-weight: 400;
  font-size: 30px;
  color: var(--white-color);

}


.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 1;
}

.modal_wd {
  max-width: 615px;
  margin: auto;
}

.comment_card h6 {
  font-weight: 700;
  font-size: 24px;
  color: var(--white-color);
  padding-bottom: 20px;
}

.comment_LisT li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 8px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  margin-bottom: 9px;
  backdrop-filter: blur(25px);
  border-radius: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  -ms-border-radius: 90px;
  -o-border-radius: 90px;
  backdrop-filter: blur(25px);

}

.comment_LisT li::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.comment_LisT li p {
  font-weight: 400;
  font-size: 18px;
  color: var(--white-color);
}

.comment_LisT li a {
  color: #B6A3FF;
  text-decoration: underline;
}

.purple_box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(105.36% 105.36% at 50% 0%, #D496FF 10%, #A018FF 99.04%);
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 9.5px 6.11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: var(--white-color);
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  margin-right: 12px;
}

.Cglass-card {
  padding: 14px 14px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  background: #FFFFFF1F;
  backdrop-filter: blur(54px);
  position: relative;
  margin-top: 25px;
  display: flex;
  gap: 14px;

}

.Cglass-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(93deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}


.Cglass-card p {
  font-weight: 400;
  font-size: 20px;
  color: var(--white-color);
}

.modal .btN_primary {
  margin-bottom: -49px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  /* opacity: 1; */
  background: linear-gradient(180deg, #460AC0 -31.43%, #8C40DA 89.29%);
  position: relative;
  z-index: 99;
  width: 223px;
}

.modal_CoNtent .mobile_img img {
  max-height: 227px;
}

.modal_CoNtent h4 {
  font-family: 'Ngetic Modern Regular';
  font-weight: 400;
  font-size: 46px;
  color: var(--white-color);
  padding: 30px 0 30px;
  text-shadow: 0px 0px 6px #ffffffed;

}

.modal_CoNtent p {
  font-family: 'Satoshi Light';
  font-weight: 300;
  font-size: 22px;
  color: #ffffffbd;
}

.modal_CoNtent .tXt_SM {
  font-family: 'Satoshi Regular';

  font-weight: 400;
  font-size: 20px;
}

.modal_CoNtent h6 {
  font-family: 'Satoshi Bold';
  font-weight: 700;
  font-size: 30px;
  color: var(--purple-color);
  padding: 14px 0;
}

.felicitationsModal .modal-header-premium::after {
  display: none;
}

.modal {
  background: #1c043430;
  backdrop-filter: blur(4px);
}

.modal-dialog-scrollable .modal-content {
  overflow: visible;
  position: relative;
}

.modal-dialog-scrollable {
  padding: 20px 0;
}

.modal-dialog-scrollable::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #a024ea, #3f1a8e);
}

/* =====footer======= */
.footer_sec {
  /* background-color: #360d60; */
  /* box-shadow: 0 -10px 31px 14px #360c62; */
  /* background: #360d60 url(../images/footer.svg) center center / 100% 100% no-repeat; */
  /* background:url(../images/footer-bg.png) center center / 100% 100% no-repeat;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999; */


}

.footer_sec {
  background-image: url("../images/f1.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  padding: 40px 0 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  `r`n
  /* iOS fix: force GPU compositing layer so footer stays fixed */
  `r`n -webkit-transform: translateZ(0);
  `r`n transform: translateZ(0);
  `r`n
  /* iOS safe area: add space above home bar */
  `r`n padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  `r`n padding: 40px 0 20px;
  `r`n`r`n
}


.footer_sec .copy_right {
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: auto;
  font-family: 'Satoshi Regular';
  font-size: 20px;
}

.footer_sec .copy_right b {
  font-family: 'Satoshi Bold';
}

.copy_right .Green_dot {
  width: 14px;
  height: 14px;
}

/* ====================== */
.lock-icon {
  animation: lockPulse 1.8s infinite ease-in-out;
}

@keyframes lockPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.15);
    opacity: 0.85;
  }

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

.lock-gif {
  width: 25px;
  padding-bottom: 6px;
}

.Cglass-card1 {
  margin-bottom: 19px;
  gap: 12px;
  align-items: center;
}

.Header_line3 {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 18.27%, rgba(255, 255, 255, 0) 100%);
}