* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

html {
  display: block;
  position: relative;
  min-height: 100vh;
}

html,
body {

  border: 0;
  margin: 0;
  min-height: 100vh;
  font-family: var(--font), sans-serif;
}

a {
  text-decoration: none;
}

button {
  font-family: var(--font), sans-serif;
  cursor: pointer;
}

@media (min-width: 992px) {
  body {
    font-family: var(--font), sans-serif;
    max-width: 540px;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 0;
  }
}

body {
  font-family: var(--font), sans-serif;
  max-width: unset;
  margin: auto;
  width: 100%;
  padding: 0;
  text-align: unset;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 20px;
}



.collection_logo_container {
  text-align: center;
}

.collection_logo_speci {
  max-height: 150px;
  max-width: 70%;
  margin-top: 30px;
}

.title_main {
  color: #010101;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  /* 141.667% */
  /* margin-top: 20px; */
  /* margin-bottom: 26px; */
}

.input_email_one {
  width: 100%;
  height: 51px;
  flex-shrink: 0;
  margin: auto;
  max-width: 300px;
  border-radius: 49px;
  background: #f0f0f0;
  border: 0;
  color: #010101;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  /* 212.5% */
  letter-spacing: -0.48px;
  border-radius: 12px;
  border: 1px solid rgba(30, 30, 31, 0.10);
  background: #ffffff;
}

.submit_email {
  max-width: 100%;
  width: 100%;
  height: 58px;
  max-width: 300px;
  border-radius: 49px;
  background: var(--button-color);
  color: var(--button-color-text);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  border: 1px solid rgba(30, 30, 31, 0.10);
  font-weight: 600;
  line-height: 34px;
  /* 212.5% */
  margin-top: 18px;
  /* border: 0; */
  cursor: pointer;
}

.pass_snapss {
  max-width: 252.129px;
  width: 100%;
  height: auto;
  /* margin: auto; */
  border-radius: 11.694px;
  border: 0.731px solid rgba(0, 0, 0, 0.1);
  background: #f0f0f1;
  box-shadow: 0px 7.308px 14.617px 2.193px rgba(0, 0, 0, 0.18);
  margin-top: 0;
  padding-top: 17px;
  padding-bottom: 20px;
}

.pass_snapss {}

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

.collection_name {
  color: #000;
  font-size: 10.232px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 14px;
}

.get_more_p {
  color: #000;
  font-size: 10.232px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.left_arrow {
  margin-right: 5px;
}

.flex_1 {
  display: flex;
  align-items: center;
}

.flex_3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  margin-top: 11px;
  padding-right: 10px;
}

.toekn_id_title {


  /* 90.909% */
  text-transform: uppercase;
  color: var(--pass-color-text);
  font-size: 14.009px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}

.toekn_id_number {
  color: var(--pass-color-text);
  font-weight: 400;
  text-align: justify;
  /* color: var(--main-color-text); */
  font-size: 11.41px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: 50%; */
  white-space: nowrap;
}

.flex_4 {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.export {}

.website_collection {
  color: #000;
  font-size: 10.232px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.nft_banner {
  height: 100%;
}

.nft_img {
  margin-top: 5px;
  /* max-height: 65px; */
  height: 89.245px;
  width: 100%;
  object-fit: cover;
}

.flex_5 {
  display: flex;
  padding-left: 8px;
  gap: 0px;
  margin-top: 15px;
  justify-content: space-between;
  padding-right: 8px;
  flex-direction: row;
}

.code_ {
  width: 103px;
  margin-top: 18px;
  margin-bottom: 25px;
}

.percent_bar {
  max-width: 344px;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  height: 36px;
  border-radius: 9.66px;
  margin: auto;
  margin-bottom: 11px;
  padding-top: 0px;
  /* margin-top: 70px; */
  padding-bottom: 20px;
  position: relative;
}

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

.percentage_p_1 {
  color: #898989;
  font-size: 12px;
  font-style: normal;
  /* font-weight: 500; */
  line-height: 13.584px;
  /* 113.197% */
}

.p_stats_1 {
  color: #898989;
  font-size: 12px;
  font-style: normal;
  /* font-weight: 500; */
  line-height: 13.584px;
  /* 113.197% */
}

.progress_0 {
  width: 100%;
  height: 5px;
  background: #cfcfcf;
  margin: auto;
  margin-top: 6px;
  border-radius: 26px;
}

.cursor_progress {
  max-width: 91%;
  height: 5px;
  position: absolute;
  background: var(--main-color);
  top: 19.3px;
  bottom: 0;
  /* margin: auto; */
  border-radius: 25px;
  width: 3%;
  left: 20px;
}

.text_cursor {
  width: 30px;
  height: 17px;
  position: absolute;
  top: -22px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 2.362px;
  background: #010101;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -8px;
  display: none;
}

.dot_percet {
  width: 12px;
  height: 12px;
  background: #ffffff;
  border: 2px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: -4px;
  right: 0;
  box-shadow: 1px 1px 5px #ccc;
}

.steps {
  margin-top: 60px;
  margin-bottom: 20px;
}

.step_title {
  color: #010101;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  margin-bottom: 0;
}

.step_sub {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  line-height: 17.95px;
  /* 143.75% */
  margin-bottom: 30px;
  font-weight: 500;
}

.loader_header {
  width: 100%;
  margin-top: 0;
  object-fit: cover;
  margin-top: 75px;
}


.error_message {
  color: red;
  text-align: center;
  display: none;
  justify-content: center;
  margin-bottom: 15px;
}

.step_code {
  /* border: 1px solid black; */
  border-radius: 25px;
  /* padding-top: 15px; */
  /* padding-left: 10px; */
  position: relative;
  /* padding-right: 10px; */
  /* padding-bottom: 25px; */
}

.input_code_flex {
  margin-top: 25px;
  text-align: center;
}

.input_code_borders {
  width: 50px;
  height: 50px;
  border-radius: 7px;
  font-size: 15px;
  text-align: center;
  background: #F0F0F0 !important;
  border: 1px solid #bebebe;
  outline: 1px solid #F0F0F0;
  border-radius: 11px;
  background: #fff;
}

.click_send {
  font-style: normal;
  cursor: pointer;
  color: #000;
}

.code_not_recieved {

  font-size: 16px;

  font-style: italic;

  font-weight: 500;

  margin-top: 11px;

  color: #898989;

  font-size: 13px;

  font-style: normal;

  font-weight: 300;

  line-height: 24px;
  /* 184.615% */

  letter-spacing: -0.26px;

  max-width: 250px;

  margin: auto;

  margin-top: 11px;
}

.p_back_to_email {

  font-size: 14px;

  font-weight: 500;

  text-decoration: underline;

  text-align: justify;

  margin-bottom: 15px;

  cursor: pointer;

  margin-left: 45px;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid lightblue;
  border-right-color: #000;
  animation: l2 1s infinite linear;
}

.loader_2 {
  width: 250px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 16px solid lightblue;
  border-right-color: orange;
  animation: l2 1s infinite linear;
  position: absolute;
}

@keyframes l2 {
  to {
    transform: rotate(1turn)
  }
}

.loaderbig {
  width: 75%;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid lightblue;
  border-right-color: #000;
  animation: l2 1s infinite linear;
  max-width: 300px;
  max-height: 300px;
}


.loader_main {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0;
  background: rgb(255 255 255);
  text-align: center;
  display: grid;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.d_flex_back_to_clail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: -1px;
  left: 10px;
  /* margin-top: 36px; */
  cursor: pointer;
}

.p_back_to_claim {
  color: #898989;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  /* 212.5% */
  letter-spacing: -0.48px;
  cursor: pointer;
}

.p_sent_email_one {
  color: #898989;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 7px;
  line-height: normal;
  margin-bottom: 1px;
}

.p_sent_email_to {

  color: #898989;

  text-align: center;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.email_reciever {

  color: var(--primary-Black, #1E1E1F);

  text-align: center;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.error_svg {
  height: 40px;
  margin-top: 15px;
}

.p_spec_error_1 {
  color: var(--primary-Black, #1E1E1F);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.54px;
  margin-top: 22px;
  max-width: 250px;
  width: 100%;
  margin: auto;
  /* margin-top: 22px; */
  /* margin-bottom: 29px; */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
  margin-top: 8px;
  margin-bottom: 11px;
}

.p_spec_error_2 {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.54px;
  margin-bottom: 10px;
  color: #898989;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.p_spec_error_3 {
  color: #818181;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding-bottom: 20px;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.28px;
  max-width: 282px;
  width: 100%;
  margin: auto;
  margin-bottom: 3px;
}

.p_spec_error_4 {

  color: #3999FB;

  font-size: 13px;

  font-style: normal;

  font-weight: 500;

  line-height: 24px;
  /* 184.615% */

  letter-spacing: -0.26px;

  text-decoration-line: underline;

  margin-top: 37px;

  cursor: pointer;
}

.step_error {
  /* margin-top: 55px; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.p_spin_loading,
.p_spin_loading_2 {
  color: #525252;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -0.54px; */
}

.circle_spin {
  animation: l2 5s infinite linear;
  position: absolute;
}

.step_loading {
  position: relative;
  height: 278px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step_success_1 {
  height: fit-content;
}

.p_success_1 {
  color: #010101;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.p_success_2 {
  color: #898989;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.6px;
  margin-bottom: 36px;
}

.apple_w {
  width: 100%;
  cursor: pointer;
}

.google_w {
  cursor: pointer;
  width: 100%;
  /* max-width: 166px; */
}

.flex_google_apple {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  /* margin-top: 50px; */
  width: 50%;
  /* margin-bottom: 50px; */
  flex-direction: column;
}

.error_message_code {
  color: red;
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
  align-items: center;
  justify-content: center;
}





.powered_by_desk {

  width: 258px;

  max-width: 100%;

  height: fit-content;
}

.container_desktop {

  max-width: 1440px;

  margin: auto;

  padding-left: 25px;
}

.flex_one_desk {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

  margin-bottom: 30px;

  padding-right: 25px;
}

.desk_collection_icone {

  height: 131px;

  margin-right: 25px;
}

.colored_span_desk {

  color: var(--main-color);
}

.p_desk_title {

  color: var(--primary-Black, #1E1E1F);

  font-size: 26px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: -0.96px;
}

.second_flex_desk {

  display: flex;

  align-items: center;
}


.third_flex_desktop {
  /* Styles for the container of the flex layout */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_main_desktop {
  /* Styles for the main flex container */
  margin-left: 0;
}

.flex_parent_third {
  /* Styles for each individual third flex item */
}

.flex_ico_step {
  /* Styles for the icon container within each flex item */
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 28px;
}

.step_desk {
  /* Styles for the step icon image */
}

.p_title_step_desk {
  /* Styles for the title of each step */
  color: #010325;
  leading-trim: both;
  text-edge: cap;
  font-size: 28.249px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.907px;
}

.p_sub_step_desk {
  /* Styles for the sub-description of each step */
  color: var(--primary-Black, #1E1E1F);
  font-size: 18.886px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.148px;
  /* 143.75% */
  margin-bottom: 51px;
}

.scanner_flex_parent {
  /* Styles for the container of the scanner */
}

.big_scan_box {
  /* Styles for the container of the big scan box */
  border-radius: 32px;
  background: var(--main-color);
  width: 629px;
  height: 486px;
  /* border-top-right-radius: 0; */
  /* border-bottom-right-radius: 0; */
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 24px;
}

.scanqr_desk {
  /* Styles for the QR code image */
  width: 15px;
  /* width: 629px; */
  /* height: 546px; */
  width: 100%;
  max-width: 194px;
}

.p_url_info {
  /* Styles for the URL information */
  color: #000;
  font-size: 18.639px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.559px;
  position: absolute;
  top: 297px;
}

.scan_it {
  /* Styles for the 'Scan it' image */
  position: relative;
  top: 17px;
  width: 60%;
}

.bo_qr_code_desk {

  border-radius: 9.51px;

  background: #FFF;

  width: 286px;

  height: 299px;

  display: flex;

  align-items: flex-start;

  justify-content: center;

  padding-top: 34px;
}

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

.step_flex_mob {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  margin-bottom: 13px;
}

.powered_snap_mobile {}

.ppowered {

  position: absolute;

  bottom: 0;

  top: 0;

  left: -290px;

  right: 0;

  margin: auto;
}

.step_beginning {
  position: relative;
  /* margin-top: 55px; */
  /* width: 50%; */
  width: 227.085px;
  /* height: 380.68px; */
  height: 314.68px;
  margin: auto;
}

.spec_snaps_one_pass {
  position: relative;
  left: 21px;
}

.min_height_div {
  /* min-height: 380px; */
  /* position: relative; */
  /* display: flex; */
  width: 100%;
  height: 100%;
  /* align-items: center; */
  /* border: 1px solid #000; */
  /* justify-content: center; */
}

.margin_auto {
  margin: auto;
}

.button_open_apple_wallet {

  max-width: 100%;

  width: 293px;

  height: 44px;

  border-radius: 49px;

  background: var(--button-color, --main-color);

  color: var(--button-color-text, --main-color-text);

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 34px;

  letter-spacing: -0.48px;

  margin-top: 18px;

  border: 0;

  cursor: pointer;

  margin-bottom: 35px;
}

.text-center {
  text-align: center;
  width: 100%;
}

.snapss_pass_d1 {
  /* max-width: 200px; */
  border-radius: 5.502px;
  /* width: 276.085px; */
  /* height: 432.68px; */
  /* margin-left: 41px; */
  /* width: 100%; */
  /* height: 100%; */
  /* overflow: hidden; */
  padding-top: 8px;
  /* border: 0.5px solid #9b9b9b; */
  box-shadow: 0px 6.984px 13.968px 2.095px rgba(0, 0, 0, 0.18);
  padding-bottom: 8px;
  background: var(--pass-color);
}

.snapss_box_p1 {}

.collection_logo_p1 {
  margin-left: 7px;
  max-height: 29px;
  max-width: 74px;
}

.banner_p1_box {
  width: 100%;
  /* height: 70px; */
  /* height: 108.245px; */
}

.qr_code_p1 {
  border-radius: 3.554px;
  background: #FFF;
  width: 80px;
  height: 80px;
  padding: 6px;
  margin: auto;
  margin-top: 17px;
}

.qrcode {

  width: 100%;
}

.display_blockchain {}

.flex_name_points {
  margin-top: 5px;
}

.nft_name_product {

  font-size: 30px;
}

.flex_1_product {

  display: flex;

  justify-content: space-between;

  padding-left: 15px;

  margin-top: 25px;

  padding-right: 15px;
}

.inner_flex_product {}

.nft_attr_img {

  height: 65px;
}



.box_connection {
  border-radius: 7px;
  position: relative;
  margin: auto;
  max-width: 96%;
  overflow: hidden;
  min-width: 349px;
  width: 359px;
  margin-top: 33px;
  /* padding: 14px; */
  /* padding-top: 18px; */
  /* padding-bottom: 20px; */
  margin-bottom: 40px;
  /* box-shadow: 0px -0.927px 13.902px 0px rgba(0, 0, 0, 0.10), 1.057px 3.522px 10.565px 0px rgba(0, 0, 0, 0.08); */
  background: rgb(255 255 255);
  /* box-shadow: inset 0 0 .5px .8px #ffffff1a, 0 0 0 .8px #14151a13, 0 .3px .4px #14151a05, 0 .9px 1.5px #14151a0b, 0 3.5px 6px #14151a17 !important; */
  /* border: 1px solid #ccc; */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.background_overlay {
  position: fixed;
  background: var(--bg-color);
  opacity: var(--opacity-bg-color);
  height: 100%;
  width: 100%;
  z-index: -1;
}


.subtitle_collection {
  color: #898989;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  /* font-weight: 500; */
  max-width: 270px;
  line-height: 21px;
  margin-top: 0px;
  margin-bottom: 10px;
}


.link,
.box_link {
  position: relative;
  border-radius: 36px;
  /* border: 0.5px solid var(--main-color-text); */
  /* background: var(--main-color); */
  width: 100%;
  max-width: 349px;
  /* height: 54px; */
  height: 98px;
  gap: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--button-color-text, --main-color-text);
  text-decoration: none;
  letter-spacing: 1px;
  border-radius: 37px;
  font-family: var(--font);
  font-size: 16px;
  font-style: normal;
  overflow: unset;
  font-weight: 400;
  line-height: normal;
  /* box-shadow: 0px -3.449px 17.246px 0px rgba(0, 0, 0, 0.12), 0px 6.898px 17.246px 0px rgba(0, 0, 0, 0.12); */
}


.list_link {
  gap: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0.96;
  /* margin: 16px; */
  margin-top: 0px;
  margin-bottom: 25px;
}

.max_contain_app {
  /* max-width: 453px; */
  margin: auto;
  /* height: 100%; */
  /* z-index: 1; */
  position: relative;
}


.powered_bottom {
  transition: all 0.3s ease;
  border-radius: 27.881px;
  background: #ffffffad;
  /* box-shadow: 0px -0.797px 7.966px 0px rgba(0, 0, 0, 0.30), 0px 3.186px 7.966px 0px rgba(0, 0, 0, 0.30); */
  width: 215px;
  height: 45.407px;
  font-size: 15.724px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: arial;
  display: flex;
  align-content: center;
  align-items: center;
  margin: auto;
  /* margin-bottom: 30px; */
  gap: 11px;
  color: #000;
  justify-content: center;
  /* margin-top: 180px; */
  /* position: absolute; */
  left: 0;
  right: 0;
  bottom: 15px;
  /* margin-bottom: 20px; */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
}


.powered_snap {
  width: 85px;
}


.dwp {
  display: flex;
  gap: 16px;
}


.apple_scan_box {
  border-radius: 24px;
  display: flex;
  background: #FFF;
  box-shadow: 0px -3px 33px 0px rgb(0 0 0 / 79%);
  flex-direction: column;
  align-content: center;
  padding: 23px 26px;
  align-items: center;
  /* position: fixed; */
  margin: auto;
  z-index: 12;
}

.apple_scan_icon {
  width: 68px;
  height: 68px;
}

.apple_scan_text_1 {
  max-width: 308px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 36px;
  color: var(--primary-Black, #1E1E1F);
  text-align: center;
  font-family: var(--font);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
}

.qr_code_apple {
  width: 190.139px;
  height: 190.139px;
}

.close_apple_scan {
  border: none;
  border-radius: 49px;
  background: #F0F0F0;
  color: var(--primary-Black, #1E1E1F);
  text-align: center;
  font-family: var(--font);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  height: 58px;
  line-height: normal;
  width: 100%;
  margin-top: 42px;
  cursor: pointer;
}


.master_apple {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
  /* background: #ffffff24; */
}


.description_collection {
  color: var(--main-color-text);
  font-size: 17px;
  text-align: center;
  margin: auto;
  margin-top: 10px;
  max-width: 350px;
  margin-bottom: 20px;
  z-index: 2;
  position: relative;
}



.gate_list {
  margin-top: 33px;
  display: block;
  white-space: nowrap;
  flex-direction: row;
  gap: 25px;
  overflow-x: auto;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  align-items: center;
  margin: auto;
  text-align: center;
  align-content: center;
  padding-bottom: 25px;
}

.gate {
  background: var(--gate-color);
  width: 100%;
  overflow: hidden;
  max-width: 349px;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  box-shadow: 0px -2.706px 13.529px 0px rgba(0, 0, 0, 0.12), 0px 5.412px 13.529px 0px rgba(0, 0, 0, 0.12);
  /* max-height: 359px; */
  position: relative;
  border-radius: 21.966px;
  /* height: 200px; */
  margin-right: 14px;
  margin-left: 14px;
  color: var(--gate-color-text);
  /* margin-bottom: 20px; */
  /* background: linear-gradient(to bottom, rgb(0 0 0 / 11%), var(--button-color-overlay)); */
}

.gate_info {
  /* padding: 18px; */
  /* padding-left: 10px; */
  display: flex;
  /* padding-right: 10px; */
  /* padding-top: 74px; */
  position: relative;
  z-index: 2;
  /* padding-bottom: 21px; */
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}

.gate_title {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 94%;
  margin: auto;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 74px;
}

.gate_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* margin-top: 13px; */
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  /* height: 71px; */
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.gate_info_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

.gate_point {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* position: absolute; */
  /* right: 13px; */
  /* top: -41px; */
  background: var(--gate-color-text);
  color: var(--gate-color);
  border-radius: 10px;
  padding: 5px 5px;
}


.gate_btn {
  height: 65px;
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  display: flex;
  /* padding-top: 9px; */
  align-items: center;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

.link_btn {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  display: flex;
  color: var(--main-color);
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.event_btn {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  display: flex;
  color: var(--main-color);
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}



.popup_check_store_main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}

.popup_check_store {
  border-radius: 24px;
  display: flex;
  /* background: #FFF; */
  /* box-shadow: 0px -3px 33px 0px rgb(0 0 0 / 79%); */
  flex-direction: column;
  align-content: center;
  padding: 18px 15px;
  align-items: center;
  margin: auto;
  max-width: 375px;
}

.map_icon {
  height: 68px;
}

.popup_check_store_text {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
  /* margin-top: 26px; */
  margin-bottom: 5px;
}

.close_popup_check_store {
  background: #1E1E1F;
  color: #fff;
  border: none;
  font-size: 16px;
  width: 100%;
  width: 250px;
  max-width: 100%;
  height: 58px;
  border-radius: 49px;
  margin-top: 35px;
  cursor: pointer;
}

.popup_information_connection,.popup_information_connection2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup_information_content
{padding: 20px;display: flex;align-content: space-around;justify-content: center;align-items: center;gap: 20px;flex-direction: column;}

.popup_information_title
{font-size: 17px;font-weight: 500;}

.popup_information_text
{text-align: center;font-size: 14px;color: #585858;}

.popup_information_btn
{width: 100%;}

.popup_information_btn_close
{background: #000;color: #fff;border: none;height: 50px;width: 100%;border-radius: 10px;font-size: 17px;}

/* media mobile  show popup_check_store_main bottom */
@media (max-width: 768px) {
  .popup_check_store_main {
    justify-content: flex-end;
    background: #ffffff24;
  }

  .popup_check_store {
    border-radius: 0px;
    border-radius: 24px 24px 0px 0px;
    margin: inherit;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    max-width: 100%;
  }
}

#second_bg_link {
  display: none;
}



.link:hover #first_bg_link {
  display: none;

}

.link:hover .content_link {
  color: var(--button-color, --main-color);
}

.link:hover .icon_c {
  color: var(--button-color, --main-color);
}

.link:hover #second_bg_link {
  display: block !important;
}

.box_link:hover {
  background-size: auto 120%;
}

.carousel:hover .img_link_active {
  transform: scale(1.1);
  transition: transform 0.5s ease;
}


input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.gate_img {
  width: 100%;
  background-size: cover;
  background-position: center;
  /* position: absolute; */
  height: 134px;
  overflow: hidden;
  background-color: transparent;
  /* border-radius: 21.966px; */
  box-shadow: 0px -2.706px 13.529px 0px rgba(0, 0, 0, 0.12), 0px 5.412px 13.529px 0px rgba(0, 0, 0, 0.12);
}

.icon_c {
  font-size: 30px;
  position: absolute;
  left: 45px;
  z-index: 1;
}

.box_link {
  position: relative;
  height: 330px;
  display: flex;
  max-width: 100%;
  width: 349px;
  align-items: flex-end;
  justify-content: flex-start;
  padding-bottom: 16px;
  padding-left: 14px;
  /* background-size: cover; */
  background-size: auto 100%;
  background-position: center;
  overflow: hidden;
  transition: background-size 0.5s;
}

.overlay_img {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to bottom, rgb(0 0 0 / 10%), var(--button-color)); */
}

.link_image_bg {
  background: var(--button-color-overlay);
  color: var(--button-color-text);
  padding: 6px 15px;
  border-radius: 10px;
  max-width: 90%;
}



.text_link_f {
  z-index: 9;
}

.icon_c_2 {
  position: absolute;
  background-color: var(--button-color-overlay);
  top: 16px;
  left: 16px;
  padding: 13px;
  border-radius: 50%;
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 5px -1px #000;
  justify-content: center;
}

.box_connexion_popup,
.gate_form,
.gate_form_pre,
.popup_pass_qr,
.catalogue_popup,
.popup_information_connection,
.popup_information_connection2 {
  width: 418px;
  position: fixed;
  margin: auto;
  z-index: 11;
  max-width: 100%;
  bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #fff;
  display: none;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  padding: 0;
  overflow: hidden;
  height: max-content;
  /* padding-top: 23px; */
  border-radius: 14px;
  /* padding-bottom: 23px; */
  /* padding-left: 17px; */
  /* padding-right: 17px; */
  box-shadow: inset 0 0 .5px .8px #ffffff1a, 0 0 0 .8px #14151a13, 0 .3px .4px #14151a05, 0 .9px 1.5px #14151a0b, 0 3.5px 6px #14151a17 !important;
  /* border: 1px solid #ccc; */
}


@media (max-width: 992px) {
  .max_contain_app {
    max-width: 98%;
  }

  .box_connexion_popup,
  .gate_form,
  .gate_form_pre,
  .popup_pass_qr,
  .catalogue_popup,
  .popup_information_connection,
  .popup_information_connection2 {
    width: 100%;
    position: fixed;
    margin: auto;
    z-index: 11;
    max-width: 500px;
    bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #fff;
    display: none;
    bottom: -100%;
    /* padding-top: 23px; */
    border-radius: 23px 23px 0px 0px;
    /* padding-bottom: 23px; */
    /* padding-left: 17px; */
    /* padding-right: 17px; */
    top: unset;
    border-radius: 23px 23px 0px 0px !important;
  }


}


@media (min-width: 992px) {
  .gate {
    border-radius: 23px;
  }

  .gate_list {
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
  }
}

.overlay_sm {
  position: absolute;
  z-index: 1;
  width: 110%;
  height: 148%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.content_link {
  z-index: 1;
  position: absolute;
  /* margin-top: -11px; */
  display: flex;
  align-items: center;
  max-width: 200px;

  gap: 22px;
}

.btn_link .content_link {
  /* padding-left: 26px !important; */
  text-align: center;
  /* padding: 0px !important; */

}

.carousel {
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 2;
}

.carousel-inner {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
}

.carousel-item {
  min-width: 100%;
  box-sizing: border-box;
  height: 100%;
}

.carousel .img_link {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.carousel-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 5;
}

.carousel-controls button {
  background-color: transparent;
  border: none;
  color: white;
  /* padding: 15px; */
  margin: 10px;
  cursor: pointer;
  background: var(--button-color-overlay);
  border-radius: 50%;
  color: var(--button-color-text);
  height: 30px;
  width: 30px;
}

.arrow_left {
  width: 33px !important;
  height: 33px !important;
}

.arrow_right {
  width: 33px !important;
  height: 33px !important;
}



.download_instagram_apple {
  position: fixed;
  display: flex;
  bottom: 0;
  z-index: 24;
  width: 100%;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
  background: #ffffff26;
}

.download_instagram {
  border-radius: 24px 24px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
  background: #FFF;
  box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.08);
  width: 375px;
  max-width: 100%;
}

.download_instagram_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 27px;
}

.close_instagram {
  margin-top: 27px;
}

.download_instagram_text {
  color: #898989;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  margin-top: 15px;
}

.icon_instagram_apple {
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
}

.title_instagram_apple {
  color: #000;

  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
}


.background_image {
  will-change: transform;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
  z-index: -2;
}



.google_icon_login {
  width: 20px;
  height: 20px;
  /* margin-top: -4px; */
}

.connect_with_google {
  padding-top: 6px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  margin: auto;
  gap: 14px;
  margin-top: 10px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(30, 30, 31, 0.10);
  background: #ffffff;

  height: 55px;
  color: #121212;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  padding-top: 0px;
  margin-bottom: 10px;
}

.connect_with_google:hover {
  border: 1px solid var(--main-color);
}

.grey_or {
  color: #898989;
  text-align: center;
  margin-bottom: 12px;
  margin-top: 10px;

  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.connect_with_google span {
  height: 20px;
  display: flex;
  align-items: flex-end;
  line-height: 19px;
  font-weight: 600;
}



.btn_connect,
.btn_manage,
.btn_notification,
.btn_qr_code {
  border-radius: 16px;
  border: none;
  color: var(--button-color-text);
  /* width: 135px; */
  padding-left: 10px;
  padding-right: 10px;
  min-width: 32px;
  /* height: 32px; */
  line-height: 16px;
  height: 32px;
  font-size: 14px;
  background: var(--button-color);
  /* box-shadow: 1px 1px 1px var(--button-color-text); */
  box-shadow: 0px -2.706px 13.529px 0px rgba(0, 0, 0, 0.12), 0px 5.412px 13.529px 0px rgba(0, 0, 0, 0.12);
  gap: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}


.btn_notification,
.btn_qr_code {
  width: 32px;
  height: 32px;
}

.btn_share {
  border: none;
  color: var(--button-color-text);
  width: 44px;
  height: 32px;
  background: var(--button-color);
  border-radius: 16px;
  /* box-shadow: 1px 1px 1px var(--button-color-text); */
  box-shadow: 0px -2.706px 13.529px 0px rgba(0, 0, 0, 0.12), 0px 5.412px 13.529px 0px rgba(0, 0, 0, 0.12);
}

.top_btn {
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 19px;
  max-width: 463px;
  margin: auto;
  /* margin-bottom: 30px; */
  z-index: 2;
  position: relative;
}


.btn_share:hover,
.btn_connect:hover,
.btn_manage:hover {
  background: var(--button-color-text);
  color: var(--button-color);
  border-color: var(--button-color-text);
}




.close_box_connection,
.close_box_qr_code {
  position: absolute;
  right: 12px;
  width: 28px;
  top: 7px;
  font-size: 16px;
  color: #000000 !important;
  cursor: pointer;
  height: 28px;
  background: #ffffffc9;
  border-radius: 7px;
}

.qr_code_text {
  color: #898989;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 25px;
}

.overlay_popup {
  position: fixed;
  background: #000000a3;
  height: 100%;
  width: 100%;
  z-index: 3;
  top: 0;
  left: 0;
  display: none;
}



.account_page {
  padding-left: 16px;
  padding-right: 16px;
  margin: auto;
  margin-top: 40px;
  width: 463px;
  /* margin: auto; */
  max-width: 100%;
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 20px;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
}

.account_page_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  background: #F7F7F7;
  min-height: 66px;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.account_page_title {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}




.back_main_account {
  color: #fff;
  background: #000;
  border: none !important;
  box-shadow: none !important;
  border: 1px solid var(--button-color-overlay);
  font-size: 16px;
  width: 44px;
  width: 44px;
  height: 44px;
  /* height: 30px; */
  cursor: pointer;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.account_page_body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 29px;
  min-height: 600px;
}

.account_page_profil {
  background: var(--main-color-opacity);
  /* border: 5px solid var(--main-color-text-opacity); */
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: var(--button-color-text);
  border-radius: 50%;
  /* margin-bottom: 23px; */
  cursor: pointer;
  background-size: cover;
}

.account_email {
  color: var(--main-color-text);
  text-align: center;
  font-size: 11px;
  font-style: normal;
  /* font-weight: 700; */
  line-height: normal;
  text-align: left;
  max-width: 115px;
  text-overflow: ellipsis;
  overflow: hidden;
}



.account_main_block {
  width: 100%;
  max-width: 500px;
}

.account_menu {
  display: flex;
  gap: 17px;
  align-items: center;
  margin-top: 0px;
  justify-content: flex-start;
  align-content: center;
}

.account_menu_bloc {
  background: #F9F9F9;
  color: #000;
  /* border: 1px solid var(--button-color-overlay); */
  font-size: 28px;
  /* width: 73.242px; */
  /* height: 60.262px; */
  width: 75px;
  height: 74px;
  border-radius: 14.125px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
  align-content: center;
}

.account_main_edit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 42px;
}

.input_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.input_box label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 3px;
}

.account_input {
  width: 100%;
  display: flex;
  width: 100%;
  height: 49px;
  padding: 16px 230px 16px 11px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: #F7F7F7;
  border: none;
}

.submit_account {
  background: var(--button-color);
  color: var(--button-color-text);
  border: 1px solid var(--button-color-text);
  height: 58px;
  width: 100%;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
  /* border: none; */
  border-radius: 49px;
}



.share_popup,
.notification_popup {
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
  margin: auto;
  right: 0;
  position: fixed;
  z-index: 3;
  max-width: 100%;
  border-bottom-left-radius: 23px;
  width: 375px;
  border-bottom-right-radius: 23px;
  height: min-content;
  /* max-height: 77vh; */
  box-shadow: 0px -3px 20px 3px rgba(0, 0, 0, 0.06);
}

.share_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 56px;
  margin-top: 50px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


.title_box_notification {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 17px;
  padding-left: 20px;
  margin-top: 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.close_share,
.close_notification,
.close_popup_gate,
.close_catalogue {
  position: absolute;
  top: 9px;
  line-height: normal;
  right: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  color: #fff;
  /* background: #000; */
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.share_box {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 16px;
  margin-bottom: 27px;
  cursor: pointer;
}

.share_icon {}

.share_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.share_right_icon {
  margin-left: auto;
}

.share_icon_img {
  /* width: 30px; */
  height: 30px;
}


.box_link_share {
  height: 54px;
  position: relative;
  width: -webkit-fill-available;
  margin: 16px;
  border-radius: 10px;
  border: 1px rgba(30, 30, 31, 0.10);
  cursor: pointer;
  background: #FCFBFB;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  gap: 16px;
  justify-content: space-around;
  border-radius: 10px;
  background: #FCFBFB;
  border: 1px solid rgba(30, 30, 31, 0.10);
  margin-bottom: 34px;
}

.box_link_share_icon {
  background-image: url('../img/favicon.ico');
  width: 51.359px;
  height: 30.359px;
  border-radius: 4.275px;
  background-size: contain;
  background-repeat: no-repeat;
}

.box_link_share_text {




  /* 122.701% */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 122.701% */
  text-decoration-line: underline;
  color: #898989;
  max-width: 100%;
  overflow: hidden;
}

.box_link_share_copy_icon {
  font-size: 20px;
  background: var(--button-color);
  color: var(--button-color-text);
  width: 28px;
  height: 28px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 39px;
  display: flex;
  font-size: 22px;
  cursor: pointer;
  border-radius: 11px;
}



.box_create_your_own {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  padding-top: 21px;
  padding: 16px;
  padding-bottom: 0px;
}

.box_create_your_own_title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.box_create_your_own_text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #898989;
  margin-top: 5px;
}

.box_create_your_own_btn_list {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 27px;
  margin-bottom: 29px;
}

.box_create_your_own_btn {
  border-radius: 16px;
  background: var(--button-color);
  height: 44px;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--button-color-text);
  cursor: pointer;
  border: 1px solid var(--button-color-text);
}

.box_create_your_own_btn_2 {
  border-radius: 16px;
  background: var(--button-color);
  height: 44px;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--button-color-text);
  cursor: pointer;
  border: 1px solid var(--button-color-text);
}


.account_menu_active {
  color: #fff;
  /* background: var(--button-color-text); */
  /* border: 1px solid var(--button-color-overlay); */
  border-radius: 14px;
  /* border: 1px solid rgba(0, 0, 0, 0.10); */
  background: #dedede;
  transition: 0.5s;
}


.account_main_pass {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 17px;
}


.apple_google_wallet_main {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: flex-start;
  flex-direction: column;
}

.apple_w2 {
  width: 32px;
  height: 32px;
}

.button_open_apple_wallet {}

.button_open_apple_wallet {
  display: flex;
  margin: auto;
  /* margin-top: 30px; */
  margin-bottom: 0px;
  max-width: 300px;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #121212;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  padding-right: 8px;
  line-height: normal;
  color: #fff;
  height: 54px;
  padding-top: 0px;
  width: 100%;
  border-radius: 49px;
  border: 1px solid #ffffff;
  flex-direction: row;
  border-radius: 49px;
  border: 1px solid #D9E2EB;
  background: #1E1E1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 22px;
  padding-left: 21px;
  padding-right: 21px;
}

.google_w2 {
  width: 32px;
  height: 32px;
}


.important_none {
  display: none !important
}

.copied_text_tooltip,
.copied_text_tooltip_refferer {
  position: absolute;
  right: 0;
  top: -22px;
  background: var(--main-color);
  padding: 4px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 23px;
  transition: 1s linear;
  display: none;
}

.copied_text_tooltip_2 {
  /* display: none; */
  position: absolute;
  right: 0;
  top: -22px;
  background: var(--button-color);
  color: var(--button-color-text);
  border: 1px solid #ccc;
  font-size: 17px;
  padding: 4px;
  text-transform: capitalize;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 23px;
  transition: 1s linear;
}


.right_btn {
  display: flex;
  gap: 14px;

}




.notifications_list {
  margin-bottom: 5px;
  max-height: 500px;
  overflow: hidden;
  overflow-y: scroll;
}

.notification_box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 15px 14px;
  /* background: var(--button-color); */
  border-bottom: 1px solid #f6f4f4;
  color: #121212;
}

.notification_box_left {
  max-width: 237px;
}

.notification_text {
  color: #000;
  font-size: 12.507px;
  font-style: normal;
  padding-top: 2px;
  font-weight: 400;
  line-height: 140%;
  max-width: 74%;
}

.notification_button {
  display: flex;
  height: 29.183px;
  padding: 4.169px 12.507px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  background: var(--button-color);
  color: var(--button-color-text);
  border: 1px solid var(--button-color-text);
  border-radius: 4.169px;
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  margin-left: 50px;
  font-size: 12.507px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}


.notification_time {
  font-size: 12.507px;
  padding-top: 2px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.76px;
}

.no_notification {
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}


.notification_logo {
  width: 40.022px;
  height: 40.022px;
  background-size: cover !important;
  background-position: center;
  background: #ccc;
  border-radius: 5px;
}

.error_input {
  border: 1px solid red !important;
}


.icon_success_error {
  position: absolute;
  width: 20px;
  right: 14px;
  top: 44px;
  display: none;
}


.gate_name {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: 5px;
}

.description_gate {
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
}

.step_error_gate_point,
.step_error_gate,
.step_error_gate_ticket,
.step_error_gate_ticket_not_valid {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 0px;
  padding-top: 15px;
}


.phone_number_box {
  text-align: center;
}

.title_form {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #525252;
  margin-left: 5px;
  margin-top: 30px;
  text-align: left;
}

.mandatory_gate {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  margin-top: 8px;
  color: #898989;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-left: 5px;
  line-height: 27px;
}

.button_gate_list {}

.continue_gate {
  border-radius: 49px;
  background: #1E1E1F;
  color: #fff;
  height: 58px;
  width: 100%;
  border: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 40px;
  margin-bottom: 15px;
  /* max-width: 300px; */
}


.gate_input {
  height: 49px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  background: #F7F7F7;
  margin: auto;
  width: 100%;
  padding: 11px;
  /* max-width: 300px; */
  margin-top: 20px;
  border-radius: 8px;
}


.nft_points_display {
  width: 50%;
}

.back_gate {
  width: 100%;
  height: 58px;
  flex-shrink: 0;
  border-radius: 49px;
  background: #F0F0F0;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: none;
  /* margin-top: 18px; */
}


.pac-container {
  background-color: #fff;
  position: fixed !important;
  display: block;
  top: auto !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial, sans-serif;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.radio_gate {
  /* margin-left: 10px; */
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  border-radius: 20px;
  padding: 10px;
}

.radio_gate div {
  display: flex;
  gap: 10px;

}

input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #ffffff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #898989;
}

input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: var(--main-color);
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #898989;
}


.loader_gate {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 345px;
  position: relative;
}


.step_rewards {
  border-radius: 5px;
  background: #898989;
  width: 28px;
  display: inline-flex;
  height: 29px;
  justify-content: center;
  align-items: center;
  font-family: arial;
  margin-right: 15px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #ffffff;
}



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

.success_description {
  color: #525252;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 25px;
  line-height: 23px;
  max-width: 350px;
}

.success_promo_code {
  position: relative;
  height: 83px;
  background: var(--button-color);
  color: var(--button-color-text);
  border: 1px solid var(--button-color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 20px;
  font-size: 29px;
  gap: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  /* 76.316% */
  text-transform: uppercase;
  align-content: center;
  margin-bottom: 20px;
  cursor: pointer;
  max-width: 300px;
}

.success_links {
  /* margin-top: 15px; */
  /* margin-bottom: 20px; */
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  gap: 18px;
  width: 100%;
  justify-content: center;
}

.success_btn {
  height: 58px;
  width: 100%;
  border-radius: 49px;
  border: none;
  background: #1E1E1F;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  margin-bottom: 0px;
  max-width: 300px;
}

.close_success {
  height: 58px;
  width: 100%;
  border-radius: 49px;
  background: #F0F0F0;
  color: #121212;
  border: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#rewards_url {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

.success_media {
  height: 100px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 25px;
  object-fit: cover;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.popup_fancy {

  z-index: 18;
  position: fixed;
  background: var(--main-color-opacity);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}


.close_fancy {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--main-color-text);
  color: var(--main-color);
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.popup_fancy_content_element {
  max-height: 500px;
  object-fit: initial;
  max-width: 100%;
  height: auto;
  margin: 10px;
  width: auto;
}

.date_event_gate {
  border-radius: 23px;
  background: var(--main-color);
  color: var(--main-color-text);
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-left: 18px;
  cursor: pointer;
  margin-bottom: 20px;
}

.address_event_gate {
  border-radius: 23px;
  background: var(--main-color);
  color: var(--main-color-text);
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-left: 18px;
  cursor: pointer;
  margin-bottom: 20px;
}


.nft_points_total_2 {
  /* background: var(--button-color); */
  color: var(--main-color-text);
  border-radius: 10px;
  /* padding: 10px; */
  /* height: 40px; */
  font-size: 64px;
  line-height: normal;
  /* margin-top: 30px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-top: 15px; */
  display: none;
  /* border: 1px solid var(--main-color-text-opacity); */
}


.account_rewards_list {
  width: 100%;
  margin-top: 30px;
}

.account_rewards_block {
  display: flex;
  background: #F9F9F9;
  justify-content: space-between;
  color: #000;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 18px;
}

.account_rewards_title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.account_rewards_list_date {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.logout_account {
  border: none;
  background: none;
  color: #000;
  margin: auto;
  margin-top: 50px;
  text-decoration: underline;
  font-size: 17px;
}

/* hide scrollbar but allow scrolling */
.gate_list {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
  /* padding-top: 5px; */
}

.gate_list::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.icon_list,
.icon_list_bottom {
  font-size: 30px;
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 35px;
  color: var(--main-color-text) !important;
}

.icon_link {
  color: var(--main-color-text);
}


.leader_board_list {
  background: none;
  border-radius: 32px;
  padding: 24px 17px;
  margin-top: 0px;
}

.leader_board_box {
  display: flex;
  background: #1E1E1F;
  padding: 13px 16px;
  border-radius: 12px;
  /* border: 1px solid var(--button-color-text); */
  height: 48px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  /* gap: 59px; */
  margin-bottom: 4px;
  margin-top: 4px;
}

.leader_board_number {
  font-size: 14.4px;
  font-style: normal;
  width: 17px;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
}

.leader_board_profile {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  background-size: cover;
}

.leader_board_wallet {
  font-size: 14.4px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
}

.leader_board_points {
  font-size: 14.4px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  white-space: nowrap;
  color: #fff;
}


.leader_board_1 {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 80%;
  /* margin-bottom: 8px; */
}

.leader_board_2 {}



.leader_bord_box_2 {
  /* width: 109px; */
  text-align: center;
  display: flex;
  order: 1;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.leader_board_profile_2 {
  width: 74px;
  height: 74px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #1e1e1f;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  background-size: cover;
}

.leader_board_profile_1 {
  position: relative;
  width: 84px;
  height: 84px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #1e1e1f;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
}

.leader_board_profile_3 {
  width: 74px;
  height: 74px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #1e1e1f;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-size: cover;
  position: relative;
}

.leader_board_rang {
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  color: #1e1e1f;
  border: 1px solid #1e1e1f;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin-top: 0px;
  bottom: -15px;
}

.leader_board_name {
  margin-top: 25px;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #000;
}

.leader_board_points {}

.leader_board_top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 80px;
}

.leader_bord_box_1 {
  /* width: 110px; */
  text-align: center;
  margin-top: -40px;
  display: flex;
  order: 2;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.leader_bord_box_3 {
  /* width: 110px; */
  text-align: center;
  display: flex;
  order: 3;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.leader_board_points2 {
  font-size: 14.4px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #000;
}


.point_master {
  /* margin-top: 16px; */
  background: var(--main-color-text);
  border-radius: 15px;
  padding: 3px 0px;
  height: 31px;
  display: flex;
  align-items: center;
  /* padding-left: 10px; */
  position: relative;
  gap: 8px;
  justify-content: space-between;
  overflow: hidden;
  color: var(--main-color);
}

.progress_points_master {
  background: var(--button-color);
  width: 100%;
  position: absolute;
  max-width: 90%;
  z-index: 0;
  height: 84%;
  left: 0;
  border-radius: 20px;
  margin-left: 3px;
  /* margin-bottom: 10px; */
  /* padding-left: 10px; */
  /* padding-right: 10px; */
}

.level_points {
  z-index: 1;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 15px;
  font-size: 15px;
  height: 25px;
  display: flex;
  padding: 1px 14px;
  font-style: normal;
  font-weight: 700;
  color: var(--button-color-text);
  line-height: normal;
  /* padding-left: 6px; */
  align-items: center;
  justify-content: center;
}

.current_points {}

.next_level_points {}

.div_master_level {
  z-index: 2;
  /* margin-right: 15px; */
  font-size: 15px;
  font-style: normal;
  margin-right: 10px;
  font-weight: 400;
  line-height: normal;
  /* color: var(--main-color-text); */
}

.gate_step_connection {
  margin-bottom: -5px;
  /* padding-top: 15px; */
}

.gate_title_connection {
  background-color: var(--button-color);
  color: var(--button-color-text);
  display: flex;
  background-size: cover;
  justify-content: center;
  background-position: center;
  height: 90px;
  /* border-radius: 20px; */
  align-items: flex-end;
  padding-bottom: 17px;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  /* margin-bottom: 20px; */
  line-height: normal;
}

.gate_description_connection {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  color: #707070;
  margin-left: 11px;
  margin-right: 11px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 9px 7px;
  gap: 10px;
  margin-bottom: 15px;
}


.connexion_padding {
  padding: 15px 15px;
  /* padding-top: 25px; */
  /* padding-bottom: 0px; */
}

.gate_description_icon {
  color: #030303;
  font-size: 20px;
}


.gate_form {
  padding-top: 23px;
  border-radius: 11px;
  padding-bottom: 23px;
  padding-left: 17px;
  padding-right: 17px;
  /* border-radius: 23px 23px 0px 0px; */
}






.gate_btn_connection {
  display: flex;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 0px;
  max-width: 93%;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #121212;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #fff;
  height: 46px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ffffff;
  margin-bottom: 15px;
}

.more_description {
  cursor: pointer;
  color: var(--main-color-text);
  text-decoration: underline;
  font-size: 15px;
}

.collection_logo_circle {
  border-radius: 50%;
  width: 128px;
  margin-top: 30px;
  height: 128px;
  object-fit: cover;
  border: 2px solid #fff;
  background: #fff;
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.10), 0px 6px 9px 2px rgba(0, 0, 0, 0.10);
}

.collection_logo_fade {
  max-width: 442px;
  width: 100%;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  position: relative;
  /* height: 500px; */
  object-fit: cover;
  border-radius: 0px;
  z-index: 2;
  display: block;
}

.fade_effect {
  z-index: 3;
  width: 100%;
  height: 50%;
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--main-bg-color) 100%);
  bottom: 0;
}

.fade_effect_2 {
  z-index: 4;
  width: 100%;
  height: 30%;
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--main-bg-color) 100%);
  bottom: -1px;
}

.collection_logo_container_fade {
  display: flex;
  justify-content: center;
  margin-top: -51px;
  z-index: 0;
  position: relative;
  height: 450px;
  margin-bottom: -86px;
  /* margin-top: 7px; */
}

@media screen and (min-width: 768px) {
  .collection_logo_fade {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    /* margin-top: 100px; */
  }
}

.background_image_video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


.link_content_custom {}

.btn_link {
  width: 100%;
  display: flex;
  height: 65px;
  background: var(--button-color);
  color: var(--button-color-text);
  align-items: center;
  justify-content: center;
  max-width: 349px;
  position: relative;
}


.btn_link_1 {
  border-radius: 0px;
}

.btn_link_2 {
  border-radius: 8px;
}

.btn_link_3 {
  border-radius: 22px;
}

.btn_link_4 {
  border-radius: 0px;
  border: 1px solid var(--button-color-text);
}

.btn_link_5 {
  border-radius: 8px;
  border: 1px solid var(--button-color-text);
}

.btn_link_6 {
  border-radius: 22px;
  border: 1px solid var(--button-color-text);
}


.btn_link_7 {
  border-radius: 0px;

  box-shadow: 0px -2px 5px 0px var(--button-color-text), 0px 6px 9px 2px var(--button-color-text);

}

.btn_link_7:hover {
  box-shadow: 0px -2px 5px 0px var(--button-color), 0px 6px 9px 2px var(--button-color);
}


.btn_link_8 {
  border-radius: 8px;

  box-shadow: 0px -2px 5px 0px var(--button-color-text), 0px 6px 9px 2px var(--button-color-text);

}

.btn_link_8:hover {
  box-shadow: 0px -2px 5px 0px var(--button-color-text), 0px 6px 9px 2px var(--button-color-text);
}

.btn_link_9 {
  border-radius: 22px;
  box-shadow: 0px -2px 5px 0px var(--button-color-text), 0px 6px 9px 2px var(--button-color-text);
}

.btn_link_9:hover {
  box-shadow: 0px -2px 5px 0px var(--button-color), 0px 6px 9px 2px var(--button-color);
}

.btn_link_10 {
  border-radius: 0px;
  border: 1px solid var(--button-color-text);
  box-shadow: 3px 4px 0px 2px var(--button-color-text);
}

.btn_link_10:hover {
  box-shadow: 3px 4px 0px 2px var(--button-color), 0px 6px 9px 2px var(--button-color);
}

.btn_link_11 {
  border-radius: 8px;
  border: 1px solid var(--button-color-text);
  box-shadow: 3px 4px 0px 2px var(--button-color-text);
  position: relative;
}

.btn_link_11:hover {
  box-shadow: 3px 4px 0px 2px var(--button-color), 0px 6px 9px 2px var(--button-color);
}

.btn_link_12 {
  border-radius: 22px;
  border: 1px solid var(--button-color-text);
  box-shadow: 3px 4px 0px 2px var(--button-color-text);
}

.btn_link_12:hover {
  box-shadow: 3px 4px 0px 2px var(--button-color), 0px 6px 9px 2px var(--button-color);
}

.titre_snapss_main {
  color: var(--main-color-text);
  font-size: 26px;
  text-align: center;
  margin: auto;
  margin-top: 33px;
  max-width: 350px;
  /* margin-bottom: -17px; */
  font-weight: bold;
  z-index: 2;
  position: relative;
}



.btn_link:hover {
  background: var(--button-color-text);
  color: var(--button-color);
  border: 1px solid;
  border-color: var(--button-color);
}

.menu_slide {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  background: var(--button-color);
  width: fit-content;
  max-width: 98%;
  margin: auto;
  margin-bottom: 40px;
  height: 37.917px;
  border-radius: 12px;
  color: var(--button-color-text);
  align-items: center;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  /* border: 0.756px solid #ccc; */
  position: relative;
  z-index: 2;
  /* overflow: hidden; */
  box-shadow: inset 0 0 .5px .8px #ffffff1a, 0 0 0 .8px #14151a13, 0 .3px .4px #14151a05, 0 .9px 1.5px #14151a0b, 0 3.5px 6px #14151a17 !important;
}

.menu_slide_item {
  text-align: center;
  min-width: 96px;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
  z-index: 2;
}

.menu_slide_item_active {
  font-weight: 600;
  color: var(--button-color);
}

.menu_slide_background {
  position: absolute;
  width: 40px;
  min-width: 100px;
  height: 100%;
  background: var(--button-color-text);
  z-index: 1;
  left: 0;
  /* top: 0; */
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}


.gate_list_inline {
  display: flex;
  flex-direction: column;
}


.gate_inline {
  max-width: 349px;
}


.gate_full_width {
  max-width: 349px;
  border-radius: 0px;
  background: none;
  box-shadow: none;
  text-align: left;
}


@media screen and (min-width: 768px) {
  .collection_logo_speci {
    max-width: 349px;
  }
}


.catalogue_part {
  max-width: 100%;
  margin: auto;
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.catalogue_item {
  width: fit-content;
  /* max-width: 46%; */
  flex: none;
  margin-bottom: 0px;
  cursor: pointer;
  padding-bottom: 15px;
}

.catalogue_item_img {
  object-fit: cover;
  width: 150.009px;
  height: 160.331px;
  border-radius: 19.267px;
}

.catalogue_item_name {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--catalogue-color-text);
  /* margin-left: 7px; */
  margin-top: 3px;
  /* margin-bottom: 10px; */
  text-overflow: ellipsis;
  width: 122px;
  white-space: nowrap;
  overflow: hidden;
}

.catalogue_item_price {
  color: var(--catalogue-color-text);
  font-style: normal;
  font-weight: 400;
  line-height: 15.827px;
  /* margin-left: 7px; */
  margin-top: 2px;
}



.catalogue_popup_img {
  height: 292px;
  width: 100%;
  margin: auto;
  object-fit: cover;
}

.info_catalogue {
  display: flex;
  justify-content: space-between;
  padding: 0px 16px;
  margin-bottom: 24px;
  margin-top: 15px;
  align-items: flex-end;
}

.catalogue_popup_category {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.82px;
  color: #898989;
}

.catalogue_popup_title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #1E1E1F;
}

.catalogue_popup_description {
  padding: 0px 16px;
  color: #898989;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
  max-height: 68px;
  overflow-y: scroll;
}

.catalogue_popup_price {
  color: #898989;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.82px;
  white-space: nowrap;
}

.catalogue_popup_url {
  width: 93%;
  /* padding: 32px; */
  margin: auto;
  display: block;
  background: var(--catalogue-color);
  margin-bottom: 28px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--catalogue-color-text);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 49px;
  /* margin-top: 40px; */
}



.img_catalogue_popup {
  display: flex;
  margin-top: 17px;
  gap: 13px;
  margin-left: 16px;

}

.catalogue_item_single {
  flex: unset;
  max-width: 100%;
  width: 100%;
  margin-bottom: 50px;
}

.catalogue_item_single_main {
  max-width: 349px;
  margin: auto;
  display: block;
  flex-wrap: unset;
  justify-content: center;
  align-items: center;
}

.catalogue_item_carrousel {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  margin-right: 18px;
  max-width: unset;
}

.catalogue_item_carrousel_main {
  max-width: 100%;
  /* width: 396px; */
  margin-left: auto;
  display: block;
  flex-wrap: unset;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
  scrollbar-width: none;
  overflow-x: scroll;
  padding-top: 5px;
  padding-bottom: 16px;
  white-space: nowrap;
  /* padding-right: 10px; */
  margin-bottom: 30px;
}


.catalogue_show_category {
  max-width: 100%;
  max-width: 390px;
  width: fit-content;
  margin: auto;
  display: block;
  flex-wrap: unset;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
  scrollbar-width: none;
  overflow-x: scroll;
  padding-top: unset;
  white-space: unset;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  /* max-width: 349px; */
  /* margin-left: 15px; */
}


.catalogue_item_category_text {
  font-size: 24px;
  font-style: normal;
  text-align: left;
  font-weight: 400;
  line-height: normal;
  color: var(--catalogue-color-text);
  margin-bottom: 20px;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  /* margin-top: 50px; */
  font-size: 20px;
  font-weight: bolder;
  max-width: 349px;
  color: var(--main-color-text);
}

.catalogue_item_mosaic {
  max-width: 100%;
  width: fit-content;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 15px;
}



@media (min-width: 992px) {


  .catalogue_item_category {
    max-width: 100%;
    width: fit-content;
    /* max-width: 549px; */
    margin: auto;
    margin-bottom: 30px;
    /* gap: 15px; */
  }

  .catalogue_show_category {
    max-width: 100%;
    width: fit-content;
    /* max-width: 549px; */
    margin: auto;
    /* max-width: 370px; */
    max-width: 349px;
  }
}

.overlay_members {
  height: 100%;
  position: absolute;
  width: 100%;
  background: #ffffffb3;
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.position-relative {
  position: relative;
}

.icon_members_only {
  width: 39.818px;
  height: 39.818px;
  background: var(--catalogue-color);
  border-radius: 50%;
  color: var(--catalogue-color-text);
  display: flex;
  align-items: center;
  font-size: 15px;
  justify-content: center;
}

.gdpr_cookies {
  background: #ffffff;
  position: fixed;
  width: 100%;
  bottom: 0;
  font-size: 13px;
  line-height: 19px;
  z-index: 12;
  padding: 15px;
  color: #000000;
  display: flex;
  box-shadow: 0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.10), 2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  min-height: 80px;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  padding-top: 20px;
  gap: 25px;
  border-radius: 20px 20px 0px 0px;
}

.gdpr_cookies_accept {
  background: var(--button-color);
  color: var(--button-color-text);
  border: 1px solid var(--main-color-text);
  font-size: 15px;
  height: 40px;
  width: fit-content;
  padding: 0px 40px;
  border-radius: 16px;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 49px;
}


.gdpr_cookies_refuse {
  background: none;
  /* color: var(--button-color); */
  border: none;
  text-decoration: underline;
  font-size: 15px;
  margin-left: 10px;
  margin-right: 10px;
  /* height: 29px; */
  width: fit-content;
  /* padding: 0px 22px; */
  border-radius: 16px;
  color: #000;
  cursor: pointer;
  /* border: 1px solid var(--main-color-text); */
}


.strong_gdpr {
  margin-bottom: 8px;
  font-weight: bold;
  line-height: 29px;
}


.box_btn_gdpr {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: max-content;
}




@media (max-width: 768px) {
  .catalogue_item_category_text {
    margin-left: 11px;
  }

  .catalogue_item_mosaic {
    max-width: 100%;
    width: fit-content;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    margin-bottom: 15px;
  }

  .gdpr_cookies {
    display: flex;
    flex-direction: column;
    padding: 12px;
    padding-top: 12px;
    gap: 12px;
  }

  .p_gdpr {
    padding-bottom: 14px;
    border-bottom: 1px solid #ccc;
  }


  .box_btn_gdpr {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }


}


.container_snapss {
  width: 100%;
  margin: auto;
  padding-bottom: 40px;
  position: relative;
}

@media (min-width: 768px) {

  .container_snapss {
    width: 762px;
    max-width: 100%;
    padding-left: 20px;
    min-height: 100%;
    padding-right: 20px;
    position: relative;
  }

  .color_container_snapss {
    /* background: var(--main-color-opacity); */
  }


  .collection_logo_container_fade {
    margin-top: -42px;
  }

}


.gate_magnet {
  position: inherit;
  margin: initial;
  top: inherit;
  bottom: initial !important;
  padding: inherit;
  display: block !important;
}

.gate_title_connection_text {
  text-align: center;
  margin: auto;
  margin-bottom: 10px;
  font-size: 22px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 20px;
  max-width: 325px;
  /* margin: auto; */
}


.form_magnet_gate_main {
  padding: 15px 15px;
  /* padding-bottom: 0px; */
  margin-top: 60px;
  width: 500px;
}

.form_magnet_gate {
  margin-top: 60px;
  width: 500px;
}

.main_box_connection_magnet {
  margin-top: 60px;
  width: 500px;
}


.open_my_wallet_apple {
  margin-top: 10px;
  margin-bottom: 15px;
}

.main_pass_box {
  display: flex;
  width: 100%;
  /* gap: 10px; */
  justify-content: center;
}

.main_pass_box_1 {
  width: 40%;
  height: 145px;
  max-width: 105px;
  width: 105.33px;
  height: 145.234px;
  margin-left: 15%;
  padding-top: 3px;
  padding-bottom: 3px;
}

.main_pass_box_2 {
  width: 51%;
  margin-left: 5%;
}

.tel_img {
  width: 100%;
}

.qr_code_install {
  height: 40px;
  width: 40px;
  margin-top: 13px;
  padding: 3px;
}

.banner_install {
  height: 41.245px;
  margin-top: 1px;
}

.font_size_install {
  font-size: 9px;
}

.logo_install {
  max-height: 13px;
}

.flex_name_install {
  padding: 1px 4px;
  margin: 0;
}

.powered_bottom:hover {
  opacity: 0.8;
}


.gate_description_text {
  font-weight: 300;
  color: #525252;
  width: 100%;
}

.view_more_btn {
  background: none;
  border: none;
  text-decoration: underline;
  color: #898989;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 300;
}


.force_none {
  display: none !important;
}


.full_gate_description_text {
  text-align: center;
  border: none;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  padding-bottom: 20px;
  padding-top: 0px;
}

.full_gate_title_connection {
  height: 140px;
  margin-bottom: 30px;
}

.p_privacy_login_start {
  text-align: center;
  font-size: 10px;
  margin-top: 30px;
  max-width: 300px;
  width: 100%;
  color: #757575;
}


.a_underline_start {
  color: #757575;
  text-decoration: underline;
}


@media (max-width: 768px) {
  .main_box_connection_magnet {
    margin-top: 19px;
    width: 500px;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
  }

  .form_magnet_gate_main {
    padding: 18px 7px;
    padding-bottom: 0px;
    margin-top: 19px;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0px;
  }

  .form_magnet_gate {
    margin-top: 19px;
    width: 500px;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
  }
}


.force_none_iframe {
  display: none !important;
}

.hide_if_no_member {
  display: none !important;
}

.connected_member {
  /* padding-left: 13px; */
  /* padding-right: 13px; */
  text-align: left;
  margin-bottom: 50px;
  width: 343px;
  margin: auto;
  margin-bottom: 50px;
  max-width: 100%;
  margin-top: 30px;
}

.connected_member_title {
  font-size: 44px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--main-color-text);
}

.hand_emoji {}

.account_email {}

.next_triggers {
  /* max-width: 137px; */
}


.show_point_bar {
  display: flex;
  align-items: center;
  margin-top: 30px;
  justify-content: space-between;
}

.pts {
  font-size: 20px;
  color: var(--main-color-text);
}

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

.icon_list_bottom {
  margin-top: 40px;
}


.bloc_menu_a {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 14px;
  text-align: center;
  align-items: center;
}

.gate_title_block_main {
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 50px;
  font-size: 20px;
  font-weight: bolder;
  max-width: 349px;
  color: var(--main-color-text);
}


.add_connected_member_title {
  display: flex;
  justify-content: space-between;
}


.account_main_refferer {}

.refferer_main_box {
  display: flex;
  justify-content: space-between;
  margin-top: 49px;
}

.refferer_main_box_1,
.refferer_main_box_2 {
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: center;
  border-radius: 11.687px;
  background: #F9F9F9;
  width: 169px;
  height: 147px;
  justify-content: center;
  font-size: 24px;
}

.num_refferer {
  font-size: 32px;
}

.num_refferer_text {
  font-size: 16px;
}


.refferer_title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}

.refferer_super_title {
  text-align: center;
  font-size: 17px;
  margin-top: 10px;
}

.refferer_input_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 348px;
  margin: auto;
  height: 66px;
  max-width: 100%;
  margin-top: 32px;
}

.refferer_input {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  border-radius: 11.687px;
  background: #F9F9F9;
  border: none;
  width: 100%;
  height: 66px;
  /* max-width: 100%; */
  color: #898989;
  font-size: 14px;
  padding: 12px;
  padding-left: 20px;
  padding-right: 46px;
}

.refferer_btn {
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 39px;
  display: flex;
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  background: none;
  border-radius: 11px;
  right: -1px;
  border: none;
}

.copied_text_tooltip_refferer {

  color: #fff !important;
  background: #000;
}




.faq_container_of_questions_mba {
  max-width: 339px;
  margin-top: 20px;
  margin: auto;
  color: var(--main-color-text);
  margin-top: 45px;
}

.faq_container_of_questions_mba_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  /* margin-top: 15px; */
}

.faq_container_of_questions_mba_list {}

.faq_container_of_questions_mba_list_item {
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 50px;
}

.faq_container_of_questions_mba_list_item_question {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.faq_container_of_questions_mba_list_item_question_title {
  padding-right: 21px;
  font-size: 32px;
  font-style: italic;
  color: var(--main-color-text-opacity);
}

.faq_container_of_questions_mba_list_item_answer {
  font-size: 17px;
  font-weight: 400;
  margin-top: 27px;
  line-height: 25px;
  display: none;
  color: var(--main-color-text-opacity);
}


.google_id_box {
  text-decoration: underline;
  cursor: pointer;
}

.google_id_input {
  max-width: 84px;
}

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



.please_connect_google {
  text-align: center;
}

.please_install_message_google {
  font-size: 26px;
  color: #000;
  max-width: 200px;
  line-height: 34px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}

.google_review_img {
  height: 23px;
  vertical-align: middle;
  /* padding-top: 17px; */
}

.google_review_img_icon {
  width: 150px;
  margin: auto;
}

.google_review_text {
  font-size: 16px;
  color: #898989;
  margin-top: 20px;
  margin-bottom: 20px;
}


.loading_google_review {
  margin: auto;
  width: 50px;
  margin-bottom: 20px;
}

.step_error_gate_max_claim {
  text-align: center;
}



.ticket_mode_list {
  max-width: 349px;
  margin: auto;
  margin-bottom: 43px;
}


.ticket_mode_title {
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 50px;
  font-size: 20px;
  font-weight: bolder;
  max-width: 349px;
  color: var(--main-color-text);
}

.ticket_mode_list_item {
  /* max-width: 349px; */
  /* border-radius: 24px; */
  /* border: 1.5px solid var(--main-color-text); */
  /* max-width: 290px; */
  /* height: 400px; */
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  display: flex;
  padding-bottom: 10px;
  gap: 10px;
}

.ticket_mode_item {
  height: 100%;
  width: 100%;
  max-width: 300px;
  border-radius: 24px;
  border: 1.5px solid var(--main-color-text);
  max-width: 309px;
  height: 400px;
  position: relative;
  padding: 17px;
  display: inline-flex;
  /* display: flex; */
  flex-direction: column;
  gap: 20px;
  align-content: center;
  justify-content: space-between;
}

.active_card {
  border-radius: 12.455px;
  background: #00DE85;
  color: #fff;
  width: 90px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
}

.inactive_card {
  border-radius: 12.455px;
  background: #FF523E;
  color: #fff;
  width: 90px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
}



.gate_select_review
{
  margin: auto;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  color: #4b4b4b;
  padding-right: 15px;
  max-width: 300px;
}


.popup_information_btn
{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 39px;
  flex-direction: column;
}

.multiple_line_btn
{background: #000;border: none;color: #fff;border: none;border-radius: 38px;min-height: 60px;padding-left: 20px;width: 100%;padding-right: 20px;}

.skip_popup_inf{
  cursor: pointer;
  color: #898989;
  text-decoration: underline;
}

.popup_information_title2
{font-weight: 700;font-size: 30px;}

.popup_information_btn_text_1
{font-size: 15.298px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 9px;}

.popup_information_btn_text_2
{font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}

.t_1_p {
  text-align: center;
  font-size: 16px !important;
}

/* Ticket Upload Styles */
.ticket_upload_box {
  text-align: center;
}

.ticket_upload_description {
  margin-bottom: 30px;
}

.ticket_upload_description p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 15px;
}

.ticket_upload_area {
  border: 2px dashed #ddd;
  border-radius: 12px;
  padding: 40px 20px;
  background-color: #fafafa;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  position: relative;
}

.ticket_upload_area:hover {
  border-color: #007bff;
  background-color: #f0f8ff;
}

.ticket_upload_placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.ticket_upload_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #007bff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
}

.ticket_upload_text {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.ticket_upload_subtext {
  font-size: 12px;
  color: #999;
  margin: 0;
}

.ticket_upload_preview {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

.ticket_upload_preview img {
  width: 100%;
  max-height: 300px;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ticket_remove_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ff4757;
  color: white;
  border: none;
  border-radius: 20px;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ticket_remove_btn:hover {
  background-color: #ff3742;
}

@media (max-width: 768px) {
  .ticket_upload_area {
    padding: 30px 15px;
  }
  
  .ticket_upload_icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
  
  .ticket_upload_text {
    font-size: 14px;
  }
}