@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-SemiBold.woff2') format('woff2'),
    url('../fonts/Inter18pt-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-Regular.woff2') format('woff2'),
    url('../fonts/Inter18pt-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-Light.woff2') format('woff2'),
    url('../fonts/Inter18pt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-Black.woff2') format('woff2'),
    url('../fonts/Inter18pt-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-Medium.woff2') format('woff2'),
    url('../fonts/Inter18pt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-Bold.woff2') format('woff2'),
    url('../fonts/Inter18pt-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src:
    url('../fonts/Inter18pt-Thin.woff2') format('woff2'),
    url('../fonts/Inter18pt-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica-lp';
  src:
    url('../fonts/Helvetica-Condensed-Black.woff2') format('woff2'),
    url('../fonts/Helvetica-Condensed-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src:
    url('../fonts/FuturaPT-Light.woff2') format('woff2'),
    url('../fonts/FuturaPT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src:
    url('../fonts/FuturaPT-ExtraBold.woff2') format('woff2'),
    url('../fonts/FuturaPT-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src:
    url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
    url('../fonts/FuturaPT-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src:
    url('../fonts/FuturaPT-Demi.woff2') format('woff2'),
    url('../fonts/FuturaPT-Demi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

html {
  overflow-x: hidden;
  font-family: 'Helvetica Neue';
  scroll-behavior: smooth;
}

body {
  font-family: 'Helvetica Neue';
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  margin: auto;
  background: #ffffff;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
}

.max_wdith_1197 {
  max-width: 1220px;
  width: 100%;
  margin: auto;
  padding-left: 25px;
  padding-right: 25px;
}

.navbar {
  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: auto;

  margin-top: 13px;

  margin-bottom: 30px;
}

.nav_sub_1 {
  display: flex;

  gap: 25px;

  align-items: center;
}

.p_nav_ {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  cursor: pointer;

  line-height: 23.36px;
  /* 166.854% */
}

.s_u_b {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
    linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.632px;
  /* 140.23% */
  max-width: 145px;
  width: 100%;
  height: 46px;
  cursor: pointer;
}

.logo {
  max-width: 110px;
  width: 100%;
  margin-bottom: 9px;
}

.p_sub_snaps {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 27px */
  max-width: 608px;
}

.h1_snapss {
  color: var(--primary-Black, #1e1e1f);
  font-size: 37px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  /* 117.857% */
  margin-bottom: 17px;
  letter-spacing: -1.12px;
}

.text-gradiant {
  color: #0e2c7a;
}

.container_main {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  height: 80vh;
  justify-content: space-between;
  position: relative;
}

.input_name {
  width: 543px;
  height: 46px;
  background: #efefef;
  color: #484848;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  /* 140.23% */
  border-radius: 32px;
  border: 0;
  margin-top: 33px;
  padding-left: 26px;
}

.start_page_button {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
    linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  margin-top: 25px;
  font-weight: 600;
  line-height: 19.632px;
  max-width: 212px;
  width: 100%;
  height: 46px;
  /* position: absolute; */
  left: 330px;
  top: 33px;
  cursor: pointer;
}

.position-relative {
  position: relative;
}

.div_flex_right {
  position: relative;
}

.video {
  max-width: 490px;
  width: 100%;
  margin-left: 0px;
  position: relative;
  z-index: -2;
  left: -20px;
}

.phone_snapss {
  position: absolute;

  width: 541px;

  top: 36px;

  left: 48%;
}

.g_wallet {
  position: absolute;

  width: 151px;

  left: 135px;

  top: 500px;
}

.a_wallet {
  position: absolute;

  width: 132px;

  left: -11px;

  top: 500px;
}

.footer {
  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  margin: auto;

  margin-top: 13px;

  border-top: 1px solid rgba(137, 137, 137, 0.3);

  padding-top: 17px;

  margin-top: 140px;

  margin-bottom: 57px;
}

.first_flex_footer {
  display: flex;

  align-items: center;

  gap: 25px;
}

.logo_footer {
  max-width: 71px;

  width: 100%;

  height: auto;

  margin-right: 10px;
}

.p_footer_1 {
  cursor: pointer;

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

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 23.36px;
  /* 166.854% */
}

.powered {
  max-width: 155px;

  width: 100%;

  height: auto;

  margin-left: 61px;

  margin-bottom: 18px;
}

.notif {
  border-radius: 18.941px;

  background: rgba(255, 255, 255, 0.96);

  box-shadow: 0px 0.72px 14.403px 0.72px rgba(18, 18, 18, 0.15);

  backdrop-filter: blur(4.180661201477051px);

  max-width: 277.232px;

  height: 89.541px;

  width: 100%;
}

.notif_status {
  color: rgba(18, 18, 18, 0.55);

  text-align: right;

  font-size: 8.61px;

  font-style: normal;

  font-weight: 800;

  margin-right: 15px;

  position: relative;

  top: 10px;
}

.notif_flex {
  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 10px;

  gap: 14px;
}

.phone_notif {
  width: 46.713px;

  height: 46.713px;
}

.notif_flex_right {
}

.p_notif1 {
  color: #121212;

  font-size: 14.155px;

  font-style: normal;

  font-weight: 900;

  line-height: 115%;
  /* 11.678px */

  text-transform: capitalize;
}

.p_notif {
  color: #616161;

  font-size: 13.155px;

  font-style: normal;

  font-weight: 500;

  line-height: 14.217px;
  /* 140% */

  max-width: 190px;
}

.notif_boxes {
}

.notif_two {
  position: absolute;

  top: 390px;

  left: 0px;

  z-index: 9;

  width: 261px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.notif_one {
  position: absolute;
  top: 370px;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  left: -10px;
}

.notif_three {
  position: absolute;

  top: 390px;

  left: 0px;

  z-index: 8;

  width: 261px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
}

.last_notif {
  position: absolute;

  top: 390px;

  left: -50px;

  z-index: 9;

  width: 261px;
  transition: 0.3s;
}

.notif_four {
  position: absolute;

  top: 390px;

  left: -50px;

  z-index: 7;

  width: 261px;
  transition: 0.3s;
  opacity: 1;
}

.snaps_form {
  max-width: 100%;

  height: 449px;

  width: 772px;

  flex-shrink: 0;

  border-radius: 18.447px;

  background: #fff;

  position: relative;

  padding-left: 48px;

  box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);

  padding-right: 26px;

  padding-top: 16px;
}

.snap_flex_form_1 {
  display: flex;

  justify-content: space-between;

  margin-bottom: 56px;

  align-items: flex-start;
}

.logo_form {
  max-width: 106px;

  width: 100%;

  height: auto;

  margin-top: 12px;
}

.close_form {
  cursor: pointer;
}

.submit_form_snap {
  max-width: 309px;

  height: 53px;

  flex-shrink: 0;

  width: 100%;

  border-radius: 40.637px;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

  border: 0;

  color: #fff;

  text-align: center;

  font-size: 13.269px;

  font-style: normal;

  font-weight: 700;

  line-height: 28.197px;
  /* 212.5% */

  letter-spacing: -0.398px;
}

.input_form_snap {
  max-width: 309px;

  height: 53px;

  flex-shrink: 0;

  width: 100%;

  border-radius: 40.637px;

  background: #f0f0f0;

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

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 13.269px;

  font-style: normal;

  font-weight: 700;

  line-height: 28.197px;
  /* 212.5% */

  letter-spacing: -0.398px;

  border: 0;

  margin-bottom: 15px;
}

.snap_broken {
  width: 100%;

  position: absolute;

  bottom: 0;

  right: -10px;
}

.snap_broken {
}

.p_form_1 {
  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  leading-trim: both;

  text-edge: cap;

  font-size: 28px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  max-width: 315px;

  width: 100%;
}

.p_form_2 {
  color: #121212;

  leading-trim: both;

  text-edge: cap;

  font-size: 28px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  max-width: 315px;

  margin-bottom: 17px;

  width: 100%;
}

.p_form_3 {
  color: #898989;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;
  /* 21px */

  max-width: 332px;

  width: 100%;
}

.snap_flex_form_2 {
  display: flex;

  align-items: flex-start;

  justify-content: space-between;
}

.div_one_flex_form {
  width: 332px;

  border-right: 1px solid #d2d5df;
}

.div_two_flex_form {
  width: 320px;

  margin-left: 25px;
}

.main_snap_form_div {
  width: 100%;

  height: 100%;

  display: flex;

  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  display: grid;

  z-index: 78;

  font-family: arial;

  left: 0;

  justify-content: center;

  align-items: center;
}

.container_hiw {
  text-align: center;

  margin-top: 96px;
}

.logo_hiw {
  width: 106px;
  margin-bottom: 9px;
}

.h1_hiw {
  color: var(--primary-Black, #1e1e1f);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  /* 117.857% */
  letter-spacing: -1.12px;
  margin-bottom: 9px;
  text-align: center;
  color: #1858ff;
  padding-top: 1px;
}

.h2_hiw {
  color: #898989;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 27px */
  max-width: 555px;
  margin: auto;
  margin-bottom: 20px;
  width: 100%;
  max-width: 770px !important;
}

.button_h_i_w {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
    linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.632px;
  max-width: 212px;
  width: 100%;
  height: 46px;
  cursor: pointer;
}

.frame_1_hiw {
  max-width: 546px;

  margin-top: 79px;

  margin-bottom: 144px;

  width: 100%;
}

.second_section_hiw {
  text-align: center;
  position: relative;
}

.p_section_hiw {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: -0.8px;
}

.p_sub_hiw {
  color: #fff;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 24px;

  text-transform: capitalize;

  margin-top: 8px;
}

.p_title_hiw {
  color: #fff;

  font-size: 19px;

  font-style: normal;

  font-weight: 700;

  line-height: 120%;
  /* 22.8px */

  text-transform: capitalize;
}

.frame_big_box_gradiant {
  max-width: 352px;

  width: 100%;

  position: absolute;

  top: 0;
}

.big_box_gradiant {
  max-width: 372px;

  height: 372px;

  width: 100%;

  border-radius: 32px;

  background: linear-gradient(180deg, #1858ff 0%, #1e1e1f 100%);

  padding-left: 29px;

  padding-right: 30px;

  padding-top: 264px;

  overflow: hidden;

  position: relative;
}

.first_flex_hiw {
  display: flex;

  justify-content: space-between;

  margin-top: 116px;

  margin-bottom: 153px;
}

.frame_big_box_gradiant_2 {
  max-width: 352px;

  width: 100%;

  max-width: 325px;

  width: 100%;

  position: absolute;

  top: 22px;

  left: 16px;
}

.frame_big_box_gradiant_3 {
  width: 100%;

  max-width: 322px;

  width: 100%;

  position: absolute;

  top: 22px;

  left: 22px;
}

.frame_4_0_hiw {
  max-width: 501px;

  width: 100%;

  margin-right: 50px;
}

.frame_4_1_hiw {
  position: absolute;

  top: 60px;

  left: 60px;

  max-width: 320px;

  width: 100%;
}

.frame_4_2_hiw {
  position: absolute;

  top: 320px;

  left: 0px;

  max-width: 364px;

  width: 100%;
}

.frame_4_3_hiw {
  position: absolute;

  top: 290px;

  right: 50px;

  max-width: 277px;

  width: 100%;
}

.frame_4_4_hiw {
  position: absolute;

  top: 70px;

  right: 140px;

  max-width: 243px;

  width: 100%;
}

.h2_4_hiw {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: 57px;

  margin-top: 18px;

  margin-bottom: 74px;
}

.p_title_4 {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 4.8px;

  text-transform: capitalize;
}

.fourth_section_hiw {
}

.container_relative {
  text-align: center;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;
}

.button_margin_supp {
  margin-top: 60px;
  margin-bottom: 147px;
}

.button_margin_supp2 {
  margin-top: 70px;
  margin-bottom: 241px;
}

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

.frame_5_0_hiw {
  max-width: 356px;

  width: 100%;
}

.frame_5_1_hiw {
  position: absolute;

  max-width: 153px;

  width: 100%;

  z-index: -1;

  left: 350px;

  top: 100px;
}

.frame_5_2_hiw {
  position: absolute;

  max-width: 163px;

  width: 100%;

  z-index: -1;

  right: 350px;

  top: 90px;
}

.frame_5_3_hiw {
  position: absolute;

  max-width: 123px;

  width: 100%;

  z-index: -1;

  right: 380px;

  top: 310px;
}

.frame_5_4_hiw {
  position: absolute;

  max-width: 280px;

  width: 100%;

  bottom: -50px;

  left: 410px;
}

.frame_5_5_hiw {
  position: absolute;

  max-width: 172px;

  width: 100%;

  left: 370px;

  bottom: 190px;
}

.frame_5_6_hiw {
  position: absolute;

  max-width: 192px;

  width: 100%;

  left: 360px;

  bottom: 120px;
}

.sixth_section_hiw {
}

.flex_1_6_sect {
  display: flex;

  justify-content: space-between;
}

.p_title_flex_1_6_sect {
  color: var(--primary-Black, #1e1e1f);

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 4.8px;

  margin-top: 77px;

  text-transform: capitalize;
}

.h3_flext_6 {
  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 18px;
}

.p_sub_6 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  line-height: 34px;

  letter-spacing: -0.4px;

  margin-top: 11px;

  margin-bottom: 40px;

  max-width: 650px;

  width: 100%;
}

.button_flex_1_6_sect {
}

.div_img_relative_flex_6 {
  position: relative;
}

.frame_6_0_hiw {
  max-width: 438px;

  width: 100%;
}

.text-gradiant2 {
  background: linear-gradient(90deg, #65d865 0%, #1e1e1f 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  padding-top: 1px;
}

.button_flex_2_6_sect {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #65d865 3.19%, #1e1e1f 105.61%);
}

.text-gradiant3 {
  background: linear-gradient(90deg, #dad525 0%, #1e1e1f 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  padding-top: 1px;
}

.flex_3_6_sect {
}

.button_flex_3_6_sect {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #dad525 3.19%, #1e1e1f 105.61%);
}

.text-gradiant4 {
  background: linear-gradient(90deg, #ff7c6d 0%, #1e1e1f 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  padding-top: 1px;
}

.button_flex_4_6_sect {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #ff7c6d 3.19%, #1e1e1f 105.61%);
}

.flex_2_6_sect {
  display: flex;

  justify-content: space-between;

  margin-top: 241px;

  margin-bottom: 241px;
}

.frame_6_relative_one_hiw {
  position: absolute;

  max-width: 370px;

  left: 280px;

  bottom: -180px;

  width: 100%;
}

.navigation_hiw {
  display: flex;

  border-bottom: 1px solid rgba(137, 137, 137, 0.3);

  padding-bottom: 22px;

  margin-top: 20px;

  gap: 22px;

  align-items: center;

  justify-content: flex-start;
}

.whats_snnapps_one {
}

.whats_snnapps_two {
}

.p_nav_hiw {
  color: var(--primary-Black, #1e1e1f);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 23.36px;
  /* 145.997% */
  cursor: pointer;
}

.title_button_nav_footer {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 10px;
}

.next_p_hiw {
  color: #898989;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.arrow_rightone {
  position: absolute;

  top: 0;

  margin: auto;

  bottom: 0;

  right: 20px;
}

.button_navigation_footer {
  max-width: 100%;
  height: 76px;
  width: 233px;
  position: relative;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0px 0.884px 17.678px 0.884px rgba(18, 18, 18, 0.15);
  backdrop-filter: blur(5.131088733673096px);
  padding-top: 12px;
  padding-bottom: 17px;
  padding-left: 16px;
  padding-right: 14px;
  cursor: pointer;
}

.title_button_nav_footer_2 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 10px;

  text-align: end;
}

.next_p_hiw_2 {
  color: #898989;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-align: end;
}

.arrow_rightone_2 {
  position: absolute;

  top: 0;

  margin: auto;

  bottom: 0;

  left: 20px;

  rotate: 180deg;
}

.button_navigation_footer_2 {
  max-width: 100%;
  height: 76px;
  width: 233px;
  position: relative;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0px 0.884px 17.678px 0.884px rgba(18, 18, 18, 0.15);
  backdrop-filter: blur(5.131088733673096px);
  padding-top: 12px;
  padding-bottom: 17px;
  padding-left: 16px;
  padding-right: 14px;
  cursor: pointer;
}

.footer_hiw {
  width: 100%;
  background: var(--primary-Black, #1e1e1f);
  height: 191px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 120px;
  padding-left: 120px;
}

.block_notif_1 {
  max-width: 397px;
  position: absolute;
  top: 0;
  right: 100px;
  margin: auto;
  bottom: 0;
  width: 100%;
}

.block_notif_2 {
  max-width: 321px;
  position: absolute;
  bottom: -30px;
  right: -60px;
  width: 100%;
}

.block_notif_3 {
  max-width: 321px;
  position: absolute;
  bottom: -70px;
  right: -30px;
  width: 100%;
}

.logoshowed_imp {
  max-width: 106px;

  width: 100%;
}

.why_frame_0 {
  max-width: 386px;

  width: 100%;

  margin-top: 184px;

  margin-bottom: 524px;
}

.big_div_box_why_1 {
  border-radius: 18.447px;
  background: #fff;
  box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
  max-width: 359.723px;
  height: 234.058px;
  width: 100%;
  position: relative;
  padding-top: 59px;
  padding-left: 28px;
  padding-right: 28px;
}

.abs_why_frame0 {
  position: absolute;
  width: 96px;
  height: 96px;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
}

.position_why_frame_1 {
  position: absolute;

  top: 100px;
}

.sub_wbhy_block {
  color: #898989;
  text-align: center;
  margin-top: 11px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 142.857% */
  text-transform: capitalize;
}

.why_contain_1 {
  text-align: center;
  position: relative;
}

.p_why_block {
  text-align: center;

  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 48px */
  text-transform: capitalize;
}

.color_green {
  color: #65d865;
}

.color_red {
  color: #ff7c6d;
}

.color_blue {
  color: #1858ff;
}

.position_why_frame_2 {
  position: absolute;

  top: 100px;

  right: 0;
}

.position_why_frame_3 {
  position: absolute;

  bottom: 200px;

  left: 0;

  right: 0;

  margin: auto;
}

.logo_why_2 {
  max-width: 106px;
  width: 100%;
}

.why_contain_2 {
  text-align: center;
}

.margin_spec_why_button {
  margin-bottom: 442px;

  margin-top: 40px;
}

.p_why_using_1 {
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin: auto;
  line-height: normal;
  letter-spacing: 0.64px;
  margin-top: 397px;
  max-width: 680px;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.64px;
}

.container_relative_why_1 {
  position: relative;
}

.positon_frame_0_why {
  position: absolute;
  width: 96px;
  top: -210px;
  left: 0;
  right: 0;
  margin: auto;
}

.positon_frame_1_why {
  position: absolute;
  position: absolute;
  width: 153px;
  top: 270px;
  right: 270px;
  left: -350px;
  margin: auto;
}

.positon_frame_2_why {
  position: absolute;
  width: 162px;
  top: 300px;
  right: -350px;
  left: 0;
  margin: auto;
}

.positon_frame_3_why {
  position: absolute;
  width: 126px;
  top: -150px;
  right: 120px;
}

.positon_frame_4_why {
  position: absolute;
  width: 126px;
  top: -150px;
  left: 120px;
}

.positon_frame_5_why {
  position: absolute;
  width: 162px;
  top: 90px;
  right: 0px;
}

.positon_frame_6_why {
  position: absolute;
  width: 132px;
  top: 90px;
  left: 0px;
}

a {
  text-decoration: none;
}

.container_pricing {
  margin-left: 65px;
}

.logo_pricing {
  max-width: 106px;
  width: 100%;
  margin-top: 0;
}

.pricing_title {
  margin-top: 9px;
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  /* 117.857% */
  letter-spacing: -1.12px;
  color: #1858ff;
  margin-bottom: 9px;
  padding-top: 1px;
}

.h2_pricing {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 27px */
  max-width: 545px;
  margin: auto;
}

.button_pricing_get_early {
  max-width: 231px;

  margin-top: 20px;

  margin-bottom: 76px;
}

.d_flex_pricing_stats {
  display: flex;
  width: 213px;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  margin-top: 30px;
}

.pricing_stat_one {
  color: var(--primary-Black, #1e1e1f);
  text-align: right;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 25.5px */
}

.pricing_stat_two {
  color: var(--primary-Black, #1e1e1f);
  text-align: right;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 25.5px */
}

.slider_range_one {
  -webkit-appearance: none;
  width: 213px;
  height: 10px;
  border-radius: 5px;
  background: #f4f4f4;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.slider_range_one::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1858ff;
  cursor: pointer;
}

.slider_range_one::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1858ff;
  cursor: pointer;
}

.success_form {
}

.p_success_1 {
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(102deg, #1858ff -9.22%, #1e1e1f 102.46%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 459px;
  margin: auto;
  width: 100%;
}

.p_sucess_2 {
  color: #898989;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  max-width: 474px;
  margin-top: 33px;
  width: 100%;
  margin: auto;
  margin-top: 33px;
}

button {
  cursor: pointer;
}

.header_pricing {
  height: 206px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  background: linear-gradient(180deg, #1858ff 0%, #1e1e1f 100%);

  border-top-right-radius: 32px;

  border-top-left-radius: 32px;
}

.big_bo_pricing {
  position: relative;
  max-width: 324px;
  height: 692px;
  width: 100%;
  border-radius: var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px) 32px 32px;
  background: #fff;
  border-radius: 32px;
  box-shadow:
    0px -2px 30px 0px rgba(24, 88, 255, 0.15),
    0px 12px 30px 0px rgba(24, 88, 255, 0.1);
}

.flex_pricing {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 42px;

  margin-bottom: 0;
}

.info_pricing_first_p {
  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 20px;
}

.info_pricing_second_p {
  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;
  /* 25.5px */

  max-width: 280px;

  width: 100%;
}

.info_pricing {
  text-align: center;
}

.prix_pricing {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 33px;
}

.number_passes {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 25.5px */
  margin-top: 7px;
}

.button_start_pricing {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */

  height: 46px;

  display: flex;

  align-items: center;

  justify-content: center;

  align-content: center;

  margin: auto;

  max-width: 265px;

  width: 100%;

  margin-top: 32px;
}

.stickers_pricing_div {
  padding-left: 29px;
  padding-right: 29px;
  margin-top: 30px;
}

.flex_infos_pricing {
  display: flex;

  align-items: center;

  gap: 6px;

  margin-bottom: 11px;
}

.check_svg {
}

.info_stickers_p {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
}

.stickers_popular {
  position: absolute;

  height: 38px;

  width: 92px;

  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(90deg, #1858ff 0%, #1e1e1f 100%);

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */

  display: flex;

  align-items: center;

  justify-content: center;

  right: 30px;

  top: -15px;
}

.divided_pricing_box {
  display: flex;

  flex-direction: row;

  justify-content: center;

  gap: 42px;

  margin-top: 47px;

  margin-bottom: 142px;
}

.big_box_cursor {
  border-radius: 32px;

  background: #fff;

  box-shadow:
    0px -2px 30px 0px rgba(24, 88, 255, 0.15),
    0px 12px 30px 0px rgba(24, 88, 255, 0.1);

  width: 396px;

  height: 285px;

  padding-top: 36px;

  padding-right: 85px;

  padding-left: 85px;

  display: flex;

  flex-direction: column;
}

.p_divided_1 {
  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 37px;
}

.box_chiffrement_pricing {
}

.pricing_pass_cursor {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.number_nft_month {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;
  /* 25.5px */

  margin-top: 22px;
}

.margin_spec_one_pricing {
  margin-top: 24px;
}

.big_box_cursor_2 {
  border-radius: 32px;

  background: #fff;

  box-shadow:
    0px -2px 30px 0px rgba(24, 88, 255, 0.15),
    0px 12px 30px 0px rgba(24, 88, 255, 0.1);

  width: 621px;

  height: 285px;

  padding-top: 36px;

  padding-right: 32px;

  padding-left: 32px;

  display: flex;

  flex-direction: column;
}

.big_box_cursor_p_1 {
  color: #1858ff;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
  max-width: 355px;
  margin: auto;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 30px;
}

.big_box_cursor_p_2 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 300;

  line-height: 24px;

  max-width: 506px;

  width: 100%;

  text-align: center;

  margin: auto;

  margin-bottom: 0;

  margin-top: 0;
}

.display_mob_none {
  display: block;
}

.display_mob_on {
  display: none;
}

.display_mob_on_imp {
  display: none !important;
}

.rangeCursor_cursor {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border-radius: 2.362px;
  background: #1858ff;
  padding: 2.362px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 3px;
  width: fit-content;
  color: #fff;
  font-size: 15.087px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.main_container_contact {
  margin-top: 80px;
}

.flex_contact {
  display: block;
  align-items: center;
  justify-content: center;
}

.frame_contact {
  max-width: 250px;
  display: none;
  width: 100%;
}

.main_contact_form {
  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  align-content: center;

  flex-direction: column;
}

.form_contact_box {
  max-width: 605px;
  min-height: 555px;
  flex-shrink: 0;
  width: 100%;
  border-radius: 32px;
  background: #fff;
  box-shadow:
    0px -2px 30px 0px rgba(24, 88, 255, 0.15),
    0px 12px 30px 0px rgba(24, 88, 255, 0.1);
  padding-top: 37px;
  margin-top: 40px;
  margin-bottom: 95px;
  padding-bottom: 45px;
}

.step_one_contact {
}

.please_select_p {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  margin: auto;

  font-weight: 700;

  line-height: 24px;

  margin-bottom: 40px;

  max-width: 386px;

  width: 100%;
}

.contain_button {
}

.button_choice {
  border-radius: 24px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  max-width: 298px;

  width: 100%;

  height: 41px;

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

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: auto;

  margin-bottom: 19px;

  cursor: pointer;

  transition: 0.3s;
}

.button_choice_activated {
  border-radius: 24px;

  background: #1858ff;

  color: #fff;
}

.button_confirm {
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  margin-top: 70px;
  justify-content: center;
}

.confirm_your_choice {
  border-radius: 10px;
  border: 3px solid #000;
  background: linear-gradient(0deg, #1e1e1f 0%, #1e1e1f 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.632px; /* 140.23% */
  max-width: 219px;
  height: 58px;
  width: 100%;
  margin-left: 13px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  font-family: 'Helvetica Neue';
}

.confirm_svg {
}

.button_choice:hover {
  border: 2px solid rgba(30, 30, 31, 1);
}

.step_two_contact {
}

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

.form_contact_box_step_ult {
  padding-left: 28px;

  padding-right: 28px;
}

.label_for_form {
  color: var(--primary-Black, #1e1e1f);

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.input_long_contact {
  border-radius: 10px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #fff;

  height: 51px;

  width: 100%;

  padding-left: 16px;

  color: #000000;

  leading-trim: both;

  text-edge: cap;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.flex_button_contacton_two {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  margin-top: 41px;
}

.button_back_contact {
  border-radius: 10px;

  background: #fff;

  box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);

  color: #1858ff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  width: 100%;

  max-width: 158px;

  height: 58px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 0;

  gap: 14px;
}

.submit_request_ {
  border-radius: 24px;
  background: #1858ff;
  max-width: 298px;
  height: 41px;
  width: 100%;
  border: 0;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.text-end_form {
  text-align: justify;

  margin-top: 24px;

  margin-bottom: 10px;
}

.input_flexed_form {
  width: 264px;
}

.marg_spec_bottom_form {
  margin-bottom: 20px;
}

.step_success_form {
  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  margin: auto;

  margin-top: 28px;
}

.contact_frame3 {
  max-width: 130px;

  width: 100%;
}

.p_success_1_form {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

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

  margin-top: 46px;

  margin-bottom: 17px;
}

.p_success_2_form {
  max-width: 446px;

  width: 100%;

  margin: auto;

  color: #898989;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

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

  margin-bottom: 129px;
}

.back_to_home_sucess {
  max-width: 100%;

  width: 298px;

  height: 41px;

  border-radius: 24px;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  border: 0;
}

@media only screen and (max-width: 1200px) {
  #table_notif_history {
    table-layout: initial !important;
  }
  #table_notif_history th,
  #table_notif_history td {
    white-space: nowrap;
    color: #000;
    padding: 10px;
  }
  .box_with_link_added {
    flex-basis: auto !important;
  }

  .video {
    max-width: 485px;
    width: 100%;
    margin-left: 0px;
    position: relative;
    z-index: -2;
    left: -70px;
  }
}

.font-56-43px {
  font-size: 37px;
}

@media only screen and (max-width: 1150px) {
  .icone_dash_user {
    width: 43px !important;

    height: 43px !important;
  }

  .font-56-43px {
    /* font-size: 27px; */
    /* display: block; */
    /* line-height: 27px; */
  }

  .container_main {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    height: 80vh;
    justify-content: space-between;
    flex-direction: column;
  }

  .display_mob_none {
    display: none !important;
  }

  .display_mob_on {
    display: block;
    width: 100%;
  }

  .display_mob_on_imp {
    display: block !important;
  }

  .flex_nav_one_mobile {
    display: flex;

    gap: 6px;

    align-items: center;
  }

  .burger_ {
  }

  .logo_mobile {
  }

  .max_wdith_1197 {
    max-width: 455px;
    width: 100%;
    margin: auto;
    padding-left: 14px;
    padding-right: 14px;
    margin-top: 20px;
  }

  .added_class_mobile {
    text-align: center;

    margin-top: 65px;
  }

  .text-gradiant {
  }

  .h1_snapss {
    color: var(--primary-Black, #1e1e1f);
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    margin-bottom: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.96px;
    margin: auto;
    max-width: 332px;
    width: 100%;
    margin-top: 10px;
  }

  .p_sub_snaps {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    max-width: 343px;
    margin: auto;
    margin-top: 18px;
  }

  .start_page_button {
    position: initial;
    max-width: 341px;
    width: 100%;
    height: 54px;
    margin-bottom: 51px;
  }

  .input_name {
    max-width: 341px;
    width: 100%;
    margin-bottom: 14px;
  }

  .video {
    max-width: 295px;
    width: 100%;
    margin-left: 0px;
    position: relative;
    z-index: -2;
    left: -40px;
  }

  .phone_snapss {
    position: absolute;
    width: 351px;
    top: 36px;
    left: 140px;
  }

  .g_wallet {
    position: absolute;
    width: 121px;
    left: 92px;
    top: 310px;
  }

  .a_wallet {
    position: absolute;
    width: 102px;
    left: -26px;
    top: 310px;
  }

  .notif_mobile {
    position: absolute;

    width: 219px;

    top: 200px;

    left: -40px;
  }

  .footer {
    margin-top: 410px !important;

    display: block;

    padding-left: 30px;

    padding-right: 30px;
  }

  .first_flex_footer {
    display: flex;
    align-items: center;
    gap: unset;
    justify-content: space-between;
    margin-bottom: 55px;
  }

  .footer_added_mobile {
    text-align: center;
  }

  .powered {
    margin-left: 0 !important;
  }

  .flex_privacy_desk {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 32px;

    margin-top: 12px;

    margin-bottom: 30px;
  }

  .p_tandprivacy {
    color: #898989;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 27.148px;
    /* 226.237% */
  }

  .navigation_hiw {
    display: none;
  }

  .h1_hiw {
    font-size: 34px;
  }

  .h2_hiw {
    color: #898989;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    max-width: 343px;
    margin: auto;
    margin-bottom: 20px;
    width: 100%;
  }

  .button_h_i_w {
    max-width: 347px;
  }

  .frame_1_hiw {
    max-width: 344px;
  }

  .block_notif_1 {
    max-width: 208px;
    position: absolute;
    top: 84px;
    right: 30px;
    margin: auto;
    bottom: 0;
    width: 100%;
  }

  .frame_1_hiw {
    max-width: 344px;
    margin-top: 80px;
    margin-bottom: 80px;
    width: 100%;
  }

  .p_section_hiw {
    max-width: 341px;
    width: 100%;
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.8px;
    line-height: 43px;
    margin: auto;
  }

  .first_flex_hiw {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
  }

  .big_box_gradiant {
    max-width: 343px;
    margin-bottom: 60px;
  }

  .p_title_hiw {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .frame_big_box_gradiant_2 {
    max-width: 352px;
    width: 100%;
    max-width: 305px;
    width: 100%;
    position: absolute;
    top: 42px;
    left: 20px;
  }

  .frame_big_box_gradiant_3 {
    width: 100%;
    max-width: 310px;
    width: 100%;
    position: absolute;
    top: 28px;
    left: 12px;
  }

  .h2_4_hiw {
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    margin-top: 18px;
    margin-bottom: 74px;
    max-width: 345px;
    width: 100%;
    margin: auto;
    margin-bottom: 80px;
  }

  .frame_4_2_hiw {
    display: none;
  }

  .frame_4_0_hiw {
    max-width: 259px;
    width: 100%;
    margin-right: 90px;
  }

  .frame_4_4_hiw {
    position: absolute;
    top: 10px;
    right: -60px;
    max-width: 173px;
    width: 100%;
  }

  .frame_4_3_hiw {
    position: absolute;
    top: 360px;
    right: -90px;
    max-width: 247px;
    width: 100%;
  }

  .button_margin_supp {
    margin-top: 60px;
    margin-bottom: 80px;
  }

  .frame_5_0_hiw {
    max-width: 276px;
    width: 100%;
  }

  .frame_5_1_hiw {
    position: absolute;
    max-width: 123px;
    width: 100%;
    z-index: -1;
    left: -20px;
    top: 100px;
  }

  .frame_5_2_hiw {
    position: absolute;
    max-width: 123px;
    width: 100%;
    z-index: -1;
    right: -20px;
    top: 90px;
  }

  .frame_5_3_hiw {
    position: absolute;
    max-width: 113px;
    width: 100%;
    z-index: -1;
    right: -10px;
    top: 250px;
  }

  .frame_5_4_hiw {
    position: absolute;
    max-width: 280px;
    width: 100%;
    bottom: -70px;
    left: 30px;
  }

  .frame_5_5_hiw {
    position: absolute;
    max-width: 132px;
    width: 100%;
    left: 30px;
    bottom: 150px;
  }

  .frame_5_6_hiw {
    position: absolute;
    max-width: 152px;
    width: 100%;
    left: 20px;
    bottom: 100px;
  }

  .button_margin_supp2 {
    margin-top: 110px;
    margin-bottom: 135px;
  }

  .frame_4_1_hiw {
    position: absolute;
    top: 190px;
    left: 200px;
    max-width: 270px;
    width: 100%;
  }

  .flex_1_6_sect {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .h3_flext_6 {
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
  }

  .p_sub_6 {
    margin-top: 18px;
    margin-bottom: 40px;
    max-width: 650px;
    width: 100%;
    color: var(--primary-Black, #1e1e1f);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.4px;
  }

  .button_flex_1_6_sect {
    display: none;
  }

  .button_flex_2_6_sect {
    display: none;
  }

  .button_flex_3_6_sect {
    display: none;
  }

  .button_flex_4_6_sect {
    /* display: none; */
    margin-top: 45px;
  }

  .flex_2_6_sect {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .frame_6_0_hiw {
    max-width: unset;
    width: 110%;
    position: absolute;
    left: -20px;
  }

  .p_title_flex_1_6_sect {
    color: var(--primary-Black, #1e1e1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 4.8px;
    margin-top: 0;
    text-transform: capitalize;
  }

  .div_img_relative_flex_6 {
    position: relative;
    height: 600px;
  }

  .block_notif_2 {
    max-width: 321px;
    position: absolute;
    bottom: 130px;
    right: -70px;
    width: 100%;
  }

  .block_notif_3 {
    max-width: 321px;
    position: absolute;
    bottom: 110px;
    right: -30px;
    width: 100%;
  }

  .frame_6_relative_one_hiw {
    position: absolute;
    max-width: 320px;
    left: 200px;
    bottom: 10px;
    width: 100%;
  }

  .footer_hiw {
    width: 100%;
    background: var(--primary-Black, #1e1e1f);
    height: 191px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 120px;
    padding-left: 120px;
    margin-top: 85px;
    margin-bottom: 0;
  }

  .spec_size_this_text_mob {
    max-width: 280px;

    width: 100%;
  }

  .why_frame_0 {
    display: none;
  }

  .position_why_frame_3 {
    position: initial;
    border-radius: 18.447px;
    background: #fff;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
  }

  .position_why_frame_1 {
    position: initial;
    margin: auto;
    border-radius: 18.447px;
    background: #fff;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
  }

  .position_why_frame_2 {
    position: initial;
    margin: auto;
    border-radius: 18.447px;
    background: #fff;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
  }

  .big_div_box_why_1 {
    margin-bottom: 116px;
    border-radius: 18.447px;
    background: #fff;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
    position: relative;
    top: 0;
    bottom: 0;
  }

  .marg_spec_why_mob {
    margin-bottom: 136px;
  }

  .p_why_using_1 {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.64px;
    margin-top: 310px;
    max-width: unset;
  }

  .positon_frame_0_why {
    position: absolute;
    width: 96px;
    top: -180px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .positon_frame_1_why {
    display: none;
  }

  .positon_frame_2_why {
    position: absolute;
    width: 91px;
    top: 406px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .positon_frame_3_why {
    position: absolute;
    width: 96px;
    top: -240px;
    right: -40px;
  }

  .positon_frame_4_why {
    position: absolute;
    width: 103px;
    top: -250px;
    left: -50px;
  }

  .positon_frame_5_why {
    position: absolute;
    width: 95px;
    top: 330px;
    right: -30px;
  }

  .positon_frame_6_why {
    position: absolute;
    width: 102px;
    top: 310px;
    left: -40px;
  }

  .margin_mob_spec_shwyy {
    margin-bottom: 360px;
  }

  .footer_hiw_both {
    width: 100%;
    background: var(--primary-Black, #1e1e1f);
    height: 230px;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: center;
    padding-right: 120px;
    padding-left: 120px;
    margin-top: 85px;
    margin-bottom: 0;
    flex-direction: column-reverse;
  }

  .button_navigation_footer_2 {
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.63);

    box-shadow: 0px 0.884px 17.678px 0.884px rgba(18, 18, 18, 0.15);

    backdrop-filter: blur(5.131088733673096px);
  }

  .title_button_nav_footer_2 {
    color: #fff;
  }

  .arrow_rightone_2 {
    filter: invert(1);
  }

  .next_p_hiw_2 {
    color: #717171;
  }

  .flex_pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 0;
    flex-direction: column;
  }

  .container_pricing {
    text-align: center;
    margin: 0;
  }

  .pricing_title {
    font-size: 44px;
  }

  .h2_pricing {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    max-width: 345px;
    margin: auto;
    width: 100%;
  }

  .big_box_cursor {
    border-radius: 32px;
    background: #fff;
    box-shadow:
      0px -2px 30px 0px rgba(24, 88, 255, 0.15),
      0px 12px 30px 0px rgba(24, 88, 255, 0.1);
    width: 324px;
    margin: auto;
    height: 285px;
    padding-top: 36px;
    padding-right: 0;
    padding-left: 0;
    display: flex;
    margin-bottom: 80px;
    flex-direction: column;
  }

  .pricing_range_div_states {
    text-align: center;
  }

  .big_box_cursor_2 {
    border-radius: 32px;
    background: #fff;
    box-shadow:
      0px -2px 30px 0px rgba(24, 88, 255, 0.15),
      0px 12px 30px 0px rgba(24, 88, 255, 0.1);
    width: 324px;
    height: 305px;
    padding-top: 36px;
    padding-right: 32px;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    padding-bottom: 32px;
    margin: auto;
    height: 350px;
  }

  .divided_pricing_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
  }

  .big_bo_pricing {
    margin-bottom: 60px;
  }

  .title_why_block {
    font-weight: 600;
  }

  .snap_flex_form_2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }

  .footer {
    width: 96%;
  }

  .snaps_form {
    max-width: 447px;
    height: 579px;
    width: 96%;
    flex-shrink: 0;
    border-radius: 18.447px;
    background: #fff;
    position: relative;
    padding-left: 25px;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
    padding-right: 25px;
    padding-top: 16px;
    margin: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .div_two_flex_form {
    width: 100%;
    margin-left: 0;
  }

  .div_one_flex_form {
    width: unset;
    border-right: unset;
    margin-bottom: 25px;
  }

  .main_nav_mobile {
    width: 100%;

    height: 100%;

    display: flex;

    position: fixed;

    width: 100%;

    backdrop-filter: blur(5px);

    height: 100%;

    top: 0px;

    background: rgba(0, 0, 0, 0.09);

    display: grid;

    z-index: 78;

    font-family: arial;

    left: 0;

    justify-content: center;
  }

  .mobile_div_one_menu {
    max-width: unset;
    height: 579px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 18.447px;
    background: #fff;
    position: relative;
    padding-left: 25px;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.13);
    padding-right: 25px;
    padding-top: 16px;
    margin: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
  }

  .nav_position_cross {
    text-align: end;
  }

  .close_menu {
    width: 40px;
  }

  .p_nav_menu_mob {
    leading-trim: both;

    text-edge: cap;

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 48px;
  }

  .snap_broken_mob_menu {
    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0px;

    right: 0;

    margin: auto;

    opacity: 0;

    transition: 0.3s;
  }

  .frame_contact {
    max-width: 250px;
    width: 100%;
    display: none;
  }

  .form_contact_box {
    max-width: 100%;
    height: unset;
    padding-bottom: 45px;
    transition: 0.3s;
    margin-bottom: 100px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .please_select_p {
    max-width: 238px;
  }

  .flex_box_form_contact {
    display: block;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }

  .flex_button_contacton_two {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 33px;
    margin-top: 26px;
    flex-direction: column-reverse;
  }

  .button_back_contact {
    max-width: 100%;
  }

  .input_flexed_form {
    /* width: 287px; */
  }

  .p_success_1_form {
    max-width: 276px;
  }

  .p_success_2_form {
    max-width: 276px;
    margin-bottom: 50px;
  }

  .p_sucess_2 {
    text-align: left;
  }

  .p_success_1 {
    text-align: left;
  }

  .button_choice {
    max-width: 100%;
  }

  #contactformB {
    display: flex;
    flex-direction: column;
  }

  .input_form_snap {
    max-width: 100%;
  }

  .submit_form_snap {
    max-width: 100%;
  }

  .input_long_contact {
    width: 100%;
    max-width: 100%;
  }

  .button_choice:hover {
    border: 1px solid rgba(30, 30, 31, 0.1);
  }

  .p_title_4 {
    margin-bottom: 25px;
  }
}

.s_u_b {
  transition: 0.3s;
}

.start_page_button {
  transition: 0.3s;
}

.start_page_button:hover {
  background: #fff;
  color: #000000;
  border-color: #000000;
}

.button_h_i_w {
  transition: 0.3s;
}

.button_h_i_w:hover {
  background: #fff;
  color: #000000;
  border-color: #000000;
}

.button_start_pricing {
  transition: 0.3s;
}

.button_start_pricing:hover {
  background: #fff;
  color: #000000;
  border-color: #000000;
}

.marg_spec_why_snap {
  margin-top: 30px;
}

.container_login_main {
  background: url('../img/login_bg.webp');
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
  padding-top: 40px;
  padding-bottom: 65px;
}

.container_login_child {
}

.box_login {
  border-radius: 35px;
  background: #fff;
  max-width: 1378px;
  height: 665px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding-bottom: 25px; */
}

.right_side_login {
  height: 100%;

  display: flex;

  justify-content: flex-start;

  flex-direction: column;

  width: 50%;

  padding-top: 150px;

  padding-left: 50px;

  padding-right: 50px;

  border-top-right-radius: 35px;

  border-bottom-right-radius: 35px;

  background: #f9f9f9;
}

.right_side_login {
}

.login_p {
  color: #000;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 17px;
}

.label_input_login {
  color: #898989;

  font-size: 13.021px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;
}

.input_login {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-size: 15.625px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 13.889px;
  background: #fff;
  max-width: 550.347px;
  height: 51.215px;
  width: 100%;
  flex-shrink: 0;
  box-shadow:
    0px -1.325px 19.874px 0px rgba(0, 0, 0, 0.1),
    1.51px 5.035px 15.104px 0px rgba(0, 0, 0, 0.08);
  border: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 15px;
}

.login_button {
  border-radius: 10px;
  background: #000000;
  border: 0;
  max-width: 100%;
  height: 54.236px;
  width: 100%;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-size: 14.625px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.left_side_login {
  text-align: center;
  width: 50%;

  height: 100%;
}

.big_snapss_login {
  max-width: 460px;

  width: 100%;

  margin-top: 40px;
}

.subtitl_login_page {
  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: -0.8px;

  margin-top: 28px;
}

.logo_white_login {
  max-width: 130px;
  width: 100%;
  margin-top: 57px;
  margin-bottom: 34px;
}

.p_login_left {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-size: 25.164px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.503px;
  max-width: 532px;
  width: 100%;
  margin: auto;
}

.step_code {
}

.email_reciever {
  color: #1e1e1f;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.input_code_email {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  border: 0;
  background: #ededed;
  text-align: center;
  font-size: 25px;
  padding-left: 0px;
  width: 59px;
  height: 56px;
  color: #010101;
  text-align: center;
  font-family: 'Helvetica-lp';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 106.25% */
  letter-spacing: -0.96px;
}

.flex_input_code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

.submit_code_button {
  width: 100%;
  margin-top: 20px;
  border: 0;
  border-radius: 25px;
  height: 50px;
  background: #1858ff;
  color: white;
  font-size: 15px;
  font-weight: 600;
  height: 64.236px;
  border-radius: 32.118px;
  /* background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%); */
  margin-bottom: 55px;
}

.resend_code {
  color: #1858ff;

  text-decoration: underline;

  font-style: italic;

  cursor: pointer;
}

.error_message_code {
  text-align: center;

  color: red;

  font-size: 14px;
}

.error_message {
  text-align: center;
  margin-top: 20px;
  color: black;
  font-size: 14px;
  display: flex;
  opacity: 1;
  visibility: visible;
  align-items: center;
  justify-content: center;
}

.resend_code_p {
}

.login_p {
}

.no_code_recieved {
  text-align: center;

  margin-bottom: 25px;

  font-size: 14px;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

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

  margin-top: 31px;

  letter-spacing: -0.28px;
}

.logo_dash_nav {
  width: 106px;
  /* margin-bottom: 22px; */
  cursor: pointer;
}

.nav_mobile_toggle {
  height: 100%;
  width: 181px;
  /* box-shadow: 2px 0px 15px 0px rgba(30, 30, 31, 0.08); */
  align-items: center;
  /* padding-top: 26px; */
  position: fixed;
  z-index: 5;
  /* gap: 24px; */
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
}

.container_dashboard_main {
  height: 100vh;
  /* overflow-x: hidden; */
}

.menu_dash_active {
  /* background: #e6edff !important; */
}

.menu_dash {
  width: 159px;
  height: 42px;
  transition: 0.3s;
  background: #fff;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  /* margin-left: 11px; */
  border-radius: 5px;
  cursor: pointer;
}

.menu_dash:hover {
  background: #e6edff;
}

.p_dash_menu {
  color: #898989;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 171.429% */
  position: relative;
  top: 2px;
  cursor: pointer;
  margin-top: -5px;
}

.icone_dash_ {
  margin-right: 0;
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 7px;
  border: 0;
  background: unset;
  padding: 0;
}

.settings_dash {
  width: 159px;
  height: 42px;
  background: #fff;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.setting_dash_spacer_one {
  margin-top: 31%;
  flex-grow: 51px;
  margin-top: auto;
  padding-bottom: 20px;
  background: #fff;
  /* background: green; */
  width: 100%;
  padding-top: 19px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid rgba(24, 88, 255, 0.1);
  position: fixed;
  width: 100%;
  bottom: 0;
  max-width: 221px;
}

.border_separate_dash {
  width: 159px;
  height: var(--Spacing-spacing-none, 1px);
  background: rgba(137, 137, 137, 0.5);
  margin: auto;
  /* margin-left: 11px; */
}

.ico_dash_user {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  /* margin-left: 11px; */
}

.dash_info_user {
}

.p_dash_menu_user {
  color: var(--primary-Black, #1e1e1f);

  font-size: 13px;

  font-style: normal;

  font-weight: 500;

  line-height: 15px;
  /* 184.615% */
}

.p_dash_menu_email {
  color: #000000;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
  /* 240% */
  /* line-break: anywhere; */
  max-width: 110px;
}

.icone_dash_user {
  width: 27px;
  height: 27px;
  border-radius: var(--Spacing-spacing-none, 27px);
  /* box-shadow:
    0px 0px 10px 0px rgba(0, 0, 0, 0.1),
    0px 10px 10px 0px rgba(0, 0, 0, 0.12); */
  object-fit: cover;
  object-position: center;
  background: #ccc;
}

.buy_passes_dashboard_button {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #0e2c7a;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 163.602% */
  display: flex;
  /* border: 0; */
  align-items: center;
  font-family: 'Helvetica Neue';
  white-space: nowrap;
  justify-content: center;
  padding-top: 1px;
  max-width: 130px;
  width: 130px;
  border-radius: 7px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  width: 130px;
  margin-left: 19px;
  height: 37px;
  min-width: 130px;
}

.subscribtion_price {
  color: var(--primary-Black, #1e1e1f);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin-top: 8px;
  line-height: normal;
}

.subscribtion_title {
  color: #1e1e1f;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  top: 3px;
}

.flex_one_dash_up {
  display: flex;
  background: #fff;
  box-shadow: -3px 0px 10px 0px rgba(30, 30, 31, 0.12);
  padding-left: 0;
  align-items: center;
  justify-content: flex-end;
  height: 60px;
  max-width: 580px;
  width: 100%;
  padding-left: 40px;
}

.title_navigation_dash {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 133.333% */
  background: #000000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: auto;
  margin-right: 20px;
  margin-bottom: auto;
}

.flex_nav_dashboard_up {
  display: flex;
  padding-left: 250px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(24, 88, 255, 0.1);
  height: 61px;
  align-items: center;
}

.navbar_dashboard_up {
  z-index: 2;
  position: fixed;
  background: #fff;
  /* box-shadow: 2px 0px 15px 0px rgba(30, 30, 31, 0.08); */
  width: 100%;
  align-content: center;
}

.container_dashboard_position_page {
  margin-left: 181px;
  padding-top: 91px;
  padding-left: 33px;
  z-index: 1;
  position: relative;
  min-height: 100%;
  padding-bottom: 170px;
  max-width: 1370px;
  margin: auto;
  padding-right: 25px;
  padding-left: 250px;
}

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

.title_welcome_home {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 1px;
  color: #1e1e1f;
  margin-top: 32px;
  margin-bottom: 32px;
}

.subtitle_welcome_home {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 9px;
  margin-bottom: 44px;
}

.second_flex_home_target {
  display: flex;

  gap: 40px;
}

.big_block_home_tarder_dash {
  border-radius: 23.494px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 508px;
  width: 100%;
  padding-top: 20px;
  padding-left: 23px;
  padding-right: 36px;
  min-height: 430px;
  padding-bottom: 25px;
  position: relative;
}

.ico_dash_target_hox {
  width: 52.863px;

  height: 52.863px;

  margin-bottom: 22px;
}

.title_target_box {
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  padding-top: 1px;
  line-height: 33.773px;
  /* 129.897% */
  margin-bottom: 22px;
}

.sub_target_box {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 31.773px;
  /* 187.629% */
}

.flex_target_inside_dash_home {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  margin-top: 46px;
}

.clickable_p_home_dash {
  color: #1858ff;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.773px;
  /* 211.083% */

  text-decoration-line: underline;

  cursor: pointer;
}

.start_now_dash {
  border-radius: 34px;
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  border: 0;
  margin-left: 30px;
  padding: 10px 40px;
  position: absolute;
  bottom: 30px;
}

.start_now_dash_event {
  border-radius: 34px;
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  border: 0;
  margin-left: 30px;
  padding: 10px 40px;
  position: absolute;
  bottom: 30px;
}

.table_dash_audience {
  max-width: 1191px;

  width: 100%;

  margin-top: 43px;

  border-radius: 12px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #fcfcfc;

  max-height: 600px;

  overflow: hidden;
}

.flex_table_column_title {
  display: flex;

  justify-content: space-between;

  height: 44px;

  border-radius: 12px 12px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);

  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);

  align-items: center;

  padding-left: 45px;

  padding-right: 112px;
}

.column_p_title_dash {
  color: #fff;

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 241.238% */
}

.active_div_dash_table {
  width: 73px;
  height: 25px;
  border-radius: 11.5px;
  background: #ddffed;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616161;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: auto;
}

.not_active_div_dash_table {
  width: 73px;
  height: 25px;
  border-radius: 11.5px;
  background: #ffbbb4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616161;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: auto;
}

.apple_google_dash_table {
  max-width: 67px;
}

.date_row_dash_table {
  color: #898989;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 33.773px; */
  /* 241.238% */
  text-align: center;
}

.email_row_dash_table {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  width: fit-content;
  line-height: 33.773px;
  /* 241.238% */
  text-align: justify;
  padding-left: 0;
  text-align: justify;
  margin: auto;
  /* padding-left: 42px; */
  cursor: pointer;
  text-decoration: underline;
}

.row_dash_audience {
  display: flex;

  padding-left: 35px;

  padding-right: 55px;

  justify-content: space-between;

  align-items: center;

  height: 52px;
}

.row_increment_dash {
  overflow-y: scroll;

  height: 540px;
}

.tr_main_dashboard {
  height: 44px;
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  max-height: 44px;
  background: #ffffff;
}

.tr_height_dash {
  height: 52px;
}

.container_dash_notif {
}

.ico_dash_send_notif {
}

.max_charac_notif {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
  margin-bottom: 11px;
}

.recipients_status_dash {
  color: #121212;

  text-align: center;

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-align: center;
}

.cmp_name_table {
  text-align: center;

  color: #1858ff;

  font-size: 13px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-decoration-line: underline;

  cursor: pointer;

  text-align: justify;

  position: relative;

  left: 30px;
}

.text_align_justify {
  text-align: justify;
}

.pad_left_35 {
  padding-left: 35px;
}

.dt-paging-button {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #ffffff;
  color: #000;
  font-size: 14px;
  margin: 4px;
  margin-top: 14px;
  margin-bottom: 14px;
  /* margin-left: 20px; */
  font-weight: 400;
  border: 1px solid #f1f1f1;
}

.paging_full_numbers {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

#myTable_info {
  display: none;
}

#table_notif_history_info {
  display: none;
}

.current {
  background: #000000;
  color: white;
}

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

.height_spec_t_notif {
  height: 45px;
}

.gates_active_div {
  border-radius: 5px;
  background: #fff;
  width: 171px;
  height: 88px;
  display: flex;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  position: relative;
  flex-direction: column;
  justify-content: center;
  padding-left: 18px;
  margin-bottom: 0;
  margin-top: 25px;
  border-radius: 12px;
  /* border: 1px solid rgba(30, 30, 31, 0.1); */
  background: #fff;
  min-width: 171px;
  height: 71px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.number_gates {
  color: #121212;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
}

.title_active_gate {
  color: #898989;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 160% */
}

.container_dash_gates {
}

.info_gate_svg {
  position: absolute;

  right: 10px;

  top: 5px;
}

.create_new_gate_button {
  /* 211.083% */
  max-width: 225px;
  width: 100%;
  height: 54px;
  margin-bottom: 60px;
  border-radius: 34px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  line-height: 33.773px;
  /* 241.238% */
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.gates_container {
  /* Styles for the gates container */
  display: flex;
  max-width: 513px;
  width: 100%;
  /* min-height: 513px; */
  border-radius: 23px;
  overflow: hidden;
  /* padding-left: 34px; */
  background: #fff;
  /* padding-top: 30px; */
  /* padding-right: 21px; */
  /* padding-bottom: 35px; */
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  flex-direction: column;
  justify-content: space-between;
}

.gate_box {
  /* Styles for the gate box */
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p1_gate_box {
  /* Styles for the first paragraph in the gate box */
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 140.722% */
  max-width: 320px;
}

.p2_gate_box {
  /* Styles for the second paragraph in the gate box */
  color: var(--primary-Black, #1e1e1f);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 211.083% */
  margin-bottom: 21px;
  max-width: 310px;
}

.p3_gate_box {
  /* Styles for the third paragraph in the gate box */
  color: #1858ff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 100% */
}

.p4_gate_box {
  /* Styles for the fourth paragraph in the gate box */
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 211.083% */
}

.gate_box_condition {
  /* Styles for the gate box condition */
  display: flex;
  justify-content: space-between;
  margin-top: 52px;
}

.p5_gate_box {
  /* Styles for the fifth paragraph in the gate box */
  color: var(--primary-Black, #1e1e1f);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
}

.ul_gate_box {
  /* Styles for the unordered list in the gate box */
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 241.238% */
}

.li_gate_box {
  /* Styles for the list item in the gate box */
  margin-left: 10px;
}

.edit_gate_button {
  /* Styles for the edit gate button */
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
    linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  border: 0;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 163.602% */
  width: 116px;
  height: 41px;
  margin-bottom: 23px;
}

.delete_gate_box {
  /* Styles for the delete gate text */
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  /* 163.602% */
  text-decoration-line: underline;
  cursor: pointer;
}

.flex_gate_2 {
  /* Styles for the second flex container in the gate box */
  display: flex;
  justify-content: space-between;
  margin-top: 31px;
  /* position: absolute; */
  margin-top: 20px;
  width: 100%;
  bottom: 31px;
  right: 0;
  /* margin: auto; */
  left: 0;
}

.relative_gate_copy_input {
  /* Styles for the relative container around the copy input */
  position: relative;
}

.copy_link_p {
  /* Styles for the "Copy the link" paragraph */
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  left: 45px;
  top: 9px;
}

.copy_gate_input {
  /* Styles for the copy input field */
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  width: 236px;
  padding-left: 45px;
  height: 49px;
  padding-top: 19px;
  text-overflow: ellipsis;
  padding-right: 41px;
  cursor: pointer;
}

.copy_gate_svg {
  /* Styles for the copy SVG image */
  position: absolute;
  left: 9px;
  top: 10px;
}

.access_scanner_button {
  /* Styles for the access scanner button */
  border-radius: 34px;
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  width: 212px;
  height: 49px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 0;
}

.box_user_used {
  /* position: absolute; */
  width: 117px;
  height: 69px;
  border-radius: 10px;
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
  margin-bottom: 10px;
  right: 21px;
  align-items: flex-start;
}

.nb_user_gates {
  color: #121212;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 24px;
  /* 120% */
}

.title_nb_user {
}

.flex_tou_pp_desk {
  display: flex;

  justify-content: flex-end;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

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

  display: flex;

  justify-content: flex-end;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 27.148px;

  gap: 32px;
}

.popup_gates_one {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: flex;
  z-index: 78;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.popup_product_container {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: flex;
  z-index: 78;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.popup_product_container_2 {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: flex;
  z-index: 78;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.popup_box_product {
  position: relative;

  border-radius: 23px;

  background: #fff;

  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);

  max-width: 779px;

  width: 100%;

  padding-bottom: 20px;
}

.popup_box_product2 {
  position: relative;

  border-radius: 23px;

  background: #fff;

  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);

  max-width: 562px;

  width: 100%;

  padding-bottom: 20px;
}

.popup_add_to_apple {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: flex;
  z-index: 80;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.box_add_to_apple {
  border-radius: 24px;

  background: #fff;

  box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.08);

  max-width: 375px;

  width: 100%;

  margin: auto;

  padding-top: 25px;

  padding-bottom: 25px;

  padding-left: 20px;

  padding-right: 20px;
}

.apple_svg {
}

.p_add_to_apple {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 29px;
  /* 145% */

  max-width: 308px;

  margin: auto;

  margin-top: 25px;

  margin-bottom: 25px;
}

.qr_code_apple {
  width: 220px;

  max-width: 220px;
}

.close_apple_popup {
  margin-top: 42px;
}

.popup_mobile_preview {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.popup_gates_box {
  max-width: 887px;

  min-height: 486px;

  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  width: 100%;

  margin: auto;

  position: relative;

  padding-left: 30px;

  padding-right: 30px;

  padding-top: 25px;

  padding-bottom: 28px;
}

.flex_1_p_gate {
  display: flex;

  gap: 13px;

  margin-bottom: 36px;
}

.flex_add_passes_one {
}

.new_gate_svg {
}

.p_gate_title {
  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 168.866% */
}

.close_gate {
  position: absolute;
  right: 20px;
  width: 32px;
  height: 32px;
  top: 15px;
  cursor: pointer;
}

.flex_form_new_gate {
  display: flex;
}

.div_1_flex_form_gate {
  width: 450px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 28px;
  margin-right: 20px;
}

.div_1_flex_form_geo {
  border-right: 1px solid rgba(0, 0, 0, 0.1);

  padding-right: 28px;

  width: 50%;

  margin-right: 31px;
}

.div_2_flex_form_geo {
  position: relative;
  width: 50%;
  text-align: left;
}

.label_new_gate {
  color: var(--primary-Black, #1e1e1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  display: block;
  margin-top: 25px;
  margin-bottom: 5px;
  margin-left: 8px;
  text-align: left;
}

.input_new_gate {
  max-width: 465px;
  height: 53px;
  width: 100%;
  border-radius: 15px;
  background: #f7f7f7;
  border: 0;
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding-left: 15px;
  margin-top: 12px;
  margin-bottom: -6px;
}

.p1_form_new_gate {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 33.773px;
  /* 241.238% */
}

.title_flex_2_gate {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 211.083% */

  text-align: justify;

  padding-left: 20px;

  margin-top: -25px;
}

.textarea_gate {
  max-width: 465px;
  height: 116px;
  font-family: 'Helvetica Neue';
  flex-shrink: 0;
  width: 100%;
  border-radius: 15px;
  background: #f7f7f7;
  border: 0;
  resize: none;
  color: var(--primary-Black, #1e1e1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 12px;
  padding: 10px;
}

.textarea_geo {
  max-width: 465px;
  height: 205px;
  font-family: 'Helvetica Neue';
  flex-shrink: 0;
  width: 100%;
  border-radius: 15px;
  background: #f7f7f7;
  border: 0;
  resize: none;
  color: var(--primary-Black, #1e1e1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 12px;
  padding: 10px;
  margin-bottom: 0;
}

.flex_check_and_title {
  display: flex;

  align-items: center;
}

.input_appear {
  border-radius: 15px;

  background: #f7f7f7;

  border: 0;

  width: 319px;

  height: 35px;

  color: #000;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.773px;
  /* 241.238% */
}

.bottom_popup_gate {
  border-top: 1px solid rgba(0, 0, 0, 0.1);

  margin-top: 21px;

  padding-top: 17px;

  display: flex;

  justify-content: flex-end;
}

.create_gate_button_apply {
  border: 0;

  color: #fff;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 211.083% */

  border-radius: 34px;

  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);

  max-width: 205px;

  height: 54px;

  width: 100%;
}

.login_webp_logo {
  max-width: 392px;

  width: 100%;

  margin-top: 50px;
}

.sub_login_title {
  color: #898989;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 33px;
}

.code_sent_to {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-size: 12px;
  font-style: normal;
  margin: auto;
  font-weight: 400;
  line-height: normal;
  max-width: 475px;
  text-align: center;
  margin-bottom: 38px;
  line-height: 27.148px;
  /* 226.237% */
  gap: 32px;
}

.p_tandprivacy {
  color: #898989;
}

.phone_new_frame {
  max-width: 347px;

  margin: auto;

  width: 100%;
}

.notif_1_new_frame {
  position: absolute;

  left: 140px;

  top: 250px;

  width: 300px;
}

.notif_2_new_frame {
  position: absolute;

  left: 140px;

  top: 320px;

  width: 300px;
}

.notif_3_new_frame {
  position: absolute;

  left: 140px;

  top: 390px;

  width: 300px;
}

.bubble_1_newframe {
  position: absolute;

  right: 210px;

  top: 15px;

  width: 160px;
}

.bubble_2_newframe {
  position: absolute;

  right: 210px;

  top: 215px;

  width: 160px;
}

.bubble_3_newframe {
  position: absolute;

  right: 210px;

  top: 415px;

  width: 160px;
}

.container_relative_2 {
  position: relative;
}

.phone_new_frame_2 {
  position: absolute;
  max-width: 260px;
  width: 100%;
  top: 100px;
  left: 270px;
  z-index: -1;
}

.big_frame_mobile_newframe {
  display: none;
}

.big_text_gradiant {
  font-size: 40px;
}

.tect_span_gradiant {
}

.h3_bicolor_snapss {
  color: #787878;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 34px;

  font-style: normal;

  font-weight: 700;

  line-height: 150%;
  /* 51px */
}

.flex_img_snaps_whyy {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 123px;

  margin-bottom: 100px;
}

.table_snapss {
  max-width: 678px;

  width: 100%;
}

.big_bubblle_snapss {
  max-width: 455px;

  width: 100%;
}

.p_sub_flex_why {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140.3%;
  /* 28.06px */

  letter-spacing: -0.4px;

  max-width: 503px;

  margin: auto;
}

.text_bold {
  font-weight: 600;
}

.marg_bot_pec_150 {
  margin-bottom: 150px;
}

@media only screen and (max-width: 1150px) {
  .notif_1_new_frame {
    display: none;
  }

  .notif_2_new_frame {
    display: none;
  }

  .notif_3_new_frame {
    display: none;
  }

  .phone_new_frame_2 {
    display: none;
  }

  .phone_new_frame {
    display: none;
  }

  .bubble_1_newframe {
    display: none;
  }

  .bubble_2_newframe {
    display: none;
  }

  .bubble_3_newframe {
    display: none;
  }

  .big_frame_mobile_newframe {
    display: block;
    max-width: 374px;

    margin-left: 0;
  }

  .flex_img_snaps_whyy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 123px;
    margin-bottom: 100px;
    flex-direction: column;
    gap: 64px;
  }

  .h3_bicolor_snapss {
    color: #787878;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.52px;
    background: linear-gradient(194deg, #1e1e1f -52.54%, #1858ff 110.47%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 208px;
  }

  .p_why_using_1_e {
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.52px;
    margin-top: 310px;
  }
}

.container_custom_click {
}

.flex_navigation_custom_page {
  margin-top: 10px;
}

.flex_content_dash_form_ {
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
}

.import_logo_box_custom {
  max-width: 100%;
  height: fit-content;
  margin-top: 20px;
  width: 100%;
  border-radius: 15.326px;
  background: #fff;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 15px;
}

.p_box_upload_1 {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 15.326px;
  /* 109.473% */
  letter-spacing: -0.28px;
}

.p_box_upload_2 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15.326px;
  /* 127.718% */
  text-align: center;
  /* margin-top: 14px; */
  letter-spacing: -0.24px;
}

.p_box_upload_3 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 11.801px;
  /* 98.341% */
  letter-spacing: -0.24px;
  text-align: center;
  margin-top: 10px;
}

.box_drag_drop {
  border-radius: 9.834px;
  border: 0.639px dashed rgba(97, 97, 97, 0.2);
  background: #f5f5f5;
  width: 203.71px;
  height: 80.462px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 17px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.drag_drop_svg {
  margin-bottom: 12px;
}

.p_drag_drop {
  color: #616161;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 11.801px;
  /* 98.341% */
  letter-spacing: -0.24px;
}

.browse_file_upload {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.801px;
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  cursor: pointer;
}

.browse_file_upload_mob_1 {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.801px;
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  cursor: pointer;
}

.browse_file_upload_mob_2 {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.801px;
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  cursor: pointer;
}

.file_upload_2 {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.801px;
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  cursor: pointer;
}

.file_upload_3 {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.801px;
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  cursor: pointer;
}

.file_upload_icon {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.801px;
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  cursor: pointer;
}

.flex_color_picker {
  display: flex;
  gap: 7px;
}

.color_picker_one {
  width: 52px;
  height: 52px;
  border-radius: 8.104px;
  border: 0.675px solid rgba(0, 0, 0, 0.05);
  background: #121212;
  cursor: pointer;
}

.info_color_picker {
  border-radius: 8.104px;
  border: 0.675px solid rgba(0, 0, 0, 0.05);
  background: #fff;
  box-shadow: 0px -0.675px 20.26px 0px rgba(0, 0, 0, 0.1);
  width: 140.468px;
  height: 52px;
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  justify-content: center;
}

.info_color_picker_one {
}

.title_colot_picker {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.039px;
  /* 100.298% */
  letter-spacing: -0.26px;
}

.color_picker_text {
  color: #898989;
  border: navajowhite;
  margin-top: 4px;
  leading-trim: both;
  text-edge: cap;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.039px;
  /* 100.298% */
  letter-spacing: -0.26px;
}

.color_picker_one_info {
}

input[type='color' i] {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  /* Correct border-radius */
  border: 1px solid #efefef;
  /* Remove default border */
  background: unset;
  cursor: pointer;
  outline: none;
  margin-left: 5px;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: 8px;
}

::-webkit-color-swatch {
  border: 0;
  border-radius: 0;
  border-radius: 8px;
}

.dz-default .dz-message {
  display: none !important;
}

.dz-button {
  display: none !important;
}

.dz-preview {
  display: none !important;
}

.iframe_iphone_snaps {
  position: absolute;
  z-index: 5;
  width: 390px;
  left: -67px;
  background: #fff;
  height: 850px;
  transform: scale(0.6);
  border-radius: 42px;
  top: -155px;
  overflow: hidden;
}

.iframe_iphone_snaps html {
  overflow: hidden !important;
}

.iframeoverlay_impo {
  position: absolute;
  z-index: 6;
  width: 400px;
  left: -67px;
  background: #fff0;
  height: 850px;
  transform: scale(0.6);
  border-radius: 23px;
  top: -130px;
}

.bg_iphone {
  width: 265px;
}

.preview_phone_page {
  position: sticky;
  /* text-align: center; */
  top: 90px;
  height: fit-content;
}

.snapss_dash_digital_pass_container {
  /* Add your styles here */
}

.flex_digital_pass_container {
  /* Add your styles here */
  margin-top: 43px;
  display: flex;
  position: relative;
}

.form_dash_digital_pass {
  /* Add your styles here */
  border-radius: 23px;
  max-width: 537px;
  min-height: 962px;
  background: #fff;
  width: 100%;
  padding: 24px;
  padding-top: 0px;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
}

.label_form_dp {
  /* Add your styles here */
  color: var(--primary-Black, #1e1e1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 241.238% */
  display: block;
  margin-top: 26px;
}

.input_form_dp {
  /* Add your styles here */
  border-radius: 15px;
  background: #f7f7f7;
  border: 0;
  padding-left: 12px;
  max-width: 100%;
  height: 53px;
  width: 100%;
  /* margin-bottom: 24px; */
}

.title_p_dash_form_dp {
  /* Add your styles here */
  color: var(--primary-Black, #1e1e1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 241.238% */
}

.flex_checkboxese {
  /* Add your styles here */
  display: flex;
  gap: 23px;
  margin-top: 13px;
  margin-bottom: 33px;
}

.flex_dp_checkboxes {
  /* Add your styles here */
  display: flex;
  align-items: center;
  gap: 12px;
}

.cb_p_db {
  /* Add your styles here */
  font-size: 14px;
  line-height: 14px;
}

.area_desk_passs {
  /* Add your styles here */
  border-radius: 15px;
  background: #f7f7f7;
  max-width: 100%;
  height: 116px;
  resize: none;
  font-weight: 300;
  border: 0;
  width: 100%;
  margin-bottom: 24px;
  line-height: 19px;
  padding: 12px;
  font-family: 'Helvetica Neue';
}

.save_setting_custom_digital {
  /* Add your styles here */
  border-radius: 34px;
  background: #1858ff;
  border: 0;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  /* height: 54px; */
  /* max-width: 220px; */
  /* width: 100%; */
  margin-top: 35px;
  padding: 10px 40px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.checkboxes_input_dp {
  border-radius: 3.646px;
  border: 1.823px solid #898989;
  background: #fff;
  width: 17.622px;
  height: 18.229px;
  /* margin-right: 12px; */
}

.p_up_dp {
  /* Add your styles here */
  color: #fff;
  font-size: 9.962px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.filter_div_flex {
}

.filter_by_button {
  border-radius: 22px;

  background: var(--primary-Black, #1e1e1f);

  max-width: 125px;

  width: 100%;

  height: 44px;

  color: var(--Lightness, #f2f2f2);

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  border: 0;
}

.filter_svg {
}

.filter_by_dropdown {
  border-radius: 12px;

  background: var(--White, #fff);

  /* Shadow G */

  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);

  width: 100%;

  padding: 16px;

  max-width: 250px;

  position: absolute;

  top: 60px;
}

.filter_dropdown_item {
  width: 227px;

  height: 44px;

  color: #000;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 21px;
  /* 150% */

  display: flex;

  align-items: center;

  padding-left: 22px;

  transition: 0.3s;
  border-radius: 22px;
  cursor: pointer;
}

.filter_by_relative {
  position: relative;
  margin-top: 40px;
}

.filter_dropdown_item:hover {
  border-radius: 22px;
  background: rgba(24, 88, 255, 0.3);
  color: #fff;
}

.container_menu_nav_mobile_head {
  display: none;
}

.send_link_status_boxes {
  max-width: 341px;

  width: 100%;

  border-radius: 7px;

  border: 1px solid rgba(24, 88, 255, 0.1);

  padding: 9px;

  position: initial;

  left: 350px;

  top: 7px;
}

.flex_with_up_to_links {
  display: flex;
  align-items: center;
  gap: 35px;
}

.line_size_link_one {
  width: 100%;

  border-radius: 2px;

  background: #d9d9d9;

  height: 4px;
}

.line_size_link_two {
  width: 20%;
  border-radius: 2px;
  background: #d9d9d9;
  height: 4px;
  border-radius: 2px;
  background: #0e2c7a;
  position: relative;
  top: -4px;
}

.line_size_tier_one {
  width: 100%;

  border-radius: 2px;

  background: #d9d9d9;

  height: 4px;
}

.line_size_tier_two {
  width: 20%;

  border-radius: 2px;

  background: #d9d9d9;

  height: 4px;

  border-radius: 2px;

  background: #1858ff;

  position: relative;

  top: -4px;
}

.popup_notification_one {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;
}

.notification_box_popup {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 630px;
  width: 100%;
  margin: auto;
  padding: 30px;
  text-align: left;
  padding-top: 15px;
}

.flex_popup_notif_1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  /* border-right: 1px solid rgba(30, 30, 31, 0.10); */
}

.flex_2_popup_notif {
  display: flex;

  justify-content: space-between;

  flex-direction: row;

  margin-top: 5px;

  margin-bottom: 5px;

  /* gap: 130px; */
}

.title_popup_infos_details {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: -0.48px;

  text-align: left;

  margin-top: 5px;

  margin-bottom: 5px;
}

.sub_title_popup_infos_details {
  color: #000;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.773px;
  /* 241.238% */

  text-align: left;
}

.close_notif_popup {
  cursor: pointer;
}

.box_content_popup_notif {
  border-radius: 15px;

  background: #f7f7f7;

  /* max-width: 100%; */

  height: 116px;

  width: 272px;

  padding: 10px;

  overflow: hidden;

  padding-left: 17px;
}

.box_content_popup_notif_link {
  border-radius: 15px;

  background: #f7f7f7;

  height: 45px;

  width: 570px;

  display: flex;

  padding: 10px;

  align-items: center;

  overflow: hidden;
}

.p_recip_noitf_popup {
  color: #121212;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-align: left;

  color: #121212;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 24px;
  /* 120% */
}

.margin_spec_div_popup {
  display: flex;

  gap: 19px;

  margin-top: 25px;
}

.boxedup_popup_infos {
  border-radius: 12px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #fff;

  width: 171px;

  height: 71px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding-left: 10px;
}

.red_border_on_invalid {
  border: 1px solid red;
}

.logout_custom_desk {
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  margin-top: 5px;
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  /* 200% */
  text-decoration-line: underline;
}

.reconnect_to_dashboard {
  border-radius: 32.118px;
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  border: 0;
  max-width: 180.347px;
  height: 34.236px;
  width: 100%;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-size: 13.625px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 50px;
}

.enable_on_no_collection {
}

.close_link_popup {
  cursor: pointer;
  width: 32px;
  position: relative;
  top: -5px;
}

.save_link_setting {
  max-width: 220px;
  width: 100%;
  height: 54px;
  background: #0e2c7a;
  border: 0;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin-top: 10px;
  line-height: 33.773px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.snapss_dash_digital_pass_link_portal {
}

.popup_create_link {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.popup_edit_link {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.popup_link_box {
  max-width: 100%;
  width: 1123px;
  min-height: 486px;
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  /* width: 100%; */
  margin: auto;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
  padding-bottom: 28px;
}

@media only screen and (max-width: 1150px) {
  .p_login_left {
    display: none;
  }

  .display_mob_none {
    display: none;
  }

  .box_login {
    border-radius: 0;
    background: unset;
    max-width: 100%;
    height: unset;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .container_login_main {
    background: #fff;
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding-top: 20px;
  }

  .right_side_login {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: unset;
  }

  .logo_white_login {
    max-width: 130px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 34px;
  }

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

  .login_webp_logo {
    max-width: 222px;
    width: 100%;
    margin-bottom: 43px;
    display: block;
    margin: auto;
    margin-bottom: 43px;
  }

  .step_email {
    text-align: center;
  }

  .input_login {
    box-shadow:
      0px -1.325px 19.874px 0px rgba(0, 0, 0, 0.1),
      1.51px 5.035px 15.104px 0px rgba(0, 0, 0, 0.08);
    border: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 15px;
    border-radius: 49px;
    background: #f0f0f0;
    max-width: 343px;
    height: 64px;
    width: 100%;
    color: #010101;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.48px;
    padding-left: 0;
  }

  .input_code_email {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    border: 0;
    background: #ededed;
    text-align: center;
    font-size: 25px;
    padding-left: 8px;
    width: 58px;
    height: 54px;
    color: #010101;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    padding-left: 0;
  }

  .label_input_login {
    display: none;
  }

  .sub_login_title {
    max-width: 344px;
    margin: auto;
    margin-bottom: 13px;
    line-height: 24px;
  }

  .login_button {
    max-width: 343px;
    width: 100%;
    margin-bottom: 35px;
  }

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

  .code_sent_to {
    margin-bottom: 18px;
  }

  .no_code_recieved {
    margin-bottom: 10px;
  }

  /* .nav_bar_dashboard {
    display: none;
  } */

  .container_dashboard_position_page {
    margin-left: 0;
    padding-top: 0px;
    padding-right: 8px;
    padding-left: 8px;
    z-index: 1;
    position: relative;
    padding-bottom: 170px;
    max-width: 100%;
    margin: auto;
    margin-top: 60px;
    min-height: 100vh;
  }

  .container_menu_nav_mobile_head {
    display: block;
    max-width: 100%;
    margin: auto;
  }

  .flex_menu_mobile {
    display: flex;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 5;
    top: 0;
    padding-bottom: 16px;
    box-shadow: 2px 0px 15px 0px rgba(30, 30, 31, 0.08);
  }

  .flex_mobile_item_1 {
    display: flex;

    align-items: center;

    gap: 17px;
  }

  .icone_mob_menu {
    max-width: 36px;

    width: 100%;
  }

  .position_nav_mob {
    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 24px;
    /* 133.333% */
  }

  .flex_mobile_item_2 {
    display: flex;
    gap: 16px;
    align-items: center;
  }

  .email_connected_mobile {
    color: #1858ff;

    text-align: right;

    font-size: 13px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;
  }

  .logout_mobile {
    width: 100%;
    margin-top: 20px;
  }

  .navbar_dashboard_up {
    display: none;
  }

  .title_welcome_home {
    font-size: 22px;
    margin-top: 0;
  }

  .flex_infos_home {
    display: grid;
    gap: 16px;
    display: flex;
    grid-template-columns: repeat(2, 0fr);
    /* grid-template-rows: repeat(1, auto); */
    margin-bottom: 32px;
    max-width: 100%;
    justify-items: center;
    justify-content: center;
  }

  .ico_dash_target_hox {
    width: 35px;
    height: 35px;
    margin-bottom: 14px;
  }

  .title_target_box {
    background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    padding-top: 1px;
    line-height: 33.773px;
    margin-bottom: 14px;
  }

  .sub_target_box {
    color: #898989;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.804px;
  }

  .clickable_p_home_dash {
    display: none;
  }

  .start_now_dash {
    border-radius: 34px;
    background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
    max-width: 100%;
    width: 100%;
    height: 54px;
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    border: 0;
    margin-left: 0;
    position: inherit;
  }

  .start_now_dash_event {
    border-radius: 34px;
    background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
    max-width: 100%;
    width: 100%;
    height: 54px;
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    border: 0;
    margin-left: 0;
    position: inherit;
  }

  .big_block_home_tarder_dash {
    border-radius: 23.494px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 408px;
    margin: auto;
    width: 100%;
    padding-top: 20px;
    padding-left: 23px;
    padding-right: 36px;
    min-height: 343px;
    padding-bottom: 25px;
  }

  .second_flex_home_target {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }

  .nav_mobile_bottom {
    max-width: 100%;
    height: 66px;
    width: 100%;
    display: flex;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0px 3.667px 13.75px -0.917px rgba(130, 130, 130, 0.25);
    margin-bottom: 50px;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 50;
    right: 0;
  }

  .navigation_round_bottom {
    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    cursor: pointer;
  }

  .nav_active_round {
  }

  .icone_mob_click {
  }

  .container_audience_mobile {
  }

  .audience_box_mobile {
    width: 100%;
    height: 178px;
    margin: auto;
    border-radius: 15px;
    background: #fff;
    box-shadow:
      0px -2px 20px 0px rgba(0, 0, 0, 0.07),
      0px 8px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 14px;
    margin-bottom: 24px;
    position: relative;
  }

  .notification_box_mobile {
    width: 100%;
    min-height: 96px;
    margin: auto;
    border-radius: 15px;
    background: #fff;
    box-shadow:
      0px -2px 20px 0px rgba(0, 0, 0, 0.07),
      0px 8px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 14px;
    margin-bottom: 24px;
  }

  .flex_one_audience_mob {
    display: flex;

    justify-content: space-between;
  }

  .first_flex_audience_mob {
    display: flex;

    align-items: center;

    gap: 9px;
  }

  .audience_mob_div_img {
  }

  .email_audience_mob {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.773px;
    /* 241.238% */
    text-decoration: underline;
  }

  .date_created_mob {
    color: #898989;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 4px;
  }

  .img_pass_mobile_dash {
    text-align: end;
  }

  .active_div_dash_table {
    margin: unset;
  }

  .not_active_div_dash_table {
    margin: unset;
  }

  .apple_google_dash_table {
    max-width: 67px;
    position: relative;
    top: -58px;
    right: 18px;
  }

  .container_dashboard_main {
    height: unset;
  }

  .flex_send_notif {
  }

  .recipeint_p_mobile_notif {
    color: #121212;

    text-align: right;

    font-size: 14px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;
  }

  .notif_name_mob {
    color: #1858ff;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-decoration-line: underline;
  }

  .date_created_mob_notif_ {
    color: #898989;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;
  }

  .error_message_code {
    text-align: center;
    color: red;
    font-size: 14px;
    display: flex;
    opacity: 1;
    visibility: visible;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 60px;
  }

  .notification_box_popup {
    max-width: 370px;
  }

  .flex_2_popup_notif {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 5px;
    margin-bottom: 5px;
    /* gap: 130px; */
  }

  .box_content_popup_notif {
    border-radius: 15px;
    background: #f7f7f7;
    /* max-width: 100%; */
    height: 116px;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    padding-left: 17px;
  }

  .box_content_popup_notif_link {
    border-radius: 15px;
    background: #f7f7f7;
    height: 45px;
    width: 100%;
    display: flex;
    padding: 10px;
    align-items: center;
    overflow: hidden;
  }
}

.error_message_code {
  text-align: center;
  color: red;
  font-size: 14px;
  display: flex;
  opacity: 1;
  visibility: visible;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 60px;
}

.show_loader_popup {
  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;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid lightblue;
  border-right-color: #000;
  animation: l2 1s infinite linear;
}

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

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

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

.box_with_link_added {
  margin-bottom: 20px;
  border-radius: 10.348px;
  background: #fff;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  overflow: hidden;
  width: 348px;
  /* flex: 16%; */
  height: 204px;
  flex-basis: 47%;
}

.link_tittle_p {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 187.629% */

  margin-bottom: 14px;
}

.flex_inside_box_link_added {
  display: flex;
}

.flex_inside_box_team_added {
  display: flex;
  margin-bottom: 25px;
  gap: 12px;
}

.p_notif_name_title_1 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  /* margin-bottom: 8px; */
  font-weight: 500;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.box_inside_link_added {
  display: flex;
  padding: 16px;
  /* border-radius: 10.348px; */
  background: #fff;
  /* 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); */
  /* max-width: 369.067px; */
  /* height: 60.361px; */
  width: 100%;
  align-items: flex-start;
  /* padding: 20px; */
  justify-content: space-between;
  /* margin-right: 11px; */
  cursor: grab;
}

.boxed_param_link {
  border-radius: 10.348px;
  border: 0.862px solid rgba(137, 137, 137, 0.3);
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  margin-right: 6px;
}

.param_snapss_link {
  width: 17px;
}

.trash_snapss_link {
  width: 17px;
}

.boxed_trash_link {
  border-radius: 10.348px;
  border: 0.862px solid rgba(137, 137, 137, 0.3);
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.p_button_transcript_link {
  color: #1858ff;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.flex_color_picks_1 {
  display: flex;
  align-items: center;
  gap: 95px;
}

.save_customization_button {
  border-radius: 34px;
  background: #1858ff;
  border: 0;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  height: 54px;
  max-width: 537px;
  width: 100%;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.overlay_drop_img {
  text-align: center;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffffb5;
  border-radius: 9.834px;
}

.copied_tooltip {
  border-radius: 12px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #1858ff;
  width: 61px;
  height: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 11px;
  font-size: 11px;
  color: #fff;
  position: absolute;
  right: 45px;
  bottom: -18px;
}

.copy_ur_snapss {
  position: relative;
  display: flex;

  background: #fff;

  box-shadow: -3px 0px 10px 0px rgba(30, 30, 31, 0.12);

  padding-left: 33px;

  align-items: center;

  padding-right: 33px;
}

.snaps_title_url_copy {
  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 20px;
  /* 142.857% */
}

.snapss_url_index {
  color: #1858ff;
  text-align: start;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  /* 140.23% */
  text-decoration-line: underline;
  margin-right: 0;
  color: #898989;
  margin-left: 0;
  white-space: nowrap;
}

.copy_claim {
  cursor: pointer;
}

.flex_master_nav_head {
  display: flex;
  margin-right: -15px;
}

.design_save_link_setting {
  max-width: 220px;
  width: 100%;
  height: 54px;
  border-radius: 34px;
  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
  border: 0;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin-top: 10px;
  line-height: 33.773px;
}

.popup_trash {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.popup_trash_category {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.flex_button_both_trahs_category_trash {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
  margin-top: 15px;
}

.popup_trash_product {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.popup_trash_geo {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.popup_trash_team {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.popup_trash_gate {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.popup_switch {
  position: fixed;
  max-width: 265px;
  width: 100%;
  top: 80px;
  right: 40px;
  text-align: center;
  z-index: 68;
  align-items: center;
  min-height: 446px;
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
}

.box_trash_popup {
  max-width: 537px;
  min-height: 200px;
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
  margin: auto;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
  padding-bottom: 28px;
}

.p_trash_title {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  background: #000000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 1px;
}

.flex_button_both_trahs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}

.confirm_trash {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: #1858ff;
  color: white;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.cancel_trash {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.confirm_trash_geo {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: #1858ff;
  color: white;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.cancel_trash_geo {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.confirm_trash_gate {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: #1858ff;
  color: white;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.cancel_trash_gate {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.confirm_trash_team {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: #1858ff;
  color: white;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.cancel_trash_team {
  border-radius: 34px;
  background: #f2f2f2;
  border: 0;
  max-width: 175px;
  width: 100%;
  height: 49px;
  margin-right: 18px;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.prduct_pass_div {
}

.store_pass_divs {
}

.div_phone_flex_links {
  /* margin: auto; */
  position: sticky;
  top: 6%;
  /* margin-top: 190px; */
}

.div_phone_flex_email {
  /* margin: auto; */
  position: sticky;
  top: 0;
  margin-top: -100px;
}

.flex_link_and_phone {
  display: flex;
  position: fixed;
  align-items: flex-start;
  right: 5%;
  top: 20%;
  z-index: 1;
}

.phone_flex_mock {
  max-width: 250px;
  /* margin-top: -160px; */
}

.white_square_links_parent {
  position: absolute;
  border-radius: 5px;
  background: #fff;
  /* 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); */
  padding: 10px;
  width: 210px;
  position: initial;
  top: 298px;
  left: 0;
  right: 0;
  margin: auto;
  height: fit-content;
  display: flex;
  gap: 10px;
  flex-direction: column;
  cursor: initial;
  max-height: 230px;
  overflow-y: auto;
}

.white_square_links_parent::-webkit-scrollbar {
  width: 6px;
}

.white_square_links_parent::-webkit-scrollbar-track {
  background: transparent;
}

.white_square_links_parent::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.white_square_links_parent::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.links_div_mock {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #80808038;
  padding-bottom: 5px;
  padding-top: 5px;
}

.p_mock_title_link {
  color: #000000;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: start;
}

.p_mock_button_link {
  color: #1858ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: right;
}

#contain_links_fetched {
  width: 100%;
  margin-top: 50px;
  display: flex;
  gap: 6%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  align-content: flex-start;
}

.bigger_flex_nav_dash {
}

.container_404 {
  display: flex;
  justify-content: center;
  gap: 30px;
  /* height: 60vh; */
  padding-bottom: 100px;
  align-items: center;
}

.title_h1_404 {
  color: var(--primary-Black, #1e1e1f);

  font-size: 128px;

  font-style: normal;

  font-weight: 700;

  /* 51.563% */
}

.h2_404 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: 133.3%;
  /* 31.992px */

  max-width: 488px;

  margin-top: 40px;
}

.h3_404 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;
  /* 27px */

  max-width: 580px;

  margin-bottom: 25px;

  margin-top: 17px;
}

.text-bold {
  color: #1e1e1f;

  font-weight: 700;
}

.button_back_404 {
  max-width: 298px;
  width: 100%;
  height: 41px;
  border-radius: 24px;
  background: #1858ff;
  border: 0;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.p_404 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;
  /* 27px */

  margin-top: 40px;
}

.snapss_404 {
  max-width: 450px;
}

@media only screen and (max-width: 1150px) {
  .container_404 {
    display: flex;
    justify-content: center;
    gap: 30px;
    height: unset;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 17px;
  }

  .title_h1_404 {
    font-size: 96px;
    margin-top: 25px;
  }

  .p_404 {
    display: none;
  }

  .h2_404 {
    margin-top: 40px;

    margin: auto;

    margin-top: 20px;
  }

  .snapss_404 {
    max-width: 329px;
    margin-top: 35px;
  }
}

.display_none_attr {
  display: none;
}

.attr_points_box {
  height: 0;
  visibility: hidden;
}

.container_2_hts {
}

.flex_one_right_hts {
  display: flex;
}

.flex_two_right_hts {
  display: flex;
  justify-content: flex-end;
  margin-top: 360px;
}

.marg_specwhy_2_ {
  margin-top: 40px;
}

.whyframes_new {
  border-radius: 21.058px;
  box-shadow:
    0px -1.967px 29.498px 0px rgba(0, 0, 0, 0.1),
    2.242px 7.473px 22.418px 0px rgba(0, 0, 0, 0.08);
  max-width: 544px;
  width: 120% !important;
}

.p_snapss_hts_1 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 4.8px;

  text-transform: capitalize;
}

.h2_hts_1 {
  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 8px;

  max-width: 488px;

  width: 100%;
}

.p_snapss_hts_2 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;
  /* 27px */

  margin-top: 23px;

  margin-bottom: 32px;

  max-width: 503px;

  width: 100%;
}

.mocku_hts_snapss_1 {
  max-width: 246px;

  width: 100%;

  position: relative;

  top: 120px;

  z-index: 5;

  left: 41px;
}

.dash_noti_svg {
  position: absolute;

  max-width: 812px;

  top: -60px;

  left: 101px;
}

.mocku_hts_snapss_2 {
  /* position: absolute; */

  /* opacity: 0; */

  max-width: 420px;
}

.dash_big_gate1 {
  position: absolute;

  right: 50px;

  top: -80px;

  max-width: 767px;
}

.blue_container_hts {
  background: rgba(24, 88, 255, 0.05);

  padding-top: 80px;

  padding-bottom: 80px;

  margin-top: 300px;

  text-align: center;
}

.max_width_unset {
  max-width: unset;
}

.carousel_infinite {
  width: 100%;
  /* Ajustez selon votre besoin */
  overflow: hidden;
  position: relative;
}

.carousel_infinite img {
  width: 100%;
  /* Ajustez selon votre besoin */
  display: block;
  transition: transform 0.8s ease;
  position: absolute;
}

.car_sect {
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
}

.car_article {
  display: flex;
  width: 200%;
  animation: bannermove 20s linear infinite;
}

.car_li img {
  max-width: 557px;
  width: 100%;
}

.car_div {
  width: 100%;
}

.car_ul {
  display: flex;

  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.car_li {
  width: 100%;
  margin-right: 22px;
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.flex_mockup_hts {
  display: flex;
  margin-top: 100px;
  align-items: center;
  justify-content: center;
  gap: 10%;
}

.mockup_hts_2 {
  max-width: 310px;

  width: 100%;
}

.container_3_hts {
  text-align: center;

  margin-top: 120px;

  padding-bottom: 200px;
}

.marg_top_none {
  margin-top: 0;
}

.big_frame_why_2 {
  width: 100%;

  max-width: 1265px;
}

.p_spec_why2 {
  color: #bdbdbd;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px;
  /* 159.375% */
  letter-spacing: -0.64px;
  max-width: 819px;
  width: 100%;
  margin: auto;
  margin-top: 220px;
  margin-bottom: 22px;
}

.whyframes_new {
  border-radius: 21.058px;

  box-shadow:
    0px -1.967px 29.498px 0px rgba(0, 0, 0, 0.1),
    2.242px 7.473px 22.418px 0px rgba(0, 0, 0, 0.08);

  max-width: 544px;

  width: 100%;
}

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

@media only screen and (max-width: 1150px) {
  .flex_section_new_why2 {
    display: flex;
    justify-content: space-between;
    margin-top: 140px;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 160px;
  }

  .notif_1_new_frame {
    display: none;
  }

  .notif_2_new_frame {
    display: none;
  }

  .notif_3_new_frame {
    display: none;
  }

  .phone_new_frame_2 {
    display: none;
  }

  .phone_new_frame {
    display: none;
  }

  .bubble_1_newframe {
    display: none;
  }

  .bubble_2_newframe {
    display: none;
  }

  .bubble_3_newframe {
    display: none;
  }

  .big_frame_mobile_newframe {
    display: block;
    max-width: 374px;

    margin-left: 0;
  }

  .flex_img_snaps_whyy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 123px;
    margin-bottom: 100px;
    flex-direction: column;
    gap: 64px;
  }

  .h3_bicolor_snapss {
    color: #787878;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.52px;
    background: linear-gradient(194deg, #1e1e1f -52.54%, #1858ff 110.47%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 208px;
  }

  .p_why_using_1_e {
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.52px;
    margin-top: 310px;
  }
}

.dash_audiance_svg {
  margin: auto;
  margin-top: 80px;
  margin-bottom: 230px;
}

@media only screen and (max-width: 1150px) {
  .container_hiw {
    position: relative;
    margin-bottom: 90px;
  }

  .dash_audiance_svg {
    width: 842px;
    margin-top: 76px;
    margin-bottom: 0;
    position: inherit;
    left: 0;
    margin-top: 75px;
  }

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

  .dash_noti_svg {
    display: none;
  }

  .h2_hts_1 {
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 8px;
    max-width: 458px;
    width: 100%;
  }

  .mocku_hts_snapss_1 {
    max-width: 336px;
    width: 100%;
    position: relative;
    top: 120px;
    z-index: 5;
    left: 0;
  }

  .flex_two_right_hts {
    display: flex;
    justify-content: flex-end;
    margin-top: 210px;
    flex-direction: column-reverse;
  }

  .dash_big_gate1 {
    position: initial;
    right: 50px;
    top: -80px;
    max-width: 767px;
    margin-top: 85px;
  }

  .blue_container_hts {
    background: rgba(24, 88, 255, 0.05);
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 150px;
    text-align: center;
  }

  .car_li img {
    width: 100%;
    width: 435px;
  }

  .mockup_hts_2 {
    max-width: 310px;
    width: 100%;
    margin-right: 40px;
  }

  .container_3_hts {
    text-align: center;
    margin-top: 120px;
    padding-bottom: 0px;
  }

  .flex_content_dash_form_ {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
    flex-direction: column;
    gap: 55px;
    order: 2;
  }

  .flex_color_picks_1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
    margin-top: 20px;
    order: 1;
  }

  .preview_phone_page {
    display: none;
  }

  .import_logo_box_custom {
    max-width: unset;
    /* height: 303px; */
    width: 100%;
    border-radius: 15.326px;
    background: #fff;
    box-shadow:
      0px -0.639px 19.158px 0px rgba(0, 0, 0, 0.1),
      0px 6.386px 9.579px 0.639px rgba(0, 0, 0, 0.12);
    /* padding-top: 22px; */
    /* padding-bottom: 31px; */
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 15px;
  }

  .p_box_upload_1 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
  }

  .p_box_upload_2 {
    font-size: 17px;
    margin-bottom: 20px;
    text-align: center;
  }

  .p_box_upload_3 {
    font-size: 17px;
    margin-bottom: 20px;
  }

  .box_drag_drop {
    border-radius: 9.834px;
    border: 0.639px dashed rgba(97, 97, 97, 0.2);
    background: #f5f5f5;
    width: 100%;
    height: 150px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 17px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  input[type='color' i] {
    width: 67px;
    height: 67px;
    border-radius: 8px;
    border: 1px solid #efefef;
    background: unset;
    cursor: pointer;
    outline: none;
  }

  .color_picker_text {
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 13.039px;
    letter-spacing: -0.26px;
  }

  .title_colot_picker {
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 13.039px;
    letter-spacing: -0.26px;
    margin-bottom: 10px;
  }

  .info_color_picker {
    border-radius: 8.104px;
    border: 0.675px solid rgba(0, 0, 0, 0.05);
    background: #fff;
    box-shadow: 0px -0.675px 20.26px 0px rgba(0, 0, 0, 0.1);
    width: 150px;
    max-width: 100%;
    height: 67px;
    display: flex;
    flex-direction: column;
    padding-left: 12px;
    justify-content: center;
  }

  .order_mob_1 {
    order: 1;
  }

  .order_mob_2 {
    order: 2;
  }

  .order_mob_3 {
    order: 3;
  }

  .display_mob_important {
    display: block !important;
  }

  .form_dash_digital_pass {
    /* max-width: unset; */
    /* height: unset; */
    /* width: 100%; */
    /* border-radius: unset; */
    /* background: none; */
    /* box-shadow: unset; */
    /* padding: unset; */
    /* margin-right: unset; */
    /* display: grid; */
    margin-top: 30px;
  }

  .label_form_dp {
    color: var(--primary-Black, #1e1e1f);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    display: block;
    margin-top: 26px;
    margin-bottom: 10px;
  }

  .div_phone_flex_links {
    display: none;
  }

  .flex_with_up_to_links {
    display: flex;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .create_a_new_link_button {
    margin-bottom: 25px;
  }

  #contain_links_fetched {
    width: 100%;
  }

  .flex_inside_box_link_added {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 40px;
  }

  .flex_trash_link {
    display: flex;
    justify-content: flex-end;
  }

  .popup_link_box {
    max-width: 367px;
    min-height: 486px;
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin: auto;
    position: relative;
    overflow-y: auto;
    max-height: 100%;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .box_trash_popup {
    max-width: 367px;
  }

  .active_send_notif {
    position: initial;
    bottom: 15px;
    left: 15px;
  }
}

.selected_input_for_action {
  border-radius: 15px;
  background: #f7f7f7;
  border: 0;
  width: 90px;
  height: 55px;
  margin-left: 12px;
  padding: 10px;
  margin-bottom: 15px;
  display: inline-block;
  font-size: 25px;
  width: 112px;
  height: 35px;
  border-radius: 5px;
  background: #f7f7f7;
  text-align: center;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 241.238% */
}

.select_choice_action {
  border-radius: 15px;
  background: #f7f7f7;
  border: 0;
  display: inline;
  margin-left: 12px;
  padding: 10px;
  margin-bottom: 15px;
  width: 162px;
  height: 35px;
  border-radius: 5px;
  background: #f7f7f7;
  color: #616161;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 241.238% */
}

.label_select_choices {
  display: block;
  text-align: justify;
  padding-left: 12px;
  margin-top: 15px;
  margin-bottom: 10px;
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 241.238% */
}

.flex_trash_link {
  display: flex;
  justify-content: flex-end;
}

.active_send_notif {
  text-align: center;
  /* margin: auto; */
  cursor: pointer;
  color: #1858ff;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #fff;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  height: 37px;
  max-width: 137px;
  line-height: unset;
  /* 163.602% */
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.popup_send_notif {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.send_notif_target_button {
  border-radius: 34px;

  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);

  height: 54px;

  max-width: 193px;

  width: 100%;

  border: 0;

  color: #fff;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 211.083% */

  margin-top: 14px;
}

.text_init {
  text-align: initial;
}

.view_act_gate {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #fff;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  cursor: pointer;
  font-weight: 700;
  line-height: 19.632px;
  /* 163.602% */
  width: 153px;
  height: 41px;
  /* width: 100%; */
  display: flex;
  /* position: absolute; */
  justify-content: center;
  align-items: center;
  right: 20px;
  top: 115px;
}

.popup_activities {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.box_content_act_scan {
  position: relative;

  padding: 25px;

  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  max-width: 750px;

  width: 100%;

  margin: auto;
}

.displayer_gates {
  display: grid;
  grid: 1 1 1 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  align-items: start;
  justify-content: center;
  justify-items: center;
  max-width: 1120px;
}

.gate_plus_nav {
  position: relative;

  bottom: 20px;
}

.gate_plus {
  position: relative;
}

@media only screen and (max-width: 1150px) {
  .gates_active_div {
    width: 100%;
  }

  .menu_dash:hover {
    background: unset;
  }

  .popup_gates_box {
    max-width: 98%;
    max-height: 100%;
    /* overflow-y: scroll; */
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin: auto;
    position: fixed;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 28px;
    /* bottom: 0; */
  }

  .flex_form_new_gate {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-height: 400px;
    overflow-y: scroll;
  }

  .div_1_flex_form_gate {
    max-width: 100%;
    border-right: unset;
    padding-right: 0;
    width: 100%;
    margin: inherit;
  }

  .title_flex_2_gate {
    padding-left: 0;
  }

  .create_gate_button_apply {
    max-width: 100%;
    width: 100%;
  }

  .bottom_popup_gate {
    border-top: unset;
    margin-top: 0px;
    padding-top: 0;
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .label_select_choices {
    margin: 0;
    padding: 0;
  }

  .textarea_gate {
    height: 86px;
  }

  .displayer_gates {
    display: block;
  }

  .gates_container {
    /* max-width: 342px; */
    /* width: 100%; */
    /* height: 601px; */
    /* padding: 20px; */
    /* margin: auto; */
    /* margin-bottom: 60px; */
    /* margin-top: 0; */
  }

  .flex_gate_2 {
    display: flex;
    justify-content: space-between;
    margin-top: 31px;
    flex-direction: column;
    gap: 30px;
    position: initial;
  }

  .copy_gate_input {
    border-radius: 34px;
    background: #f2f2f2;
    border: 0;
    width: 100%;
  }

  .access_scanner_button {
    width: 100%;
  }

  .delete_gate_box {
    position: absolute;
    right: 20px;
  }

  .view_act_gate {
    position: unset;
    width: 137px;
    /* max-width: 100%; */
    margin-top: 18px;
    margin-bottom: 30px;
    /* display: none; */
  }

  .box_user_used {
    position: unset;
  }

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

  .edit_gate_button {
    max-width: 172px;
    margin: auto;
    /* width: 100%; */
    margin-bottom: 10px;
  }

  .ul_gate_box {
    margin-left: 10px;
  }

  .p3_gate_box {
    color: #1858ff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 55px;
  }
}

.box_switch_collection {
  max-width: 537px;

  min-height: 312px;

  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  width: 100%;

  margin: auto;

  position: relative;

  padding: 20px;
}

.scroll_mobile_nav {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.inside_switch_collection {
}

.flex_switch_collection_1 {
  display: flex;

  gap: 8px;

  margin-bottom: 20px;
}

.swicth_ico {
}

.p_switch_1 {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 24px;
  /* 150% */
}

.close_switch {
  position: absolute;

  top: 20px;

  right: 20px;

  cursor: pointer;
}

.scrollable_collection_display {
  overflow: auto;
  overflow-x: hidden;
  max-height: 145px;
  margin-top: -10px;
}

.item_collection_switch {
  justify-content: space-between;
  width: 100%;
  padding-bottom: 0;
  align-items: center;
  cursor: pointer;
}

.flex_sub_sitch_1 {
  display: flex;

  gap: 8px;

  align-items: center;
}

.collection_switch_ico {
  border-radius: var(--Spacing-spacing-none, 27px);
  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10), 0px 10px 10px 0px rgba(0, 0, 0, 0.12); */
  width: 27px;
  background: #ccc;
  height: 27px;
  object-fit: cover;
  border-radius: var(--Spacing-spacing-none, 27px);
  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10), 0px 10px 10px 0px rgba(0, 0, 0, 0.12); */
}

.p_switch_2 {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 184.615% */
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 184.615% */
  text-align: start;
}

.select_svg {
  width: 16px;

  height: 16px;
}

.scrollable_collection_display::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.scrollable_collection_display::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.scrollable_collection_display::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #1858ff;
}

.swicth_account_svg {
  cursor: pointer;
}

.flex_title_and_switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32%;
  width: 105px;
}

.container_team_click {
}

.flex_toggle_switch_pricing {
  display: flex;

  align-items: center;
}

.billed_deactivat {
  color: #898989;
  text-align: right;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* 211.083% */
}

.billed_activated {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.save_25 {
  color: #898989;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.team_svg {
}

.iner_flex_team {
  display: flex;

  align-items: center;

  gap: 18px;
}

.boxed_param_team {
  border-radius: 10.348px;
  border: 0.862px solid rgba(137, 137, 137, 0.3);
  background: #fff;
  width: 56.912px;
  height: 60.361px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  margin-right: 6px;
}

.boxed_trash_team {
}

.button_confirm_team {
  padding-top: 20px;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  margin-top: 35px;

  text-align: end;
}

.confirm_team_but {
  /* 211.083% */
  background: #1e3778;
  width: 100%;
  margin-bottom: 8px;
  height: 50px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  padding-top: 1px;
  line-height: 19.632px;
  max-width: 100%;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.box_add_team {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 420px;
  height: fit-content;
  width: 100%;
  margin: auto;
  padding: 20px;
  position: relative;
}

.close_team {
  position: absolute;

  top: 20px;

  right: 20px;

  cursor: pointer;
}

.flex_team_4 {
  display: flex;

  gap: 46px;
}

.label_new_team {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 211.083% */

  text-align: justify;
}

.number-input {
  display: flex;
  align-items: center;
}

.number-input button {
  background-color: #ddd;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #000000;
  width: 22px;
  height: 21px;
  background: #fff;
}

.number-input input {
  width: 50px;
  text-align: center;
  /* border-radius: 6px; */
  border: 1px solid #1858ff;
  background: #fff;
  border-top-left-radius: 0;
  /* border-top-right-radius: 0; */
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  padding: 2.4px;
  font-weight: 700;
  line-height: normal;
}

.popup_edit_pass {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.box_pass_edit {
  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  max-width: 350px;

  margin: auto;

  padding: 20px;
}

.digital_pass_nft_edit {
  width: 276.359px;
  height: 261.059px;
  border-radius: 6.087px;
  background: var(--color-primary-pass);
  border-radius: 10px;
  border: 5px solid #efefef;
  margin-bottom: 34px;
}

.logo_pass_edit {
  max-height: 29px;
  max-width: 74px;
  margin-left: 0px;
  margin-top: 2px;
  margin-bottom: 5px;
}

.banner_pass_pass_edit {
  height: 108px;

  margin-top: 5px;

  width: 100%;

  object-fit: cover;
}

.flex_points_and_name {
  display: flex;

  align-items: center;

  padding-left: 14px;

  padding-right: 25px;

  margin-top: 15px;

  gap: 40px;
}

.points_name_attr_edit_pass {
  color: var(--color-font-pass);
  font-size: 7.755px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: justify;
  margin-bottom: 6px;
}

.name_font_pass_edit {
  color: var(--color-font);
  font-size: 7.755px;
  font-style: normal;
  font-weight: 700;
  display: none;
  line-height: normal;
  text-align: justify;
  margin-bottom: 7px;
}

.pass_name_edit_pass {
  color: var(--color-font-pass);
  font-size: 13.849px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}

.confirm_edit_pass_butt {
  border-radius: 34px;
  background: #000000;
  max-width: 277px;
  width: 100%;
  height: 54px;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  /* 211.083% */
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  border: 0;
}

.pos_edit_pass_logo {
  text-align: justify;

  padding-left: 5px;

  padding-top: 5px;
}

.active_customize_pass {
  text-align: center;
  margin: auto;
  cursor: pointer;
  display: flex;
  gap: 8px;
  /* color: #1858ff; */
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 33.773px; */
  /* text-decoration-line: underline; */
  border-radius: 7.028px;
  border: 0.586px solid rgba(137, 137, 137, 0.3);
  background: #fff;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: unset;
  /* min-width: 90px; */
  padding: 5px 12px;
}

.display_none_points {
  display: none;
}

.width_banner_edi_pass {
  width: 100%;
}

.copy_link_scanner {
  border-radius: 12px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #1858ff;
  width: 61px;
  height: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  font-size: 11px;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 10px;
  align-items: center;
}

.copy_link_scanner:focus {
  outline: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #9fccfa;
  border-radius: 50px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.slider:before {
  position: absolute;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin-top: 1px;
  margin-left: 2px;
  inset: 0;
  background-color: white;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.switch input:checked + .slider {
  background: #0974f1;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #0974f1;
}

.switch input:checked + .slider:before {
  transform: translateX(1em);
}

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

.number_input_disolve {
}

.might_flex_new_gate {
  padding-left: 5px;

  text-align: end;
}

/* Genel stil */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  margin: 10px;
}

.toggle-switch .toggle-input {
  display: none;
}

.toggle-switch .toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 24px;
  background-color: #1858ff;
  border-radius: 34px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.toggle-switch .toggle-label::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  background-color: #fff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
}

.toggle-switch .toggle-input:checked + .toggle-label {
  background-color: #1858ff;
}

.toggle-switch .toggle-input:checked + .toggle-label::before {
  transform: translateX(16px);
}

/* Light tema */
.toggle-switch.light .toggle-label {
  background-color: #bebebe;
}

.toggle-switch.light .toggle-input:checked + .toggle-label {
  background-color: #9b9b9b;
}

.toggle-switch.light .toggle-input:checked + .toggle-label::before {
  transform: translateX(6px);
}

/* Dark tema */
.toggle-switch.dark .toggle-label {
  background-color: #1858ff;
}

.toggle-switch.dark .toggle-input:checked + .toggle-label {
  background-color: #717171;
}

.toggle-switch.dark .toggle-input:checked + .toggle-label::before {
  transform: translateX(16px);
}

.flex_pricing_p_1_2 {
  display: flex;

  justify-content: space-between;

  padding-bottom: 41px;

  border-bottom: 1px solid #1858ff;

  margin-bottom: 41px;
}

.crossed_price {
  color: #898989;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-decoration: line-through;

  text-decoration-color: #1858ff;

  margin-top: 15px;
}

@media only screen and (max-width: 1150px) {
  .flex_pricing_p_1_2 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 41px;
    border-bottom: unset;
    margin-bottom: 41px;
    flex-direction: column;
    align-items: center;
  }

  .flex_toggle_switch_pricing {
    display: flex;
    align-items: center;
    margin-top: -30px;
  }

  .save_25 {
    text-align: end;
    color: #898989;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

.snaps_loyalty_points_dash_container {
}

.flex_title_form_custom {
  display: flex;
  gap: 5px;
  align-items: center;
}

.display_points_loyalty {
}

.points_here {
}

.inner_flex_points_here {
}

@media only screen and (max-width: 1150px) {
  .float_menu_mob_item1 {
    position: absolute;

    border-radius: 26.897px;

    background: #fff;

    box-shadow:
      0px -4.639px 23.193px 0px rgba(0, 0, 0, 0.12),
      0px 9.277px 23.193px 0px rgba(0, 0, 0, 0.12);

    width: 134.483px;

    height: 39px;

    color: #000;

    text-align: right;

    font-family: 'Helvetica Neue';

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: flex;

    line-height: normal;

    justify-content: center;

    align-items: center;

    bottom: 90px;

    left: 40px;
  }

  .float_menu_mob_item2 {
    position: absolute;

    osition: absolute;

    border-radius: 26.897px;

    background: #fff;

    box-shadow:
      0px -4.639px 23.193px 0px rgba(0, 0, 0, 0.12),
      0px 9.277px 23.193px 0px rgba(0, 0, 0, 0.12);

    width: 134.483px;

    height: 39px;

    color: #000;

    text-align: right;

    font-family: 'Helvetica Neue';

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    display: flex;

    line-height: normal;

    justify-content: center;

    align-items: center;

    bottom: 140px;
  }

  .float_menu_mob_item3 {
    position: absolute;

    osition: absolute;

    border-radius: 26.897px;

    background: #fff;

    box-shadow:
      0px -4.639px 23.193px 0px rgba(0, 0, 0, 0.12),
      0px 9.277px 23.193px 0px rgba(0, 0, 0, 0.12);

    width: 134.483px;

    height: 39px;

    color: #000;

    text-align: right;

    font-family: 'Helvetica Neue';

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: flex;

    line-height: normal;

    justify-content: center;

    align-items: center;

    bottom: 90px;

    right: 40px;
  }

  .box_switch_collection {
    max-width: 327px;
    min-height: 312px;
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin: auto;
    position: relative;
    padding: 20px;
  }

  .p_switch_1 {
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    font-size: 19px;
    max-width: 231px;
  }

  .p_button_transcript_link {
    color: #1858ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    text-align: end;
  }
}

.popup_act_event {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.popup_geo {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.box_event_pops {
  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  width: 613px;

  padding: 30px;

  margin: auto;

  padding-top: 15px;
}

.englobe_table_event {
  width: 597px;
  margin-top: 0;
  border-radius: 12px;
  /* border: 1px solid rgba(30, 30, 31, 0.1); */
  background: #fcfcfc;
  margin-top: 0;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  border-top: 0;
  width: 100%;
  overflow-x: auto;
  max-width: 90%;
  height: fit-content;
  margin-top: 25px;
}

.table_event_div {
  width: 100% !important;
  border-radius: 12px;
  /* border: 1px solid rgba(30, 30, 31, 0.1); */
  background: #ffffff;
  overflow: hidden;
  border-top: 0;
  min-height: 121px;
  border-collapse: collapse;
  padding: 0;
  cellspacing: 0;
  border-collapse: collapse;
}

.tr_ain_event {
  height: 44px;
  border-radius: 12px 12px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
  background: #ffffff;
}

.englobe_table_event tbody {
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 680px;
}

.englobe_table_event th {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.mobile_edit_pass {
  position: initial;
  bottom: 15px;
  right: 18px;
  left: unset;
  width: fit-content;
}

.dt-search {
  display: none !important;
}

.search_bar_input_table {
  border-radius: 22px;
  width: 348px;
  height: 44px;
  background: #ffffff;
  border: 0;
  padding-left: 52px;
}

.div_section_car {
}

.button_snaps_custom {
  padding: 18px 60px;

  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
    linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */
}

.snapss_custom_1 {
  max-width: 474px;

  width: 100%;
}

.flex_section_new_hiw {
  display: flex;

  justify-content: space-between;

  margin-top: 230px;
}

.flex_section_new_hiw2 {
  display: flex;

  justify-content: space-between;
}

.max_width_579 {
  max-width: 579px;
}

.max_width_629 {
  max-width: 629px;
}

.max_width_548 {
  max-width: 548px;
}

.bg_grey1 {
  background: rgba(197, 197, 197, 0.1);
  padding-top: 130px;
  padding-bottom: 130px;
  margin-top: 130px;
}

.bg_black_1 {
  background: var(--primary-Black, #1e1e1f);

  padding-top: 133px;

  padding-bottom: 156px;
}

.title_white_hiw {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 32px;
}

.p_white_hiw {
  color: #efefef;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px;
  /* 222.222% */

  max-width: 793px;

  margin-bottom: 32px;
}

.custom_border_butt {
}

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

.marg_custom_triple {
}

.triple_img_flex {
}

.title_triple_1 {
  color: #fff;

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.sub_triple_1 {
  color: #efefef;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;
  /* 211.765% */

  max-width: 330px;

  letter-spacing: -0.34px;
}

.triple_height_div {
}

.h2_big_hiw_new {
  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 160px;

  text-align: center;

  margin-bottom: 32px;
}

.p_big_hiw_bottom {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px;
  /* 222.222% */

  max-width: 675px;

  margin: auto;

  margin-bottom: 32px;
}

.bottom_flex_img_hiw {
  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 140px;

  margin-bottom: 200px;

  gap: 41px;
}

.flex_bot_img {
  max-width: 639px;
  height: fit-content;
}

.flex_bot_img2 {
  max-width: 561px;
}

@media only screen and (max-width: 1150px) {
  .box_event_pops {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    width: 90%;
    padding: 30px;
    margin: auto;
    padding-top: 15px;
  }

  .table_event_div th {
    font-size: 12px;
  }

  .gates_container {
    /* max-width: 100%; */
    /* width: 100%; */
    /* min-height: unset; */
    /* height: unset; */
    /* padding: 20px; */
    /* margin: auto; */
    /* margin-bottom: 60px; */
    /* margin-top: 0; */
    margin-bottom: 15px;
  }
}

.flex_tab_event {
  display: flex;

  gap: 18px;

  align-items: center;

  margin-bottom: 32px;
}

.button_event_tab_ {
  border: 0;
  height: 49px;
  padding: 0px 57px 0px 56px;
  border-radius: 34px;
  background: #f2f2f2;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.button_event_active {
  background: #1858ff;
  color: #fff;
}

.lottie-animation {
  border-radius: 5px;
}

.box_geo_pop {
  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  max-width: 1060px;

  margin: auto;

  width: 100%;

  padding: 25px;
}

.flex_form_geo {
  display: flex;
}

.div_1_flex_form_gate {
}

.radial_gmap {
  position: absolute;

  /* width: 90px; */

  /* height: 50px; */

  z-index: 500;

  left: 0;

  right: 0;

  margin: auto;

  top: 0;

  bottom: 0;
}

.circle_radius_map {
}

#map {
}

.flex_radius_gmap {
  margin-top: 20px;
}

#map-container {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  width: 93%;
}

.range-slider {
  margin: 20px;
  appearance: none;
  outline: none;
  width: 212px;
  height: 4px;
  border-radius: 5px;
  background-color: #d9d9d9;
  position: absolute;
  top: 120px;
  bottom: 0;
  margin: auto;
  right: -100px;
  transform: rotate(90deg);
}

.range-slide::-webkit-slider-runnable-track {
  background-color: white;
}

.range-slider::-webkit-slider-thumb {
  background: #fff;
  appearance: none;
  filter: drop-shadow(2.555px 8.517px 15px rgba(0, 0, 0, 0.16)) drop-shadow(0px -2.241px 15px rgba(0, 0, 0, 0.15));
  box-shadow: drop-shadow(2.555px 8.517px 15px rgba(0, 0, 0, 0.16)) drop-shadow(0px -2.241px 15px rgba(0, 0, 0, 0.15));
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.button_div_separate_geo {
  border-top: 1px solid rgba(30, 30, 31, 0.1);

  margin-top: 41px;

  padding-top: 20px;

  text-align: end;
}

.add_geo_button {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  border-radius: 34px;
  background: #1858ff;
  padding: 10.279px 58.736px;
  border: 0;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.edit_geo_button {
  color: #fff;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 211.083% */

  border-radius: 34px;

  background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);

  padding: 10.279px 58.736px;

  border: 0;
}

.box_location_1 {
  border-radius: 10.348px;
  background: #fff;
  /* 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); */
  border: 1px solid #e8e8e8;
  max-width: 370px;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 18px;
  padding-right: 18px;
}

.iner_flex_geo_1 {
  display: flex;

  align-items: center;

  gap: 18px;
}

.ico_geo_1 {
}

.location_title_name {
  color: #616161;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.inner_flex_geo_2 {
  display: flex;

  gap: 18px;
}

.trash_geo_ico {
  cursor: pointer;
}

.edit_geo_ico {
  cursor: pointer;
}

.p_radius_mo {
  display: none;
}

.marg_bot_none {
  margin-bottom: 0;
  height: 85px;
  width: 100%;
}

.marg_bot_none_none {
  margin-bottom: 0 !important;
}

.marg_spec_show_progress {
  margin-top: 0;
  margin-left: -15px;
}

@media only screen and (max-width: 1150px) {
  .box_geo_pop {
    border-radius: 23px;
    background: #fff;
    box-shadow: unset;
    max-width: 1060px;
    margin: auto;
    width: 100%;
    padding: 25px;
    height: 100%;
    border-radius: 0;
  }

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

  .div_1_flex_form_geo {
    border-right: unset;
    padding-right: 0px;
    width: 100%;
    margin-right: unset;
  }

  .div_2_flex_form_geo {
    position: relative;
    width: 100%;
  }

  .box_geo_pop {
    border-radius: 23px;
    background: #fff;
    box-shadow: unset;
    max-width: 1060px;
    margin: auto;
    width: 100%;
    padding: 25px;
    height: 100%;
    border-radius: 0;
    overflow-x: scroll;
  }

  .add_geo_button {
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    border-radius: 34px;
    background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
    padding: 10.279px 58.736px;
    border: 0;
    width: 100%;
  }

  .edit_geo_button {
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    border-radius: 34px;
    background: linear-gradient(91deg, #1858ff -12.03%, #1e1e1f 105.62%);
    padding: 10.279px 58.736px;
    border: 0;
    width: 100%;
  }

  .cancel_button_geo {
    border-radius: 49px;
    background: #f0f0f0;
    width: 100%;
    border: 0;
    color: #010101;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 212.5% */
    letter-spacing: -0.48px;
    height: 54px;
    margin-top: 20px;
    margin-bottom: 35px;
  }

  .range-slider {
    margin: 20px;
    appearance: none;
    outline: none;
    width: 90%;
    height: 4px;
    border-radius: 5px;
    background-color: #d9d9d9;
    position: initial;
    top: 120px;
    bottom: 0;
    rotate: unset !important;
    /* margin: auto; */
    right: -100px;
    margin-top: 45px;
    margin-left: auto;
    transform: unset;
  }

  #map-container {
    width: 100%;
  }

  .p_radius_mo {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    text-align: justify;
    position: relative;
    top: 25px;
  }

  #act_tab_dash {
    /* display: none; */
  }

  .marg_spec_show_progress {
    margin-top: 30px;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .marg_bot_none {
    margin-bottom: 0;
    height: 85px;
    width: 100%;
    max-width: 100%;
  }
}

.margin-bot_0 {
  margin-bottom: 0;
}

/** CREATION FLOW */

.main_container_flex_create {
  display: flex;
  justify-content: space-around;
  margin-top: 65px;
  align-items: flex-start;
}

.pass_create {
  border-radius: 8px;
  border: 4px solid #efefef;
  max-width: 400px;
  width: 100%;
  min-height: 436px;
  padding-bottom: 20px;
  /* margin: auto; */
  background: var(--color-create-primary);
  position: relative;
}

.logo_create_pass {
  height: 23px;
  margin-top: 6%;
  margin-left: 15px;
}

.contain_banner_pass_create {
  width: 100%;
  max-height: 154px;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

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

.div_name_pass_create {
  margin-left: 20px;
}

.p_name_create {
  color: var(--color-create-font);
  font-feature-settings: 'case' on;
  font-size: 12.817px;
  font-style: normal;
  font-weight: 600;
  line-height: 11.652px;
  /* 90.909% */
  text-transform: uppercase;
}

.p_name_of_pass_create {
  color: var(--color-create-font);
  font-size: 19.808px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 2%;
  margin-bottom: 30px;
}

.qr_place {
  border-radius: 5.623px;
  background: #fff;
  width: fit-content;
  padding: 15px;
  margin: auto;
  margin-top: 17px;
  /* position: absolute; */
  bottom: 50px;
  left: 0;
  right: 0;
}

.qr_code_create {
}

.form_create_flow {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  padding: 26px 40px;
  padding-bottom: 36px;
  max-width: 604px;
  /* height: 673px; */
  padding-top: 30px;
  width: 100%;
}

.box_create_flow {
}

.title_form_create {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.max_widyth_unset_input {
  max-width: unset;
}

.popup_login_create {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgb(255 255 255 / 92%);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.box_login_create {
  border-radius: 23.494px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 455px;
  min-height: auto;
  width: 100%;
  margin: auto;
  padding: 20px 25px;
}

.flex_login_1_create {
  display: flex;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 35px;
  justify-content: center;
}

.logo_create_login {
  width: 33px;
  margin-right: 10px;
}

.p_title_login_create {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.login_snapss_p_1_create {
  color: #000;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-align: justify;

  margin-bottom: 10px;
}

.login_snapss_p_2_create {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 136.5%; */
  /* 21.84px */
  margin-bottom: 0px;
  text-align: justify;
  text-align: center;
}

.login_button_create {
  /* padding: 26px 180px; */
  width: 100%;
  height: 50px;
  margin: auto;
  border-radius: 32.118px;
  background: #1858ff;
  border: 0;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15.625px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
}

.label_input_login_create {
  display: block;
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 13.021px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: justify;
  margin-top: 31px;
}

.input_login_create {
  display: block;
  border-radius: 13.889px;
  background: #fff;
  box-shadow:
    0px -1.325px 19.874px 0px rgba(0, 0, 0, 0.1),
    1.51px 5.035px 15.104px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #ccc;
  /* border: 0; */
  width: 100%;
  height: 51px;
  margin-top: 30px;
  /* margin-bottom: 36px; */
  padding-left: 20px;
  color: #000000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15.625px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.create_step_code {
}

.login_snapss_p_3_create {
  color: #000;

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 29px;
}

.login_snapss_p_4_create {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  /* 181.25% */
}

.login_snapss_p_5_create {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.28px;
}

.flex_code_input_create {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-top: 29px;

  margin-bottom: 29px;
}

.email_recup_bold {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 29px;
}

.input_create_number_val {
  border-radius: 11px;

  background: #f0f0f0;

  width: 68px;

  color: #010101;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: 34px;
  /* 106.25% */

  letter-spacing: -0.96px;

  height: 64px;

  border: 0;
}

.button_confirm_code_create {
  width: 100%;
  /* padding: 27px 193px; */
  width: 100%;
  height: 50px;
  margin-top: 27px;
  border: 0;
  border-radius: 32.118px;
  background: #1858ff;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15.625px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.start_now_create {
  margin-top: 40px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #1858ff;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
}

.popup_pricing_create {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  overflow: hidden;
  align-items: center;
  overflow-y: scroll;
}

.box_pricing_create {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  min-width: fit-content;
  padding-left: 20px;
  min-height: 500px;
  margin: auto;
  max-width: 918px;
  width: 100%;
  padding: 30px;
  padding-left: 50px;
  position: relative;
  padding-right: 50px;
}

.close_pricing_create {
  position: absolute;

  top: 20px;

  cursor: pointer;

  right: 20px;
}

.pricing_p_1_create {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 25px;
}

.pricing_p_2_create {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 6px;
}

.pricing_p_3_create {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 10px;
}

.yearly_toggle_position {
  display: flex;

  align-items: center;

  justify-content: center;
}

.flex_pricing_1_create {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  justify-content: center;
  margin-top: 34px;
  /* max-width: 1100px; */
  margin: auto;
  margin-top: 90px;
  margin-bottom: 55px;
}

.box_pricing_single_ {
  position: relative;
  border-radius: 15.326px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: unset;
  padding-top: 16px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  max-width: 203px;
  padding-bottom: 12px;
  cursor: pointer;
  min-height: 333px;
}

.p_pricing_before_price {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: line-through;
  text-decoration-color: #1858ff;
}

.border_pricing_separator_create {
  width: 100%;

  height: 1px;

  background: #1858ff;

  margin-bottom: 25px;
}

.info_stickers_p_1_create {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 19.5px */
  text-align: left;
}

.pricing_p_4_create {
  color: #233c9b;
  text-align: -webkit-match-parent;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  margin-top: 9px;
  margin-bottom: 14px;
}

.box_pricing_selected_create {
  /* border-radius: 15.326px; */
  /* background: #fff; */
  /* box-shadow:
    0px -0.639px 19.158px 0px rgba(24, 88, 255, 0.25),
    0px 6.386px 9.579px -1.36px rgba(24, 88, 255, 0.25); */
}

.check_svg_pricing_create {
  width: 16px;
}

.position_button_next_pricing {
  text-align: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 50px;
  gap: 20px;
}

.pricing_select_next_button {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #1858ff;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
  padding: 14px 80px;
  /* margin-top: 25px; */
}

.stickers_popular_create {
  position: absolute;
  height: 33px;
  width: 85px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(90deg, #1858ff 0%, #1e1e1f 100%);
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: -20px;
  left: 0;
  margin: auto;
}

.popup_checkout_create {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgb(0 0 0 / 0%);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
  min-height: 500px;
  overflow: hidden;
  overflow-y: scroll;
}

/* .scale_transform_pass_create{
  transform: scale(0.6);
  text-align: justify;
  left: -90px;
  top: -70px;
} */

.box_checkout_create {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  width: 712px;
  /* height: 467px; */
  margin: auto;
  position: relative;
  display: flex;
  /* width: 100%; */
  min-height: 510px;
}

.container_pass_checkout {
  padding-top: 30px;
  position: relative;
  width: 310px;
  padding-left: 32px;
  text-align: justify;
  border-right: 1px solid #1858ff;
  padding-right: 50px;
}

.container_pass_checkout {
}

.upper_pass_create_checkout {
}

.title_pack_choosed {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.price_pack_choosed {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 6px;
}

.price_pack_choosed_2 {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  /* font-weight: 700; */
  line-height: 20px;
  margin-top: 6px;
  text-align: left;
  max-width: 214px;
}

.width_modify_0 {
  width: 224px;
  height: min-content;
  min-height: 300px;
  margin-top: 26px;
}

.width_modify_1 {
  height: 13px;
}

.width_modify_2 {
  height: 87px;

  margin-bottom: 10px;

  margin-top: 10px;
}

.width_modify_3 {
}

.width_modify_4 {
}

.width_modify_5 {
  font-size: 7.276px;
}

.width_modify_6 {
  font-size: 11.245px;
}

.width_modify_7 {
  width: 75px;

  height: 75px;

  bottom: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;
}

.width_modify_8 {
  width: 60px;

  margin: auto;
}

.step_checkout_create_1 {
  padding: 10px 23px 23px 20px;
  text-align: justify;
  width: 386px;
  min-height: 500px;
}

.back_button_create {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  /* 140.23% */
  text-decoration-line: underline;
  text-align: end;
  cursor: pointer;
  /* width: fit-content; */
  position: absolute;
  right: 20px;
  top: 16px;
}

.back_button_create_pricing {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  /* 140.23% */
  text-decoration-line: underline;
  text-align: end;
  cursor: pointer;
  /* width: fit-content; */
  position: absolute;
  right: 20px;
  top: 16px;
}

.title_payment_create {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 20px;
  margin-bottom: 20px;
}

.flex_input_create_checkout {
  display: flex;

  gap: 15px;
}

.label_checkout_create {
  display: block;
  color: var(--Text, #0a0d13);
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 14.599px;
  /* 112.303% */
  margin-bottom: 10px;
  margin-top: 15px;
}

.input_checkout_pricing {
  margin-bottom: 5px;
  border-radius: 2.654px;
  border: 0.995px solid var(--Stroke, #acacac);
  padding: 5px;
  color: #000000;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  padding: 8px;
  padding-bottom: 9px;
  font-weight: 400;
  line-height: 14.599px;
  /* 121.662% */
  width: 100%;
}

.proceed_checkout_1 {
  width: 100%;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
  height: 42px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #1858ff;
  margin-top: 20px;
}

.proceed_error_1 {
  width: 100%;

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */

  height: 42px;

  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

  margin-top: 20px;
}

.error_create_1 {
}

.p_error_1_cr {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.54px;
  margin-top: 22px;
  margin-bottom: 22px;
}

.error_create_2 {
}

.block_input_ad_line {
  display: block;
}

.spin_load_1 {
  animation: l2 1s infinite linear;
}

.step_chekout_loading {
}

.loader_p_class_checkout {
  position: absolute;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  /* font-weight: 700; */
  line-height: normal;
  text-align: center;
  max-width: 204px;
}

.step_2_ck {
  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  align-content: center;

  width: 100%;

  position: relative;
}

.step_4_ck {
  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  align-content: center;

  width: 100%;

  position: relative;
}

.step_3_ck {
  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  align-content: center;

  width: 100%;

  position: relative;
}

.good_scan_sucess_payment {
  margin-top: 22px;

  margin-bottom: 22px;
}

.checkout_p_sucess_1 {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.continue_sucess_payment_create {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%);

  width: 100%;

  height: 42px;

  margin-top: 50px;

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */
}

.checkout_p_sucess_2 {
  color: #010101;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 212.5% */
}

.step_5_ck {
  width: 100%;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  max-width: 420px;
  margin: auto;
}

.checkout_final_1_p {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.checkout_final_2_p {
  color: #898989;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 28px;
  /* 175% */

  margin-top: 21px;

  margin-bottom: 37px;
}

.go_to_dash_checkout {
  padding: 16px 100px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #1858ff;
  color: #fff;
  text-align: center;
  margin-bottom: 35px;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
}

.frame_sucess_final_checkout {
  width: 130px;

  height: 130px;

  flex-shrink: 0;

  margin-bottom: 20px;
}

@media only screen and (max-width: 1150px) {
  .logo_create_login {
    width: 30px;
    margin-right: 16px;
    display: block;
  }

  .flex_login_1_create {
    display: flex;
    align-items: center;
    margin: 0;
    /* margin-bottom: 20px; */
    margin-bottom: 25px;
    justify-content: center;
  }

  .login_snapss_p_1_create {
    text-align: center;
  }

  .login_snapss_p_2_create {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 136.5%;
    margin-bottom: -8px;
    text-align: left;
  }

  .login_button_create {
    /* padding: 26px 100px; */
  }

  .box_login_create {
    border-radius: 23.494px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 95%;
    min-height: auto;
    width: 100%;
    margin: auto;
    padding: 17px 25px;
    padding-top: 31px;
  }

  .button_confirm_code_create {
    /* padding: 26px 100px; */
  }

  .input_create_number_val {
    width: 50.124px;
    height: 47.175px;
  }

  .form_create_flow {
    border-radius: 23px;
    background: unset;
    margin-top: 76px;
    box-shadow: unset;
    padding: unset;
    padding-bottom: 36px;
    max-width: 99%;
    /* height: 673px; */
    width: 605px;
  }

  .main_container_flex_create {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
    align-items: center;
    flex-direction: column;
  }

  .mobile_create_frame {
    max-width: 350px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    /* margin-top: -30px; */
  }

  .box_drag_drop_mob_setup {
    border-radius: unset;
    border: unset;
    border: none !important;
    background: #f5f5f5;
    width: unset;
    height: unset;
    align-items: unset;
    justify-content: unset;
    flex-direction: unset;
    margin-top: unset;
    background-size: unset;
    background-position: unset;
    background-repeat: unset;
  }

  .height_unset_mobile {
    height: unset;
    text-align: left;
    /* padding-left: 86px; */
    border-radius: 22.181px;
    background: #fff;
    box-shadow:
      0px -0.924px 27.726px 0px rgba(0, 0, 0, 0.1),
      0px 9.242px 13.863px 0.924px rgba(0, 0, 0, 0.12);
    /* height: 155px; */
    padding-bottom: 16px;
    text-align: center;
    position: relative;
    margin-bottom: 24px;
    margin-top: 24px;
    position: relative;
  }

  .text_init_mob {
    text-align: start;
  }

  .plus_mobile {
    position: absolute;

    left: -14px;

    top: -10px;
  }

  .mobile_display_boxed_ {
    height: unset;
    padding-left: 30px;
    border-radius: 22.181px;
    background: #fff;
    box-shadow:
      0px -0.924px 27.726px 0px rgba(0, 0, 0, 0.1),
      0px 9.242px 13.863px 0.924px rgba(0, 0, 0, 0.12);
    height: 155px;
    position: relative;
    margin-bottom: 54px;
    margin-top: 24px;
    width: 100%;
    padding-top: 15px;
  }

  .primary_color_svg {
    position: absolute;
    left: -14px;
    top: -10px;
    max-width: 103px;
    display: none !important;
  }

  .width_mob_spec_1 {
    width: 140px;
  }

  .width_mob_spec_2 {
  }

  .width_mob_spec_3 {
  }

  .flex_mobile_ascention {
    display: block !important;
  }
}

.box_mobile_preview_create {
  width: 100%;
  /* height: 90%; */
  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);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  text-align: justify;
  padding: 15px;
}

.button_create_mobile {
  border-radius: 34px;
  background: #1858ff;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  border: 0;
  width: 100%;
  height: 55px;
  margin-bottom: 15px;
  margin-top: 60px;
}

.button_cancel_mobile {
  color: #010101;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;

  border: 0;

  width: 100%;

  height: 55px;

  border-radius: 49px;

  background: #f0f0f0;

  margin-bottom: 15px;
}

@media only screen and (max-width: 1150px) {
  .iner_flex_ico_create_price {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 6px;

    margin-top: -10px;
  }

  .div_display_mob_one_flex {
    display: flex;

    justify-content: space-between;
  }

  .pricing_ico_mob {
    align-self: normal;

    margin-top: -5px;
  }

  .box_pricing_create {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 712px;
    min-height: 500px;
    margin: auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 30px;
    position: relative;
    height: 100%;
    border-radius: 0;
    overflow-y: scroll;
    min-width: 100px;
  }

  .box_pricing_single_ {
    position: relative;
    border-radius: 15.326px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    box-shadow: unset;
    padding-top: 16px;
    padding-left: 15px;
    padding-right: 15px;
    width: 265px;
    max-width: 275px;
    padding-bottom: 32px;
    cursor: pointer;
    min-height: 430px;
    /* padding: 13px 16px; */
    text-align: justify;
    margin-bottom: 45px;
    margin: auto;
  }

  .pricing_p_2_create {
    margin-bottom: 6px;
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: start;
  }

  .p_pricing_before_price {
    color: #898989;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: line-through;
    text-decoration-color: #1858ff;
  }

  .pricing_p_4_create {
    color: #898989;
    text-align: -webkit-match-parent;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 9px;
    margin-bottom: 14px;
    text-align: center;
  }

  .pricing_price_upper_mob {
  }

  .info_stickers_p_1_create {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
  }

  .pricing_block_new_start {
    margin: auto;
    margin-bottom: 40px;
  }

  .box_pricing_selected_create {
    border-radius: 15.326px;
    border: 2px solid #1858ff;
    background: #fff;
    box-shadow: unset;
  }

  .flex_pricing_1_create {
    /* display: block !important; */
    /* align-items: center; */
    /* margin-top: 50px; */
    display: flex;
    margin-left: 0;
    justify-content: unset !important;
    gap: 26px;
    /* padding-top: 41px; */
    flex-direction: column;
    /* gap: unset; */
    /* width: unset; */
    /* white-space: unset; */
    /* overflow: unset; */
    /* gap: unset; */
    /* position: absolute; */
    grid-template-columns: auto auto auto;
    align-content: center;
    /* padding-bottom: 65px; */
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .pricing_select_next_button {
    width: 100%;
  }

  .pricing_p_1_create {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 55px;
    margin-top: 15px;
  }

  .container_pass_checkout {
    display: none;
  }

  .box_checkout_create {
    border-radius: 23px;
    background: #fff0;
    box-shadow: unset;
    max-width: 703px;
    margin: auto;
    position: relative;
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    padding-bottom: 35px;
    overflow-x: scroll;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .label_checkout_create {
    display: block;
    color: var(--Text, #0a0d13);
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.599px;
    margin-bottom: 4px;
    margin-top: 10px;
  }

  .flex_input_create_checkout {
    display: flex;
    gap: 15px;
    flex-direction: row;
  }

  .input_checkout_pricing {
    margin-bottom: 0;
    color: #000000;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.599px;
    width: 100%;
    padding: 7.963px var(--Spacing-spacing-none, 0px) 7.963px 10.618px;
    border-radius: 2.654px;
    border: 0.995px solid rgba(30, 30, 31, 0.1);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .proceed_checkout_1 {
    height: 54px;
  }
}

.spec_class_email_text {
}

.text-bolder {
  font-weight: 600;
}

.active_send_notif {
  transition: 0.3s;
  width: 37.337px;
  height: 39.6px;
  border-radius: 6.789px;
  border: 0.566px solid rgba(137, 137, 137, 0.3);
  background: #fff;
}

.active_send_notif_icon {
  width: 20px;
  height: 20px;
}

.active_send_notif:hover {
  border: 2px solid #1858ff;
}

.notif_counter_first_el {
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  left: 9px;
  bottom: 15px;
  display: none;
}

.notif_counter_second_el {
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  right: 9px;
  bottom: 15px;
  display: none;
}

.height_spec_t_notif {
  height: 62px;
  border: 9px solid #f3f3f3;
  border-left: 5px solid #f3f3f3;
  border-right: 5px solid #f3f3f3;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.height_spec_t_notif td:nth-child(2) {
  padding-left: 20px;
}

.order_mob_2 {
  margin-top: -20px;
}

.order_mob_1 {
  margin-top: 20px;
}

.flex_color_picks_1 {
  display: flex;
  align-items: center;
  gap: 55px;
}

.create_a_new_link_button {
  border-radius: 34px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  padding: 10.279px 27.209px 10.278px 27px;
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  /* 241.238% */
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  border-radius: 23px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

@media only screen and (max-width: 1150px) {
  .qr_place {
    position: relative;
    display: none;
  }
}

@media only screen and (max-width: 1150px) {
  .flex_geo_1 {
    margin-top: 40px;
    display: block;
    padding-right: 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0;
    padding-bottom: 0;
    width: 98%;
    flex-direction: column;
  }

  .flex_color_picks_1 {
    display: flex;
    align-items: flex-start;
    gap: 55px;
  }

  .spec_size_mob_notif_1 {
  }

  .save_customization_button {
    max-width: 100%;
    width: 100%;
  }

  .save_setting_custom_digital {
    max-width: 100%;
    width: 100%;
  }

  .flex_geo_1 {
    width: 100% !important;
  }

  .input_form_dp {
    border-radius: 15px;
    background: #f7f7f7;
    border: 0;
    padding-left: 12px;
    max-width: 465px;
    height: 53px;
    width: 100%;
    margin-bottom: 24px;
    font-size: 14px;
  }

  .marg_spec_add_mob_bot {
    margin-bottom: 25px;
  }

  .box_inside_link_added {
    cursor: default;
    margin: auto;
    width: 100%;
    max-width: 100%;
  }

  .container_dash_gates {
    margin-top: 50px;
  }

  .marg_none_mob_create {
    margin: 0;
    gap: 0;
  }

  .divided_reverse_colulmn_why2 {
    display: flex;

    flex-direction: column;
  }

  .why_contain_new_2 {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 54px;
    margin-top: 120px;
    flex-direction: column;
  }

  .flex_black_stripe_why2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }

  .flex_section_new_why2 {
    display: flex;
    justify-content: space-between;
    margin-top: 140px;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 160px;
  }

  .p_snapss_hts_1 {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 4.8px;
    text-transform: capitalize;
    letter-spacing: 1.68px;
  }

  .marg_specwhy_2_ {
    margin-top: 40px;
  }

  .preview_banner_create_mob {
    width: 50px;
    height: 50px;
    position: absolute;
    background-position: center;
    background-size: contain;
    border-radius: 100%;
    /* top: 0; */
    bottom: 10px;
    left: 10px;
    filter: drop-shadow(0px 9.242px 13.863px rgba(0, 0, 0, 0.12)) drop-shadow(0px -0.924px 27.726px rgba(0, 0, 0, 0.1));
  }
}

.preview_logo_create_mob {
  width: 50px;
  height: 50px;
  position: absolute;
  background-position: center;
  background-size: contain;
  border-radius: 100%;
  bottom: 10px;
  left: 10px;
  filter: drop-shadow(0px 9.242px 13.863px rgba(0, 0, 0, 0.12)) drop-shadow(0px -0.924px 27.726px rgba(0, 0, 0, 0.1));
}

.flex_top_nothc_pass {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -30px;
  width: 100%;
  gap: 50px;
}

.text_1_top_1_pass {
  color: var(--color-font);

  font-feature-settings: 'case' on;

  font-size: 11.511px;

  font-style: normal;

  font-weight: 600;

  text-align: end;

  line-height: 15.465px;
}

.text_2_top_2_pass {
  color: var(--color-font);

  font-feature-settings: 'case' on;

  font-size: 9.511px;

  font-style: normal;

  font-weight: 600;

  line-height: 10.465px;

  text-align: end;
}

.disposition_mobile {
  position: absolute;

  top: 70px;

  left: 18px;
}

.error_input {
  border-color: red;
}

.status_payment_create {
  color: #898989;
  text-align: center;
  margin-top: 20px;
  font-weight: 300;
  max-width: 100%;
  font-size: 10px;
}

.need_support_button_create {
  border: 0;
  background: none;
  color: #1858ff;
  text-align: right;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
}

.bg_grey1 {
  background: rgba(197, 197, 197, 0.1);
  padding-top: 130px;
  padding-bottom: 130px;
  margin-top: 130px;
}

.bg_grey2 {
  background: rgba(197, 197, 197, 0.1);
  margin-top: 160px;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 160px;
}

.bg_black_1 {
  background: var(--primary-Black, #1e1e1f);

  padding-top: 133px;

  padding-bottom: 156px;
}

.why_contain_new_2 {
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 54px;
  margin-top: 120px;
}

.thumb_up_1 {
  max-width: 130px;

  width: 100%;
}

.p_stripe_big_black_1 {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 34px;

  font-style: normal;

  font-weight: 700;

  line-height: 150%;
  /* 51px */
}

.flex_black_stripe_why2 {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.black_stripe_why2 {
  background: var(--primary-Black, #1e1e1f);

  min-height: 219px;

  margin-top: 120px;

  margin-bottom: 120px;

  display: flex;
}

.title_white_hiw {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 32px;
}

.p_white_hiw {
  color: #efefef;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px;
  /* 222.222% */

  max-width: 793px;

  margin-bottom: 32px;
}

.custom_border_butt {
}

.triple_flex_hiw {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.marg_custom_triple {
}

.triple_img_flex {
}

.title_triple_1 {
  color: #fff;

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 21px;
}

.sub_triple_1 {
  color: #efefef;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;
  /* 211.765% */

  max-width: 330px;

  letter-spacing: -0.34px;

  margin-bottom: 46px;
}

.divider_border_triple_flex {
  width: 277px;

  background: #1858ff;

  height: 1px;

  margin-bottom: 20px;
}

.triple_height_div {
}

.snapss_triple_hiw_img {
  max-width: 277px;

  width: 100%;
}

.marg_top_none {
  margin-top: 0;
}

.margs_pec_why2_butt {
  margin: auto;

  margin-bottom: 200px;
}

@media only screen and (max-width: 1150px) {
  .custom_mob_hiw2_2 {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    text-align: left;
  }

  .custom_mob_hiw2_3 {
  }

  .custom_mob_hiw2_4 {
    display: none;
    flex-direction: column;
  }

  .frame_mob_hiw_last {
    max-width: 100%;

    margin-top: 70px;
  }

  .p_stripe_big_black_1 {
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 25px;
  }

  .black_stripe_why2 {
    background: var(--primary-Black, #1e1e1f);
    min-height: 219px;
    margin-top: 0px;
    margin-bottom: 120px;
    display: flex;
    position: relative;
  }

  .thumb_up_1 {
    max-width: 130px;
    width: 100%;
    position: absolute;
    bottom: -50px;
  }

  .why_contain_new_2 {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 54px;
    margin-top: 120px;
    flex-direction: column;
  }

  .flex_black_stripe_why2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }

  .flex_section_new_why2 {
    display: flex;
    justify-content: space-between;
    margin-top: 140px;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 160px;
  }

  .flex_section_new_why2 {
    display: flex;
    justify-content: space-between;
    margin-top: 140px;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 160px;
  }

  .divided_reverse_colulmn_why2 {
    display: flex;

    flex-direction: column;
  }

  .marg_top_none {
    margin-top: 0;
  }

  .bg_grey2 {
    background: rgb(197 197 197 / 0%);
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 0;
  }

  .height_spec_why2_new {
    height: 245px;
  }

  .p_spec_why2_4 {
    color: #bdbdbd;
    text-align: center !important;
    font-family: 'Helvetica Neue';
    font-size: 21px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 40px !important;
    /* 181.818% */
    letter-spacing: -0.44px !important;
    margin-top: 93px !important;
  }

  .frame_mobile_spec_why {
    max-width: 100%;

    width: 100%;
  }

  .step_checkout_create_1 {
    text-align: justify;
    width: 100%;
    left: 0;
    position: fixed;
    min-height: 500px;
    height: 100%;
    top: 0;
    background: #fff;
    overflow-y: scroll;
  }

  .swiper-container {
    width: 100%;
    margin: auto;
  }
}

.error_create_1 {
}

.error_steps_1 {
  margin: auto;
}

.erro_flex_showing {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
}

.swiper-pagination {
  position: absolute;
  bottom: 10px;
  /* Adjust as needed */
  width: 100%;
  text-align: center;
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  /* Bullet width */
  height: 10px;
  /* Bullet height */
  margin: 0 5px;
  /* Adjust margin between bullets */
  background-color: #000;
  /* Bullet color */
  border-radius: 50%;
  /* Rounded bullets */
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
  /* Active bullet color */
}

.popup_sub_done {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 58;
  align-items: center;
}

.inneribox_sub {
  max-width: 678px;
  min-height: 531px;
  flex-shrink: 0;
  width: 100%;
  margin: auto;
  border-radius: 23px;
  padding: 20px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
}

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

.flex_two_inner_sub {
  display: flex;
  gap: 14px;
  align-items: center;
}

.collection_logo_img_sub {
  width: 56px;
  height: 56px;
  border-radius: var(--Spacing-spacing-none, 56px);

  box-shadow:
    0px 0px 10px 0px rgba(0, 0, 0, 0.1),
    0px 10px 10px 0px rgba(0, 0, 0, 0.12);
  object-fit: cover;
}

.collection_name_sub {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 120% */
  text-align: justify;
}

.change_collection_sub {
  color: #1858ff;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 184.615% */
  text-decoration-line: underline;
  cursor: pointer;
}

.error_sub_pic {
  margin-top: 0;
  margin-bottom: 18px;
}

.p_error_1_popup {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.p_error_2_popup {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 187.5% */
  max-width: 370px;
  margin: auto;
  margin-top: 18px;

  margin-bottom: 38px;
}

.p_error_3_popup {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 28px;
}

.button_update_payment_popup {
  border: 0;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  border-radius: 34px;
  background: #1858ff;
  padding: 10.279px 58.736px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

@media only screen and (max-width: 1150px) {
  .collection_name_sub {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
  }

  .change_collection_sub {
    color: #1858ff;
    font-family: 'Helvetica Neue';
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    cursor: pointer;
  }

  .collection_logo_img_sub {
    width: 36px;
    height: 36px;
    border-radius: var(--Spacing-spacing-none, 56px);
    background:
      url(<path-to-image>) lightgray 50% / cover no-repeat,
      #fff;
    box-shadow:
      0px 0px 10px 0px rgba(0, 0, 0, 0.1),
      0px 10px 10px 0px rgba(0, 0, 0, 0.12);
    object-fit: cover;
  }

  .error_sub_pic {
    margin-top: 34px;
    margin-bottom: 18px;
    width: unset;
  }

  .p_error_1_popup {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .inneribox_sub {
    max-width: 100%;
    height: fit-content;
    flex-shrink: 0;
    width: 95%;
    margin: auto;
    border-radius: 23px;
    padding: 22px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  }

  .flex_one_sub_popup {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .spec_px_need_sp {
    font-size: 10px;
  }
}

.popup_upgrade_plan {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.upgrade_plan_box {
  border-radius: 23px;
  background: #fff;
  max-width: 100%;
  min-width: 310px;
  width: 100%;
  padding: 20px 38px;
  padding-top: 5px;
  border-radius: 23.494px;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  background: #fff;
  position: relative;
}

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

.p1_upgrade {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.close_upgrade {
  cursor: pointer;
  width: 28px;
  position: relative;
  top: -4px;
}

.p2_upgrade {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: justify;
  margin-top: 19px;
}

.actual_p_plan {
  font-weight: 700;
}

.upgrade_spec_1 {
  font-size: 14.507px;
}

.upgrade_spec_2 {
  margin-top: 15px;
}

.upgrade_spec_3 {
  font-size: 14.507px;
}

.upgrade_spec_4 {
  font-size: 14.507px;
}

.spec_upgrade_same_line {
  display: flex;
  gap: 14px;
}

.border_bottom_with_button_upgrade {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 14px;
  text-align: center;
  margin-top: 65px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.pastille_free_trial_pr_new {
  background: #1958ff;
  gap: 8px;
  display: flex;
  border-radius: 14px;
  font-size: 15px;
  text-align: center;
  padding: 4px 13px;
  position: absolute;
  top: -35px;
  left: 0;
  margin: auto;
  color: #fff;
  right: 0;
  width: 90%;
  border-radius: 12px 12px 0px 0px;
  border: 0.773px solid rgba(0, 0, 0, 0.05);
  height: 35px;
  background: #1e1e1f;
  justify-content: center;
  color: #fff;
  text-align: center;

  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 15.168px;
  align-content: center;
  align-items: center;
}

.upgrade_plan_but_pop {
  display: none !important;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #1858ff;
  padding: 16px 100px;
  color: #fff;
  text-align: center;

  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.button_back_home_upgtrade {
  /* 140.23% */
  margin-top: 35px;
  background: #1858ff;
  padding: 20px 70px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.valid_upg_img {
  width: 83px;
}

.checkout_upgrade_p_1 {
  color: #010101;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 50.679px;
  /* 253.396% */
}

.checkout_upgrade_p_2 {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 175% */
}

.checkout_upgrade_p_0 {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 25px;
}

.email_div_showup_create {
}

.email_assign_create {
  color: var(--primary-Black, #1e1e1f);
  text-align: right;
  font-family: 'Helvetica Neue';
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.logout_create_butt {
  color: #898989;
  text-align: right;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
  display: none;
}

.innerflex_create {
  display: flex !important;
  gap: 20px;
}

.box_pricing_actual_plan {
  border-radius: 10.348px;
  background: #fff;
  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);
  max-width: 810px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.your_actual_plan {
  color: #898989;
  text-align: left;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  line-height: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
}

.actual_plan_settings {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.flex_settings_1 {
  display: flex;
  gap: 5px;
  align-items: center;
}

.change_plan_button {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #fff;
  display: inline-flex;
  padding: 16px 46px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 163.602% */
  height: 41px;
}

.upgrade_settings_plan_button {
  display: inline-flex;
  padding: 8px 45px;
  height: 41px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%), #fff;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;

  line-height: 19.632px;
  /* 163.602% */
}

@media only screen and (max-width: 1150px) {
  .need_support_button_create {
    display: none;
  }

  .pricing_selected_packs_checkout {
  }

  .title_pack_choosed {
    color: var(--primary-Black, #1e1e1f);

    font-family: 'Helvetica Neue';

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-top: 25px;

    margin-bottom: 7px;
  }

  .price_pack_choosed {
    color: var(--primary-Black, #1e1e1f);

    font-family: 'Helvetica Neue';

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;
  }
}

.general_blue_button {
  display: inline-flex;
  padding: 8px 45px;
  height: 41px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  border-radius: 11px;
  border: 1px solid #efefef;
  background: #0e2c7a;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 163.602% */
}

.flex_custom_claim_pg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 83%;
}

.check_upgrade_info_recap {
  margin-top: 15px;
}

.box_pricing_recap {
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f7f7;
  padding: 16px 22px;
  max-width: 100%;
  min-height: 272px;
  width: 100%;
  margin-top: 36px;
}

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

.name_recap_pack {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
}

.number_pass_per_month_recap {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;

  font-weight: 300;
  line-height: 150%;
  /* 21px */

  text-align: justify;
  margin-bottom: 17px;
}

.stickers_recap_plan {
  border-radius: 18.5px;
  background: #1858ff;
  max-width: 105px;
  height: 37px;
  width: 100%;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_infos_pricing {
}

.check_svg_pricing_create {
}

.info_stickers_p_1_create {
}

.sub_total_pricing_pack_recap {
}

.flex_inner_pricing_recap_upg_1 {
  display: flex;
  justify-content: space-between;
  margin-top: 17px;
  padding-left: 30px;
  padding-right: 30px;
}

.total_recap_pricing_one {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: justify;
}

.total_at_all_recap_pricing_one {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.number_total_recap_p_one {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.number_total_billed_recap_p_one {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.bottom_div_button_separated_recap {
  padding-top: 14px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  gap: 15px;
}

.cancel_button_recap {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #fff;
  padding: 11px 100px;
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  max-width: 204px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 19.632px;
  /* 140.23% */
  height: 42px;
}

.button_confirm_recap_pack {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #0e2c7a;
  padding: 16px 100px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
  border-radius: 9px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.sub_text_changing {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  max-width: 320px;
  width: 100%;
  text-align: justify;
  margin-top: 10px;
}

.filter_arrow_1 {
}

.popup_import_contact {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.import_contact_box {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  width: fit-content;
  padding: 20px 24px;
  margin: auto;
  max-width: 400px;
  min-width: 400px;
  width: 100%;
  /* height: 500px; */
}

.p_import_1 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

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

  letter-spacing: -0.4px;

  text-align: justify;
}

.p_import_2 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;

  line-height: 18.48px;
  /* 142.151% */

  letter-spacing: -0.26px;
  text-align: initial;
  margin-top: 12px;
}

.ul_import_contact {
  margin-bottom: 21px;
  margin-left: 21px;
}

.li_import_contact {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.28px;
  max-width: 318px;
  text-align: left;
  padding-right: 21px;
}

.import_box_drag_drop {
  border-radius: 17.477px;
  border: 1.135px dashed rgba(97, 97, 97, 0.2);
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 143px;
  margin-bottom: 24px;
}

.drag_drop_contact {
  width: 32.913px;

  height: 32.913px;

  margin-bottom: 21px;
}

.browse_contact {
  color: #007afe;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 18.159px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.973px;
  letter-spacing: -0.363px;
  text-decoration-line: underline;
  cursor: pointer;
}

.p_import_3 {
  color: #616161;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18.159px;

  font-style: normal;
  font-weight: 500;

  line-height: 20.973px;
  /* 115.498% */

  letter-spacing: -0.363px;
}

.cancel_import_contact {
  /* padding: 20px 100px; */
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 50%;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #fff;
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  line-height: 19.632px;
  /* 140.23% */
}

.confirm_import_contact {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #0e2c7a;
  padding: 20px 100px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  color: #fff;
  text-align: center;
  width: 50%;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 140.23% */
  max-width: 40%;
  margin-bottom: 8px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.button_div_box_im {
  text-align: center;
  display: flex;
  max-width: 100%;
  gap: 10px;
  flex-direction: row-reverse;
}

.relative_spinner_import {
  position: relative;
}

.spin_load_1 {
}

.text1_inside_loader_import {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.4px;
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  /* bottom: 0; */
}

.text2_inside_loader_import {
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.48px;
  /* 142.151% */
  letter-spacing: -0.26px;
}

.box_uploading_import {
  border-radius: 15.4px;
  background: #f5f5f5;
  width: 100%;
  padding: 14px;
  height: 66px;
  padding-top: 4px;
  margin-top: 63px;
}

.flex_inner_import2 {
  display: flex;
  gap: 5px;
  align-items: center;
}

.drag_drop_contact {
}

.file_name_import {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.28px;
}

.file_size_import {
  color: #616161;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.48px;
  /* 153.997% */
  letter-spacing: -0.24px;
  text-align: justify;
  padding-left: 21px;
  margin-top: -5px;
}

.line_relative_loading_import {
  position: relative;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
}

.line_one_import {
  width: 90%;
  height: 3px;
  border-radius: 2px;
  background: #d9d9d9;
}

.line_two_import {
  border-radius: 2px;
  background: #1858ff;
  height: 3px;
  position: absolute;
  z-index: 1;
  width: 40%;
  top: 0;
}

.percentages_import_contact {
  color: #616161;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.48px;
  /* 167.997% */
  letter-spacing: -0.22px;
  position: absolute;
  top: -9px;
  right: 0;
}

.step_2_import {
  padding-top: 50px;
}

.filemb__contact {
}

.succes_import_contact {
  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 40px;

  height: 100%;

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

.p_import_1_success {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}

.succes_contact_svg {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  margin-top: 0px;
}

.succes_contact_svg_2 {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
}

.success_add_passes {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
}

.success_buy_passes {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.p_import_2_success {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;

  font-weight: 300;
  line-height: 23.48px;
  /* 115.498% */

  letter-spacing: -0.32px;
  margin-bottom: 18px;
  max-width: 270px;
}

.number_contatcs_hpn {
  color: #1e1e1f;
  font-weight: 700;
}

.p_import_3_success {
  color: #1858ff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.28px;
  margin-bottom: 20px;
}

.button_try_again_import {
  /* 140.23% */
  background: #1858ff;
  width: 100%;
  margin-bottom: 8px;
  height: 50px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  padding-top: 1px;
  line-height: 19.632px;
  /* 140.23% */
  max-width: 100%;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.button_close_import_contact {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 2px solid #efefef;
  background: #fff;
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
}

.need_support_contact {
  color: #007afe;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.973px;
  /* 149.807% */
  letter-spacing: -0.28px;
  text-decoration-line: underline;
  margin-bottom: 26px;
  cursor: pointer;
}

.error_import_contact {
  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 40px;
}

.error_buy_add_pass {
}

.p_import_2_error {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.5px;
  /* 153.125% */
  letter-spacing: -0.32px;
  max-width: 300px;
  width: 100%;
  margin: auto;
  margin-top: 21px;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1150px) {
  .upgrade_plan_box {
    border-radius: unset;
    background: unset;
    box-shadow: unset;
    max-width: 350px;
    /* height: 100%; */
    min-height: 553px;
    max-height: 97%;
    min-width: unset;
    width: fit-content;
    margin: auto;
    padding: 0;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 0;
  }

  .actual_p_plan {
    display: block;
  }

  .upgrade_plan_but_pop {
    padding: unset;
    width: 100%;
    height: 50px;
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.632px;
  }

  .flex_info_margin_mob_onlye {
    display: flex;
    margin-left: 0;
    justify-content: unset !important;
    gap: 20px !important;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .name_recap_pack {
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 15px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .bottom_div_button_separated_recap {
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 31px;
    gap: 15px;
    flex-direction: column;
  }

  .cancel_button_recap {
    max-width: 100%;
  }

  .button_confirm_recap_pack {
    max-width: 100%;
  }

  .step_upgradee_create_1 {
    padding: 10px 23px 23px 20px;
    text-align: justify;
    width: 100% !important;
    position: inherit !important;
  }

  .spec_font_mobile_upg {
  }

  .flex_custom_claim_pg {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
  }
}

.englobe_pass_ {
  border-radius: 23px;
  background: none;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 100%;
  width: 352px;
  /* padding: 20px 40px; */
  /* padding-bottom: 36px; */
  /* max-width: 494px; */
  /* height: 673px; */
  /* width: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.p_file_name_one {
  color: #616161;

  font-family: 'Helvetica Neue';
  font-size: 13.159px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.973px;
  letter-spacing: -0.363px;
}

.import_contact_b {
  width: 16px;
}

.buttons_table_audience {
}

.filter_showed {
  border-radius: 22px;
  background: rgba(24, 88, 255, 0.6);
  width: 178px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  /* 150% */
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.filter_showed_tag {
  border-radius: 22px;
  background: rgba(24, 88, 255, 0.6);
  min-width: 93px;
  padding-left: 20px;
  padding-right: 10px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  /* 150% */
}

.cross_filter {
  cursor: pointer;
}

.cross_filter_tag {
  cursor: pointer;
}

#myTable {
  table-layout: fixed;
  width: 100%;
  /* Adjust as needed */
}
#table_notif_history {
  table-layout: fixed;
  width: 100%;
  /* Adjust as needed */
}

#myTable th,
#myTable td {
  /* overflow: hidden; */
  /* Prevent content from overflowing */
}

#table_notif_history th,
#table_notif_history td {
  /* overflow: hidden; */
  /* Prevent content from overflowing */
}

#myTable td:first-child {
  overflow: visible;
}

#table_notif_history td:first-child {
  overflow: visible;
}

.delete_button_table {
  text-align: center;
  display: flex;
  width: 25.337px;
  height: 10.6px;
  border-radius: 6.789px;
  border: 0.566px solid rgba(137, 137, 137, 0.3);
  background: #fff;
  align-content: center;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  width: 37.337px;
  height: 39.6px;
  border-radius: 6.789px;
  border: 0.566px solid rgba(137, 137, 137, 0.3);
  background: #fff;
}

.trash_user_table {
  cursor: pointer;
  width: 26px;
  width: 16.84px;
  height: 16.84px;
}

.select-row {
  width: 24px;
  height: 24px;
  border-radius: var(--space-8px, 8px);
  margin: 14px;
}

.popup_delete_contact {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.popup_add_pass {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.add_pass_boxes {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 416px;
  min-width: 416px;
  min-height: 320px;
  width: 100%;
  padding: 18px 18px;
  margin: auto;
}

.box_delete_contact {
  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  width: fit-content;

  padding: 20px 24px;

  margin: auto;

  max-width: 519px;

  width: 100%;

  height: 335px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

.p1_delete_contact {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

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

  letter-spacing: -0.4px;
}

.flex_trash_contacts {
  width: 100%;
  margin-top: 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.confirm_button_generic {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #0e2c7a;
  width: 100%;
  margin-bottom: 8px;
  height: 50px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  padding-top: 1px;
  line-height: 19.632px;
  /* 140.23% */
  max-width: 100%;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.confirm_button_generic:hover {
  background: #fff;
  color: black;
}

.cancel_button_generic {
  width: 100%;
  height: 50px;
  border-radius: 32px;
  border: 2px solid #efefef;
  background: #fff;
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 140.23% */
  max-width: 100%;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.buy_passes_dashboard_button {
  transition: 0.3s;
}

.buy_passes_dashboard_button:hover {
  color: black;
  background: #fff;
  border: 2px solid #efefef;
}

.confirm_button_generic:hover {
  color: black;
  background: #fff;

  transition: 0.3;
}

.cancel_button_generic:hover {
  color: black;
  border-color: black;
}

.trash_contact_popup_img {
  width: 40px;
  height: 40px;
  margin-bottom: 28px;
}

.p2_delete_contact {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 178.571% */
  letter-spacing: -0.28px;
  margin-top: 20px;
  margin-bottom: 35px;
}

.flex_add_passes_one {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}

.close_add_pass {
  cursor: pointer;
}

.close_buy_pass {
  cursor: pointer;
}

.buy_add_pass_title {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.p1_add_pass_popup {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 25px;
  /* 178.571% */

  letter-spacing: -0.28px;

  text-align: justify;

  max-width: 329px;

  width: 100%;
}

.flex_two_pass_add {
  display: flex;

  justify-content: space-between;

  margin-top: 30px;
}

.boxed_passes_info {
  border-radius: 15.4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  width: 45%;
  align-content: flex-start;
}

.p_pass_title_popup {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 18.48px;
  /* 92.398% */
}

.title_passes_to_send {
  /* 92.398% */

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

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 18.48px;
  /* 131.998% */
}

.p_pass_available_popup {
}

.big_box_pass_missing {
  border-radius: 15.4px;

  border: 1px solid #ff7c6d;

  background: #fff;

  height: 53px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-right: 26px;

  padding-left: 10px;

  margin-top: 22px;

  margin-bottom: 40px;
}

.missing_pas_sp_1 {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 18.48px;
  /* 115.498% */

  letter-spacing: -0.32px;
}

.pass_p_missing {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 18.48px;
  /* 92.398% */
}

.button_tag_pass,
.buy_addi_passes {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.773px;
  /* 241.238% */
  /* text-decoration-line: underline; */
  margin-top: 0px;
  cursor: pointer;
  position: relative;
  top: 0;
}

.iner_fex_buy_now {
  display: flex;
  gap: 7px;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  padding-right: 43px;
}

.step_two_add_pass {
  margin: auto;
  /* width: 100%; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step_two_buy_pass {
  margin: auto;
  /* width: 100%; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub_title_webhook {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.773px;
  /* 211.083% */
}

.img_spin {
  animation: l2 1s infinite linear;
}

.sending_b {
  border-radius: 11.5px;
  background: #1858ff;
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 95px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: auto;
}

.sending_faild {
  border-radius: 11.5px;
  background: #ff0c0c91;
  color: #ffffff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 95px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: auto;
}

.edit_pts_img {
  width: 10px;
  height: 10px;
}

#lottie-animation {
  border-radius: 15%;
  overflow: hidden;
}

.access_smart_contract_button {
}

.button_emplacement_settings {
}

.spec_setting_css_6 {
}

.spec_setting_css_10 {
  display: flex;

  justify-content: space-between;
}

@media only screen and (max-width: 1150px) {
  .flex_inner_for_pass {
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    flex-direction: column;
  }

  .select-row {
    width: 14px;
    height: 14px;
    border-radius: var(--space-8px, 8px);
    margin: 14px;
  }

  .flex_mobile_audience_snapsss {
    display: flex;
    position: absolute;
    bottom: 10px;
    width: 100%;
    gap: 1px;
    align-items: center;
    flex-direction: row;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: flex-start;
    padding-right: 10px;
    padding-left: 10px;
    gap: 15px;
  }

  .active_send_notif {
    width: 137px;
    max-width: unset;
    margin: unset;
  }

  .mobile_edit_pass {
    position: initial;
    bottom: 15px;
    right: 18px;
    left: unset;
    width: fit-content;
    width: 100%;
    max-width: 137px;
    margin: unset;
  }

  .apple_google_dash_table {
    max-width: 67px;
    position: absolute;
    top: 85px;
    right: 18px;
  }

  .box_delete_contact {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    width: fit-content;
    padding: 20px 24px;
    margin: auto;
    max-width: 339px;
    width: 100%;
    height: 335px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .add_pass_boxes {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 356px;
    width: 100%;
    padding: 18px 18px;
    margin: auto;
  }

  .flex_two_pass_add {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .boxed_passes_info {
    border-radius: 15.4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f5f5f5;
    padding: 21px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    width: 100%;
  }
}

.download_example_csv {
  text-decoration: underline;

  font-size: 13px;

  position: relative;

  top: -1px;
}

.flex_popup_import_1 {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  margin-bottom: 10px;
}

.flex_popup_import_1 {
}

.position_checkbox_mobile {
}

.ico_footer {
  margin-top: 0;
  transition: 0.3;
}

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

@media only screen and (max-width: 1150px) {
  .first_flex_footer {
    display: flex;
    align-items: center;
    gap: unset;
    justify-content: space-between;
    margin-bottom: 25px;
  }

  .innfer_flex_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0px;
  }
}

.buy_pass_popup {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.popup_tags {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.buy_pass_box {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 416px;
  width: 100%;
  padding: 18px 26px;
  margin: auto;
}

.add_pass_boxes {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 416px;
  width: 100%;
  padding: 18px 26px;
  margin: auto;
}

.p_pass_buy_1 {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 178.571% */
  letter-spacing: -0.28px;
  text-align: justify;
  /* margin-top: -20px; */
  margin-bottom: 17px;
}

.boxed_passes_info_buy {
  border-radius: 15.4px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #f5f5f5;

  width: 181px;

  height: 81px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding-left: 21px;

  justify-content: center;

  gap: 10px;
}

.p_pass_title_popup_buy {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 18.48px;
  /* 92.398% */
}

.title_passes_to_send_buy {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 18.48px;
  /* 131.998% */
}

.p_pass_buy_2 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 156.25% */
  text-align: start;
  margin-top: 10px;
  margin-bottom: 40px;
}

.marg_top_55 {
  margin-top: 35px;
}

.p_payment_method_1 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 156.25% */
  text-align: justify;
}

.p_payment_method_2 {
  text-align: justify;
  color: #000000;
  text-align: left;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  /* 140.23% */
  text-decoration-line: underline;
  cursor: pointer;
}

.flex_1_buy_pass {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 50px;
}

.box_popup_tags {
  border-radius: 23px;
  background: #f6f6f6;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 548px;
  min-height: 569px;
  padding-bottom: 85px;
  width: 100%;
  margin: auto;
  position: relative;
}

.tags_ico {
}

.close_tags {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.close_tags_intr {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.flex_tags_1 {
  border-radius: 23px 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);

  background: #fff;

  box-shadow: 2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 73px;

  padding-left: 23px;

  padding-right: 20px;
}

.inner_flex_tags_1 {
  display: flex;

  align-items: center;

  gap: 14px;
}

.tags_contain_padding {
  padding: 28px;
}

.tags_contain_padding {
}

.selected_number_checked {
  color: var(--primary-Black, #1858ff);
}

.inner_flex_tags_2 {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 32px;
}

.p_tags_3 {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.p_tags_4 {
  color: #1858ff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 0;
  /* 241.238% */

  text-decoration-line: underline;

  cursor: pointer;
}

.tags_display_grid_element {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  justify-content: center;
  justify-items: center;
}

.tags_div,
.tags_div2,
.tags_div3,
.tags_div4,
.tags_div5,
.tag_div_general,
.tag_div_desing_intr {
  max-width: 93px;
  min-width: 93px;
  min-height: 25px;
  color: #fff;
  text-align: center;
  /* font-family: "Helvetica Neue"; */
  font-size: 12px;
  font-style: normal;
  margin-bottom: 19px;
  font-weight: 400;
  line-height: normal;
  border-radius: 11.5px;
  background: var(--primary-Black, #1e1e1f);
  /* box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08); */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}

.box_add_new_tag {
  width: 364px;

  height: 85px;

  flex-shrink: 0;

  border-radius: 5px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #fff;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

  padding: 7px;

  gap: 9px;

  margin-top: 47px;

  cursor: pointer;
}

.p_tags_5 {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-align: left;

  margin-top: 11px;
}

.p_tags_6 {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 21px;
  /* 150% */

  margin-top: 8px;
}

.add_tag_ico {
}

.p_tags_1 {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 168.866% */
}

.p_tags_7 {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-align: justify;

  margin-bottom: 42px;
}

.inner_flex_tag_input {
}

.show_input_colors_tags {
}

.inner_flex_tag_input {
  display: flex;
  align-items: center;
  margin-top: 35px;
  gap: 55px;
  margin-bottom: 25px;
}

.inpu_tags_spec {
  background: #ffffff;
  border: 1px solid #00000010;
}

.back_to_the_add_tag {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.632px;
  /* 140.23% */

  text-decoration-line: underline;

  position: absolute;

  cursor: pointer;
}

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

.inner_flex_login_page {
  display: flex;
  justify-content: center;
  padding-right: 21px;
}

.error_upgrade_lock {
  margin-top: 0;
  text-align: center;
}

.qr_code_size_desk {
  width: 130px;
}

@media only screen and (max-width: 1150px) {
  .inner_flex_login_page {
    display: flex;
    justify-content: center;
    padding-right: 0;
    align-items: center;
  }

  .error_message_code {
    margin-bottom: 30px;
  }

  .error_upgrade_lock {
    margin-top: 35px;
  }

  .add_pass_boxes {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 366px;
    min-width: unset;
    min-height: 320px;
    width: 100%;
    padding: 18px 18px;
    margin: auto;
  }

  .import_contact_box {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    width: fit-content;
    padding: 20px 24px;
    margin: auto;
    max-width: 360px;
    min-width: unset;
    width: 100%;
    height: 500px;
  }
}

.font_spec_recom {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15.326px;
  /* 127.718% */
  letter-spacing: -0.24px;
}

.box_pricing_single_ {
  transition: 0.3s;
}

.box_pricing_single_:hover {
  box-shadow:
    0px -0.639px 19.158px 0px rgba(0, 0, 0, 0.1),
    0px 6.386px 9.579px 0.639px rgba(0, 0, 0, 0.12);
}

.size_spec_recap_img {
  width: 24px;
}

.size_spec_p_recp {
  font-size: 16px;
}

.login_button_head {
  transition: 0.3s;
}

.login_button_head:hover {
  color: black;
}

.cancel_button_recap {
  transition: 0.3s;
}

.cancel_button_recap:hover {
  border: 2px solid black;
  color: black;
}

.tag_check_position {
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 2;
}

.confirm_button_generic_2 {
  background: #0e2c7a;
  display: inline-flex;
  padding: 5.28px 58.736px;
  border: 0;
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  /* 211.083% */
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.iner_flex_edit_delete_tag {
  display: flex;

  gap: 15px;
}

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

.input_promo_code {
  color: #000000;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 13.599px;
  /* width: 100%; */
  width: 50%;
  padding: 9.963px var(--Spacing-spacing-none, 0px) 7.963px 10.618px;
  border-radius: 2.654px;
  border: 0.995px solid rgba(30, 30, 31, 0.1);
  margin-top: 10px;
  margin-bottom: 10px;
}

.apply_promo_code {
  border: 0;
  background: none;
  color: #1858ff;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 14.599px;
  /* 91.247% */
  text-decoration-line: underline;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.input_relative_start_2 {
  position: relative;
  margin-top: 57px;
  margin-bottom: 47px;
  width: 100%;
}

.promo_code_error {
  font-size: 13px;
  margin-left: 2px;
  margin-top: 5px;
  font-weight: 300;
  color: #cb5f5f;
}

.barmoica {
  text-decoration: line-through;
}

.flex_header_one {
  display: flex;

  align-items: center;

  width: 50%;

  justify-content: flex-end;

  gap: 12px;
}

.login_button_head {
  border-radius: 32px;
  border: 2px solid #efefef;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  height: 46px;
  padding: 17px 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 140.23% */
}

.p_buypass_indicate {
  text-align: end;

  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 25px;

  letter-spacing: -0.28px;
}

.separate_button_tags {
  border-top: 1px solid #e1e1e1;
  position: absolute;
  width: 90%;
  text-align: end;
  padding-top: 14px;
  bottom: 20px;
}

.method_margin_spec {
  position: relative;

  top: 25px;
}

.text-gradiant-2 {
  background: #0e2c7a;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 1px;
}

.check_doc_div {
  /* Add styles for .check_doc_div */
  border-radius: 32px;
  border: 2px solid rgba(137, 137, 137, 0.1);
  background: #fff;
  color: #616161;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 151.017% */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 169px;
  cursor: pointer;
  gap: 9px;
  height: 41px;
}

.read_doc_svg {
  /* Add styles for .read_doc_svg */
}

.position-relative {
  /* Add styles for .position-relative */
  /* margin: auto; */
}

.copy_api_svg {
  /* Add styles for .copy_api_svg */
}

.position_tag_mobile {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.apple_google_img {
  max-width: 301px;
}

.h1_lp1 {
  color: #000;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 72px;

  font-style: normal;

  font-weight: 700;

  line-height: 86px;
  /* 119.444% */

  margin-top: 47px;

  margin-bottom: 40px;
}

.p_lp_1 {
  color: #898989;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  line-height: 36px;
  /* 180% */

  max-width: 702px;

  margin: auto;

  margin-bottom: 34px;
}

.button_lp_1 {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
    linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);

  padding: 11px 60px;

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */
}

.lp_illu_1 {
  max-width: 1440px;

  width: 100%;

  margin-top: 70px;
}

.container_lp1 {
}

.h2_lp_1 {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 42px;

  font-style: normal;

  font-weight: 700;

  line-height: 51px;
  /* 204.762% */

  margin-top: 129px;

  margin-bottom: 114px;
}

.flex_lp_1 {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 75px;

  position: relative;
}

.flex_lp_2 {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 75px;

  margin-top: 300px;

  position: relative;
}

.p_lp_2 {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 31px;

  letter-spacing: 4.8px;

  text-transform: capitalize;

  text-align: left;
}

.p_lp_3 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  margin-top: 13px;

  line-height: 36px;
  /* 180% */

  margin-bottom: 30px;

  text-align: justify;
}

.lp_illu_2 {
  max-width: 645px;

  width: 100%;
}

.div_line_bleu_lp {
  width: 285px;

  height: 6px;

  background: #1858ff;

  border-radius: 11px;

  margin-top: 6px;
}

.text_bleu_lp {
  color: #1858ff;
}

.lp_illu_3 {
  max-width: 578px;

  width: 100%;
}

.lp_illu_4 {
  max-width: 535px;

  width: 100%;
}

.banner_lp {
  max-width: 873px;
  width: 100%;
  margin-top: 51px;
}

.banner_ico_lp {
}

.ico_banner {
}

.p_banner_1 {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

@media only screen and (max-width: 1150px) {
  .box_popup_tags {
    border-radius: 23px;
    background: #f6f6f6;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 328px;
    height: fit-content;
    padding-bottom: 0px;
    min-height: unset;
    width: 100%;
    margin: auto;
    position: relative;
  }

  .box_add_new_tag {
    max-width: 364px;
    width: 100%;
    height: 85px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid rgba(30, 30, 31, 0.1);
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 7px;
    gap: 9px;
    margin-top: 47px;
    cursor: pointer;
  }

  .separate_button_tags {
    border-top: 1px solid #e1e1e1;
    position: initial;
    width: 100%;
    margin-top: 55px;
    text-align: center;
    padding-top: 14px;
    bottom: 20px;
  }

  .inner_flex_tag_input {
    display: flex;
    align-items: flex-start;
    margin-top: 35px;
    gap: 0;
    margin-bottom: 25px;
    flex-direction: column;
  }

  .flex_margin_none_mob {
    margin: 0 !important;
  }

  .tags_display_grid_element {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-content: center;
    justify-items: center;
    max-height: 250px;
    overflow: hidden;
    overflow-y: scroll;
  }
}

.display_flex_form_notif {
  display: flex;
}

.albs {
  text-align: right;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.p_g_s {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  margin-top: 19px;
  line-height: 25px;
  /* letter-spacing: -0.28px; */
  margin-bottom: 35px;
}

.marg_spec_top_lp1 {
  margin-top: 250px;
}

.container_blocs_lp {
  display: flex;

  justify-content: center;

  gap: 35px;
}

.big_box_lp_1 {
  border-radius: 23.494px;

  background: #fff;

  max-width: 738px;

  height: 589px;

  width: 100%;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  flex-direction: column;

  justify-content: center;

  padding-top: 47px;

  overflow: hidden;
}

.p_bb_lp_1 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 28px;
  /* 175% */

  letter-spacing: 4.8px;

  text-transform: uppercase;

  padding-left: 43px;

  margin-bottom: 75px;
}

.p_bb_lp_2 {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 175% */
  letter-spacing: 4.8px;
  text-transform: uppercase;
  padding-left: 41px;
}

.lp_illu_5 {
  max-width: 738px;

  width: 100%;
}

.divided_box_lp_1 {
  display: flex;

  flex-direction: column;

  gap: 27px;
}

.box_lp_mini_1 {
  max-width: 508px;

  height: 281px;

  width: 508px;

  padding-top: 54px;

  border-radius: 23.494px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  position: relative;
}

.box_lp_mini_2 {
  max-width: 508px;

  height: 281px;

  width: 508px;

  padding-top: 54px;

  border-radius: 23.494px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  position: relative;
}

.lp_illu_6 {
  max-width: 508px;

  width: 100%;

  position: absolute;

  top: 60px;
}

.lp_illu_7 {
  max-width: 507px;

  position: absolute;

  width: 100%;

  bottom: 20px;
}

.container_lp_1_1 {
}

.grey_btn {
  transition: 0.3s;
}

.grey_btn:hover {
  border: 2px solid black;
  color: black;
}

.grey_btn {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);

  height: 46px;

  padding: 18px 40px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 19.632px;
  /* 140.23% */
}

@media only screen and (max-width: 1150px) {
  .display_flex_form_notif {
    display: block;
  }

  .login_button_head {
    border-radius: 32px;
    border: 2px solid #efefef;
    background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
    height: 46px;
    padding: 18px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.632px;
  }

  .grey_btn {
    border-radius: 32px;
    border: 2px solid #efefef;
    background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
    height: 46px;
    padding: 18px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.632px;
  }

  .s_u_b {
    border-radius: 32px;
    border: 2px solid #efefef;
    background: linear-gradient(91deg, #1858ff 3.19%, #1e1e1f 105.61%),
      linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.632px;
    max-width: max-content;
    width: max-content;
    height: 46px;
    cursor: pointer;
    display: flex;
    padding: 15px 26px;
    white-space: nowrap;
    align-items: center;
  }
}

.flex_form_link {
  display: flex;
}

.flex_form_link_1 {
  width: 60%;
  padding-right: 41px;
  text-align: left;
  margin-right: 37px;
  border-right: 1px solid rgba(30, 30, 31, 0.1);
}

.flex_form_link_2 {
  width: 40%;
}

.img_link {
  width: 100%;
  height: 137px;
  background-size: cover;
  background-position: center;
  padding: 11px;
  position: relative;
}

.p_notif_name_title_2 {
  color: #000000;
  font-family: 'Helvetica Neue';
  font-size: 13.013px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.707px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.upload_preview_img_link {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background-size: cover;
  box-shadow: 1px 1px 15px -7px #000;
}

.upload_preview_img_link_list {
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 8px;
  gap: 8px;
  /* border: 1px solid #fff; */
}

.switch_btn_link {
  gap: 18px;
  margin-bottom: 26px;
  /* margin-top: 24px; */
  display: flex;
  justify-content: center;
}

.switch_link_button {
  border-radius: 14.5px;
  background: #f2f2f2;
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 170px;
  height: 29px;
  border: none;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.active_switch_link {
  color: #fff;
  text-align: center;
  leading-trim: both;
  width: 170px;
  height: 29px;
  border: none;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 14.5px;
  background: var(--primary-Black, #1e1e1f);
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

@media only screen and (max-width: 1200px) {
  .ico_dash_notif {
    display: none;
  }

  .flex_form_link {
    display: block;
  }

  .flex_form_link_1 {
    width: 100%;
    border: 0px;
    margin-right: 0;
    padding-right: 0;
  }

  .flex_form_link_2 {
    /* display: flex; */
    width: 100%;
    gap: 20px;
  }
}

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

.banner_gate {
  height: 150px;
  object-fit: cover;
  background-position: center;
  background-size: cover;
}

.box_info_gate_2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* CUSTOMIZATION ADDDUP */

.flex_color_and_font_button_ctz {
  display: flex;

  flex-direction: row-reverse;

  justify-content: flex-end;

  gap: 43px;

  margin-top: 35px;
}

.select_font_family {
}

.select_font_family option {
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.632px;
  text-align: left;
  color: #898989;
}

.font_box_selector {
  border-radius: 24px;

  background: #fff;

  box-shadow:
    0px -1px 30px 0px rgba(0, 0, 0, 0.1),
    0px 10px 15px 1px rgba(0, 0, 0, 0.12);

  max-width: 532px;

  height: 535px;

  width: 100%;

  margin: auto;

  padding-top: 31px;

  padding-left: 28px;

  padding-right: 28px;

  position: relative;
}

.name_font_selected {
}

.preview_font_aa {
  width: 57.414px;

  height: 57.414px;

  border-radius: 7.994px;

  background: #f5f5f5;

  display: flex;

  align-items: center;

  justify-content: center;
}

.select_box_font_alike {
  height: 94px;
  border-radius: 21.854px;
  background: #fff;
  box-shadow: 0px -0.911px 27.317px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 19px;
  padding-right: 0;
  width: fit-content;
  gap: 15px;
  cursor: pointer;
  width: 270px;
}

.p_font_1 {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 19.307px;
  /* 96.537% */

  letter-spacing: -0.4px;

  font-family: 'Helvetica Neue';

  text-align: justify;
}

.search_font_input {
  border-radius: 12px;

  background: #f5f5f5;

  width: 100%;

  border: 0;

  padding: 13px 19px;

  margin-top: 35px;

  margin-bottom: 23px;
}

.font_dispenser {
  height: 295px;

  overflow-y: auto;

  display: flex;

  flex-direction: column;

  gap: 19px;

  margin-bottom: 15px;
}

.font_element_div {
  text-align: justify;

  padding: 19px;

  border-radius: 40px;

  background: #f5f5f500;

  cursor: pointer;
  transition: 0.3s;
}

.font_element_div:hover {
  background: #f5f5f5;
}

.font_element_div_active {
  background: #f5f5f5;
}

.popup_font {
  position: fixed;

  width: 100%;

  backdrop-filter: blur(5px);

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.09);

  text-align: center;

  display: grid;

  z-index: 78;

  align-items: center;
}

.save_font_button {
}

.close_font {
  cursor: pointer;
  width: 32px;
  position: absolute;
  right: 19px;
  top: 24px;
}

@media only screen and (max-width: 1150px) {
  .flex_color_and_font_button_ctz {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 25px;
    margin-top: 35px;
  }

  .select_box_font_alike {
    width: 100%;
  }

  .font_box_selector {
    max-width: 362px;
  }
}

/* CUSTOMIZATION ADDDUP */

.row {
  display: flex;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.col-12 {
  width: 100%;
}

.col-6 {
  width: 50%;
}

.col-8 {
  width: 66.66%;
}

.label_input {
  color: var(--primary-Black, #1e1e1f);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.773px;
  display: block;
  margin-top: 25px;
  margin-bottom: 15px;
  margin-left: 8px;
}

.col-4 {
  width: 33.33%;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-5 {
  width: 41.66%;
}

.col-10 {
  width: 83.33%;
}

.col-9 {
  width: 75%;
}

.col-7 {
  width: 58.33%;
}

.col-11 {
  width: 91.66%;
}

@media only screen and (max-width: 1150px) {
  .col-7 {
    width: 100%;
  }

  .step_5_ck {
    width: 100%;
    height: 100%;
    padding-top: 50px;
    position: fixed;
    top: 0;
    margin: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
  }

  .grey_btn {
    width: 100%;
  }

  .position_button_next_pricing {
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 50px;
    gap: 20px;
    flex-direction: column;
  }

  .label_input {
    font-size: 18px;
  }

  .col-4 {
    width: 100%;
  }

  .col-3 {
    width: 100%;
  }

  .col-2 {
    width: 100%;
  }

  .col-1 {
    width: 100%;
  }

  .row {
    flex-direction: column;
    flex-direction: column;
    gap: 20px;
    /* margin-bottom: 20px; */
    /* width: 100%; */
    /* max-width: 100%; */
  }

  .col-6 {
    width: 100%;
  }

  .col-8 {
    width: 100%;
  }

  .list_t_n {
    grid-template-columns: repeat(3, 1fr);
  }

  .input_new_gate {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .select_icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }

  .box_start_now_mobile {
    /* position: fixed; */
    bottom: 0;
    width: 100%;
    z-index: 2;
    left: 0;
    background: #ffffffbf;
    display: flex !important;
    padding: 16px;
    padding-top: 22px;
  }

  .start_now_create {
    margin: 0;
  }

  .mobile_padding_disable {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 26px;
  }
}

.open_link {
  font-size: 18px;
  margin-top: 5px;
}

.p_g {
  color: #898989;
  text-align: left;
  margin-top: 10px;
  font-weight: 300;
  max-width: 100%;
  font-size: 12px;
  line-height: 16px;
}

.pci {
  margin-top: 30px;
  max-width: 84%;
  margin: auto;
  margin-top: 30px;
  display: block;
}

.space-between {
  justify-content: space-between;

  align-items: center;
}

.p1_home {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 20px;
  /* 125% */
}

.p2_home {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  /* 241.238% */
}

.box_tutorial_home {
  display: flex;

  gap: 14px;

  border-radius: 7px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

  max-width: 114px;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 37px;

  cursor: pointer;
}

.box_home_shortcut_single {
  box-shadow:
    0px -3.449px 17.246px 0px rgba(0, 0, 0, 0.08),
    0px 6.898px 17.246px 0px rgba(0, 0, 0, 0.08);

  width: 100%;

  padding-left: 26px;

  padding-top: 10px;

  padding-right: 9px;

  padding-bottom: 10px;

  border-radius: 10.348px;

  margin-top: 26px;
}

.shortcut_p_1 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.button_gris_shortcut {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* 163.602% */
  padding: 12px 10px;
  border-radius: 32px;
  border: 1px solid rgba(30, 30, 31, 0.05);
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  /* max-width: 154px; */
  width: 160px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.button_bleu_shortcut {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* 163.602% */
  padding: 12px 14px;
  border-radius: 32px;
  border: 1px solid rgba(30, 30, 31, 0.05);
  background: #1858ff;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 154px;
  width: 154px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.box_shortcut_home {
  border-radius: 23.494px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 23px;
  max-width: 595px;
  width: 100%;
  padding-bottom: 48px;
}

.box_help_video {
  border-radius: 10px;
  border: 1px solid rgba(137, 137, 137, 0.1);
  background: #f7f7f7;
  padding: 10px;
  align-items: center;
  max-width: 494px;
  padding-bottom: 20px;
  display: none !important;
}

.gap_spec_8 {
  gap: 8px;

  align-items: center;
}

.help_ico {
}

.p_1_help {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 4.2px;

  text-transform: uppercase;
}

.p_2_help {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: 16px;

  margin-bottom: 7px;
}

.p_3_help {
  max-width: 185px;

  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: 17px;
}

.p_4_help {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.border_top_help_flex {
  display: flex;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding-top: 8px;

  margin-top: 19px;

  align-items: center;

  gap: 6px;
}

.clock_ico {
}

.start_in_few {
  max-width: 257px;
}

.col_spec_help_1 {
}

.col_spec_help_2 {
}

.sub_homepage .inner_divided_flex {
  display: flex;

  flex-direction: column;
}

.spec_home_row {
  display: flex;
  justify-content: flex-start;
  margin-right: 35px;
  gap: 65px;
  /* align-items: center; */
}

.geo_loc_home_box {
  border-radius: 15.326px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #f7f7fc;

  position: relative;

  padding: 25px;

  padding-bottom: 0;
}

.geo_home_p1 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica-lp';

  max-width: 250px;

  font-size: 26px;

  font-style: normal;

  font-weight: 900;

  line-height: 32px;
  /* 123.077% */

  margin-top: 37px;

  margin-bottom: 8px;
}

.geo_home_p2 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  max-width: 177px;

  margin-bottom: 80px;

  line-height: 25px;
}

.geo_home_illu {
  position: absolute;
  max-width: 206px;
  top: 73px;
  right: 0;
}

.p_tutorial_1 {
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}

.p_tutorial_2 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  /* 125% */
  white-space: nowrap;
  margin-top: 6px;
}

.p_tutorial_3 {
  color: #1858ff;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.773px;
  /* 241.238% */

  text-decoration-line: underline;
}

.p_tutorial_4 {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 168.866% */

  text-align: left;

  margin-bottom: 4px;

  margin-top: -50px;
}

.p_tutorial_5 {
  color: #1858ff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 20px;
  /* 100% */

  text-align: left;
}

.p_tutorial_6 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 25px;
  /* 156.25% */

  text-align: left;

  margin-bottom: 27px;

  margin-top: 16px;
}

.popup_tutorial {
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;
  display: grid;
  z-index: 78;
  align-items: center;
}

.box_tutorial {
  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  max-width: 1089px;

  width: 100%;

  margin: auto;

  overflow: hidden;
}

.div_row_main_tutorial {
  display: flex;

  justify-content: space-between;

  box-shadow: 2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  padding-left: 40px;

  padding-right: 17px;

  padding-top: 18px;

  padding-bottom: 18px;
}

.box_tutorial_home {
}

.contain_steps {
  height: 480px;
}

.div_row_main_tutorial .box_tutorial_home {
  max-width: 213px;
  padding-left: 20px;
  padding-right: 20px;
}

.border_padding_tuto {
  border-left: 1px solid rgba(0, 0, 0, 0.1);

  height: 100%;

  flex-direction: column;

  position: relative;
}

.border_none {
  border: 0;
}

.step_one_tutorial {
}

.steps_tutorial {
  padding-left: 50px;

  height: 100%;

  display: flex;

  align-items: center;

  /* padding-bottom: 100px; */
}

.align-item-center {
  align-items: center;
}

.contain_pass_tuto {
}

.contain_pass_tuto {
}

.add_to_my_wallet_button {
  border-radius: 37.35px;

  background: var(--primary-Black, #1e1e1f);

  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 13.72px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  display: flex;

  border: 0;

  gap: 15px;

  align-items: center;

  justify-content: center;

  align-content: center;

  margin: auto;

  max-width: 218px;

  width: 100%;

  height: 44px;

  margin-top: 15px;
}

.contain_pass_tuto .digital_pass_custom_dash {
  max-width: 188px;

  height: 260px;

  margin-top: 37px;
}

.contain_pass_tuto .qrcode {
}

.contain_pass_tuto .banner_pass_dp {
  height: 74px;
}

.contain_pass_tuto .logo_pass_dp {
  height: 11px;
}

.contain_pass_tuto .p_dp_name {
  font-size: 5px;
  text-align: left;
}

.contain_pass_tuto .p_dp_sub_name {
  font-size: 9px;
  text-align: left;
}

.contain_pass_tuto .p_dp_network_custom {
  font-size: 5px;
  text-align: left;
}

.contain_pass_tuto .p_dp_sub_network {
  font-size: 9px;
  text-align: left;
}

.lp_close_2 {
  cursor: pointer;
}

.test_notif_ {
  max-width: 220px;

  position: absolute;

  right: 0;

  bottom: 0px;
}

.send_notif_tutorial {
  border-radius: 49px;

  background: var(--primary-Black, #1e1e1f);

  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  max-width: 286px;

  width: 100%;

  height: 58px;

  position: absolute;

  top: 0;

  left: -80px;

  right: 0;

  margin: auto;

  border: 0;

  bottom: -70px;

  z-index: 5;
}

.button_gris_previous {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 16px 40px;
  border-radius: 32px;
  border: 1px solid rgba(30, 30, 31, 0.05);
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 160px;
  width: 100%;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.step_3_tutorial {
  max-width: 400px;
  margin-top: 55px;
}

.step_4_tutorial {
  max-width: 450px;
  margin-top: 25px;
  margin-left: -55px;
}

.step_5_tutorial {
  max-width: 477px;

  position: absolute;

  left: 0;

  bottom: 0;
}

.step_6_tutorial {
  max-width: 413px;

  margin-top: 75px;
}

.step_7_tutorial {
  max-width: 535px;

  position: absolute;

  right: 0;

  bottom: 0;
}

.step_8_tutorial {
  max-width: 445px;

  position: absolute;

  bottom: 50px;

  left: 0;
}

.sub_homepage .divided_2_sbs {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  /* margin-left: 100px; */
  padding-left: 24px;
}

.button_gris_shortcut {
  transition: 0.3s;
}

.button_gris_shortcut:hover {
  background: #f9f9f9;
}

.button_bleu_shortcut {
  transition: 0.3s;
}

.button_bleu_shortcut:hover {
  background: #fff;
  color: black;
}

.contain_steps .button_gris_previous {
  font-size: 14px;
  height: 47px;
}

.contain_steps .button_gris_shortcut {
  font-size: 14px;
}

.button_gris_previous {
  transition: 0.3s;
}

.button_gris_previous:hover {
  color: black;
  border-color: black;
}

.gif_arrow_ {
  max-width: 20px;

  position: absolute;

  top: -20px;

  bottom: 0;

  margin: auto;

  left: 200px;

  opacity: 0.3;
}

.gif_arrow_2 {
  max-width: 20px;

  position: absolute;

  /* top: -20px; */

  bottom: 138px;

  /* margin: auto; */

  left: 110px;

  opacity: 0.3;

  transform: rotate(270deg);
}

.gif_arrow_3 {
  max-width: 20px;

  position: absolute;

  /* top: -20px; */

  bottom: 78px;

  /* margin: auto; */

  left: 110px;

  opacity: 0.3;

  transform: rotate(270deg);
}

.width-fit-content {
  width: fit-content;
}

.dropzone {
  cursor: pointer;
}

.block_testimonial_create {
  background: #f7f7f7;
  text-align: center;
  margin-top: 140px;
  min-height: 100px;
  padding-top: 15px;
  display: flex;
  align-content: center;
  max-width: 100%;
  padding-bottom: 15px;
}

.flex_testimonial {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  text-align: center;
  width: 100%;
  align-content: center;
}

.flex_testimonial_2 {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  gap: 10px;
  align-items: center;
  width: fit-content;
}

.img_testimonial {
  width: 25px;
  border-radius: 50%;
}

.p_testimonial {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  width: 700px;
  max-width: 98%;
  /* width: fit-content; */
}

.p_testimonial_name {
  color: #000;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 12.127px;
}

.p_testimonial_company {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 12.127px;
}

.num_step_home_new {
  border-radius: 8px;
  background: #efefef;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  color: #1858ff;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  display: none;
}

.text-bleu-home {
  color: #1858ff;
}

.row_home_spec {
  gap: 8px;
  align-items: center;
  width: unset;
}

.hide_desk {
  display: none;
}

.marg_spec_nav_mob_dash {
  display: flex;
  align-items: center;
  width: 90%;
}

.spec_row_nav_2 {
  background: #f7f7f7;
  min-height: 81px;
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-left: 12px;
  padding-right: 21px;
  border-top: 1px solid rgba(24, 88, 255, 0.1);
  border-bottom: 1px solid rgba(24, 88, 255, 0.1);
  margin-bottom: 10px;
  position: relative;
}

.size_url_desk {
}

.row_spec_desk_only {
  align-items: flex-start;
}

.p_ico_bp {
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.url_snapss_website {
  font-weight: 300;
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 11px;
  position: relative;
  left: -25px;
}

.spec_row_nav_1 {
  justify-content: flex-start;

  margin-left: 30px;

  margin-top: 5px;
}

.spec_flex_home_nav_dash {
  height: 60px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1150px) {
  .scroll_mobile_nav {
    height: max-content;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 50px;
    display: block;
  }

  .spec_home_row {
    margin-right: 0;
    gap: 0;
  }

  .row_mobile_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .row_home_spec {
    gap: 8px;
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-left: 9px;
    margin-bottom: 15px;
    justify-content: center;
  }

  .box_home_shortcut_single {
    box-shadow:
      0px -3.449px 17.246px 0px rgba(0, 0, 0, 0.08),
      0px 6.898px 17.246px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    padding-left: 0;
    padding-top: 17px;
    padding-right: 9px;
    padding-bottom: 17px;
    border-radius: 10.348px;
    margin-top: 26px;
  }

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

  .display_block_mobile {
    display: block;
  }

  .button_gris_shortcut,
  .button_bleu_shortcut {
    margin: auto;
  }

  .buger_dashboard {
  }

  .icone_mob_menu {
    max-width: 100%;
    width: 106px;
  }

  .geo_loc_home_box {
    border-radius: 15.326px;
    border: 1px solid rgba(30, 30, 31, 0.1);
    background: #f7f7fc;
    position: relative;
    padding: 25px;
    padding-bottom: 0;
    height: 534px;
    margin-top: 36px;
  }

  .geo_home_illu_mob {
    max-width: 266px;
    position: relative;
    bottom: 30px;
    margin: auto;
  }

  .sub_homepage .divided_2_sbs {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .geo_home_p1 {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica-lp';
    max-width: 300px;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    margin-top: 37px;
    margin-bottom: 8px;
  }

  .spec_home_button_manage {
  }

  .spec_home_button_manage .manage_now_plan {
    width: 100%;

    max-width: 100%;

    height: 50px;

    margin-top: 11px;
  }

  .spec_home_button_manage .upgrade_plan_setting {
    width: 100%;

    max-width: 100%;

    height: 50px;

    margin-top: 25px;
  }

  .buy_pass_box {
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    max-width: 356px;
    width: 100%;
    padding: 18px 26px;
    margin: auto;
  }

  .buy_more_pass_mob_home {
    text-decoration: none;

    color: #898989;
  }

  .p_pass_home_1 {
  }

  .p_pass_home_1 span {
    margin-left: 65px;
  }

  .pass_available_box_home {
    display: flex;

    border-radius: 8px;

    background: #f6f6f6;

    width: 100%;

    height: 53px;

    margin-top: 25px;

    margin-bottom: 14px;

    padding-left: 18px;

    align-items: center;

    gap: 11px;
  }

  .ico_pass_home {
  }

  .spec_margin_home_mob {
    margin-top: 36px;
  }

  .box_help_video {
    margin: auto;
    margin-bottom: 36px;
    width: 100%;
    max-width: 595px;
  }

  .sub_homepage .box_subscription_plan {
    margin-top: 0;
  }

  .col_spec_help_1 {
    width: 100%;
  }

  .col_spec_help_2 {
    text-align: center;
  }

  .start_in_few {
    max-width: 314px;
    margin: auto;
    margin-top: 32px;
  }

  .p_3_help {
    max-width: 285px;
    padding-left: 20px;
  }

  .p_2_help {
    padding-left: 20px;
  }

  .border_top_help_flex {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 8px;
    margin-top: 19px;
    align-items: center;
    gap: 6px;
    margin-left: 20px;
    margin-right: 31px;
  }

  .subtitle_welcome_home {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    margin-top: 9px;
    margin-bottom: 24px;
  }

  .p_ico_bp {
    color: var(--primary-Black, #1e1e1f);

    leading-trim: both;

    text-edge: cap;

    font-family: 'Helvetica Neue';

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 20px;
    /* 111.111% */
  }

  .marg_top_mob_26 {
    margin-top: 26px;
  }

  .nav_mobile_toggle {
    position: fixed;
    width: 100%;
    height: 100%;
    /* overflow: scroll; */
    padding-bottom: 0px;
    background: #fff;
    z-index: 5;
    top: 73px;
    padding-top: 20px;
    /* transition: 0.3s; */
    left: -150%;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
  }

  .marg_spec_nav_mob_dash {
    display: flex;

    flex-direction: row;

    padding-left: 16px;

    margin-bottom: 23px;
  }

  .ico_nav_dash_1 {
  }

  .p_nav_mobile_dash {
    color: var(--primary-Black, #1e1e1f);

    leading-trim: both;

    text-edge: cap;

    font-family: 'Helvetica Neue';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 23.36px;
    /* 145.997% */
  }

  .ico_bp {
    width: 20px;
  }

  .ico_nav_dash_1 {
  }

  .black_block_nav_mob_dash {
    background: var(--primary-Black, #1e1e1f);
    display: flex;
    justify-content: space-between;
    padding: 12px;
    height: 31%;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background: #ffffff;
    width: 100%;
    bottom: 0px;
    margin-top: 0px;
    padding-bottom: 83px;
    align-content: center;
    align-items: center;
  }

  .inner_row_nav {
    gap: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .gap_spec_nav_home {
    display: flex;

    flex-direction: row;

    gap: 11px;
  }

  .ico_pass_nav {
    display: none;
  }

  .pass_available_nav {
    color: #1e1e1f !important;
    text-align: right;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .pass_available_nav span {
    color: #1e1e1f;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 10px;
    margin-right: 10px;
  }

  .p_snapss_pack_name_nav {
    color: #0e2c7a !important;
    font-family: 'Helvetica Neue' !important;
    font-size: 14.075px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0;
  }

  .p_snapss_pack_price_nav {
    color: #1e1e1f !important;
    font-family: 'Helvetica Neue' !important;
    font-size: 17.594px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }

  .gap_spec_nav_two {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
  }

  .gap_spec_nav_two .cancel_button_generic {
    width: 156px;
    max-width: 156px;
    height: 42px;
    color: var(--primary-Black, #1e1e1f);
    text-decoration: none;
    position: initial;
    width: 165px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 41px;
    /* padding: 5.28px 58.736px; */
    border-radius: 10px;
  }

  .gap_spec_nav_two .confirm_button_generic {
    width: 156px;
    max-width: 156px;
    height: 42px;
    text-decoration: none;
    position: initial;
    width: 156px;
    border-radius: 10px;
  }

  .spec_row_nav_1 {
    display: flex;

    flex-direction: row;
  }

  .spec_row_nav_2 {
    display: flex;
    flex-direction: row;
    margin-bottom: -14px;
    padding-left: 16px;
    padding-right: 16px;
    justify-content: flex-start;
    padding-top: 0;
    margin-top: 0;
    border: 0;
    background: unset;
    height: fit-content;
  }

  .url_snapss_website {
    margin: 0;
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.632px;
    /* 140.23% */
    text-decoration-line: underline;
    min-width: 130px;
    text-align: start;
    margin-top: 13px;
  }

  .copy_link_1_nav {
    width: 28px;
    height: 28px;
  }

  .box_shortcut_home {
    margin: auto;
    border-radius: 23.494px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 23px;
    max-width: 595px;
    width: 100%;
    padding-bottom: 48px;
  }

  .nav_mobile_bottom {
    display: none !important;
  }

  .p_dash_menu {
    color: var(--primary-Black, #1e1e1f);
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.36px;
    /* 145.997% */
    /* min-width: 250px; */
    margin-top: 0px;
  }

  .progress_bar_dash {
    width: 100%;

    height: 5px;

    border-radius: 6px;

    background: var(--Neutral-300, #d6dadb);

    margin: auto;

    margin-top: 35px;

    margin-bottom: 23px;
  }

  .progress_bar_body_dash {
    position: absolute;

    width: 12.1%;

    height: 5px;

    border-radius: 6px;

    background: #1858ff;

    margin: auto;

    top: 0;

    left: 0;
    transition: 0.3s;

    /* right: 0; */
  }

  .div_row_main_tutorial {
    display: none;
  }

  .box_tutorial {
    border-radius: 0px;
    background: #fff;
    box-shadow: unset;
    max-width: 1089px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    /* height: 100%; */
    max-height: 100%;
    /* position: fixed; */
    padding: 16px;
    top: 70px;
    overflow: scroll;
    padding-top: 78px;
    padding-bottom: 78px;
  }

  .contain_steps {
    height: 100%;
    /* padding-bottom: 100px; */
  }

  .steps_tutorial {
    padding-left: 0;
    /* height: 100%; */
    display: flex;
    align-items: center;
    /* padding-bottom: 100px; */
    flex-direction: column;
    /* overflow-x: scroll; */
  }

  .popup_tutorial {
    position: fixed;
    width: 100%;
    backdrop-filter: url();
    max-height: 100%;
    top: 0px;
    background: url();
    text-align: center;
    display: grid;
    z-index: 4;
    align-items: center;
    overflow: hidden;
    overflow-y: scroll;
  }

  .p_tutorial_4 {
    display: none;
  }

  .p_tutorial_5 {
    color: #1858ff;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 100% */
  }

  .p_tutorial_6 {
    /* display: none; */
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    /* 156.25% */
  }

  .spec_width_mobile_button_steps_2 {
    width: 100%;
    max-width: 100%;
    height: 58px;
    margin-top: 8px;
  }

  .spec_width_mobile_button_steps {
    border-radius: 8px;
    background: #1858ff;
    width: 100%;
    max-width: 100%;
    height: 58px;
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    /* 211.083% */
  }

  .border_padding_tuto {
    border-left: 0;
    height: unset;
    flex-direction: column;
    position: relative;
    margin-bottom: 45px;
    height: 400px;
  }

  .gif_arrow_2 {
    display: none;
  }

  .gif_arrow_3 {
    display: none;
  }

  .gif_arrow_ {
    display: none;
  }

  .send_notif_tutorial {
    border-radius: 49px;
    background: var(--primary-Black, #1e1e1f);
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: auto;
    max-width: 286px;
    width: 100%;
    height: 58px;
    position: initial;

    margin: auto;

    z-index: 5;
  }

  .test_notif_mob {
    max-width: 130px;

    margin: auto;

    margin-bottom: 20px;
  }

  .spec_info_flex_mob {
  }

  .step_4_tutorial {
    max-width: 450px;
    margin-top: 25px;
    margin-left: 0;
  }

  .step_5_tutorial {
    position: initial;
    left: 20px;
    bottom: -30px;
  }

  .step_6_tutorial {
    max-width: 100%;
    margin-top: 0;
    position: absolute;
    right: -30px;
    bottom: 40px;
  }

  .step_7_tutorial {
    max-width: 535px;
    position: absolute;
    right: -30px;
    bottom: 50px;
  }

  .step_8_tutorial {
    max-width: 345px;
    position: initial;
    bottom: 50px;
    left: 0;
    margin-top: 55px;
  }

  .sub_homepage {
    margin-top: 0;
  }

  .box_tutorial_home2 {
    display: flex;
    gap: 14px;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    max-width: 164px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
    cursor: pointer;
    margin-left: auto;
    margin-bottom: 30px;
  }

  .marg_mobile_button_import {
    margin-bottom: 25px;
  }

  .width_max_button_mobile_seg_tag {
    max-width: 170px;
    width: 100%;
    height: 44px;
    margin-bottom: 20px;
  }

  .settings_dash {
    width: 159px;
    height: 42px;
    background: #fff;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 16px;
  }

  .setting_dash_spacer_one {
    margin-top: 31%;
    flex-grow: 51px;
    margin-top: auto;
    padding-bottom: 0;
  }

  .border-bleu-nav-mob {
    width: 100%;
    height: 2px;
    border-radius: 0px;
    background: #000000;
    position: absolute;
    bottom: -8px;
    transition: 0.3s;
  }

  .border-bleu-act {
    width: 100%;
    /* left: -10px; */
  }

  .border-bleu-bp {
    left: 1px;
    width: 100%;
  }

  .border-bleu-dp {
    left: 1px;
  }

  .border-bleu-link {
    left: -4px;
    width: 100%;
  }

  .border-bleu-appear {
    left: -4px;
    width: 100%;
  }

  .border-bleu-pts {
    left: -8px;
    width: 70px;
  }
}

.copy_link_1_nav {
  cursor: pointer;
}

.main_start_free {
  max-width: 190px;
  font-size: 20px;
  height: 53px;
  letter-spacing: 0.5px;
  padding-top: 10px;
}

@media only screen and (max-width: 1420px) {
  .geo_home_illu {
    position: absolute;
    max-width: 166px;
    top: 113px;
    right: 0;
  }
}

@media only screen and (max-width: 1240px) {
  .geo_home_illu {
    position: absolute;
    max-width: 136px;
    top: 153px;
    right: 0;
  }
}

.row_pricing_free {
  border-radius: 32px 32px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
  background: var(--primary-Black, #1e1e1f);
  display: flex;
  justify-content: space-between;
  padding-right: 19px;
  padding-left: 32px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 33px;
  height: 82px;
  align-items: center;
}

.p_pricing_new_1 {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.p_pricing_new_2 {
  color: #d8d8d8;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 0;
}

.p_pricing_new_3 {
  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 25px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.s_f_f_pricing {
  margin: 0 !important;

  margin: auto !important;

  width: 88% !important;
}

.englobe_free_packs {
  padding-left: 42px;
  padding-right: 42px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1150px) {
  .row_pricing_free {
    border-radius: 32px 32px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
    background: var(--primary-Black, #1e1e1f);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 19px;
    padding-left: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    height: 91px;
    position: relative;
  }

  .pad_spec_book_mob {
    padding-left: 21px !important;
    padding-right: 21px !important;
    max-width: 100% !important;
  }

  .big_box_cursor_2 {
    padding-bottom: 36px !important;
    height: unset !important;
  }

  .big_bo_pricing {
    margin-bottom: 60px;
    width: 324px;
    height: fit-content;
    padding-bottom: 35px;
  }
}

.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;
  margin: auto;
  gap: 14px;
  margin-top: 20px;
  width: 100%;
  border-radius: 40px;
  border: 2px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  height: 66px;
  color: #000000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  padding-top: 0px;
}

.connect_with_google:hover {
  border: 1px solid #1958ff;
}

.grey_or {
  color: #898989;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  text-transform: lowercase;
  font-weight: 500;
  line-height: normal;
}

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

.row_spec_dp_2 {
  padding-bottom: 0;

  margin-bottom: 0;

  margin-top: 35px;
}

.margin_0_dp_1 {
  margin: 0 !important;
  margin-top: 4px !important;
}

.flex_ind_dp_2 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 13px;
}

.between_dp_pass_bord {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.p_info_dp_grey {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 11.801px;
  /* 84.292% */
  letter-spacing: -0.28px;
}

.flex_p_text_grey {
  display: flex;

  align-items: center;

  gap: 10px;
}

.marg_bot_15 {
  margin-bottom: 15px;
}

.englobe_flex_p_6 {
  display: flex;

  justify-content: space-between;

  padding-right: 32px;
}

@media only screen and (max-width: 1150px) {
  .englobe_flex_p_6 {
    display: flex;
    justify-content: space-between;
    padding-right: 32px;
    flex-direction: column;
  }

  .pad_top_mob_62 {
    padding-top: 60px;
  }

  .pad_top_mob_30 {
    padding-top: 30px;
  }
  .marg_top_mob {
    margin-top: 96px;
  }

  .marg_top_mob_32 {
    margin-top: 32px;
  }

  .big_box_cursor {
    height: fit-content !important;
    padding-bottom: 20px !important;
  }

  .p_title_dp_1 {
    /* display: none; */
    margin-left: 0px !important;
  }

  .description_form_b {
    margin-left: 0px !important;
  }

  .snapss_dash_custom_container {
    display: block !important;
  }

  .form_custom_snapss_click .flex_ind_dp_2 {
    display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse;
  }

  .flex_p_text_grey {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    margin-top: 15px;
    margin-left: -6px;
  }

  .row_spec_dp_2 {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 35px;
    gap: 46px;
  }
}

.flex_master_nav_head .buy_addi_passes {
  border-radius: 32px;
  border: 2px solid #efefef;
  color: var(--primary-Black, #1e1e1f);
  background: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  height: 41px;
  display: flex;
  /* border: 0; */
  padding: 11px 44px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  max-width: 147px;
  width: 100%;
  margin-left: 27px;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
}

.flex_svg_pass_ {
  display: flex;

  align-items: center;

  white-space: nowrap;
}

.ico_pass_nav_top {
  margin-right: 8px;

  margin-top: 5px;
}

.single_pass_show {
  padding-top: 0px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 15px; */
  text-align: left;
}

.hide_if_no_claim {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 25px;
  padding-top: 35px;
}

/* .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col {
  flex: 1 0 0%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; } */

.text-black {
  color: #1e1e1f;
}

@media only screen and (max-width: 1150px) {
  .form_custom_snapss_click .flex_ind_dp_2 {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
    gap: 15px;
  }

  .form_custom_snapss_click .label_input {
    font-size: 15px;
    margin: 0;
    margin-top: 25px;
    margin-left: 8px;
    margin-bottom: 10px;
  }

  .flex_p_text_grey {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
    margin-top: 5px;
    margin-left: 0px;
  }

  .flex_digital_pass_container {
    margin-top: 0;
    display: block;
    position: relative;
  }

  .spec_spacing_mobile_title {
    margin-top: 85px;
  }

  .p_title_login_create {
    font-size: 20px;
  }

  .connect_with_google {
    font-size: 15px;
    height: 54px;
  }
}

.login_snapss_p_6_create {
  font-size: 12px;
  margin-top: 20px;
  line-height: 15px;
  color: #898989;
}

.terms_link {
  color: #898989;
  text-decoration: underline;
}

.footer_new_1 {
  background: var(--primary-Black, #1e1e1f);
  padding-top: 30px;
  padding-bottom: 26px;
  padding-left: 35px;
  padding-right: 35px;
}

.footer_new_inner_flex {
  display: flex;

  align-items: center;

  /* justify-content: flex-start; */

  /* width: 100%; */
}

.footer_new_title_1 {
  color: #e4e4e4;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 23.36px;
  /* 166.854% */

  margin-right: 21px;
}

.logo_footer_w_snapss {
  max-width: 146px;
  width: 100%;
  margin-right: 37px;
}

.inner_flex_footer_2 {
  display: flex;
  align-items: center;
  gap: 10px;
  /* margin-left: 95px; */
}

.button_socials_foot_new {
  width: 138px;

  height: 49px;

  flex-shrink: 0;

  /* width: 100%; */

  border-radius: 5px;

  background: #2c2f37;

  border: 0;

  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 13px;
}

.ico_footer {
}

.firster_flex_footer {
  display: flex;
  gap: unset;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 42px;
}

.p_2_footer_new {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  margin-right: 5px;
  font-weight: 300;
  line-height: normal;
  text-decoration-line: underline;
}

.inner_flex_second_footer {
  display: flex;

  gap: 28px;
}

.p_3_footer_new {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-align: center;
}

.p_certhis_snapss {
  max-width: 159px;
  width: 100%;
}

.marg_foot_new_1 {
  margin-top: 34px;
}

.align_content_row_footer {
  align-items: center;
  justify-content: space-between;
}

.text-end-footer-mobile-right {
  text-align: end;
}

.space_between_footer_row {
  display: flex;

  justify-content: space-between;

  gap: unset;

  width: 100%;
}

@media only screen and (max-width: 1150px) {
  .footer_new_inner_flex {
    display: flex;
    align-items: flex-start;
    /* justify-content: flex-start; */
    /* width: 100%; */
    flex-direction: column;
    gap: 48px;
  }

  .firster_flex_footer {
    display: flex;
    gap: unset;
    align-items: center;
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .inner_flex_footer_2 {
    display: flex;
    gap: 33px;
    /* margin-left: 95px; */
    flex-direction: row;
    width: 100%;
    margin-top: 43px;
    justify-content: center;
  }

  .inner_flex_second_footer {
    display: flex;
    gap: unset;
    align-items: center;
    justify-content: space-between;
    max-width: 80%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 23px;
  }

  .text-end-footer-mobile-right {
    text-align: center;
  }

  .footer_new_title_1 {
    color: #e4e4e4;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.36px;
    margin-right: 0px;
  }

  .button_socials_foot_new {
    width: 100%;
    margin-bottom: 22px;
    display: flex;
    justify-content: flex-start;
    padding-left: 25px;

    gap: 90px;
  }

  .logo_footer_w_snapss {
    max-width: 200px;
    margin: 0;
    margin-top: 25px;
  }
}

.popup_ai {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5;
  background: #ffffffbf;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}

.popup_ai_box {
  background: #fff;
  box-shadow: 1px 1px 11px 0px #ccc;
  min-height: 500px;
  border-radius: 23px;
  overflow: hidden;
  width: 500px;
  display: flex;
  height: 700px;
  position: relative;
  max-width: 98%;
  flex-direction: column;
  justify-content: space-between;
  max-height: 88%;
}

.popup_ai_message_list {
  padding: 20px;
  background: #ffffff;
  height: 80%;
  overflow: hidden;
  overflow-y: scroll;
  padding-top: 120px;
}

.popup_ai_message {
  font-size: 13px;
  max-width: 90%;
  background: #989bb0;
  padding: 16px;
  border-radius: 30px;
  color: #898989;
  line-height: 19px;
  /* color: #fff; */
  font-weight: 300;
  margin-bottom: 20px;
  border-radius: var(--Spacing-spacing-none, 0px) 4px 4px 4px;
  background: #f7f7f7;
}

.popup_ai_message_text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* color: #898989; */
}

.popup_ai_input {
  height: 20%;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #f7f7f7;
}

.popup_ai_input_text {
  border: none;
  margin-right: 20px;
  width: -webkit-fill-available;
  height: 100%;
  font-size: 17px;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 21px 22px;
  align-items: flex-start;
  justify-content: space-between;
  background: #f7f7f7;
  border-radius: 22.5px;
  background: #fff;
  border: none;
  font-family: 'Helvetica Neue';
}

.popup_ai_input_button {
}

.popup_ai_input_button {
  background: none;
  width: 100px;
  border-radius: 50%;
  border: none;
  height: 37px;
  color: #fff;
  background: #1858ff;
  width: 83px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader_ai {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  /* width: 100%; */
  /* position: fixed; */
  /* z-index: 5; */
  background: none;
}

.loader_ai_spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #1958ff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: l2 1s infinite linear;
}

.loader_img_cm {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #1958ff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: l2 1s infinite linear;
}

.popup_ai_message_2 {
  font-size: 13px;
  max-width: 90%;
  width: fit-content;
  background: #1858ff;
  padding: 15px;
  border-radius: 30px;
  color: #fff !important;
  font-weight: 300;
  margin-bottom: 20px;
  margin-left: auto;
  border-radius: 4px var(--Spacing-spacing-none, 0px) 4px 4px;
  background: #1858ff;
}

.start_ai {
  background: none;
  border: 1px solid #ebebeb;
  font-size: 20px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  background: #1c4fe1;
  gap: 10px;
  color: #fff;
  display: flex;
  border-radius: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #1e1e1f;
  color: #ffffff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15.847px;
  font-style: normal;
  font-weight: 500;
  line-height: 38.229px;
  /* margin-top: 20px; */
  width: fit-content;
  align-content: center;
  height: 37px;
}

.popup_ai_header {
  background-image: url(../img/bg_ai.png);
  background-size: 100% 100%;
  padding: 23px 29px;
  position: absolute;
  width: 100%;
}

.popup_ai_header_left {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}

.popup_ai_header_left_img {
  background-image: url(../img/snappy.png);
  background-size: cover;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
}

.popup_ai_header_left_text {
}

.popup_ai_header_left_text_name {
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.popup_ai_header_left_text_status {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #cecece;
  margin-top: 6px;
}

.close_popup_ai {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
}

.send_message_ai {
  /* background: #1858FF; */
  width: 36px;
  height: 36px;
}

.ai_icon {
  width: 20px;
  height: 20px;
}

.suggested_response {
  width: -webkit-fill-available;
  white-space: nowrap;
  display: flex;
  gap: 17px;
  padding-left: 17px;
  padding-right: 17px;
  /* padding-top: 14px; */
  /* padding-bottom: 20px; */
  overflow: hidden;
  overflow-x: scroll;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.suggested_response_title {
  border-radius: 24.5px;
  color: #fff;
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.s_color_1 {
  background: #00ca8e;
}

.s_color_2 {
  background: #d5a01a;
}

.s_color_3 {
  background: #1ad6ca;
}

.s_color_4 {
  background: #000000;
}

.s_color_5 {
}

.s_color_6 {
}

.img_ia {
  max-width: 80%;
}

@media only screen and (max-width: 1150px) {
  .popup_ai_box {
    height: 100%;
    max-height: 99%;
  }

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

.p_text_lp_p_1 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  /* 148.571% */
  letter-spacing: -0.28px;
}

.row_gap_none_0 {
  gap: 0;
}

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

.p_points_leadbord {
  position: absolute;

  top: 14px;

  right: 30px;

  bottom: 0;

  margin: auto;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.sup_tiers {
  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  left: 25px;
}

.inp_point_lb {
  padding-left: 70px !important;
}

.borde_top_delete_tiers {
  border-top: 1px solid rgba(137, 137, 137, 0.1);

  margin-top: 38px;

  padding-top: 16px;

  text-align: end;

  display: flex;

  justify-content: flex-end;
}

.trash_tiers_button {
  width: 165px;

  height: 48px;

  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  display: flex;

  align-items: center;

  gap: 15px;

  justify-content: center;

  border-radius: 5px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #f5f5f5;
}

.trash_tier {
}

.p_title_dp_custom {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  /* 168.866% */
  margin-top: 38px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.marg_top_button_tiers_1 {
  margin-top: 23px;
}

.add_tier_button {
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #0e2c7a;
  width: 187px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.add_desc_button {
  border-radius: 9px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #0e2c7a;
  width: 159px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 59px;
}

.add_new_tiers_flex {
  display: flex;

  margin-top: 40px;

  justify-content: space-between;
}

.tiers_div_box {
  margin-bottom: 35px;
}

@media only screen and (max-width: 1150px) {
  .add_new_tiers_flex {
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
    flex-direction: column;
    gap: 15px;
  }

  .add_tier_button {
    border-radius: 5px;
    border: 1px solid rgba(30, 30, 31, 0.1);
    background: #1858ff;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .add_new_tiers_flex .send_notif_status_boxes {
    position: initial;
  }

  .tiers_div_box {
    padding: 0 !important;
    border-top: 1px solid #1858ff;
    border-radius: 0 !important;
  }
}

.select_input {
  background: #f7f7f7;
  /* max-width: 465px; */
  height: 53px;
  border: none;
  border-radius: 8px;
  width: 100%;
  padding-left: 15px;
  margin-top: 12px;
  /* margin-bottom: 23px; */
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}

.card_info {
  background: #ffffff82;
  border-radius: 20px;
  padding: 14px;
  margin-top: 29px;
  /* height: 118px; */
  margin-bottom: 20px;
  width: 100%;
  min-width: 200px;
  max-width: 194px;
  height: 116px;
  display: flex;
  /* box-shadow: 1px 1px 6px #ccc; */
  align-content: center;
  align-items: center;
  border-radius: 10px;
  background: var(--gradient-gray-90060045-deg, linear-gradient(45deg, #101828 0%, #475467 100%));
  box-shadow:
    0px 6.03px 15px 2.03px rgba(0, 0, 0, 0.25),
    0px 0px 4px 0px rgba(0, 0, 0, 0.1),
    4.911px 6.139px 9.823px 0px rgba(0, 0, 0, 0.05);
}

.card_info_box {
  display: block;
  gap: 20px;
}

.card_info_number {
}

.card_info_date_p {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 300;
}

.card_info_type {
}

.popup_card_box {
  position: fixed;
  z-index: 83;
  left: 0;
  display: flex;
  background: #0000001c;
  top: 0;
  width: 100%;
  height: 100%;
  align-content: center;
  align-items: center;
}

#myTable th {
  color: #000;
  white-space: nowrap;
}

#table_notif_history th,
#table_notif_history td {
  white-space: nowrap;
  color: #000;
}

.popup_promote {
  position: fixed;

  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;

  display: grid;
  z-index: 78;
  align-items: center;
}

.popup_card {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  max-width: 416px;
  width: 100%;
  padding: 18px 26px;
  margin: auto;
  text-align: left;
}

.save_card_button {
  margin-top: 20px;
}

#status_p {
  font-size: 12px;
  margin-left: auto;
  width: fit-content;
  text-align: center;
  padding-top: 10px;
}

.replace_link {
  color: #a7a6a7;
  text-decoration: underline;
  cursor: pointer;
  margin-left: auto;
  font-size: 12px;
  z-index: 78;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.box_div_promote {
  /* Your styles here */
  border-radius: 21.637px;
  background: #fff;
  box-shadow:
    0px -2.021px 30.308px 0px rgba(0, 0, 0, 0.1),
    2.303px 7.678px 23.034px 0px rgba(0, 0, 0, 0.08);
  max-width: 1030.444px;
  height: fit-content;
  width: 100%;
  margin: auto;
  display: flex;
}

.first_div_promote {
  /* Your styles here */
  width: 50%;
  text-align: justify;
  padding: 25px;
}

.title_promote_p_ {
  /* Your styles here */
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 34px;
  text-align: start;
}

.sub_title_p_promote_1 {
  /* Your styles here */
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 18.031px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.under_sub_p_promote_1 {
  /* Your styles here */
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.flex_promote_1 {
  /* Your styles here */
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 34px;
}

.social_flex_promote {
  /* Your styles here */
}

.sub_flex_social_promote {
  /* Your styles here */
  display: flex;
  justify-content: space-between;
  margin-bottom: 23px;
}

.box_promote_social_one {
  /* Your styles here */
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 224px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.social_promote_ico {
  /* Your styles here */
}

.p_social_promote {
  /* Your styles here */
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.second_div_promote {
  /* Your styles here */
  width: 50%;
  border-radius: var(--Spacing-spacing-none, 0px) 21.637px 21.637px var(--Spacing-spacing-none, 0px);
  border-left: 0.451px solid rgba(0, 0, 0, 0.1);
  background: #efefef;
}

.arrow_promote_ico {
}

.inp_spec_promote {
  margin: 0;
}

.marg_spec_promote_1 {
  margin-bottom: 21px;
}

.marg_spec_promote_2 {
  margin-top: 6px;

  margin-left: 19px;
}

.marg_spec_promote_3 {
}

.copy_snapss_tip_promote_ico {
  width: 20.142px;
}

.social_promote_ico_copy {
  cursor: pointer;
}

.snaps_div_copy_tip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 252.52px;
  margin: auto;
  border-radius: 7.362px;
  border: 0.736px solid rgba(30, 30, 31, 0.1);
  background: #fcfbfb;
  height: 39.755px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.p_tip_2 {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 12px;
  margin-bottom: 12px;
}

.p_tip_1 {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}

.tip_div_promote {
  border-radius: 8px;
  background: #e4ebff;
  padding: 13px 23px;
}

.p_copy_tip_promote {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 11.779px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.453px;
  /* 122.701% */
  text-decoration-line: underline;
}

.second_div_promote {
  display: flex;

  flex-direction: column;

  align-items: center;

  padding-bottom: 0;

  justify-content: center;

  gap: 45px;

  position: relative;
}

.image_container_promote {
  border-radius: 4.508px;

  border: 2.705px solid rgba(24, 88, 255, 0.2);

  background: var(--primary-Black, #1e1e1f);

  width: 397.573px;

  height: 397.573px;

  flex-shrink: 0;

  /* margin: auto; */

  overflow: hidden;

  position: relative;
}

.image_container_promote_hidden {
  border-radius: 4.508px;

  border: 2.705px solid rgba(24, 88, 255, 0.2);

  background: var(--primary-Black, #1e1e1f);

  width: 397.573px;

  height: 397.573px;

  flex-shrink: 0;

  /* margin: auto; */

  overflow: hidden;

  position: relative;
}

.story_container_promote {
  border-radius: 4.508px;

  border: 2.705px solid rgba(24, 88, 255, 0.2);

  background: var(--primary-Black, #1e1e1f);

  width: 397.573px;

  height: 397.573px;

  flex-shrink: 0;

  /* margin: auto; */

  overflow: hidden;

  position: relative;

  width: 212.063px;

  height: 377px;

  border-radius: 8px;

  background: var(--primary-Black, #1e1e1f);
}

.flex_promote_img_ {
  display: flex;

  height: 100%;

  align-items: center;
}

.download_pass_promote {
  width: 123.364px;

  margin-bottom: 1px;
}

.p_promote_custome_1 {
  color: #fff;

  font-size: 23.56px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: -0.707px;

  text-transform: uppercase;

  max-width: 174px;

  text-align: left;

  margin-bottom: 11px;

  margin: auto;

  text-align: left;

  margin-top: 12px;

  margin-bottom: 19px;
}

.promote_custome_button_1 {
  border-radius: 22.004px;

  border: 1.375px solid #efefef;

  background: var(--color-primary);

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

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 12.377px;

  font-style: normal;

  font-weight: 500;

  line-height: 13.5px;
  /* 109.068% */

  padding: 13.753px 41.258px;
}

.position_pass_custom_promote {
  transform: scale(0.53);
  position: absolute !important;
  top: -90px !important;
  left: 160px !important;
  text-align: left;
}

.text_position_promote {
  text-align: justify;

  padding-left: 24px;
}

.pastille_promote_one {
  width: 87px;

  height: 30px;

  flex-shrink: 0;

  border-radius: 15px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

  position: absolute;

  z-index: 0;

  left: -3;

  right: 87px;

  transition: 0.3s;
}

.change_promote_story_post {
  border-radius: 15px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #e4e4e4;

  width: 174px;

  height: 30px;

  display: flex;

  align-items: center;

  margin-bottom: 0;

  margin-top: 16px;

  position: relative;

  justify-content: space-between;

  padding-left: 14px;

  padding-right: 14px;
}

.p_post_promote {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 13.5px;
  /* 96.426% */
}

.post_promote_1 {
}

.flex_pastille_promote_one {
  display: flex;

  align-items: center;

  z-index: 1;

  gap: 7px;

  cursor: pointer;
}

.download_button_story {
  border-radius: 22.004px;
  border: 1.375px solid #efefef;
  background: #fff;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.5px;
  /* 96.426% */
  padding: 10px 17px 9px 17px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.story_container_promote .flex_promote_img_ {
}

.story_container_promote .text_position_promote {
  height: 100%;

  padding: 0;

  text-align: center;
}

.story_container_promote .position_pass_custom_promote {
  position: unset !important;

  width: 100%;

  max-width: 100%;

  transform: scale(0.6);

  margin-top: -60px;

  left: 0 !important;

  right: 0;

  border-radius: 1.579px;

  height: fit-content;

  /* width: 109px; */

  outline: 2.7px solid #efefef;
}

.story_container_promote .promote_custome_button_1 {
  padding: 10.548px 31.645px;

  font-size: 9.494px;

  margin-top: -30px;

  height: 28px;

  display: flex;

  align-items: center;

  margin: auto;

  justify-content: center;

  align-content: center;

  margin-top: -30px;
}

.story_container_promote .p_promote_custome_1 {
  font-size: 16px;

  margin-bottom: 31px;

  text-align: center;
}

.story_container_promote .banner_pass_dp {
  height: 52px;
}

.story_container_promote .sub_qr_div {
  position: initial;

  margin-top: 45px;

  width: 56.555px;

  height: 58.057px;

  margin-bottom: 45px;

  margin: 0;

  margin: auto;

  margin-top: 25px;

  margin-bottom: 26px;

  border-radius: 2px;
}

.sub_barcode_div {
  position: initial;
  margin-top: 45px;
  margin-bottom: 45px;
  margin: 0;
  margin: auto;
  margin-top: 75px;
  margin-bottom: 36px;
  padding: 25px 28px;
  border-radius: 5.262px;
  background: #fff;
  max-width: 80%;
}

.brcd_img {
}

.story_container_promote .logo_pass_dp {
  height: 6px;
}

.story_container_promote .qrcode {
  width: 46.641px;
  height: 46.641px;
}

.story_container_promote .download_pass_promote {
  width: 129.364px;

  margin: auto;

  margin-top: 29px;
}

.popup_close_promote {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
}

.tooltip_copy_nap {
  position: absolute;

  background: var(--primary-Black, #1e1e1f);

  font-size: 12px;

  padding: 5px;

  border-radius: 8px;

  color: #fff;

  right: 0;

  bottom: -30px;
}

.box_share_it {
  border-radius: 15px;
  border: 1px solid rgba(137, 137, 137, 0.1);
  background: #f7f7f7;
  overflow: hidden;
  position: relative;
  height: 216px;
  padding-left: 11px;
  padding-top: 8px;
}

.dis_flex_share_one {
  display: flex;

  align-items: center;

  gap: 14px;
}

.share_ico {
}

.p_share_1 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}

.p_share_2 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 260px;
  margin-top: 18px;
}

.p_share_3 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 161.538% */
  max-width: 315px;
  margin-top: 12px;
  width: 100%;
  margin-bottom: 12px;
}

.share_promote_button {
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.05);
  background: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), #efefef;
  height: 39px;
  padding: 0px 57px 0px 56px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.632px;
  /* 163.602% */
}

.join_membership_ico {
  position: absolute;
  width: 146px;
  right: 0;
  bottom: 0px;
}

.all_socials {
  position: absolute;

  top: 18px;

  right: 0;
}

@media only screen and (max-width: 1150px) {
  .box_share_it {
    margin-bottom: 35px;
    height: unset;
    padding-bottom: 25px;
    padding-right: 11px;
  }

  .all_socials {
    position: absolute;
    top: 8px;
    right: 0;
    width: 140px;
  }

  .join_membership_ico {
    display: none;
  }

  .box_div_promote {
    border-radius: 21.637px;
    background: #fff;
    box-shadow:
      0px -2.021px 30.308px 0px rgba(0, 0, 0, 0.1),
      2.303px 7.678px 23.034px 0px rgba(0, 0, 0, 0.08);
    max-width: 1030.444px;
    height: 100%;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    overflow: scroll;
    border-radius: 0;
    padding-top: 45px;
  }

  .first_div_promote {
    width: 100%;
    text-align: justify;
    padding: 15px;
  }

  .flex_promote_1 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 34px;
    flex-direction: column;
    gap: 15px;
  }

  .sub_flex_social_promote {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 5px;
  }

  .box_promote_social_one {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
  }

  .tip_div_promote {
    border-radius: 8px;
    background: #e4ebff;
    padding: 13px 23px;
    margin-top: 25px;
  }

  .second_div_promote {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    justify-content: center;
    gap: 45px;
    position: relative;
    width: 100%;
    border-radius: 0;
    padding-bottom: 25px;
    margin-top: 45px;
  }

  .image_container_promote {
    border-radius: 4.508px;
    border: 2.705px solid rgba(24, 88, 255, 0.2);
    background: var(--primary-Black, #1e1e1f);
    width: 307.573px;
    height: 307.573px;
    flex-shrink: 0;
    /* margin: auto; */
    overflow: hidden;
    position: relative;
  }

  .share_promote_button {
    width: 100%;
  }

  .insta_post_social {
    width: 180px;

    margin: auto;

    margin-bottom: 25px;
  }

  .p_share_2 {
    max-width: 100%;
  }

  .p_share_3 {
    max-width: 100%;
  }

  .popup_close_promote {
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
    max-width: 35px;
    background: #fff;
    border-radius: 10px;
  }

  .sub_title_p_promote_1 {
    font-size: 16px;
  }

  .download_button_story {
    border-radius: 22.004px;
    border: 1.375px solid #efefef;
    background: #fff;
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 13.5px;
    padding: 10px 17px 9px 17px;
    display: flex;
    align-items: center;
    gap: 11px;
  }

  .download_promote {
    width: 25px;
  }

  .position_pass_custom_promote {
    display: block !important;
    transform: scale(0.39);
    position: absolute !important;
    top: -135px !important;
    left: 110px !important;
    text-align: left;
    height: 475px;
  }

  .p_promote_custome_1 {
    color: #fff;
    font-size: 18.56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.707px;
    text-transform: uppercase;
    max-width: 174px;
    text-align: left;
    margin-bottom: 11px;
    margin: auto;
    text-align: left;
    margin-top: 12px;
    margin-bottom: 19px;
  }

  .promote_custome_button_1 {
    border-radius: 22.004px;
    border: 1.375px solid #efefef;
    background: var(--color-primary);
    color: var(--primary-Black, #1e1e1f);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 10.377px;
    font-style: normal;
    font-weight: 500;
    line-height: 13.5px;
    padding: 7.753px 28.258px;
  }

  .position_pass_custom_promote {
    display: block !important;
  }

  .nh_h1 {
    font-size: 32px !important;

    line-height: 46px !important;

    max-width: 301px;

    margin: auto;
  }

  .nh_p_1 {
    font-size: 36px !important;

    line-height: 36px !important;
  }

  .nh_p_2 {
    font-size: 40px !important;

    line-height: 60px !important;
  }

  .box_pricing_new_nh {
    max-width: 291px;
    margin: auto;
    width: 100%;
    border-radius: 28.744px;
    background: #fff;
    min-height: 780px;
    box-shadow:
      0px -1.592px 23.887px 0px rgba(0, 0, 0, 0.1),
      1.815px 6.051px 18.154px 0px rgba(0, 0, 0, 0.08);
  }
}

.marg_auto_pricing {
  margin: auto;
}

.box_share_it,
.sub_homepage,
.geo_loc_home_box {
  max-width: 500px;
}

.size_s_head_button {
  width: 87px;

  height: 37px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 12px !important;

  padding: 0 !important;

  padding-top: 1px !important;
}

.second_flex_mob_nav {
  display: flex;

  align-items: center;

  gap: 14px;
}

.popup_scanner_r {
  position: fixed;

  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;

  display: grid;
  z-index: 78;
  align-items: center;
}

.box_popup_scanner_r {
  /* Your styles here */
  border-radius: 21.637px;
  background: #fff;
  box-shadow:
    0px -2.021px 30.308px 0px rgba(0, 0, 0, 0.1),
    2.303px 7.678px 23.034px 0px rgba(0, 0, 0, 0.08);
  max-width: fit-content;
  height: fit-content;
  padding-bottom: 45px;
  width: 100%;
  margin: auto;
  padding-left: 25px;
  padding-right: 25px;
}

.popup_scanner_i {
  max-width: 250px;

  margin-top: 45px;

  position: relative;

  margin-bottom: 47px;
}

.title_flex_popup {
  display: flex;

  justify-content: space-between;

  margin-top: 25px;
}

.title_popup_nh_new {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;
  /* 187.629% */
}

.p_input_1_scanner {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: 20px;
  /* 142.857% */
}

.input_scanner_copy {
  border-radius: 32px;

  border: 2px solid #efefef;

  background: #efefef;

  padding: 25px;

  padding-right: 35px;

  padding-top: 10px;

  padding-bottom: 11px;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin-top: 9px;

  margin-bottom: 39px;

  width: 100%;
}

.copy_scanner_link {
  position: absolute;

  top: -30px;

  right: 13px;

  bottom: 0;

  margin: auto;
}

.access_scanner_but {
}

.contain_popup_el_scanner_nh {
  display: flex;

  justify-content: space-between;

  flex-direction: column;

  align-items: center;
}

@media only screen and (max-width: 1150px) {
  .box_popup_scanner_r {
    border-radius: 21.637px;
    background: #fff;
    box-shadow:
      0px -2.021px 30.308px 0px rgba(0, 0, 0, 0.1),
      2.303px 7.678px 23.034px 0px rgba(0, 0, 0, 0.08);
    max-width: 375px;
    height: 800px;
    margin: auto;
    padding-bottom: 45px;
    width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    position: fixed;
    bottom: -80px;
    border-radius: 23px 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
    margin: auto;
    left: 0;
    right: 0;
    overflow: scroll;
    /* padding-bottom: 360px; */
  }

  .popup_scanner_i {
    max-width: 330px;
    margin-top: 45px;
    position: relative;
    margin-bottom: 47px;
    margin-right: auto;
  }

  .title_flex_popup {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.close_scanner_r {
  cursor: pointer;
}

@media only screen and (max-width: 375px) {
  .box_popup_scanner_r {
    border-radius: 21.637px;
    background: #fff;
    box-shadow:
      0px -2.021px 30.308px 0px rgba(0, 0, 0, 0.1),
      2.303px 7.678px 23.034px 0px rgba(0, 0, 0, 0.08);
    max-width: 375px;
    height: 800px;
    margin: auto;
    padding-bottom: 45px;
    width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    position: fixed;
    bottom: -180px;
    border-radius: 23px 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
    margin: auto;
    left: 0;
    right: 0;
    overflow: scroll;
    padding-bottom: 360px;
  }
}

.copied_tooltip_scan {
  right: 20px;

  left: unset !important;

  bottom: 10px !important;
}

.inner_flex_on_desk {
  display: flex;
  align-items: center;
  gap: 40px;
}

.ico_copy_bp {
  cursor: pointer;
}

.sub_head_h3_nps {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 4.8px;
  text-transform: capitalize;
  margin-bottom: 28px;
  margin-top: 100px;
}

.container_boxed_1064 {
  max-width: 1064px;

  width: 100%;

  margin: auto;
}

.big_box_new_pages {
  border-radius: 22px;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  height: 589px;

  overflow: hidden;

  margin-bottom: 155px;

  position: relative;
}

.bg_np_grey {
  background: linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
}

.img_lnb_1 {
  max-width: 91%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

.img_lnb_2 {
  max-width: 98%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.img_lnb_3 {
  max-width: 399px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.img_lnb_4 {
  max-width: 500px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.img_lnb_5 {
  position: absolute;
  bottom: 80px;
  right: 0;
  max-width: 440px;
}

.img_lnb_6 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
}

.img_lnb_7 {
  max-width: 470px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.row_nps_1 {
  margin-bottom: 160px;
  align-items: center;
  gap: 80px;
}

.text_container_np_r {
}

.p_1_np_ {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 47px;
  /* 146.875% */
}

.p_2_np_ {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  margin-top: 14px;
}

.small_box_new_pages {
  width: 100%;
  border-radius: 23.494px;
  height: 490px;
  box-shadow:
    0px -1.592px 23.887px 0px rgba(0, 0, 0, 0.1),
    1.815px 6.051px 18.154px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
}

.bg_np_orange {
  background: linear-gradient(180deg, #fff 0%, #ffd7c5 100%), linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
}

.bg_np_blue {
  background: linear-gradient(180deg, #fff 0%, #c9d8ff 100%), linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
}

.bg_np_yellow {
  background: linear-gradient(180deg, #fff 0%, #e6dfa6 100%), linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
}

.bg_np_purple {
  background: linear-gradient(180deg, #fff 0%, #dfb8f1 100%), linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
}

.bg_np_magenta {
  background: linear-gradient(180deg, #fff 0%, #aff6f1 100%), linear-gradient(180deg, #fff 0%, #c9d8ff 100%),
    linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
}

.bg_np_grey {
}

.img_sc_1 {
  max-width: 953px;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.img_sc_2 {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  max-width: 407px;
}

.img_sc_3 {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  max-width: 389px;
}

.img_sc_4 {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  max-width: 375px;
}

.img_sc_5 {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  max-width: 241px;
}

.img_sc_6 {
  max-width: 453px;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.img_pn_1 {
}

.img_pn_2 {
}

.img_pn_3 {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.img_pn_4 {
  position: absolute;
  bottom: 0;
}

.img_rw_1 {
}

.img_rw_2 {
  position: absolute;
  bottom: 0;
}

.img_rw_3 {
}

.img_rw_4 {
}

.img_rw_5 {
}

.d_flex_menu_feature {
  display: flex;
  gap: 5px;
  align-items: center;
  position: relative;
}

.dropdown_feat_menu {
  position: absolute;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(180deg, #fff 0%, #d9d9d9 100%);
  border-radius: 23px;
  box-shadow:
    0px -1.592px 23.887px 0px rgba(0, 0, 0, 0.07),
    1.815px 6.051px 18.154px 0px rgba(0, 0, 0, 0.07);
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 29px;
  padding-top: 29px;
  top: 67px;
  max-width: 288px;
  width: 288px;
  left: 0;
}

.d_flex_menu_feature:hover .dropdown_feat_menu {
  display: block;
  opacity: 1;
}

.p_feat_menu_dd {
  color: var(--primary-Black, #1e1e1f);

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 23.36px;
  /* 145.997% */
}

.ico_menu_lp {
  max-width: 32px;
}

.element_feature_dd {
  display: flex;

  align-items: center;

  width: 262px;

  gap: 9px;

  margin-bottom: 7px;

  padding: 8px 13px;

  transition: 0.3s;

  cursor: POINTER;
}

.element_feature_dd:hover {
  background: #f4f4f4;
  border-radius: 5px;
}

.arrow_cta {
  display: flex;

  gap: 9px;

  margin-top: 20px;
  cursor: pointer;
}

.p_cta_np {
  color: #000;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.632px;
  /* 122.701% */

  text-decoration-line: underline;
}

.arrow_cta_img {
  transition: 0.3s;

  left: 0;

  position: relative;
}

.arrow_cta:hover .arrow_cta_img {
  left: 5px;
}

.img_ap_1 {
  position: absolute;
  z-index: 5;
}

.img_ap_2 {
  position: absolute;
  bottom: 0;
}

.img_ap_3 {
  position: absolute;
  bottom: 0;
}

.img_ap_4 {
}

.text_footer_sc_nft {
  text-align: end;
}

@media only screen and (max-width: 1150px) {
  .sine_spec_lnb_1 {
    max-width: 330px;
    margin-top: 34px !important;
  }

  .container_boxed_1064 {
    max-width: 344px;
    width: 100%;
    margin: auto;
  }

  .big_box_new_pages {
    border-radius: 22px;
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    height: 526px;
    overflow: hidden;
    margin-bottom: 155px;
    position: relative;
  }

  .img_lnb_1 {
    max-width: 120%;
    width: 120%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }

  .row_nps_1 {
    margin-bottom: 104px;
    align-items: center;
    gap: 40px;
    flex-direction: column-reverse;
  }

  .row_reversed_nps {
  }

  .img_lnb_2 {
    max-width: 150%;
    width: 120%;
    position: absolute;
    left: -35px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  .row_reversed_nps {
    flex-direction: column;
  }

  .img_lnb_3 {
    max-width: 389px;
    position: absolute;
    bottom: 0;
    left: 50px;
  }

  .img_lnb_4 {
    max-width: 280px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .img_lnb_5 {
    position: absolute;
    bottom: 80px;
    right: -120px;
    max-width: 440px;
  }

  .img_lnb_7 {
    max-width: 390px;
    position: absolute;
    bottom: 60px;
    right: -50px;
  }

  .img_lnb_6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -35px;
    margin: auto;
    max-width: 120%;
  }

  .img_pn_2 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .img_pn_3 {
    position: absolute;
    width: 150%;
    bottom: 0;
    max-width: 100%;
    right: 0;
  }

  .sine_spec_lnb_1_2 {
    max-width: 340px;
    margin-top: 34px !important;
  }
}

.stat_box_homepage {
  border-radius: 23.494px;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  background: #fff;
  padding: 23px;
  /* max-width: 595px; */
  width: 100%;
  padding-bottom: 10px;
  height: fit-content;
  padding-bottom: 40px;
  margin-bottom: 26px;
  gap: 15px;
  display: flex;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  flex-direction: column;
  justify-content: flex-start;
}

.display_flex_stats {
}

.box_stats_charts {
  height: 350px;
}

.p_stats_1 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

.display_flex_stats {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 25px;
}

.input_range_date_ {
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f7f7;
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  height: 37px;
  padding-left: 35px;
  text-align: start;
  padding-right: 0;
  width: 100%;
  text-align: center;
}

.pos_rel_inp_dr {
  position: relative;
  max-width: 280px;
  width: 100%;
}

.calendar_svg {
  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  left: 11px;
}

.stats_charts_blocks {
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
  gap: 11px;
  margin-bottom: 15px;
}

.row_snd_footer {
  justify-content: space-between;

  align-items: center;

  margin-bottom: 12px;
}

.inner_flex_row_footer_1 {
  display: flex;
}

.footer_new_title_2 {
  color: #cecece;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 300;

  line-height: 25px;
  /* 76.923% */
}

.footer_new_title_2 {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer_new_title_2::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: #cecece;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}

.footer_new_title_2:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.footer_new_title_2:hover {
  color: #ffffff;
}

.inner_pages_footer a {
  width: fit-content;
  display: block;
}

.margin_spec_last_day_report {
  /* margin-top: 25px; */
}

.max_wdth_notif_ico {
  max-width: 200px;
  margin-bottom: 51px;
}

.lil_flex_box_nft {
  display: flex;

  align-items: center;

  /* 145.997% */

  gap: 9px;

  margin-bottom: 30px;
}

.p_nft_1 {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 300;

  line-height: 23.36px;
  /* 145.997% */

  letter-spacing: 1px;

  white-space: nowrap;
}

.srow_nft_1 {
  margin-bottom: 24px;

  gap: 50px;
}

@media only screen and (max-width: 1150px) {
  .inner_flex_row_footer_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
  }

  .display_flex_stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    flex-direction: column;
    gap: 5px;
  }

  .stats_charts_blocks {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    gap: 11px;
    flex-direction: column;
  }

  .row_snd_footer {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 42px;
    display: flex;
    margin-top: -50px;
  }

  .inner_pages_footer {
    margin-bottom: 40px;
  }

  .srow_nft_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    row-gap: 30px;
  }

  .text_footer_sc_nft {
    text-align: center;
  }

  .p_3_footer_new {
    text-align: center;
  }

  .input_range_date_ {
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f7f7f7;
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 37px;
    padding-left: 35px;
    text-align: start;
    padding-right: 0;
    width: 100%;
    margin-top: 11px;
    max-width: 100%;
    min-width: 255px;
    text-align: center;
  }
}

.marg_spec_div_box_custom {
  margin-top: 25px;
}

.description_form_b {
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 17px;
  max-width: 350px;
  margin-left: 8px;
  color: #898989;
  margin-bottom: 20px;
}

.super_bs {
  min-width: 158px;
  min-height: 216px;
  max-width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  /* box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.05),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.03); */
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 19px;
  padding-left: 20px;
  gap: 30px;
  padding-right: 20px;
  margin-bottom: 38px;
  cursor: pointer;
}

.super_bs_selected {
  border: 1px solid #0e2c7a !important;
}

.super_bs_title {
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

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

.flex_middle {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.super_bs_container {
  gap: 17px;
  display: flex;
}

.super_bs_bg {
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  padding-top: 95px;
}

@media only screen and (max-width: 1150px) {
  .scroll_mobile {
    white-space: nowrap;
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
    /* display: flex; */
    /* flex-direction: row; */
  }
}

.flat_color_overlay {
  width: 52px;
  height: 52px;
  border-radius: 8.104px;
  border: 0.675px solid rgba(0, 0, 0, 0.05);
  background: #121212;
  margin-left: 5px;
}

.gradient_overlay {
  width: 52px;
  height: 52px;
  border-radius: 8.104px;
  border: 0.675px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(180deg, #1e1e1f 0%, #818185 100%), #121212;
  margin-left: 5px;
}

.gradient_overlay_up {
  width: 52px;
  height: 52px;
  border-radius: 8.104px;
  border: 0.675px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(180deg, #1e1e1f 0%, #818185 100%), #121212;
  margin-left: 5px;
}

.gradient_overlay_down {
  width: 52px;
  margin-left: 5px;
  height: 52px;
  border-radius: 8.104px;
  border: 0.675px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(0deg, #1e1e1f 0%, #818185 100%), #121212;
}

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

.slider_opacity {
  width: 100%;
  height: 10px;
  background: #121212;
}

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

.super_bs_container_btn {
  gap: 17px;
  display: flex;
  flex-basis: calc(33.33% - 10px);
  flex-grow: 1;
  /* max-width: 33.33%; */
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 26px;
}

.super_bs_btn {
  min-height: 58px !important;
  box-shadow: 0px 0px 0px;
  border: 0px solid #fff;
  padding: 10px;
  margin-bottom: 15px;
}

.bs_btn1 {
  width: 138px;
  height: 44px;
  flex-shrink: 0;
  background: #1e1e1f;
  font-size: 14px;
  font-style: normal;
  border: none;
  font-weight: 700;
  line-height: 33.773px;
  color: #fff;
  display: block;
}

.bs_btn2 {
  border-radius: 8px;
}

.bs_btn3 {
  border-radius: 22px;
}

.bs_btn4 {
  border-radius: 0px;
  background-color: #fff;
  color: #1e1e1f;
  border: 1px solid #000000;
}

.bs_btn5 {
  border-radius: 8px;
}

.bs_btn6 {
  border-radius: 23px;
}

.bs_btn7 {
  background: #fff;
  box-shadow:
    0px -2px 5px 0px rgba(0, 0, 0, 0.1),
    0px 6px 9px 2px rgba(0, 0, 0, 0.1);
  color: #1e1e1f;
}

.bs_btn8 {
  border-radius: 8px;
}

.bs_btn9 {
  border-radius: 23px;
}

.bs_btn10 {
  border: 1px solid #1e1e1f;
  box-shadow: 3px 4px 0px 2px #1e1e1f;
  background: #fff;
  color: #1e1e1f;
}

.bs_btn11 {
  border-radius: 8px;
}

.bs_btn12 {
  border-radius: 23px;
}

.smart_card_img_form {
}

.position-relative-2 {
  position: relative;
  width: -webkit-fill-available;
}

@media only screen and (max-width: 1150px) {
  .scroll_mobile {
    flex-wrap: unset;
  }

  .mob_header_linkinbio {
    display: block !important;
    padding-top: 6px;
    justify-content: space-between !important;
    max-width: 98% !important;
  }
}

.dropdown_action_1 {
}

.object_dorpdown_menu {
  width: 100%;
}

.object_dorpdown_menu_2 {
  width: 100%;
}

.object_dorpdown_menu_3 {
  width: 100%;
}

.object_dorpdown_menu_4 {
  width: 100%;
}

.object_dorpdown_menu_5 {
  width: 100%;
}

.element_dorpdown_menu {
  border-radius: 10px;
  background: #eeeeee00;
  max-width: 148px;
  cursor: pointer;
  height: 18px;
  padding-left: 23px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  margin-left: 10px;
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 184.615% */
  transition: 0.3s;
}

.element_dorpdown_menu:hover {
  background: #eee;
  color: #1e1e1e;
  font-weight: 400;
}

.ico_dropdown_menu {
  position: absolute;

  top: -5px;

  right: 35px;

  bottom: 0;

  margin: auto;
}

.dropdown_action_1 {
  width: 100%;
  margin-left: 15px;
  position: relative;
}

.dropdown_action_2 {
  width: 100%;
  margin-left: 15px;
  position: relative;
}

.dropdown_action_3 {
  width: 100%;
  margin-left: 15px;
  position: relative;
}

.dropdown_action_4 {
  width: 100%;
  margin-left: 15px;
  position: relative;
}

.dropdown_action_5 {
  width: 100%;
  margin-left: 15px;
  position: relative;
}

.preview_link_button {
  display: none;
}

@media only screen and (max-width: 1150px) {
  .dropdown_action_1 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    width: 195px;
  }

  .dropdown_action_2 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    width: 195px;
  }

  .dropdown_action_3 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    width: 195px;
  }

  .dropdown_action_4 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    width: 195px;
  }

  .ico_dropdown_menu {
    position: absolute;
    top: 16px;
    right: 0;
    left: 190px;
    bottom: 0;
    margin: unset;
  }

  .flex_link_and_phone {
    display: flex;
    position: initial;
    align-items: flex-start;
  }

  .div_phone_flex_links {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 5;
    height: fit-content;
    bottom: 0;
    padding-top: 0;
    width: 100%;
    top: unset;
    padding-top: 35px;
    padding-bottom: 25px;
    border-radius: 23px 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    left: 0;
    right: 0;
  }

  .div_phone_flex_email {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 5;
    height: fit-content;
    bottom: 0;
    padding-top: 0;
    width: 100%;
    top: unset;
    padding-top: 75px;
    padding-bottom: 25px;
    border-radius: 23px 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    left: 0;
    right: 0;
  }

  .dropdown_action_1 .menu_dash {
    padding-left: 0;
  }

  .dropdown_action_2 .menu_dash {
    padding-left: 0;
  }

  .dropdown_action_3 .menu_dash {
    padding-left: 0;
  }

  .dropdown_action_4 .menu_dash {
    padding-left: 0;
  }

  .bg_iphone {
    width: 205px;
  }

  .iframe_iphone_snaps {
    position: absolute;
    z-index: 5;
    width: 360px;
    left: -67px;
    background: #fff;
    height: 774px;
    transform: scale(0.5);
    top: -180px;
    overflow: hidden;
  }

  .cross_popup_mobile {
    max-width: 25px;
    position: absolute;
    right: 17px;
    top: 15px;
  }

  .cross_popup_mobile_email {
    max-width: 25px;
    position: absolute;
    right: 17px;
    top: 15px;
  }

  .cross_popup_mobile_2 {
    max-width: 25px;
    position: absolute;
    right: 17px;
    top: 15px;
  }

  .phone_flex_mock {
    max-width: 211px;
  }

  .show_pass_link {
    text-align: center;
    margin-top: 36px;
    position: relative;
  }

  .white_square_links_parent {
    position: initial !important;
    border-radius: 5px;
    background: #fff;
    /* 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); */
    padding: 10px;
    width: 178px;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    height: fit-content;
    display: flex;
    gap: 10px;
    flex-direction: column;
    cursor: initial;
    max-height: 200px;
  }

  .popup_preview_pass_mobile {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 5;
    height: fit-content;
    bottom: 0;
    padding-top: 0;
    width: 100%;
    top: unset;
    padding-top: 0;
    padding-bottom: 15px;
    border-radius: 23px 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px);
    box-shadow:
      0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
    left: 0;
    right: 0;
  }

  .boxed_pass_mobile_only {
  }

  .marg_sspec__60_mobile {
    margin-top: -60px !important;
    margin-bottom: 35px;
  }

  .boxed_pass_mobile_only .digital_pass_custom_dash {
    /* display: block !important; */
    transform: scale(0.8);
  }

  .preview_link_button {
    display: block;
    border-radius: 5px;
    background: #0e2c7a;
    color: #fff;
    text-align: center;
    border: 0;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.632px;
    /* 151.017% */
    padding: 7px 29px;
  }
}

.rotate_180 {
  transform: rotate(180deg);
}

.flex_billing_infos {
  display: flex;
  gap: 11px;
}

.ico_arrow_fleche_2 {
  transition: 0.3s;
}

.ico_arrow_fleche_1 {
  transition: 0.3s;
  cursor: pointer;
}

.row_footer_nw_css1 {
  max-width: 1380px;
}

.billing_start_title_1 {
  color: var(--primary-Black, #1e1e1f);
  /* font-family: "Helvetica Neue"; */
  font-size: 20px;
  font-style: normal;
  /* font-weight: 700; */
  line-height: normal;
  margin-bottom: 22px;
}

.p_upgrade_title_1 {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 40px;
}

.subs_header_ {
  /* padding-left: 21px; */
  /* height: fit-content !important; */
  /* padding-bottom: 10px; */
  /* padding-top: 13px; */
}

.p_sub_start_1 {
  color: #fff;
  /* font-family: "Helvetica-lp"; */
  font-size: 23px;
  font-style: normal;
  /* font-weight: 900; */
  line-height: normal;
}

.p_sub_start_2 {
  color: #000000;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.white_box_subrs_start {
  display: flex;
  justify-content: space-between;
  padding-left: 22px;
  padding-right: 22px;
  margin-top: 8px;
  padding-bottom: 20px;
  align-items: center;
}

.p_sub_start_3 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.p_sub_start_4 {
  color: var(--primary-Black, #1e1e1f);
  /* font-family: "Helvetica-lp"; */
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.p_sub_start_5 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.subscription_start_box {
  /* max-width: 339px; */
  /* border-radius: 32px 32px 16px 16px; */
  /* background: linear-gradient(0deg, #fff 0%, #fff 100%),
    linear-gradient(180deg, #fff 0%, #aff6f1 100%), rgba(240, 240, 240, 0); */
  /* box-shadow:
    0px -3.449px 17.246px 0px rgba(0, 0, 0, 0.08),
    0px 6.898px 17.246px 0px rgba(0, 0, 0, 0.08); */
}

.marg_spec_upgr_label {
  margin-top: 0;
  margin-bottom: 0;
}

.width_50_div {
  width: 50%;
}

.ico_arrow_fleche_2 {
  transition: 0.3s;
}

.ico_arrow_fleche_1 {
  transition: 0.3s;
}

.card_css_1 {
  display: block;
  width: 100%;
}

.card_css_2 {
}

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

.card_css_4 {
}

.card_css_5 {
}

.card_css_6 {
  color: var(--White, #fff);
  font-family: 'Helvetica Neue';
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.368px;
}

.card_css_7 {
}

.card_css_8 {
  color: var(--White, #fff);
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.473px;
}

.card_svg {
}

.cless_svg {
}

.box_social_footer {
  border-radius: 4.14px;
  background: #2c2f37;
  width: 39.747px;
  height: 39.747px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1150px) {
  .row_footer_nw_css1 {
    margin-bottom: 0;
    max-width: 1260px;
    gap: 0;
  }

  .box_social_footer {
    max-width: 339px;

    width: 100%;

    margin: auto;

    display: block;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 58px;
  }

  .ico_footer {
    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left: 23px;
  }

  .inner_flex_footer_2 {
    flex-direction: column;
  }

  .p_mobile_text_footer {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .a_footer_width_1 {
    width: 100%;
  }
}

.align_row_end_css {
  display: flex;

  justify-content: flex-end;
}

.new_nav_place_logo {
  width: 38px;
  height: 38px;
  min-width: 38px;
  flex-shrink: 0;
  margin-right: -30px;
  margin-left: 0px;
  border: 1px solid rgb(241 241 241);
  position: relative;
  background: #ccc;
  z-index: 1;
}

.nav_bot_new_app {
}

.buy_more_icon {
}

.buy_more_desktop_b {
  padding: 10px 46px;

  width: 100%;

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

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 12px;

  font-style: normal;

  font-weight: 700;

  text-decoration: none;

  line-height: 19.632px;
  /* 163.602% */

  height: unset;

  margin-top: 14px;
}

.inner_flex_nav_bot_new_app {
  display: flex;

  gap: 11px;

  justify-content: center;
}

.pass_available_nav {
}

.p_dash_bottom_buy_more {
  color: #898989;

  text-align: right;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 12.718px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.new_switch_popup {
  height: 100%;
}

.first_flew_new_popup_switch {
  display: flex;

  padding-left: 17px;

  padding-top: 22px;

  align-items: center;

  gap: 13px;
}

.ico_info_coll_pic {
  width: 37px;
  height: 37px;
  background: #ccc;
}

.collection_name_switch {
  color: var(--primary-Black, #1e1e1f);

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.632px;
  /* 140.23% */

  margin: 0;

  padding: 0;

  max-width: unset;

  text-align: start;
}

.email_user_switch {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 151.017% */
  max-width: 174px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.create_new_snapss_button {
  border-radius: 32px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  color: var(--primary-Black, #1e1e1f);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 163.602% */
  transition: 0.3s;
  padding: 8px 52px;
  margin-top: 24px;
  margin-bottom: 18px;
}

.second_flew_new_popup_switch {
  padding-left: 7px;

  padding-right: 7px;

  border-bottom: 1px solid rgba(137, 137, 137, 0.1);

  overflow: hidden;

  /* min-height: 100%; */

  /* height: 100%; */

  /* max-height: 115px; */

  height: fit-content;
}

.title_switch_box_switch1 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 140.23% */
  text-align: start;
  padding-left: 10px;
  margin-bottom: 20px;
}

.third_flew_new_popup_switch {
  border-bottom: 1px solid rgba(137, 137, 137, 0.1);
  margin-top: 13px;
}

.setting_ico_switch {
  width: 20px;

  height: 20px;
}

.p_switch_menu_3 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  /* 140.23% */
  text-decoration: none;
}

.fourth_flew_new_popup_switch {
  margin-top: 19px;
}

.border_bot_1_switch_ns {
  border-bottom: 1px solid rgba(137, 137, 137, 0.1);

  margin-bottom: 16px;
}

.inner_flex_switch_ico_menu {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding-left: 17px;
  cursor: pointer;
  text-decoration: none;
}

.create_new_snapss_button:hover {
  border: 1px solid #1e1e1e;
}

.flex_switch_new_acc_box {
  display: flex;
  justify-content: space-between;
  border-radius: 14px;
  background: #eeeeee00;
  padding-left: 10px;
  padding-right: 15px;
  height: 45px;
  align-items: center;
  transition: 0.3s;
  cursor: pointer; /* margin-bottom: 10px; */
}

.flex_switch_new_acc_box:hover {
  background: #eee;
}

.switch_collection_ico {
}

@media only screen and (max-width: 1150px) {
  .popup_switch {
    position: fixed;
    max-width: 100%;
    width: 100%;
    right: 0 !important;
    bottom: 0 !important;
    text-align: center;
    z-index: 6800;
    align-items: center;
    min-height: fit-content !important;
    padding-bottom: 15px;
    border-radius: 23px;
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: unset !important;
    box-shadow:
      20px -19px 33.619px 20px rgba(0, 0, 0, 0.1),
      2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);
  }

  .create_new_snapss_button {
    max-width: 90%;
    width: 100%;
  }

  .close_popup_switch {
    position: absolute;

    max-width: 25px;

    right: 20px;

    top: 10px;
  }

  .object_dorpdown_menu_4 {
    width: 100%;
    margin-top: -20px;
    position: relative;
    z-index: 3;
  }

  .object_dorpdown_menu_5 {
    width: 100%;
    margin-top: -20px;
    position: relative;
    z-index: 3;
  }

  .object_dorpdown_menu {
    width: 100%;
    margin-top: -20px;
  }

  .setting_dash_spacer_one {
    display: none;
  }

  .p_upgrade_title_1 {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: -30px;
  }

  .border_bottom_with_button_upgrade {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 14px;
    text-align: center;
    margin-top: 65px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .button_confirm_recap_pack {
    max-width: 100%;
    padding: 16px 54px;
    width: 100%;
  }

  .button_back_to_plan_upgrade {
    max-width: 100% !important;
  }

  .boxed_pass_mobile_only .digital_pass_custom_dash {
    margin-top: 0;
  }

  .mobile_display_conditions {
    display: block;
  }

  .switch_btn_link {
    gap: 18px;
    margin-bottom: 0;
    margin-top: 64px;
    display: flex;
    justify-content: center;
  }

  .marg_spec_button_pricing_solo {
    margin-top: 10px;
    width: 100% !important;
  }

  .object_dorpdown_menu_2 {
    width: 100%;
    margin-top: -20px;
  }

  .object_dorpdown_menu_3 {
    width: 100%;
    margin-top: -20px;
  }

  .object_dorpdown_menu {
    width: 100%;
    margin-top: -20px;
  }
}

.details-control {
  width: 20px;
  cursor: pointer;
}

.button_back_to_plan_upgrade {
  border-radius: 10px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  max-width: 175px;
  width: 100%;
  height: 60px;
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.links_container {
  max-width: 750px !important;
}

.p-relative {
  position: relative;
  margin: auto;
  margin-top: 0;
  position: sticky;
  top: 100px;
  margin-top: 50px;
  overflow: hidden;
  height: fit-content;
  padding-bottom: 25px;
}

.boxed_logo_with_arrow {
  display: flex;

  margin-right: 35px;

  margin-left: 19px;

  gap: 5px;

  padding-right: 5px;

  border-radius: 100px;

  cursor: pointer;

  position: relative;

  background: #fff;

  padding-right: 15px;
}

.show_pass_link {
  text-align: center;
}

.arrow_nav_boxed_logo_with_arrow {
  border-radius: 5px;

  border: 1px solid rgba(0, 0, 0, 0.05);

  background: #fff;

  padding-left: 25px;

  padding-right: 4px;

  height: 26px;

  margin-top: 7px;
}

.notifyjs-corner {
  top: 10px !important;
  right: 50% !important;
  transform: translateX(50%);
}

.notifyjs-bootstrap-base {
  font-weight: 500;
  padding: 8px 15px 8px 14px;
  text-shadow: unset;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  white-space: nowrap;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: 3px 7px;
  width: fit-content;
}

.notifyjs-container {
  width: fit-content !important;
}

.notifyjs-bootstrap-loading-notification {
  color: #333;
  background-color: #f0f0f0;
  border-color: #ccc;
}

.notifyjs-bootstrap-success-notification {
  color: #fff;
  background-color: #1957fa;
  border-color: #3a80d2;
}

.notifyjs-bootstrap-error.error-notification {
  color: #fff;
  background-color: #e74c3c;
  border-color: #c0392b;
}

.row_scanner_new {
  gap: 50px;
}

.box_scanner_info_teams {
  max-width: 565px; /* min-height: 728px; */
  padding-bottom: 10px;
  width: 100%;
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  padding-top: 31px;
  padding-left: 21px;
  padding-right: 21px;
}

.flex_1_scanner_nd {
  display: flex;

  align-items: center;

  margin-bottom: 35px;

  justify-content: space-between;
}

.p_1_scanner_nd {
  color: var(--primary-Black, #1e1e1f);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.p_2_scanner_nd {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 25px;
  /* 178.571% */

  margin-top: 8px;

  max-width: 320px;
}

.second_div_scanner_nd {
  border-radius: 12px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #fff;

  width: 171px;

  height: 71px;

  flex-shrink: 0;

  padding-left: 11px;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.p_3_scanner_nd {
  color: var(--primary-Black, #1e1e1f);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
}

.p_4_scanner_nd {
  color: #898989;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;
  /* 160% */
}

.large_box_scanner_nd {
  border-radius: 12px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px 24px;

  margin-bottom: 34px;
}

.p_5_scanner_nd {
  color: var(--primary-Black, #1e1e1f);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* 143.75% */
  max-width: 245px;
}

.go_to_team_scanner {
  max-width: 171px;

  height: 43px;
}

.hpn_team_scanner_nd {
}

.box_team_member_scanner_nd {
  border-radius: 10.348px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

  display: flex;

  padding: 17px 18px;

  max-width: 360px;

  justify-content: space-between;

  width: 100%;

  margin-bottom: 32px;
}

.second_div_team_member_scanner_nd {
  display: flex;

  gap: 18px;
}

.ico_team_member_scanner_nd {
  max-width: 24px;
}

.p_6_scanner_nd {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ico_trash_contact_scanner_nd {
  cursor: pointer;
}

.inner_flex_final_scanner_2 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
  justify-content: flex-start;
  padding-left: 21px;
  padding-right: 21px;
  position: relative;
}

.img_exxtend_scanner {
  width: 48px;

  height: 53px;

  border-radius: 8px;

  background: #f0f0f0;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;
}

.icon_scanner_extension {
}

.copy_button_final_scanner {
  border-radius: 8px;
  background: #0e2c7a;
  width: 80px;
  height: 53px;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  /* 241.238% */
}

.link_scanner_img {
  position: absolute;
  left: 33px;
  top: 16px;
}

.sharescanne_text {
  border-radius: 15px;

  background: #f7f7f7;

  color: #616161;

  leading-trim: both;

  text-edge: cap;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-align: start;

  padding-left: 48px;

  height: 53px;

  display: flex;

  align-items: center;

  width: 100%;

  padding-right: 45px;

  border: 0;

  max-width: 350px;
}

.box_info_scanner_nd {
  position: relative;

  width: 100%;

  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.572px 12.859px 0px rgba(0, 0, 0, 0.08),
    0px 5.144px 12.859px 0px rgba(0, 0, 0, 0.08);

  padding-top: 24px;

  height: 100%;

  margin: auto;
}

.scanner_illu_new_nd {
}

.sharescanne_text {
  border-radius: 15px;

  background: #f7f7f7;

  color: #616161;

  leading-trim: both;

  text-edge: cap;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-align: start;

  padding-left: 48px;

  height: 53px;

  display: flex;

  align-items: center;

  width: 100%;

  padding-right: 45px;

  border: 0;

  max-width: 350px;
}

.box_info_scanner_nd {
  position: relative;
  width: 100%;
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  padding-top: 24px;
  height: 642px;
  margin: auto;
}

.scanner_illu_new_nd {
  position: absolute;

  bottom: 0;
}

.p_7_scanner_nd {
  color: var(--primary-Black, #1e1e1f);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 21px;
}

@media only screen and (max-width: 1150px) {
  .scanner_illu_new_nd {
    position: absolute;
    bottom: 0;
    display: none;
  }

  .box_info_scanner_nd {
    position: relative;
    width: 100%;
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.572px 12.859px 0px rgba(0, 0, 0, 0.08),
      0px 5.144px 12.859px 0px rgba(0, 0, 0, 0.08);
    padding-top: 24px;
    height: fit-content;
    padding-bottom: 24px;
    margin: auto;
  }

  .inner_flex_final_scanner_2 {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
    justify-content: flex-start;
    padding-left: 21px;
    flex-direction: column;
    padding-right: 21px;
    position: relative;
  }

  .flex_mob_scanner_nd {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
    justify-content: flex-start;
    padding-left: 21px;
    flex-direction: row;
    padding-right: 21px;
  }

  .box_scanner_info_teams {
    max-width: 565px;
    height: fit-content;
    padding-bottom: 35px;
    width: 100%;
    border-radius: 23px;
    background: #fff;
    box-shadow:
      0px -2.572px 12.859px 0px rgba(0, 0, 0, 0.08),
      0px 5.144px 12.859px 0px rgba(0, 0, 0, 0.08);
    padding-top: 31px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .copy_button_final_scanner {
    border-radius: 8px;
    background: #000000;
    width: 83%;
    height: 53px;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
  }

  .large_box_scanner_nd {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 24px;
    margin-bottom: 34px;
    gap: 15px;
    flex-direction: column;
  }

  .go_to_team_scanner {
    max-width: 100%;
    height: 43px;
  }

  .flex_1_scanner_nd {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
    justify-content: space-between;
    flex-direction: column;
    gap: 35px;
  }

  .second_div_scanner_nd {
    border-radius: 12px;
    border: 1px solid rgba(30, 30, 31, 0.1);
    background: #fff;
    width: 100%;
    height: 71px;
    flex-shrink: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .col-5 {
    width: 100%;
  }
}

.box_email_template_1 {
  border-radius: 23px;
  background: #fff;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  padding: 27px 29px;
  margin-top: 22px;
}

.p_box_email_template_1 {
  color: var(--primary-Black, #1e1e1f);
  leading-trim: both;
  text-edge: cap;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  /* 198.666% */
  margin-bottom: 4px;
}

.p_box_email_template_2 {
  color: #898989;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  max-width: 402px;
  line-height: 27px;
  /* 180% */
}

.row_email_container {
  gap: 82px;

  justify-content: space-between;

  margin-top: 60px;
}

.box_email_template_1 .label_input {
  margin-top: 0;
}

.box_email_template_1 .input_general {
  margin-bottom: 26px;
}

.area_email_no_limit {
  resize: none;

  height: 136px;
}

.iframe_email_template {
  width: 100%;
  height: 100%; /* border-radius: 23px; */
  border: 0; /* 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); */
}

.box_email_template_2 {
  border-radius: 5px;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  height: 1140px;
  margin-top: 120px;
}

@media only screen and (max-width: 1150px) {
  .row_email_container {
    gap: 82px;

    justify-content: space-between;

    margin-top: 40px;
  }

  .box_email_template_1 .label_input {
    margin-top: 0;
    font-size: 15px;
    margin: 0;
    margin-bottom: 10px;
  }

  .box_email_template_2 {
    border-radius: 23px;
    box-shadow: unset;
    height: 1140px;
    margin-top: 120px;
    max-width: 353px;
    margin: auto;
    height: 460px;
  }

  .flex_loyatly_tabs .digital_pass_custom_dash {
    display: none;
  }
}

.bs_for_qr_code {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
}

.bs_for_qr_code .super_bs {
  max-width: 159px;
}

.bs_for_qr_code .super_bs_container {
}

.bs_for_qr_code .super_bs_img {
}

.arrow_nav_boxed_logo_with_arrow_img {
  width: 23px;
  height: 20px;
  min-width: 23px;
  margin-top: 3px;
}

.img_pic_on_links_back {
  position: initial;

  top: 163px;

  left: 0;

  right: 0;

  margin: auto;

  height: fit-content;

  display: flex;

  gap: 10px;

  flex-direction: column;

  cursor: initial;

  max-width: 70px;

  height: 52px !important;

  margin-bottom: 12px;
}

.desc_pass_tilt_eflex_back_1 {
  position: initial;

  top: 223px;

  left: 0;

  right: 0;

  margin: auto;

  height: fit-content;

  display: flex;

  gap: 10px;

  flex-direction: column;

  color: #000;

  font-size: 15.51px;

  font-style: normal;

  font-weight: 800;

  line-height: normal;

  max-width: 155px;

  margin-bottom: 25px;
}

.desc_pass_tilt_eflex_back_2 {
  position: absolute;

  top: 243px;

  left: 0;

  right: 0;

  margin: auto;

  height: fit-content;

  display: flex;

  gap: 10px;

  flex-direction: column;

  color: #000;

  font-size: 12.51px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.margin_spec_input_add_info {
  margin-bottom: 15px;
}

.p_tittle_attr {
  color: #000;
  font-size: 8.51px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: start;
}

.p_value_attr {
  color: #898989;
  font-size: 8.51px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  /* 152.761% */
  text-align: start;
}

.absolute_case_on_back_phone {
  position: absolute;
  top: 170px;
  right: 0;
  left: 0;
  margin: auto;
}

@media only screen and (max-width: 1150px) {
  .img_pic_on_links_back {
    position: initial;
  }

  .absolute_case_on_back_phone {
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .desc_pass_tilt_eflex_back_1 {
    position: initial;
    margin-bottom: 25px;
  }
}

.box_contain_filters_templates {
  position: sticky;

  top: 140px;
}

.p_filter_t {
  color: var(--primary-Black, #1e1e1f);

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;
  /* 200% */

  margin-bottom: 33px;
}

.filters_templates_hpn {
}

.filtre_template {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;
  /* 257.143% */

  padding: 0px 38px;

  display: inline-block;

  border-radius: 17.5px;

  background: #f2f2f2;

  margin-right: 16px;

  cursor: pointer;

  margin-bottom: 30px;
}

.filter_template_selected {
  color: #fff;

  background: #000;
}

.container_templates_page {
  max-width: 1440px;

  margin: auto;

  width: 100%;

  margin-top: 88px;

  padding-left: 35px;

  padding-right: 35px;
}

.see_all_filters {
}

.add_category_div_borders {
  border-bottom: 1px solid rgba(30, 30, 31, 0.1);
  padding-bottom: 25px; /* margin-top: 50px; */
  margin-bottom: 50px;
}

.category_add_new {
  border-radius: 23px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #fff;
  padding: 10.279px 34.209px 10.278px 46px;
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  /* 241.238% */
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  transition: 0.3s;
}

.category_add_new:hover {
  border: 2px solid #1858ff;
}

@media only screen and (max-width: 1150px) {
  .category_add_new {
    width: 100%;
    color: #fff; /* border-radius: 34px; */
    border: 2px solid rgba(30, 30, 31, 0.1);
    background: #0e2c7a;
    border: 0;
  }

  .see_all_filters {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.632px;
    text-decoration-line: underline;
    display: flex;
    gap: 12px;
    cursor: pointer;
  }

  .filters_templates_hpn {
    height: 120px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: 0.3s;
  }

  .see_all_filters {
  }

  .input_custom_snapss_click {
    max-width: 350px;
    margin-bottom: 30px;
  }
}

.notifi_rror {
  position: absolute;
  bottom: 9px;
  right: 0px;
  font-size: 12px;
  color: red;
}

.notifi_rror1 {
  position: absolute;
  top: 100px;
  right: 10px;
  font-size: 12px;
  color: red;
}

@media only screen and (max-width: 1150px) {
  .see_all_filters {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.632px;
    text-decoration-line: underline;
    display: flex;
    gap: 12px;
    cursor: pointer;
  }

  .filters_templates_hpn {
    height: 120px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: 0.3s;
  }

  .container_templates_page {
    max-width: 1440px;
    margin: auto;
    width: 100%;
    margin-top: 88px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .load_template_index .template_image_index {
    width: 150px;
    margin: 0;
  }

  .load_template_index {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-items: center;
    margin-top: 75px;
    margin-bottom: 45px;
  }

  .font_reduced_mob_1 {
    font-size: 30px !important;
  }

  .notifi_rror {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 12px;
    color: red;
  }

  .notifi_rror1 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px;
    color: red;
  }

  .load_template_index .template_image_index {
    width: 150px;
    margin: 0;
  }

  .load_template_index {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-items: center;
    margin-top: 75px;
    margin-bottom: 45px;
  }

  .font_reduced_mob_1 {
    font-size: 30px !important;
  }
}

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

.hide_loyalty {
  display: none !important;
}

input[data-name='title_reward'] {
  margin-bottom: 25px;
}

.drag_drop_addi_info {
  cursor: pointer;
  margin: auto;
  height: 100%;
}

.box_of_add_info {
}

.super_bs_no_bg {
  border: 1px solid #00800000;
  background: transparent;
  box-shadow: unset;
}

.pos_product_crayon {
  position: absolute !important;

  right: 10px;

  top: 10px;

  z-index: 5;
}

.product_layout_1 {
  border-radius: 12px;

  margin-bottom: 40px;

  height: 100%;
}

.div_import_product_imgs {
  position: relative;

  height: 300px;
}

.row_spec_product_pop {
  padding-left: 35px;

  padding-right: 35px;

  margin-top: 32px;

  gap: 40px;
}

.p_title_prod_serv {
  color: var(--primary-Black, #1e1e1f);

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 33.773px;
  /* 211.083% */

  text-align: justify;
}

.row_spec_product_pop2 {
  padding-top: 19px;

  padding-left: 35px;
}

.label_input_product_1 {
  text-align: start; /* margin: 0; */ /* margin-top: -10px; */
}

.product_css1 {
  align-items: center;

  margin-top: 25px;
}

.product_css2 {
}

.product_css3 {
  padding-left: 35px;

  margin-top: 25px;

  padding-right: 25px;
}

.product_css4 {
  margin-top: 4px;
}

.form_product_popup {
  position: relative;
}

.label_input_product_1 {
}

.input_product_popup {
  /* margin-bottom: 30px; */
}

.input_product_popup_area {
  /* resize: none; */ /* height: 75px; */ /* margin-bottom: 30px; */
}

.button_product_done {
  max-width: 121px;
}

.button_infos_product_done {
  max-width: 121px;
}

.bottom_button_with_border_top {
  border-top: 1px solid rgba(30, 30, 31, 0.1);

  padding-top: 21px;

  padding-right: 24px;

  text-align: end;

  margin-top: 25px;
}

.show_product_div {
}

.product_box_1 {
  border-radius: 23px;
  background: #fff;
  width: 630px;
  height: fit-content;
  border-radius: 23px;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  margin-bottom: 60px;
}

.grad_div_bg_product {
  height: 100%;

  background: #f7f7f7;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 23px var(--Spacing-spacing-none, 0px) var(--Spacing-spacing-none, 0px) 23px;
}

.drag_arrow_product {
  cursor: grab;
}

.flex_box_product_1 {
  display: flex;

  padding-right: 20px;

  justify-content: space-between;

  margin-top: 15px;
}

.p_tilte_product {
  color: var(--primary-Black, #1e1e1f);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;
}

.pen_product {
}

.p_quantity_product {
  color: #898989;

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-top: 5px;
}

.trash_product {
}

.product_box_1_row {
  height: 100%;
}

.flex_box_product_1_1 {
  display: flex;

  gap: 14px;
}

.product_imgs_blocks {
  position: relative;

  border-radius: 12px;

  width: fit-content;
}

.drag_products1 {
  position: absolute;

  left: 8px;

  top: 8px;

  cursor: grab;

  transition: 0.3s;

  display: none;

  z-index: 3;
}

.trash_products_1 {
  position: absolute;

  right: 8px;

  top: 8px;

  cursor: pointer;

  transition: 0.3s;

  display: none;

  z-index: 3;
}

.product_img_1 {
  width: 132px;

  border-radius: 12px;

  z-index: 1;

  position: relative;

  height: 132px;

  object-fit: cover;

  border: 1px solid #efefef;
}

.product_imgs_blocks:hover .drag_products1,
.product_imgs_blocks:hover .trash_products_1 {
  display: block;
}

.overlay_plus_button_product {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  height: 132px;
  width: 132px;
  position: absolute;
  border-radius: 12px;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.product_imgs_blocks:hover .overlay_plus_button_product {
  display: flex;
}

.error_product_title_popup {
}

.error_product_url_popup {
}

.error_code_general {
  color: red;
  text-align: end;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 10px;
}

.edit_product_hov {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  border-radius: 12px;

  background: rgba(30, 30, 31, 0.6);

  width: 81px;

  height: 30px;

  border: 0;

  display: flex;

  align-items: center;

  gap: 9px;

  justify-content: center;
}

.product_overflow_hpn_bx {
  margin-top: 29px;

  margin-bottom: 29px;
}

.add_product_svg {
}

.button_add_product {
  display: flex;

  align-items: center;

  justify-content: center;

  max-width: 170px;
}

.button_add_product:hover {
  color: #fff;
  background: #000000;
}

.flex_box_product_1_2 {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-right: 20px;

  margin-bottom: 20px;
}

.input_product_box_one {
}

.parent_overflow_hid_product {
}

.parent_overflow_hid_product {
  overflow-x: auto;
  /* Enable horizontal scroll if needed */
  overflow-y: hidden;
  /* Optional: hides any vertical overflow */
  max-height: 190px;
}

.product_overflow_hpn_bx {
  display: flex;
  /* Set as a flex container */
  flex-wrap: nowrap;
  /* Prevent line wrapping */
  gap: 20px;
  /* Optional: space between blocks */
}

.product_imgs_blocks {
  flex: 0 0 auto;
  /* Prevent shrinking or growing */
  width: fit-content;
  /* Set a fixed width for each block */
  height: 200px;
  /* Example height */
  /* Add any additional styling for the blocks here */
}

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

.parent_overflow_hid_product {
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
}

.product_layout_1 .upload_div {
  height: 95%;
}

.super_bs_products_layout {
  /* make it 3 colums of 3 per row */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}

.position_for_prod_phone {
  top: 90px;
}

.marg_bot_one_products {
  margin-bottom: 20px;
}

.pen_product {
  cursor: pointer;
}

@media only screen and (max-width: 1150px) {
  .super_bs_products_layout {
    /* make it 3 colums of 3 per row */
    display: flex;
    gap: 20px;
    width: 100%;
  }

  .p_css_mob_1 {
    margin-top: 105px;
  }

  .p_css_mob_2 {
    display: flex;
    flex-direction: row;
  }

  .p_css_mob_3 {
    width: 10%;
  }

  .p_css_mob_4 {
    width: 90%;
  }

  .product_box_1 {
    max-width: 630px;
    width: 100%;
  }

  .popup_box_product2 {
    position: relative;
    border-radius: 23px;
    background: #fff;
    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);
    max-width: 350px;
    width: 100%;
    padding-bottom: 20px;
  }

  .close_product_pop_2 {
    position: absolute;
    right: 20px;
    width: 22px;
    height: 22px;
    top: 7px;
    cursor: pointer;
  }

  .add_event_ico {
    display: none;
  }

  .p_title_prod_serv {
    color: var(--primary-Black, #1e1e1f);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.773px;
    text-align: center;
    text-align: center;
    max-width: 260px;
    margin: auto;
  }

  .row_spec_product_pop2 {
    padding-top: 19px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .product_css3 {
    padding-left: 25px;
    margin-top: 25px;
    padding-right: 25px;
  }

  .border_top_one_pop {
    border-top: 1px solid rgba(30, 30, 31, 0.1);
    padding-top: 21px;
    padding-right: 24px;
    padding-left: 24px;
    text-align: end;
    margin-top: 25px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 5px;
    justify-content: center;
  }

  .max_size_product_pop {
    max-width: 100%;
  }

  .popup_box_product {
    position: relative;
    border-radius: 23px;
    background: #fff;
    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);
    max-width: 350px;
    width: 100%;
    padding-bottom: 20px;
    height: 100%;
    position: absolute;
    max-height: 590px;
    bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ovf_scroll_mob_pop_prod {
    max-height: 590px;
    overflow: scroll;
  }

  .flex_mob_reverse_product_pop {
    display: flex;
    flex-direction: row;
  }

  .product_css1 {
    display: flex;
    align-items: center;
    margin-top: 25px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0;
  }

  .product_css2 {
    max-width: 20%;
  }

  .product_css4 {
    font-size: 14px;
    margin-left: 10px;
    margin-top: 3px;
  }

  .div_import_product_imgs {
    position: relative;
    height: 210px;
  }

  .dropdown_action_5 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    width: 195px;
    margin-left: 0;
  }

  .ico_arrow_fleche_5 {
    left: 204px;
  }

  .englobe_free_packs {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 25px;
  }

  .close_product_pop_1 {
    z-index: 6;
    background: #ffffff;
    border-radius: 20px;
  }
}

#message_contact {
  resize: none;
  font-family: 'Helvetica Neue';
  padding-top: 5px;
  height: 95px;
}

.error_category_title_popup {
  top: 0;
}

.show_plus_addi_pass {
  max-width: 50px;
  border-radius: 8px;
  border: 1px solid #efefef;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 42px;
  margin: auto;
  cursor: pointer;
  margin-top: 10px;
}

#myTable td:first-child {
  overflow: visible;
  text-align: center;
}

#table_notif_history td:first-child {
  overflow: visible;
  text-align: center;
  padding: 10px;
}

.display_free_trial_start {
  color: #757575;
  margin-top: 12px;
  text-align: center;
  font-size: 13px;
  width: fit-content;
  margin-left: auto;
}

.flex_platform_wbh {
  display: flex;
  gap: 26px;
  margin-top: 30px;
  margin-bottom: 30px !important;
}

.wbh_box_one {
  border-radius: 13.033px;
  background: #fff;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  width: 174.526px;
  height: 104.829px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  line-height: 0;
}

.selected_wbh_box {
  border: 2px solid #1858ff !important;
}

.wbh_box_not_active {
  border-radius: 13.033px;

  background: rgba(230, 230, 230, 0.4);

  backdrop-filter: blur(1px);

  cursor: no-drop;
}

.wbh_box_icone {
  max-width: 110px;
}

.icone_blurred {
}

.wbh_box_action {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: space-between;

  padding: 13px 11px;

  height: 104px;

  border: 2px solid #1858ff00;

  position: relative;
}

.flex_button_intr_setting {
  display: flex;
  gap: 26px;
  margin-top: 0;
  margin-top: 35px;
}

.button_intr_setting {
  width: 175px;
  height: 58px;
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-family: 'Helvetica Neue';
  font-weight: 500;
  line-height: 29px;
  /* 181.25% */
  border-radius: 13.033px;
  background: #fff;
  box-shadow:
    0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
    0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);
  border: 0;
}

.button_intr_setting_selected {
  border-radius: 13.033px;
  background: var(--primary-Black, #1e1e1f);
  box-shadow:
    0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
    0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);
  color: #fff;
}

.select_points_wbh {
  width: 185px !important;
}

.select_points_wbh option {
}

.input_sub_wbh {
  position: relative;

  width: fit-content;
}

.input_sub_wbh_input {
  max-width: 185px;
  height: 54px;
  padding-left: 24px !important;
  padding-right: 53px !important;
  width: 185px !important;
}

.abs_points_wbh_inpt {
  position: absolute;

  right: 50px;

  bottom: 0;

  top: 80px;

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

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 600;

  line-height: 27px;
  /* 207.692% */
}

.abs_points_wbh_inpt2 {
  position: absolute;

  right: 20px;

  bottom: 0;

  top: 15px;

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

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 600;

  line-height: 27px;
  /* 207.692% */
}

.p_wbh_for {
  color: var(--primary-Black, #1e1e1f);

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 600;

  line-height: 27px;
  /* 207.692% */

  position: relative;

  top: -10px;
}

.p_result_wbh {
  color: #1858ff;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.773px;
  /* 241.238% */

  position: relative;

  top: -10px;
}

.inner_flex_input_sub_wbh {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}

.input_sub_wbh2 {
}

.p_wbh_action {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  /* 181.25% */
}

.integration_css1 {
  position: relative;

  top: 10px;
}

.hpn_tags_intr,
.hpn_tags_map {
  display: grid;
  grid-template-columns: repeat(6, min-content);
  grid-auto-rows: auto;
  gap: 25px;
  margin-top: 15px;
  width: fit-content;
}

.row_flex_label_inpt {
  display: flex;

  align-items: flex-end;

  margin-top: 15px;

  gap: 2px;
}

.integration_css3 {
  margin-top: 25px;

  margin: 0;
}

.area_send_notif_wbh {
  max-width: 441px;

  margin-bottom: 40px;

  resize: none;

  height: 108px;
}

.clickable_itm_wbh_area_notif {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 29px;
  /* 181.25% */

  color: #306aff;

  cursor: pointer;
}

.item_clickable_area {
  display: flex;

  gap: 15px;

  align-items: center;
}

.button_copy_wbh {
  border-radius: 8px;
  background: #0e2c7a;
  max-width: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-left: 27px;
}

.key_wbh_inp {
  position: absolute;

  left: 10px;

  top: -7px;

  bottom: 0;

  margin: auto;
}

.relative_input_wbh {
  position: relative;

  display: flex;
}

.input_webhook_wbh {
  border-radius: 8px;

  border: var(--Spacing-spacing-none, 1px) solid rgba(18, 18, 18, 0.1);

  background: #fff;

  /* Shadow/xs */

  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

  height: 49px;

  padding: 17px 38px 15px 17px;

  width: 100%;

  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  padding-left: 38px;

  line-height: 20.056px;
  /* 167.136% */
}

.p_wbh_1_2 {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  margin-bottom: 29px;

  line-height: 28px;
  /* 200% */
}

.p_wbh_1_1 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 29px;
  /* 181.25% */

  margin-bottom: 31px;
}

.box_wbh_final {
  border-radius: 23px; /* border: 1px solid rgba(30, 30, 31, 0.10); */
  background: #fff;
  width: fit-content;
  padding: 31px 38px;
  max-width: 674px;
  width: 100%;
  margin-top: 40px;
  box-shadow:
    0rem 0.125rem 0.25rem rgba(31, 33, 36, 0.1),
    0rem 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
}

.checkbox_wbh_action {
  w: 35px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
}

.common_rows_intr {
}

.stripe_only_intr {
}

.product_mapping_div_intr {
}

.p_product_mapping_intr {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.773px;
  display: block;
  font-family: 'Helvetica Neue';
  margin-bottom: 5px;
}

.button_add_product_intr {
  max-width: fit-content;

  padding-left: 25px;

  padding-right: 25px;

  margin-top: 59px;
}

.flex_product_mapped {
  display: flex;

  align-items: flex-start;

  border: 1px solid;

  padding: 10px;

  width: fit-content;

  border-radius: 23px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  margin-top: 25px;

  margin-bottom: 25px;

  padding-left: 15px;

  padding-right: 15px;

  flex-direction: column;

  border-radius: 13.033px;

  background: #fff;

  box-shadow:
    0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
    0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);

  padding-top: 0;

  padding-left: 27px;

  padding-right: 25px;

  height: fit-content;

  padding-bottom: 26px;

  max-width: 674px;

  width: 100%;

  padding-bottom: 39px;

  margin-bottom: 10px;
}

.product_mapped_intr {
}

.input_product_map_intr {
}

.hpn_tags_map {
  display: flex;

  margin-top: 20px;

  gap: 20px;

  margin-left: 35px;

  display: grid;

  grid-template-columns: repeat(4, min-content);

  grid-auto-rows: auto;

  gap: 25px;

  /* margin-top: 15px; */

  width: fit-content;
}

.p_product_mapped_intr {
  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 33.773px;

  display: block;

  font-family: 'Helvetica Neue';

  margin-bottom: 5px;
}

.number_input_no_arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media only screen and (max-width: 1150px) {
  #dash_integration_click_container {
    margin-top: 95px;
  }

  .intr_css_mob_1 {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 33.773px;
    margin-bottom: 16px;
    margin-left: 10px;
    text-align: center;
  }

  .flex_platform_wbh,
  .flex_button_intr_setting {
    display: grid;
    gap: 26px;
    margin-top: 30px;
    margin-bottom: 30px !important;

    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    align-items: center;
  }

  .wbh_box_one {
    border-radius: 13.033px;
    box-shadow:
      0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
      0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);
    width: 154.526px;
    height: 94.829px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    line-height: 0;
  }

  .p_wbh_action {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    position: relative;
    top: 5px;
  }

  .flex_product_mapped {
    display: flex;
    align-items: flex-start;
    border: 1px solid;
    padding: 10px;
    width: 100%;
    border-radius: 23px;
    border: 1px solid rgba(30, 30, 31, 0.1);
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    padding-bottom: 45px;
  }

  .inner_flex_input_sub_wbh {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-direction: column;
  }

  .relative_input_wbh {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .key_wbh_inp {
    position: absolute;
    left: 10px;
    top: -67px;
    bottom: 0;
    margin: auto;
  }

  .button_copy_wbh {
    border-radius: 8px;
    background: #1858ff;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-left: 0;
  }

  .wbh_box_action {
    border-radius: 13.033px;
    background: #fff;
    box-shadow:
      0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
      0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);
    width: 154.526px;
    height: 94.829px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    margin: 0;
    line-height: 0;
  }

  .hpn_tags_intr {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    grid-auto-rows: auto;
    gap: 25px;
    margin-top: 15px;
    width: fit-content;
  }

  .button_intr_setting {
    max-width: 150px;
    height: 58px;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-family: 'Helvetica Neue';
    font-weight: 500;
    line-height: 29px;
    border-radius: 13.033px;
    box-shadow:
      0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
      0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);
    border: 0;
  }

  .input_sub_wbh {
    position: relative;
    width: fit-content;
    width: 100%;
  }

  .select_points_wbh {
    border-radius: 8px;
    background: #f7f7f7;
    width: 100%;
    border: 0;
    padding: 16px 15px;
    font-family: 'Helvetica Neue';
    width: 100% !important;
    margin-bottom: -19px;
  }

  .input_sub_wbh_input {
    width: 100% !important;
    max-width: 100%;
  }

  .p_result_wbh {
    color: #1858ff;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.773px;
    position: relative;
    top: -10px;
    text-align: center;
    width: 100%;
  }

  .p_wbh_for {
    color: var(--primary-Black, #1e1e1f);
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 7px;
    position: relative;
    top: 0;
    width: 100%;
    margin-left: 8px;
  }

  .product_mapped_intr {
    width: 100%;
  }

  .hpn_tags_map {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    grid-auto-rows: auto;
    gap: 10px;
    margin-top: 35px;
    width: 100%;
    margin-left: 0;
  }

  .item_clickable_area {
    display: flex;
    margin-top: 15px;
    gap: 20px;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, min-content);
    justify-items: start;
  }
}

.button_add_tag_intr {
  max-width: 170px;
}

.disabled-action {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.intr_text_end {
  margin-top: 15px;
  text-align: end;
}

.product_mapping_div_intr {
}

.style_hpn_grid {
  display: flex;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, min-content);
  grid-auto-rows: auto;
  gap: 25px;
  /* margin-top: 15px; */
  padding-top: 10px;
  padding-bottom: 25px;
  padding-left: 0;
  margin-left: 0;
}

.input_pts_map_intr {
  margin-top: 10px;
}

.max_width_input_intr {
  max-width: 275px;
  display: block;
  margin-top: 0;
}

.button_add_tag_intr {
  margin-top: 10px;
}

.p_product_mapping_intr {
}

.p_product_mapping_intr2 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 700;

  line-height: 26px;
  /* 185.714% */

  padding-bottom: 6px;

  margin-top: 30px;
}

.button_add_tag_intr2 {
  border-radius: 32px;

  border: 1px solid rgba(30, 30, 31, 0.1);

  background: #f7f7f7;

  padding: 11px 29px 10px 22px;

  display: flex;

  align-items: center;

  gap: 15px;

  color: #1e1e1f;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 19.632px;
  /* 140.23% */
}

.style_boxed_intr {
  border-radius: 13.033px;

  background: #fff;

  box-shadow:
    0px -1.457px 7.286px 0px rgba(0, 0, 0, 0.08),
    0px 2.915px 7.286px 0px rgba(0, 0, 0, 0.08);

  padding-left: 25px;

  width: fit-content;

  padding-right: 25px;

  margin-top: 25px;
}

.intr_css_6 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-top: 25px;
  padding-bottom: 48px;
}

.flex_product_mapped_inner {
  display: flex;

  align-items: center;

  gap: 25px;
}

.footer_platform_1 {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
  gap: 20px;
}

.flex_appear_toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid black;
}

.arrow_layout_toggle_appearance {
  max-width: 35px;
  width: 100%;
  cursor: pointer;
}

.appearance_container {
  min-width: 583px;
}

.flex_appear_toggle {
  width: 100%;
  display: flex;
  margin-bottom: 25px;
  padding-bottom: 14px;
  margin-top: 10px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dbdbdb;
  cursor: pointer;
}

.flex_appear_toggle .p_title_dp_1 {
  color: var(--primary-Black, #1e1e1f);
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  margin-bottom: 0;
  margin-left: 0;
}

@media only screen and (max-width: 1150px) {
  .flex_product_mapped_inner {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: column;
  }

  .footer_platform_1 {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
    gap: 10px;
    align-items: center;
    flex-direction: column;
  }

  .product_container_content {
    margin-top: 0;
  }

  .appearance_container {
    min-width: 350px;
    max-width: 100%;
  }
}

.dropdown_feat_menu {
  /* Vos styles existants */
  margin-top: -20px; /* Ajustez cette valeur selon vos besoins */
  padding-top: 20px;
}

.css_new_dash_1 {
  margin-bottom: 0;

  margin-top: 15px;
}

.css_new_dash_2 {
  margin-top: 35px;
}

.css_new_dash_3 {
}

.css_new_dash_4 {
}
.css_custom_qr_1 {
  min-height: fit-content;
  padding: 9px;
  margin-right: 1px;
  margin: 0;
}

.input_for_qr_code_custom {
  display: flex;

  gap: 5px;

  margin-top: 30px;

  width: 100%;

  overflow: hidden;

  overflow-x: scroll;

  padding-bottom: 25px;
}

.css_qr_12 {
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  max-width: 45%;
  margin-top: 20px;
}
.css_qr_13 {
  max-width: 215px;
  margin-top: 75px;
}

.sub_code128_div,
.sub_aztec_div {
  margin: auto;
  text-align: center;
}

.book_a_demo_black_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  font-family: 'Helvetica Neue';
  height: 37px;
  margin-left: 19px;
  border-radius: 7px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #1e1e1f;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 19.632px;
  text-align: center;
  white-space: nowrap;
  min-width: 130px;
}

@media only screen and (max-width: 1150px) {
  .book_a_demo_black_button {
    background: #ffffff;
    color: black;
    padding: 5.28px 58.736px;
    max-width: 165px;
    width: 100%;
  }

  .flex_new_nav_3_custom {
    display: flex;
    padding: 11px;
    background: #f6f6f7;
    height: 71px;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    border-bottom: 1px solid #e0e6f9;
  }
  .p_nh_bad_mob {
    color: #000000;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 161.538% */
  }
  .p_nh_bad_mob_2 {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
  }
  .book_a_demo_black_button_mobile {
  }

  .bs_for_qr_code {
    max-width: 350px;
  }
  .input_for_qr_code_custom {
    max-width: 350px;
    padding: 10px;
    padding-left: 0;
  }
}

.button_new_nav {
  background: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
  max-width: 161px;
  width: 131px;
  padding: 9px 9px;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  border: 0;
  font-family: 'Helvetica Neue';
  border-radius: 10px;
  height: 58px;
  max-width: 203px;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 21px;
}

.phone_container_nh_1 {
}
.phone_1_nh_new {
  max-width: 441px;
}

.sub_platform_notif {
  color: #898989;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 23px; /* 164.286% */

  margin-bottom: 20px;
}

.notification_div_appear_2 {
}
.p_title_appear_notif {
  color: #1e1e1f;

  font-size: 8.049px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-top: -4px;

  text-align: start;
}
.p_content_appear_notif {
  color: #898989;

  font-size: 7.939px;

  font-style: normal;

  font-weight: 400;

  line-height: 11.068px; /* 139.422% */

  text-align: start;
}
.notification_div_appear_1 {
}

.notification_div_appear {
  position: absolute;

  width: fit-content;

  border-radius: 10.732px;

  background: #f9f9f9;

  min-width: 217.99px;

  box-shadow: 0px 1.225px 12.247px 2.449px rgba(0, 0, 0, 0.08);

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 5px;

  padding-left: 8px;

  padding-top: 5px;

  padding-bottom: 5px;

  padding-right: 8px;

  left: 0;

  right: 0;

  margin: auto;

  top: -150px;

  bottom: 0;

  height: fit-content;
}
.position_frame_phone_mockup {
  display: block;

  position: relative;

  text-align: center;
}
.img_appear_notif {
  max-width: 257px;
}
.icone_notif_same_as_collection {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}
.flex_btn_brandingappear_notif {
  display: flex;

  justify-content: space-between;

  margin-top: 45px;
}

.css_label_input_appear {
  font-size: 16px;
  margin: 0;
  margin-bottom: 5px;
}
.notification_div_appear_1 {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1150px) {
  .flex_btn_brandingappear_notif {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    flex-direction: column;
  }
}

.notification_div_appear_1 {
  background: var(--color-primary);
  width: 27.5px;
  height: 28.171px;
  border-radius: 3.354px;
  flex-shrink: 0;
}

.pricing_save_inp_home {
  border-radius: 3.685px;
  height: 26.954px;
  position: absolute;
  top: -34px;
  background-color: #d0ff99;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 3.685px;
  height: 26.954px;
  padding-left: 5px;
  font-size: 12px;
  color: #006000;
  background-color: #d0ff99;
  padding-right: 5px;
}

.css_pr_new_nh5_pricing_pastille_save {
  top: 10px;

  right: -130px;
}

@media only screen and (max-width: 1150px) {
  .css_pr_new_nh5_pricing_pastille_save {
    left: 10px;

    top: 60px;

    width: fit-content;
  }
  .css_sup_palt_1 {
    margin-top: 60px;
  }
}

.row_auto_plt_1 {
  display: flex;

  justify-content: space-between;

  position: relative;
}
.col_6_auto_1 {
}
.container_of_automation_1 {
  position: sticky;

  top: 90px;
}
.css_auto_1 {
  font-size: 16px;
  margin: 0;
}
.automation_hpn_1 {
  margin-top: 37px;
  margin-bottom: 31px;
}
.automated_div_block {
  border-radius: 10px;
  background: #f7f7f7;
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  padding-left: 22px;
  padding-right: 14px;
  width: 100%;
  max-width: 516px;
}
.p_1_auto_1 {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px; /* 164.286% */
}
.counter_activated_auto {
  display: flex;
  border-radius: 6.79px;
  background: #fff;
  padding: 7px;
  height: 25px;
  align-items: center;
  justify-content: center;
}
.ico_1_auto_1 {
}
.counter_number_automation {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 176.923% */
}
.trash_edit_auto_div {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.ico_2_auto_1 {
  cursor: pointer;
}
.ico_3_auto_1 {
  cursor: pointer;
}
.btn_add_automation {
  width: 100%;
  max-width: 516px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  /* 241.238% */
  border-radius: 10px;
  height: 47px;
  background: #1858ff;
  border: 0;
  font-family: 'Helvetica Neue';
}

.child_div_1_auto_1 {
  display: flex;
  gap: 20px;
  align-items: center;
}

.introjs-tooltiptext {
  padding: 20px;
  text-align: center;
}
.introjs-tooltip {
  background-color: rgb(0 0 0 / 91%) !important;
  color: #fff;
}

.launchhelper_button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 10px;
  font-family: 'Helvetica Neue';
  border-radius: 8px;
  background: #f0f0f0;
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.773px;
  max-width: 218px;
  min-width: 218px;
  width: 100%;
  height: auto;
}

.helper_icon {
  width: fit-content;
  max-width: 25px;
  position: relative;
  top: 0px;
}

.prix_flex_1_ {
  display: flex;
  margin-bottom: 250px;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.block_de_prix_general {
  max-width: 310px;
  padding: 20px;
  width: 100%;
  border-radius: 16.803px;
  border: 0.731px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  position: relative;
  min-height: 551px;
  margin-bottom: 25px;
}

.pastille_essaie_gratuit_prix {
  max-width: 75px;
  height: 27px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 8.767px;
  font-style: normal;
  display: flex;
  font-weight: 600;
  line-height: 14.343px; /* 163.602% */
  border-radius: 17.534px;
  border: 0.731px solid rgba(0, 0, 0, 0.05);
  background: #1e1e1f;
  justify-content: center;
  align-items: center;
  right: 14px;
  top: 10px;
  position: absolute;
  width: 100%;
}

.prix_flex_2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: -7px;
}

.css_prix_flex_2_1 {
}

.p_prix_flex_2_1 {
  color: #1e1e1f;
  text-align: center;
  font-size: 17.534px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.p_desc_prix_1 {
  margin-top: 8px;
  color: #1e1e1f;
  font-size: 10.265px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 15.397px */
  margin-bottom: 15px;
}

.flex_nh_pricing_1 {
}

.css_prix_flex_1_nh {
  display: flex;
  gap: 7px;
  align-items: center;
}

.css_prix_flex_2_nh_1 {
  top: 89px;
  right: 10px;
}

.price_pricing_1_nh_snps {
}

.pr_nh_1_a {
  color: #101828;
  font-size: 31.172px;
  font-style: normal;
  font-weight: 900;
  line-height: 36.367px; /* 116.667% */
  letter-spacing: -0.623px;
}

.div_pricing_1_nh_snps {
  display: flex;
  align-items: flex-end;
}

.barred_price_nh_new {
}

.pr_nh_1_b {
  color: #101828;
  font-size: 11.689px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.885px; /* 144.444% */
  letter-spacing: -0.156px;
  text-decoration-line: strikethrough;
  text-decoration: line-through;
  position: relative;
  top: 3px;
}

.p_month_pricing_1_nh {
  color: #475467;
  font-size: 9.092px;
  font-style: normal;
  font-weight: 400;
  line-height: 12.988px; /* 142.857% */
  letter-spacing: -0.273px;
}

.p_month_pricing_1_nh_2 {
  color: #101828;
  font-size: 11.689px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.885px; /* 144.444% */
  letter-spacing: -0.156px;
  margin-bottom: 23px;
}

.css_prix_flex_3_nh_1 {
  margin-bottom: 23px;
}

.css_prix_flex_4_nh {
  color: #101828;
  font-size: 12.228px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.586px; /* 152.381% */
  letter-spacing: -0.104px;
  gap: 5px;
  margin-bottom: 10px;
  display: flex;
}

.pastille_prix_par_cartes {
  fill: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), linear-gradient(207deg, #ef1c27 5.43%, #94131b 94.22%), #ef1c27;
  stroke-width: 3.194px;
  stroke: #fff;
  width: 70.222px;
  background: #1858ff;
  height: 70.222px;
  border-radius: 100%;
  color: #fff;
  gap: 0;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  display: flex;
  font-size: 9.748px;
  font-style: normal;
  font-weight: 400;
  line-height: 9px; /* 178.032% */
  flex-direction: column;
  align-items: center;
  position: absolute;
  justify-content: center;
  bottom: 17px;
  right: 27px;
  outline: 3px solid white;
  display: none;
}

.prix_par_cartes_1 {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 13.005px;
  font-style: normal;
  font-weight: 900;
  line-height: 0; /* 133.447% */
}

.css_img_prix_pastille_ {
  max-width: 12px;
}

.css_color_prix_2 {
  border-radius: 16.803px;
  border: 0.731px solid rgba(0, 0, 0, 0.1);
  background: #ececec;
}

.css_color_prix_3 {
  border-radius: 16.803px;
  background: #010101;
}

.css_prix_flex_3_nh_1_white {
}

.css_button_start_pricning_nh_white {
}

.css_img_prix_pastille_1 {
  filter: brightness(0);
  max-width: 12px;
}

.color_black_bg_pecs {
  background: #1e1e1f;
}

.css_color_prix_4 {
  background: #1858ff;
}

.switch_pricing_nh_snapss {
  border-radius: 28.444px;
  border: 0.889px solid rgba(243, 243, 247, 0.2);
  background: #f3f3f7;
  backdrop-filter: blur(17.77777671813965px);
  display: flex;
  width: 201px;
  padding: 4.444px;
  margin: auto;
  align-items: center;
  gap: 57px;
  position: relative;
  justify-content: center;
  height: 43px;
  margin-top: 50px;
  margin-bottom: 70px;
  cursor: pointer;
}

.text_style_nh_switch_pr_nh {
  color: #1e1e1f;
  font-size: 12.444px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.556px; /* 157.143% */
  letter-spacing: -0.427px;
}

.overlay_switch_pricing_nh_snapss {
  position: absolute;
  right: 9px;
  color: #fff;
  text-align: center;
  font-size: 12.444px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.556px; /* 157.143% */
  letter-spacing: -0.427px;
  border-radius: 21.333px;
  background: #1e1e1f;
  backdrop-filter: blur(8.888888359069824px);
  transition: 0.3s;
  width: 91px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1150px) {
  .prix_flex_1_ {
    flex-direction: column;
    padding: 20px;
  }

  .block_de_prix_general {
    max-width: 100%;
    padding: 20px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    min-height: 200px;
    padding-bottom: 81px;
  }

  .switch_pricing_nh_snapss {
    margin: unset;
    margin-top: 50px;
  }

  .margin-mobile_prix_1 {
    margin-bottom: 75px;
  }
}

.monthly_class_positio {
  right: 100px;
}
.container_of_automation_2 {
  border-radius: 23px;

  background: #fff;

  box-shadow:
    0px -2.241px 33.619px 0px rgba(0, 0, 0, 0.1),
    2.555px 8.517px 25.55px 0px rgba(0, 0, 0, 0.08);

  padding: 28px;

  padding-top: 50px;

  padding-bottom: 50px;

  max-width: 570px;
}
.css_auto_1_n19 {
  margin: 0;
}
.css_auto_2_n19 {
  margin: auto;

  text-align: start;

  max-width: 100%;

  margin-bottom: 14px;
}
.css_auto_3_n19 {
  margin-bottom: 52px;

  border: 0.995px solid rgba(30, 30, 31, 0.1) !important;
}
.flex_button_auto_audience {
  display: flex;

  gap: 15px;

  margin-bottom: 43px;
}
.btn_auto_audience {
  max-width: 246px;

  height: 42px;

  width: 100%;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 12px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  border-radius: 10px;

  background: #f7f7f7;

  border: 0;
}
.btn_auto_audience_active {
  color: #fff;

  background: #1e1e1f;
}
.box_select_automation {
  border-radius: 10px;

  background: #f7f7f7;

  margin-bottom: 23px;

  position: relative;

  padding: 14px 20px;

  border: 1px solid #ffffff;

  cursor: pointer;
}
.p1_auto_box {
  color: #1e1e1f;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 23px; /* 164.286% */
}
.p2_auto_box {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 23px;
}
.ico_auto_1 {
  position: absolute;

  top: 11px;

  right: 11px;

  width: 16px;

  height: 16px;
}
.box_select_automation_active {
  border: 1px solid #1858ff;
}

.flex_time_input_div {
  display: flex;

  justify-content: space-between;

  gap: 18px;

  margin-bottom: 23px;
}
.time_input_div_ {
}
.p_label_div_month {
  color: #1e1e1f;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  margin-bottom: 7px;
}
.css_auto_4_n19 {
  border: 0.995px solid rgba(30, 30, 31, 0.1) !important;
}

.css_auto_5_n19 {
}
.flex_time_input_div_2 {
  display: flex;
  justify-content: space-between;
  margin-top: 23px;
  margin-bottom: 23px;
  gap: 23px;
}
.flex_time_input_div_3 {
  display: flex;

  align-items: center;

  color: #000;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  gap: 9px;
}
.btn_auto_final {
  border-radius: 10px;

  border: 0;

  color: #898989;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 33.773px; /* 241.238% */

  height: 46px;

  max-width: 250px;

  width: 100%;

  font-family: 'Helvetica Neue';
}
.btn_auto_final_active {
  border-radius: 10px;

  background: #1858ff;

  color: #fff;
}
.css_auto_6_n19 {
  max-width: 520px;
}
.css_auto_7_n19 {
  width: 283px !important;
}
.flex_button_auto_final {
  display: flex;

  gap: 14px;

  margin-top: 35px;
}
.css_auto_8_n19 {
  margin-bottom: 52px;
}

.tags_auto_hpn_2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(93px, 1fr));
  gap: 19px;
  justify-content: center;
  justify-items: center;
}

.tags_auto_hpn_3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(93px, 1fr));
  gap: 19px;
  justify-content: center;
  justify-items: center;
}
.error_message_auto {
  color: red;
  font-size: 12px;
  position: absolute;
}

.popup_calendly {
  position: fixed;

  width: 100%;
  backdrop-filter: blur(5px);
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.09);
  text-align: center;

  display: grid;
  z-index: 78;
  align-items: center;
}

.box_popup_calendly {
  border-radius: 21.637px;

  background: #fff;

  box-shadow:
    0px -2.021px 30.308px 0px rgba(0, 0, 0, 0.1),
    2.303px 7.678px 23.034px 0px rgba(0, 0, 0, 0.08);

  max-width: 455px;

  height: 535px;

  padding-bottom: 45px;

  width: 100%;

  margin: auto;

  padding-left: 25px;

  padding-right: 25px;

  position: relative;
}
.close_popup_calendly {
  position: absolute;

  top: 20px;

  right: 20px;
  cursor: pointer;
}

.p_calendly_1 {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  margin-bottom: 15px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 33.773px; /* 140.722% */
  margin-top: 39px;
}
.p_calendly_2 {
  color: #898989;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 169.231% */
  margin: auto;
  margin-bottom: 25px;
}
.calendly-inline-widget {
}
.helper_text_bold {
  color: #000;
  font-weight: 400;
  margin-right: 5px;
  margin-left: 5px;
}

@media only screen and (max-width: 1150px) {
  .box_popup_calendly {
    max-width: 350px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding: 10;
    /* height: 595px; */
  }

  .calendly-inline-widget {
    min-width: 320px !important;
    width: 330px;
    z-index: 0;
    border-radius: 12px;
    /* margin-left: 12px; */
    /* margin-top: 62px; */
  }
  .launchhelper_button {
    width: fit-content;
    height: 25px;
    background: #d3d3d3;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    border-radius: 9px;
    padding-right: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1px;
    font-family: 'Helvetica Neue';
    color: #fff;
    min-width: unset;
  }
  .p_calendly_2 {
    max-width: 322px;
  }
  .p_calendly_1 {
    color: #1e1e1f;
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 15px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.773px;
    margin-top: 29px;
  }
  .close_popup_calendly {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }
  .calendly-inline-widget iframe {
    border-radius: 12px;
  }
}

.referral_points_input_act {
  border-radius: 15px;
  background: #f7f7f7;
  width: 100%;
  border: 0;
  padding: 18px;
  margin-bottom: 44px;
}

.widthspec_fr_button_help {
  max-width: 100%;
  min-width: 261px;
}

.trash_faq_ico {
  position: absolute;
  width: fit-content;
  border-radius: 12px;
  padding: 10px;
  border: 1px solid #cbcbcb;
  right: 30px;
  bottom: 20px;
  display: flex;
  gap: 6px;
  cursor: pointer;
  width: fit-content;
  height: 48px;
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #f5f5f5;
}

.trashfaq_icons {
}

.button_color_for_last_pricing {
  background: #1e1e1f;
}

.flex_blockchains_info .p_dp_network_custom {
  font-size: 8.511px;
}

.flex_blockchains_info .p_dp_sub_network {
  font-size: 12px;
}

.flex_blockchains_info {
  margin-top: 8px;
}

.box-input-number-pass {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.input-number-pass {
  height: 50px;
  border: none !important;
  font-size: 37px !important;
  width: 83px !important;
}

.css_email_add_2502_1 {
  font-size: 14px !important;
}

.css_email_add_2502_2 {
  margin-top: 60px;
}

.css_email_add_2502_3 {
  margin-bottom: 12px;
  margin-top: 25px;
}

.h2_hoome_march_news {
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 60px; /* 150% */
}
.blue_snaps_colors {
  color: #1858ff;
}

.margin_top_bento_home_march_new_2 {
  margin-top: 260px;
  margin-bottom: 106px;
}

.trusted_by_18 {
  max-width: 90px;
}

.trusted_by_17 {
  max-width: 35px;
  position: relative;
  left: -20px;
}

.css_dp_refresh_new_matrch {
}
.marg_top_none_dp_march {
  margin-top: 0px;
}

.marg_top_none_dp_march .digital_pass_custom_dash {
  margin-top: 20px;
}

.copy_ico_new_nav {
}

.css_march_1_snapss {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 9px;
  width: 18px;
  height: 18px;
  bottom: 0;
  margin: auto;
}

.css_march_2_snapss {
  max-width: 304px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

.qr_code_snapss_march1 {
}

.send_notif_table {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  gap: 15px;
  align-content: center;
}

.message_welcome_ma {
  margin-top: 35px;
  width: 100%;
}

@media only screen and (max-width: 1150px) {
  .message_welcome_ma {
    margin-top: -20px;
    width: 100%;
  }

  .css_dp_refresh_new_matrch {
    margin-right: 25px;
    margin-top: 25px;
  }

  .padding_l_r_match1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .css_tooltip_new_nav {
    right: 55px;
    bottom: unset;
    top: 0;
  }
  .pen_nav_ico {
    position: unset;

    margin: unset;
  }

  .spec_row_nav_1 {
    justify-content: flex-start;
    margin-left: 18px;
    margin-top: -3px;
  }
  .copy_link_1_nav {
    width: 38px;
    height: 38px;
  }
  .custom_project_box_new_ohome {
    height: 622px;
    border-radius: 17.77px;
    text-align: center;
  }

  .flex_popup_team_1 .title_notif_popup {
    font-family: 'Helvetica Neue';
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.773px;
    text-align: start;
  }

  .box_add_team {
    max-width: 360px;
  }
}

.tippy-tooltip.custom-theme {
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 10px;
}

.tippy-box[data-theme~='translucent'] {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  border: 1px solid #333;
  padding: 10px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tippy-box[data-theme~='translucent'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.ttip_icone {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.flex_status_member {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-content: stretch;
  height: 100%;
  padding-top: 9px;
}

.label_ttip {
}

.country_stats_table {
  font-size: 14px;
  font-weight: 600;
}

.country_stats_table thead th {
  font-weight: 400;
  color: #898989;
  font-size: 16px;
}

.country_stats_table tbody tr {
  border: none;
}

.dt-paging {
  padding-left: 20px;
}

.separate_button_try_close {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
}

.error_notif {
  border: 1px solid red !important;
}
.v2_error_notif_message {
  margin-left: 10px;
  font-size: 12px;
  color: #781313;
  margin-bottom: 20px;
}

#email_input_team {
  margin-bottom: 30px;
}

.css_custom_area_access {
  border-radius: 23px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  padding: 30px;
  width: 100%;
  min-height: 400px;
}

.update_css_button {
  border-radius: 7px;
  border: 1px solid rgba(30, 30, 31, 0.1);
  background: #0e2c7a;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
  padding-top: 1px;
  width: 130px;
  margin-left: 0;
  height: 37px;
  min-width: 130px;
  font-family: 'Helvetica Neue';
  margin-top: 25px;
  width: fit-content;
}

.update_css_button_container {
  display: flex;
  justify-content: flex-end;
}

.input-time2 {
  border-radius: 8px !important;
  background: #f7f7f7 !important;
  width: 100% !important;
  border: 1px solid #ececec !important;
  padding: 16px 15px !important;
  font-family: 'Helvetica Neue' !important;
  margin-top: 5px !important;
}
.nh_nav_snapss {
  height: 89px;
  padding-left: 43px;
  padding-right: 43px;
  /* margin: auto; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fffffff2;
  position: fixed;
  width: 100%;
  z-index: 50;
  margin: auto;
  adding: 0;
  background: unset;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  max-width: 1258px;
  height: 71px;
  width: 100%;
  margin: auto;
  display: block;
  top: 18px;
  left: 0;
  right: 0;
  display: flex !important;
  padding-left: 31px;
  padding-right: 31px;
}
.child_nh_nav_snapss {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: auto;
  width: 100%;
}
.snapss_nh_logo {
  max-width: 152px;
}
.main_nav_nh {
  /* border-radius: 28.444px; */
  /* border: 0.889px solid rgba(243, 243, 247, 0.20); */
  /* background: #F3F3F7; */
  /* backdrop-filter: blur(17.77777671813965px); */
  display: flex;
  gap: 23px;
  position: relative;
  height: 43px;
  align-items: center;
  /* padding-left: 25px; */
  /* padding-right: 25px; */
  /* max-width: 358px; */
  width: fit-content;
  /* width: 100%; */
  justify-content: space-between;
}
.nh_item_nav {
  /* 162.963% */
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}
.text_white_nh {
  color: #fff !important;
}
.p_nh_item_nav {
  color: #1e1e1f;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.556px;
}
.flex_nav_nh {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-direction: row-reverse;
}
.general_btn_nh {
  /* max-width: 161px; */
  min-width: 131px;
  padding: 9px 9px;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.632px; /* 163.602% */
  border: 0;
  font-family: 'Helvetica Neue';
  border-radius: 10px;
}
.grey_scale_btn {
  background: #f3f3f7;
  color: #898989;
}
.blue_scale_btn {
  background: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
}

.overlay_nav_nh {
  position: absolute;
  width: 102.141px;
  height: 34px;
  background: #000;
  z-index: 1;
  left: 0;
  /* top: 0; */
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  border-radius: 21.333px;
}

.overlay_nav_nh_fr {
  width: 144.188px;
}

.container_nh_snapss {
  max-width: 1440px;
  padding-left: 53px;
  padding-right: 53px;
  margin: auto;
}
.row_nh_snapss {
  display: flex;
  justify-content: center;
  margin-bottom: 114px;
}
.grey_box_nh_snapss {
  position: relative;
  max-width: 416px;
  width: 100%;
  padding: 40px;
  border-radius: 23px;
  background: #f9f9f9;
  height: 583px;
  overflow: hidden;
  cursor: pointer;
}
.illustration_nh_snapss {
  height: 380px;
  position: relative;
  text-align: center;
}
.p_nh_snapss_1 {
  /* 183.407% */
  display: flex;
  align-items: flex-start;
  gap: 12px;
  justify-content: flex-start;
}
.p_nh_snapss_2 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.big_num_nh_snapss {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-size: 80px;
  font-style: normal;
  font-weight: 900;
  line-height: 1px; /* 231.092% */
}
.span_2line_nh_snapss {
}
.phone_1_nh {
  max-width: 131px;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.5s;
}
.phone_2_nh {
  max-width: 131px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  transition: 0.5s;
}
.notif_1_nh {
  max-width: 320px;
}
.notif_2_nh {
  max-width: 300px;
  position: relative;
  top: -30px;
}
.notif_3_nh {
  max-width: 270px;
  position: relative;
  top: -54px;
}
.notif_4_nh {
  max-width: 230px;
  position: relative;
  top: -70px;
}

.hover_1_nh_snapss {
}
.hover_2_nh_snapss {
}
.hover_3_nh_snapss {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}

.nh_p1_s {
  position: relative;

  top: 0;

  z-index: 3;

  transition: 0.3s;

  max-width: 305px;
}
.nh_p2_s {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  margin: auto;
  z-index: 2;
  transition: 0.5s;
  max-width: 305px;
}

.span_2line_nh_snapss {
  color: #1e1e1f;

  font-size: 16px;

  font-style: normal;

  font-weight: 800;

  line-height: 29.345px; /* 183.407% */

  position: relative;

  top: -20px;

  text-align: start;
}
.position_p_nh_2 {
  top: -20px;
}
.position_p_nh_1 {
  top: -20px;
}
.position_p_nh_3 {
  max-width: 298px;

  margin-top: 30px;

  margin-left: 13px;
}

.g_hover_1:hover .nh_p2_s {
  top: 30px;
}
.g_hover_1:hover .nh_p1_s {
  top: 20px;
}

.g_hover_2:hover .phone_1_nh {
  left: -150px;
}
.g_hover_2:hover .phone_2_nh {
  left: 150px;
}

.notif_1_nh {
  transition: 0.5s;
}
.notif_2_nh {
  transition: 0.5s;
}
.notif_3_nh {
  transition: 0.5s;
}
.notif_4_nh {
  transition: 0.5s;
}
.g_hover_3:hover .notif_1_nh {
  max-width: 350px;
}
.g_hover_3:hover .notif_2_nh {
  max-width: 350px;
  top: -40px;
}
.g_hover_3:hover .notif_3_nh {
  max-width: 350px;
  top: -80px;
}
.g_hover_3:hover .notif_4_nh {
  max-width: 350px;
  top: -120px;
}
.contain_blocks_nh_1 {
  display: flex;

  align-items: flex-start;

  gap: 13px;

  justify-content: center;

  margin-top: 102px;

  margin-bottom: 76px;
}

.bento_1_col {
}
.box_nh_snapss_bento {
  border-radius: 23px;

  background: #f9f9f9;

  max-width: 330px;

  text-align: center;

  margin-bottom: 11px;
}
.p_bento_1_nh {
  color: #000;

  text-align: center;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 28px; /* 186.667% */

  /* max-width: 247px; */

  margin: auto;

  margin-left: 44px;

  padding-bottom: 28px;

  margin-right: 44px;
}
.p_bento_3_nh {
  color: #000;

  text-align: center;

  font-size: 15px;

  font-style: normal;

  font-weight: 600;

  line-height: 28px; /* 186.667% */

  max-width: 237px;

  margin: auto;
}
.p_bento_3_nh_2 {
  color: #1e1e1f;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: 1; /* 346.667% */
}
.p_bento_2_nh_1 {
  color: #3befcb;

  text-align: center;

  font-size: 90.475px;

  font-style: normal;

  font-weight: 900;

  line-height: normal;

  margin-top: 15px;
}
.p_bento_2_nh {
  color: #1e1e1f;

  text-align: center;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px; /* 160% */
}
.bento_1_nh {
  max-width: 141px;
  margin-bottom: 39px;
  margin-top: 37px;
}
.bento_2_nh {
  max-width: 64px;
  margin-top: 15px;
  margin-bottom: -2px;
}
.bento_3_nh {
  max-width: 311px;
  margin-bottom: 24px;
}
.bento_4_nh {
  position: relative;
  top: 25px;
  max-width: 290px;
}
.bento_5_nh {
  max-width: 283px;
  margin-top: 28px;
  margin-bottom: 24px;
}
.bento_6_nh {
  max-width: 275px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.nh_snapss_css_1 {
  max-width: 334px;
  width: 100%;
}
.nh_snapss_css_2 {
}
.nh_snapss_css_3 {
  padding-bottom: 26px;
  max-width: 334px;
}
.nh_snapss_css_4 {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-size: 19.86px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px; /* 209.171% */
}
.nh_snapss_css_5 {
  max-width: 339px;
  padding-bottom: 19px;
  width: 339px;
}
.nh_snapss_css_6 {
}
.nh_snapss_css_7 {
  padding-bottom: 27px;
  max-width: 339px;
}
.nh_snapss_css_8 {
  max-width: 266px;
  margin: auto;
}
.nh_snapss_css_9 {
  max-width: 325px;
  padding-bottom: 28px;
}
.nh_snapss_css_10 {
}
.nh_snapss_css_11 {
  padding-left: 33px;
  padding-right: 33px;
  padding-top: 30px;
  padding-bottom: 22px;
}
.nh_snapss_css_12 {
  margin-top: 10px;
}
.live_demo_div {
  border-radius: 36px;
  border: 1px solid #1858ff;
  background: linear-gradient(0deg, #1e1e1f 0%, #1e1e1f 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  max-width: 208px;
  width: 100%;
  height: 58px;
  position: fixed;
  z-index: 50;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.632px; /* 122.701% */
  cursor: pointer;
}

.h1_trend {
  color: #1e1e1f;
  margin-top: 80px;
  leading-trim: both;

  text-edge: cap;

  font-size: 75px;

  font-style: normal;

  font-weight: 700;

  text-align: center;

  line-height: 86px; /* 114.667% */
}
.h2_trend {
  color: #898989;
  text-align: center;
  margin-top: 10px;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 128.571% */
}
.bleu_span_trend {
  border-radius: 10px;

  background: #1858ff;

  padding-left: 16px;

  padding-right: 16px;

  text-transform: lowercase;

  color: #fff;

  display: inline-block;

  height: 89px;
}
.big_input_trend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 1106px;
  margin: auto;
  margin-bottom: 123px;
  border-radius: 13.033px;
  background: #fff;
  margin-top: 33px;
}
.tooltip_trend {
  display: flex;
  align-items: center;
  margin-left: 20px;
  gap: 12px;
  width: fit-content;
  height: 57px;
  border-right: 3px solid #000;
}
.p_tooltip_trend {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px; /* 223.077% */
  margin-right: 42px;
  white-space: nowrap;
}
.input_trend {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px; /* 223.077% */
  padding-left: 34px;
  padding-top: 12px;
  padding-bottom: 11px;
  max-width: 678px;
  border: 0;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  width: 678px;
  background: #f7f7f7;
}
.button_trend {
  border-radius: 10px;
  border: 3px solid #000;
  background: linear-gradient(0deg, #1e1e1f 0%, #1e1e1f 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin: auto;
  line-height: 19.632px; /* 140.23% */
  max-width: 239px;
  height: 58px;
  width: 100%;
  /* margin-left: 13px; */
  transition: 0.3s;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Helvetica Neue';
  display: flex;
  align-items: center;
  justify-content: center;
}

.button_trend:hover {
  background: #1858ff;
  color: #fff;
  border: 0;
}
.inner_flex_trennd {
  display: flex;
  align-items: center;
  border: 3px solid #000;
  border-radius: 13px;
  height: 58px;
  width: -webkit-fill-available;
  background: #f7f7f7;
}

.p_trend_1 {
  color: #1858ff;

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px; /* 225% */

  margin-top: 55px;
}

.inner_flex_trend_1 {
  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 0;

  flex-direction: column;

  margin-bottom: 53px;
}
.people_trend {
  max-width: 212px;
  margin-right: 11px;
}
.p_trend_2 {
  color: #898989;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-right: 0;
  margin-top: 0px;
  text-align: center;
}
.span_trend_2 {
  color: #1e1e1f;
  font-weight: 600;
}
.star_trend {
}

.span_trend_3 {
  border-radius: 10px;

  background: #1e1e1f;

  padding-left: 16px;

  padding-right: 16px;

  color: #fff;

  display: inline-block;

  height: 89px;
}

.h3_trend {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 86px; /* 114.667% */
  margin-bottom: 103px;
}

.emoji_trend {
  margin-right: 30px;
}
.row_key_features {
  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 220px;
}
.p_key_featurres_trend {
  display: flex;

  align-items: center;

  gap: 16px;

  color: #101828;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 21.333px; /* 152.381% */

  white-space: nowrap;

  letter-spacing: -0.142px;

  margin-bottom: 17px;
}
.check_trend {
  width: 17px;
}
.snapss_key_features {
}
.css_trend_1 {
  margin-bottom: 180px;
}
.css_trend_2 {
  margin-right: 25px;
}

.linear_text_trend {
  display: flex;
  align-items: center;
  gap: 20px;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px 0;
  background: #1e1e1f;
}

.p_linear_text_trend {
  animation: slide 20s linear infinite;
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.squared {
  width: 22px;
  height: 22px;
  margin-left: 27px;
  margin-right: 27px;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.css_trend_5 {
  position: relative;
}

.css_trend_4 {
}

.p_trend_1 {
}

.green_span_trend {
  border-radius: 10px;
  background: #3befcb;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  display: inline-block;
}
.pink_span_trend {
  border-radius: 10px;
  background: #ee97b5;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  display: inline-block;
}
.red_span_trend {
  border-radius: 10px;
  background: #ff7c6d;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  display: inline-block;
  white-space: nowrap;
}

.row_trend_1 {
  margin-top: 100px;
}

.css_trend_3 {
  margin: unset;
}
.css_trend_5 {
}
.trend_1 {
}

.p_trend_score_1 {
  color: #1e1e1f;
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.p_trend_score_2 {
  color: #898989;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 29px;
  margin-bottom: 46px;
}
.line_separator_trend {
  width: 100%;
  background: #000;
  height: 5px;
  margin-top: 100px;
}
.css_trend_6 {
  text-align: end;
}

.css_trend_7 {
}
.trend_2_img {
  max-width: 610px;

  margin-left: -35px;
}

.trend_3_img {
  position: absolute;

  max-width: 752px;

  top: 0;

  bottom: 0;

  right: -128px;

  margin: auto;
}
.css_trend_8 {
  margin-top: 125px;
  margin-bottom: 125px;
}
.css_trend_9 {
  margin-top: 75px;
  text-align: center;
}

.faq_fidel_container {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  /* gap: 33px; */
}
.faq_fidel_pilard {
  width: 50%;
}
.faq_fidel_box {
  border-radius: 23px;
  background: #fff;
  max-width: 100%;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 26px;
  padding-right: 26px;
  cursor: pointer;
  margin-bottom: 20px;
  /* min-height: 97px; */
  transition: all 0.3s ease-in-out;
}
.faq_shadow_nh {
  box-shadow:
    0px -1.174px 17.61px 0px rgba(0, 0, 0, 0.05),
    1.338px 4.461px 13.384px 0px rgba(0, 0, 0, 0.05);
}
.lil_flex_faq_fidel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p_fidel_faq_t {
  color: var(--primary-Black, #1e1e1f);
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  /* max-width: 387px; */
}
.plus_div_faq_fidel {
  width: 28.121px;
  height: 28.121px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1e1e1f1a;
  border-radius: 6px;
  background: #f7f7f7;
  cursor: pointer;
}
.fidel_illu_plus_faq {
}

.faq_fidel_p_r {
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 26px;
  line-height: 150%; /* 21px */
  max-width: 100%;
}

.fidel_faq_less {
  background: #1858ff;
}

.faq_pilard_flex {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.trend_form_bottom {
  background: url('../img/bg_trend_1.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 554px;
  margin-top: 100px;
}
.input_form_trend {
  border-radius: 8px;

  background: #fff;

  max-width: 539px;

  height: 49px;

  width: 100%;

  padding: 16px;

  border: 0;

  margin-bottom: 25px;

  color: #898989;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}
.button_trend_form {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 19.632px; /* 140.23% */

  border-radius: 10px;

  background: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);

  width: 100%;

  border: 0;

  height: 58px;

  margin-top: 17px;
}
.form_box_trend {
  max-width: 752px;

  margin: auto;

  background: rgba(30, 30, 31, 0.6);

  backdrop-filter: blur(15px);

  padding-left: 100px;

  padding-right: 100px;

  padding-top: 40px;

  padding-bottom: 60px;

  border: 10px solid #fff;

  height: 100%;

  border-top: 0;

  border-bottom: 0;
}
.p_form_title_trend {
  color: #fff;

  font-size: 34px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  display: flex;

  gap: 22px;

  margin-bottom: 31px;
}
.inner_flex_trend_footer {
  display: flex;
  gap: 14px;
}

.h1_nh_snapss {
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 66px;
  font-style: normal;
  font-weight: 700;
  line-height: 86px;
  margin-top: 31px;
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
  max-width: 813px;
  margin: auto;
  margin-top: 61px;
}

.bleu_span_nh {
  color: #1858ff;
}

.h2_nh_snapss {
  color: #898989;

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px; /* 180% */

  margin-top: 0px;

  color: #898989;

  text-align: center;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px; /* 200% */
}

.big_input_nh_snapss {
  border-radius: 23px;

  border: 1px solid rgba(0, 0, 0, 0.05);

  background: linear-gradient(90deg, rgba(0, 0, 255, 0.08) 0%, rgba(0, 0, 153, 0.08) 100%);

  backdrop-filter: blur(15px);

  max-width: 1206px;

  margin: auto;

  padding-top: 30px;

  padding-left: 32px;

  padding-right: 36px;

  padding-bottom: 50px;

  margin-top: 45px;

  margin-bottom: 61px;
}

.button_nh_snapss {
  padding: 16px 7px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.632px; /* 140.23% */
  max-width: 219px;
  width: -webkit-fill-available;
  border-radius: 10px;
  border: 1px solid #1858ff;
  background: #1858ff;
  font-family: 'Helvetica Neue';
}

.p_nh_snapss_1 {
  color: #1e1e1f;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 225% */
  margin-left: 12px;
}
.parent_flex_nh_snapss {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  gap: 12px;
  align-items: center;
  align-content: center;
  flex-direction: row;
}

.no_border_nh_snapss {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.css_nh_snapss_1 {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 196px;
  width: 100%;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 13px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 56px;
}
.css_nh_snapss_2 {
  margin: 0;
}
.css_nh_snapss_3 {
  padding-top: 14px;
  padding-bottom: 13px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  max-width: 778px;
  /* max-width: unset; */
}

.socials_nh {
  height: auto;
  width: 37px;
}

.caroussel_nh_socials {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  overflow: hidden;
  width: fit-content;
  margin: auto;
  gap: 17px;
  margin-bottom: 61px;
  padding: 24px 0;
}

@keyframes scrollnh {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-800%);
  }
}

.p_share_nh_snapss {
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 34.447px; /* 246.049% */
  color: #898989;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 225% */
  margin-top: 19px;
}

.g_hovernh_1:hover {
  border-radius: 23px;
  background: #f2f2f2;
  box-shadow:
    0px -1px 3px 0px rgba(0, 0, 0, 0.07),
    0px 5px 13px 0px rgba(0, 0, 0, 0.1);
}

.css_nh_snapss_4 {
}

.h3_nh_snapss {
  color: #1e1e1f;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 45px;

  font-style: normal;

  font-weight: 700;

  line-height: 69px; /* 138% */
}
.bleu_nh_snapss {
  color: #1858ff;
}
.pink_nh_snapss {
  color: #ee97b5;
}
.green_nh_snapss {
  color: #3befcb;
}
.p_stats_nh_1 {
  leading-trim: both;

  text-edge: cap;

  font-size: 99.595px;

  font-style: normal;

  font-weight: 800;

  line-height: 161.327px; /* 161.984% */
}

.p_stats_nh_2 {
  color: #1e1e1f;

  leading-trim: both;

  text-edge: cap;

  font-size: 23.182px;

  font-style: normal;

  font-weight: 800;

  line-height: 41.327px;
}

.col_nh_snapss_1 {
}
.col_nh_snapss_2 {
}
.col_nh_snapss_3 {
}
.row_nh_snapss_2 {
  display: flex;
  justify-content: center;
  margin-top: 104px;
  margin-bottom: 180px;
}
.box_stats_nh_snapss {
  border-radius: 22.216px;

  background: #f9f9f9;

  max-width: 100%;

  height: 422.102px;

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}

.h2_nh_snapss_2 {
  color: #898989;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 180% */
  max-width: 673px;
  margin: auto;
  margin-top: 32px;
  text-align: center;
  color: #898989;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 211.765% */
}

.scroll_1_nh {
  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;
}
.box_snapss_nh_features {
  position: relative;

  width: 281.913px;

  height: 298.399px;

  flex-shrink: 0;

  border-radius: 18.959px;

  background: #f9f9f9;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  padding-bottom: 25px;
}
.p_scroll_1_nh {
  color: #1e1e1f;

  text-align: center;

  font-size: 14.013px;

  font-style: normal;

  font-weight: 600;

  line-height: 23.081px; /* 164.706% */
}

.scroll_snapss {
  display: flex;
  overflow-x: auto;
  gap: 24px;
  padding: 60px 0 40px;
  margin: 0 auto 80px;
  max-width: 100%;
  scrollbar-width: none;
  padding-right: 60px;
  animation: scroll_snapss 20s linear infinite;
}

.scroll_snapss:hover {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.scroll_snapss::-webkit-scrollbar {
  height: 8px;
}

.scroll_snapss::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.scroll_snapss::-webkit-scrollbar-thumb {
  background: #898989;
  border-radius: 4px;
}

.scroll_snapss::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.css_nh_snapss_5 {
}

.css_nh_snapss_6 {
  margin-top: 182px;

  margin-bottom: 60px;
}

.dashboard_nh {
  max-width: 1260px;
}

.inverted_white_black_nh {
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  position: relative;
  z-index: 1;
  min-width: 219px;
}
.h3_snapss_white_nh {
  color: #e6e6e6;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 180% */
  max-width: 802px;
  width: 100%;
  margin: auto;
  margin-top: 32px;
  margin-bottom: 46px;
  position: relative;
  z-index: 1;
}
.h2_white_snapss_nh {
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  z-index: 2;
  text-align: center;
}

.blue_snapss_container_nh {
  background: #1e1e1f;
  height: fit-content;
  position: relative;
  overflow: hidden;
  margin-bottom: 95px;
  margin-top: 109px;
  padding-top: 80px;
}
.blue_overlay_nh_snapss {
  /* background: linear-gradient(180deg, #1858FF 17.67%, rgba(30, 30, 31, 0.73) 62.44%); */
  filter: blur(41.5px);
  width: 1583px;
  height: 629px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.scroll_container_pass_nh {
  display: flex;
  gap: 40px;
  margin-top: 100px;
  margin-bottom: 100px;
  animation: scroll_pass 32s linear infinite;
  position: relative;
  min-height: 400px;
  z-index: 1;
}

@keyframes scroll_pass {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.scroll_pass_1_nh {
  max-width: 294px;
  position: relative;
  z-index: 2;
}

.row_nh_snapss_3 {
}
.col_nh_snapss_4 {
}
.p_snapss_nh_2 {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 65px;
  margin-left: -29px;
}
.col_nh_snapss_5 {
}
.col_nh_snapss_6 {
  margin-top: 45px;
}
.p_snapss_nh_3 {
  color: #1e1e1f;

  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 38.016px; /* 152.062% */
}
.quote_nh {
  margin-bottom: 16px;
}
.css_nh_snapss_8 {
  margin-top: 33px !important;
  display: flex;
  justify-content: flex-start !important;
}
.css_nh_snapss_7 {
  margin: 0 !important;
}
.css_nh_snapss_9 {
}
.css_nh_snapss_10 {
  margin-top: 0 !important;
}

.css_nh_snapss_11 {
  margin-top: 182px;
}
.black_container_nh {
  height: 667px;

  background: #1e1e1f;

  border-bottom: 1px solid white;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-direction: column;

  padding-top: 182px;

  padding-bottom: 199px;
}
.p_w_container_nh {
  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 45px;

  font-style: normal;

  font-weight: 700;

  line-height: 80px; /* 177.778% */

  text-transform: capitalize;
}
.css_nh_snapss_12 {
}

.logo_white_nh {
  max-width: 423px;

  width: 100%;
}

.css_nh_snapss_13 {
}
.css_nh_snapss_13 .faq_fidel_box {
}

.css_pricing_nh_snapss1 {
  text-align: center;
}
.switch_pricing_nh_snapss {
  border-radius: 28.444px;
  border: 0.889px solid rgba(243, 243, 247, 0.2);
  background: #f3f3f7;
  backdrop-filter: blur(17.77777671813965px);
  display: flex;
  width: 201px;
  padding: 4.444px;
  margin: auto;
  align-items: center;
  gap: 57px;
  position: relative;
  justify-content: center;
  height: 43px;
  margin-top: 50px;
  margin-bottom: 70px;
  cursor: pointer;
}
.text_style_nh_switch_pr_nh {
  color: #1e1e1f;

  font-size: 12.444px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.556px; /* 157.143% */

  letter-spacing: -0.427px;
}
.overlay_switch_pricing_nh_snapss {
  position: absolute;

  right: 9px;

  color: #fff;

  text-align: center;

  font-size: 12.444px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.556px; /* 157.143% */

  letter-spacing: -0.427px;

  border-radius: 21.333px;

  background: #1e1e1f;

  backdrop-filter: blur(8.888888359069824px);

  transition: 0.3s;

  width: 91px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s;
}

.container_snapss_grey {
  padding-top: 109px;
  margin-top: 157px;
  background: #f9f9f9;
  padding-bottom: 116px;
}

.pricing_flex_nh_snapss {
  margin-top: 38px;
  display: flex;
  align-items: flex-start;
  justify-content: center; /* gap: 17px; */
}

.pricing_box_snapss_nh {
  /* border-radius: 19.691px; */
  border: 0.856px solid rgba(0, 0, 0, 0.1);
  max-width: 363.86px;
  width: 100%;
  position: relative;
  padding: 17px;
  min-height: 605px;
}
.white_color_nh_prc {
  background: #ffffff;
}
.pastille_free_trial_pr_new {
  border-radius: 20.547px;
  border: 0.856px solid rgba(0, 0, 0, 0.05);
  background: #1e1e1f;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 10.274px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.808px; /* 163.602% */
  width: fit-content;
  padding: 7px;
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: -20px;
  margin: auto;
  right: 0px;
  left: 0px;
}
.p_title_pricing_1_nh {
  display: flex;
  color: #1e1e1f;
  text-align: center;
  font-size: 20.547px;
  font-style: normal;
  font-weight: 600;
  margin-left: -9px;
  line-height: normal;
  margin-bottom: 15px;
  justify-content: center;
}
.icon_pricing_1_nh {
  display: none;
}
.p_desc_pricing_nh {
  color: #1e1e1f;
  text-align: start;
  font-size: 12.698px;
  font-style: normal;
  font-weight: 400;
  margin-top: 9px;
  line-height: 150%; /* 20.547px */
  margin-left: 0;
  margin-bottom: 14px;
  display: none;
}
.flex_nh_pricing_1 {
  display: flex;
  align-items: center;
  gap: 9px;
  justify-content: center;
  position: relative;
  margin-top: 65px;
  margin-bottom: 25px;
}
.price_pricing_1_nh_snps {
  /* 116.667% */
}
.div_pricing_1_nh_snps {
}
.barred_price_nh_new {
  /* 144.444% */
}
.p_month_pricing_1_nh {
  /* 142.857% */
}
.testi_nh_new_pricing_box {
  border-radius: 8.561px;
  border: 0.856px solid rgba(0, 0, 0, 0.05);
  background: #fff;
  width: 100%;
  padding-left: 9px;
  height: fit-content;
  padding-right: 59px;
  padding-top: 9px;
  padding-bottom: 9px;
  margin-top: 25px;
  margin-bottom: 25px;
  display: none;
}
.flex_pricing_pics_name {
  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 5px;
}
.css_nh_snapss_16 {
  width: 27px !important;
  height: 27px !important;
  margin-top: 0 !important;
  border-radius: 100%;
}
.css_nh_snapss_17 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-size: 11px !important;
}
.css_nh_snapss_18 {
}
.p_desk_pricing_testi_nh {
  color: #898989;
  font-size: 11.13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.267px; /* 146.154% */
  position: relative;
  top: -5px;
  right: -35px;
  max-width: fit-content;
  text-align: start;
  width: 100%;
}
.features_nh_pricing_new {
}
.p_features_nh_pricing_new {
  /* 152.381% */
}
.check_snapss_nh_pricing_new {
  max-width: 15px;
}
.button_place_pricing_nh_snapss {
  width: 100%;
  /* position: absolute; */
  left: 0;
  right: 0;
  bottom: 30px;
  margin: auto;
}
.button_pricing_nh_snapss {
  border-radius: 8.561px;
  background: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
  border: 0;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 11.986px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.808px; /* 140.23% */
  width: 293.656px;
  height: 51.368px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-family: 'Helvetica Neue';
}

.grey_color_nh_prc {
  background: #ececec;
}

.css_nh_snapss_20 {
}
.css_nh_snapss_21 {
  border: 0.856px solid #1858ff;

  background: #010101;
}
.black_color_nh_prc {
  background: #010101;
}

.blue_color_nh_prc {
  background-color: #1858ff;
}

.black_color_nh_prc .p_features_nh_pricing_new,
.black_color_nh_prc .css_nh_snapss_18,
.black_color_nh_prc .p_desk_pricing_testi_nh,
.black_color_nh_prc .css_nh_snapss_17,
.black_color_nh_prc .p_desc_pricing_nh,
.black_color_nh_prc .barred_price_nh_new,
.black_color_nh_prc .p_month_pricing_1_nh,
.black_color_nh_prc .price_pricing_1_nh_snps,
.black_color_nh_prc .p_title_pricing_1_nh {
  color: #fff;
}

.css_button_snapss_pr_new_black {
  background: #010101;
}

.blue_color_nh_prc .p_features_nh_pricing_new,
.blue_color_nh_prc .css_nh_snapss_18,
.blue_color_nh_prc .p_desk_pricing_testi_nh,
.blue_color_nh_prc .css_nh_snapss_17,
.blue_color_nh_prc .p_desc_pricing_nh,
.blue_color_nh_prc .barred_price_nh_new,
.blue_color_nh_prc .p_month_pricing_1_nh,
.blue_color_nh_prc .price_pricing_1_nh_snps,
.blue_color_nh_prc .p_title_pricing_1_nh {
  color: #fff;
}
.css_pr_new_nh5 {
}

.monthly_class_positio {
  right: 100px;
}

.flex_nav_nh_item {
  display: flex;

  flex-direction: row-reverse;

  gap: 13px;
}
.icon_nav_nh {
}
.icon_nav_overlay {
  position: relative;
  right: -7px;
}
.mobile_height_90 {
  height: 90px;
}

.fr_css_1 {
  top: -20px;
  text-align: start;
}
.size_spec_mob_rsrr_nh {
  font-size: 75px;
}
@media only screen and (max-width: 1150px) {
  .size_spec_mob_rsrr_nh {
    font-size: 44px;
  }
  .container_nh_snapss {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
  }
  .h1_nh_snapss {
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    margin-top: 0;
    text-align: start;
    margin-bottom: 20px;
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 41px; /* 150% */
  }
  .h2_nh_snapss {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 211.765% */
    text-align: start;
    text-align: center;
  }

  .css_nh_snapss_3 {
    width: 100%;
    padding-left: 10px;
    background: #fff;
  }
  .css_nh_snapss_1 {
    border: 0;
    display: block;
    background: unset;
    width: fit-content;
    display: flex;
    background: #fff;
    margin-left: 15px;
  }
  .css_nh_snapss_2 {
    display: none;
  }
  .parent_flex_nh_snapss {
    display: flex;
    flex-direction: column;
  }
  .no_border_nh_snapss {
    border: 0;
    background: #fff;
    width: 100%;
  }
  .button_nh_snapss {
    width: 100%;
    max-width: 100%;
  }
  .big_input_nh_snapss {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 16px;
    padding-bottom: 19px;
    text-align: center;
  }
  .mobile_height_90 {
    height: 90px !important;
  }
  .big_num_nh_snapss {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-size: 63px;
    font-style: normal;
    font-weight: 900;
    line-height: 1px;
  }
  .span_2line_nh_snapss {
    color: #1e1e1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 29.345px;
    position: relative;
    top: -25px;
    text-align: start;
  }
  .position_p_nh_3 {
    max-width: 298px;
    margin-top: 20px;
    margin-left: 0;
  }
  .p_nh_snapss_1 {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    display: flex;
  }
  .grey_box_nh_snapss {
    margin: auto;
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 40px;
    border-radius: 23px;
    background: #f9f9f9;
    height: fit-content;
    overflow: hidden;
    cursor: pointer;
  }
  .h3_nh_snapss {
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    text-align: start;
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    text-align: center;
    line-height: 54px; /* 150% */
    text-align: center;
  }
  .css_nh_snapss_5 {
    margin: auto;
    font-size: 36px;
    max-width: unset;
    text-align: center;
  }
  .row_nh_snapss_2 {
    margin-bottom: 60px;
    margin-top: 80px;
  }
  .css_mob_nh_2 {
    width: 100%;
    max-width: 100%;
    margin: auto;
    margin-bottom: 124px;
  }
  .h2_nh_snapss_2 {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 211.765% */
    text-align: center;
  }
  .contain_blocks_nh_1 {
    display: flex;
    align-items: flex-start;
    gap: 0;
    justify-content: center;
    margin-top: 82px;
    margin-bottom: 32px;
    flex-direction: column;
  }
  .box_nh_snapss_bento {
    margin: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
  }
  .css_nh_snapss_6 {
    margin-top: 0;
    font-size: 36px;
    line-height: 60px;
    max-width: 320px;
    margin: auto;
    text-align: start;
  }

  .box_snapss_nh_features:first-child {
    margin-left: 15px;
  }

  .h2_white_snapss_nh {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 166.667% */
    text-align: start;
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 60px; /* 166.667% */
  }
  .h3_snapss_white_nh {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 211.765% */
    text-align: start;
    margin-top: 32px;
  }
  .scroll_container_pass_nh {
    display: flex;
    gap: 40px;
    margin-top: 0;
    margin-bottom: 100px;
    animation: scroll_pass 32s linear infinite;
    position: relative;
    z-index: 1;
  }
  .css_mob_nh_3 {
  }
  .blue_snapss_container_nh {
    background: #1e1e1f;
    height: fit-content;
    position: relative;
    overflow: hidden;
    margin-bottom: 95px;
    margin-top: 0;
    padding-top: 80px;
  }
  .p_snapss_nh_2 {
    color: #1e1e1f;
    leading-trim: both;
    text-edge: cap;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0;
    margin: 0;
    color: #1e1e1f;
    leading-trim: both;
    text-edge: cap;
    font-size: 44px;
    font-style: normal;
    font-weight: 900;
    line-height: 60px; /* 136.364% */
  }
  .p_snapss_nh_3 {
    color: #1e1e1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.016px;
  }
  .pricing_flex_nh_snapss {
    margin-top: 85px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
    flex-direction: column;
  }
  .mob_testi_nh {
  }
  .pricing_box_snapss_nh {
    border-radius: 19.691px;
    border: 0.856px solid rgba(0, 0, 0, 0.1);
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: relative;
    padding: 17px;
    height: fit-content;
    padding-bottom: 95px;
    min-height: fit-content;
  }
  .flex_mob_only_nh {
    display: flex;

    margin-left: -16px;
  }
  .css_nh_snapss_11 {
    margin-top: 80px;
    font-size: 40px !important;
    text-align: start;
  }
  .switch_pricing_nh_snapss {
    margin: unset;
    margin-top: 50px;
  }
  .container_snapss_grey {
    padding-top: 75px;
    margin-top: 157px;
    background: #f9f9f9;
    padding-bottom: 116px;
  }
  .faq_fidel_container {
    margin-top: 94px;
    display: flex;
    gap: 0px;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .faq_pilard_flex,
  .faq_fidel_pilard {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .css_nh_snapss_13 .faq_fidel_box {
    margin-bottom: 0;
    margin-bottom: 23px;
  }
  .faq_pilard_flex .p_fidel_faq_t {
    color: var(--primary-Black, #1e1e1f);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    max-width: 207px;
  }
  .black_container_nh {
    height: fit-content;
    background: #1e1e1f;
    border-bottom: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 70px;
    padding-bottom: 67px;
    max-width: 100%;
    margin-left: 22px;
    margin: auto;
    border-radius: 20.363px;
    margin-bottom: 80px;
    margin-left: 22px;
    margin-right: 22px;
  }
  .logo_white_nh {
    max-width: 241px;
    width: 100%;
  }
  .p_w_container_nh {
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 27px;
    margin: auto;
    font-style: normal;
    font-weight: 700;
    max-width: 225px;
    line-height: 53px;
    text-transform: capitalize;
    margin-top: 34px;
    margin-bottom: 43px;
  }
  .css_mob_nh_4 {
    margin: 0;

    width: 100%;

    max-width: 100%;
  }
  .css_mob_nh_5 {
  }
  .live_demo_div {
    /* display: none; */
    bottom: 20px;
    /* left: 0; */
    right: 20px;
    margin: auto;
    max-width: 132px;
    font-size: 14px;
    height: 45px;
  }
  .css_mob_nh_5 {
    width: 100%;
    max-width: 280px;
  }
  .inner_flex_trend_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    flex-direction: column;
    margin-bottom: 22px;
  }
  .socials_nh {
    animation: scrollnh 32s linear infinite;
  }
  .caroussel_nh_socials {
    display: flex;
  }
  .bento_1_col {
    max-width: 100%;
    margin: auto;
    width: 100%;
  }
  .bento_2_col {
    width: 100%;
    margin: auto;
  }
  .bento_3_col {
    width: 100%;
    margin: auto;
  }
  .p_fidel_faq_t {
    color: var(--primary-Black, #1e1e1f);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    max-width: 267px;
  }
}

.flex_testitnh_1 {
  display: flex;

  align-items: center;

  gap: 5px;
}
.live_demo_div a {
  color: #fff;
}

.css_custom_button_form {
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  margin: auto;
}

.eng_css_12 {
  position: relative;
  top: 9px;
}
.fr_css_12 {
  position: relative;
  top: 9px;
}
.css_trend_20 {
  max-width: 219px;
}
.css_trend_21 {
  margin: unset;

  margin-left: auto;
}

.englobe_nav_item_nh {
  border: 0.889px solid rgba(243, 243, 247, 0.2);

  background: #f3f3f7;

  border-radius: 28.444px;

  padding-left: 5px;

  padding-right: 5px;
}

.icon_white_nh {
  filter: brightness(0) invert(1);
}

.flex_c_4_nh {
  display: flex;
  gap: 80px;
  margin-bottom: 5px;
}
.p_c_3_nh {
  color: #898989;

  font-size: 17px;

  font-style: normal;

  font-weight: 400;

  line-height: 142.5%; /* 24.225px */

  margin-top: 23px;

  margin-bottom: 34px;
}
.p_c_2_nh {
  color: #1858ff;
  leading-trim: both;
  text-edge: cap;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.p_c_1_nh {
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.css_nh_snapss_22 {
  background: none;

  border-radius: 8.561px;

  border: 0.856px solid #fff;
}

.custom_project_box_nh_princing_new {
  background: #010101;
  max-width: 726px;
  width: 100%;
  /* border-radius: 20px; */
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  height: 623px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p_nh_snapss_24 {
  color: #898989;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 240% */
  margin-left: 12px;
  margin-bottom: 15px;
}

.custom_project_illu_nh {
  max-width: 129px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1150px) {
  .g_hovernh_1 {
  }

  /* Remove hover styles for phone_1_nh and phone_2_nh on mobile */
  .g_hover_2:hover .phone_1_nh,
  .g_hover_2:hover .phone_2_nh {
    left: auto;
  }

  /* Add automatic animations for phone_1_nh and phone_2_nh */
  @keyframes phoneAnim1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-80px);
    }
    100% {
      transform: translateX(0);
    }
  }

  @keyframes phoneAnim2 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(80px);
    }
    100% {
      transform: translateX(0);
    }
  }

  .g_hover_2 .phone_1_nh {
    left: 0;
    animation: phoneAnim1 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }

  .g_hover_2 .phone_2_nh {
    left: 0;
    animation: phoneAnim2 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }

  /* Animation plus fluide pour les notifications */
  @keyframes notifAnim1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-80px);
    }
    100% {
      transform: translateX(0);
    }
  }

  @keyframes notifAnim2 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(80px);
    }
    100% {
      transform: translateX(0);
    }
  }

  @keyframes notifAnim3 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-60px);
    }
    100% {
      transform: translateX(0);
    }
  }

  @keyframes notifAnim4 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(60px);
    }
    100% {
      transform: translateX(0);
    }
  }

  .g_hover_3 .notif_1_nh {
    animation: notifAnim1 5s infinite;
  }

  .g_hover_3 .notif_2_nh {
    animation: notifAnim2 5s infinite;
  }

  .g_hover_3 .notif_3_nh {
    animation: notifAnim3 5s infinite;
  }

  .g_hover_3 .notif_4_nh {
    animation: notifAnim4 5s infinite;
  }

  /* Animation plus fluide pour les textes */
  @keyframes textAnim1 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(20px);
    }
    100% {
      transform: translateY(0);
    }
  }

  @keyframes textAnim2 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
    100% {
      transform: translateY(0);
    }
  }

  .g_hover_1 .nh_p1_s {
    animation: textAnim1 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }

  .g_hover_1 .nh_p2_s {
    animation: textAnim2 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }

  .custom_project_box_nh_princing_new {
    max-width: 100%;

    height: fit-content;

    padding-top: 25px;

    padding-bottom: 35px;

    padding-left: 10px;

    padding-right: 10px;
  }
  .flex_c_4_nh {
    flex-direction: column;
    gap: 0px;
    margin-bottom: 0;
  }
  .p_c_3_nh {
    color: #898989;
    font-size: 13px;
    font-style: normal;
    max-width: 225px;
    font-weight: 400;
    line-height: 142.5%;
    margin-top: 23px;
    margin-bottom: 34px;
  }
  .p_c_1_nh,
  .p_c_2_nh {
    font-size: 29px;
  }
  .block_mob_nh_1 {
    display: block;
    line-height: 23px;
    margin-bottom: 5px;
  }

  .p_nh_snapss_24 {
    color: #898989;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 12px;
    margin-bottom: 20px;
  }
}

.phone_container_nh_1 {
  text-align: center;

  position: relative;
}
.phone_1_nh_new {
}
.position_notif_1 {
  position: absolute;

  top: -330px;

  left: 0;

  right: 660px;

  margin: auto;
  bottom: 0;

  height: fit-content;

  width: fit-content;
}
.position_notif_2 {
  position: absolute;
  top: -540px;
  right: 0;
  left: 0;
  left: 670px;
  margin: auto;
  bottom: 0;
  height: fit-content;
  width: fit-content;
}
.position_notif_3 {
  position: absolute;

  top: -50px;

  right: 0;

  left: 480px;

  margin: auto;

  bottom: 0;

  height: fit-content;

  width: fit-content;
}
.notif_box_nh_1 {
  width: fit-content;

  padding-top: 13px;

  padding-bottom: 13px;

  padding-left: 15px;

  min-width: 339px;

  padding-right: 15px;

  display: flex;

  position: relative;

  border-radius: 17.731px;

  background: #fff;

  box-shadow:
    1.07px -0.535px 26.753px 0px rgba(0, 0, 0, 0.1),
    0px 6.421px 21.402px 1.07px rgba(0, 0, 0, 0.13);

  justify-content: flex-start;
}

.notif_1_nh_new {
  max-width: 48px;

  margin-right: 9px;
}

.p_notif_title_nh_1 {
  color: #1e1e1f;

  font-size: 14.209px;

  font-style: normal;

  font-weight: 700;

  line-height: 28px;

  text-align: start;
}

.p_notif_content_nh_1 {
  color: #898989;

  font-size: 11.841px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.p_notif_date_nh_1 {
  color: #898989;

  text-align: right;

  font-size: 11.972px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin-left: 10px;

  position: absolute;

  top: 13px;

  right: 20px;
}
.flex_img_trusted_by {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: auto;

  margin-top: 20px;

  margin-bottom: 159px;
}
.trusted_by_1 {
}

.trusted_by_11 {
  max-width: 186px;
}
.trusted_by_12 {
  max-width: 93px;
}
.trusted_by_13 {
  max-width: 72px;
}
.trusted_by_14 {
  max-width: 57px;
}
.trusted_by_15 {
  max-width: 129px;
}

.row_nh_v2_1 {
  position: relative;
}
.col_nh_v2_1 {
  min-height: 320px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  position: relative;

  z-index: 2;

  align-items: center;
}

.flex_inner_v2_nh {
  display: flex;

  align-items: flex-end;

  gap: 18px;

  position: relative;

  top: -40px;
}

.p_v2_1_2 {
  color: #1e1e1f;

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 29.345px; /* 183.407% */

  max-width: 234px;

  margin-bottom: 19px;
}
.p_v2_1_1 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-size: 68.341px;

  font-style: normal;

  font-weight: 900;

  line-height: normal; /* 231.092% */
}
.barre_abs_entre_features {
  position: absolute;

  border-radius: 3.546px;

  background: #fff;

  box-shadow:
    0.812px -0.406px 20.291px 0px rgba(0, 0, 0, 0.1),
    0px 4.87px 16.233px 0.812px rgba(0, 0, 0, 0.13);

  width: 100%;

  height: 7px;

  max-width: 1130px;

  z-index: 1;

  margin: auto;

  left: 0;

  right: 0;

  top: 100px;
}

.ico_notif_1_v {
  position: absolute;

  /* opacity: 0; */

  max-width: 160px;

  right: 310px;

  top: -120px;

  bottom: 0;

  margin: auto;

  z-index: 3;
}

.ico_notif_2_v {
  position: absolute;

  position: absolute;

  /* opacity: 0; */

  max-width: 160px;

  left: 310px;

  top: -120px;

  bottom: 0;

  margin: auto;

  z-index: 3;
}

.trusted_by_1_nh_1 {
  max-width: 272px;
  margin-left: -55px;
}

.trusted_by_2_nh_2 {
  max-width: 121px;
}

.trusted_by_3_nh_3 {
  max-width: 219px;
  margin-left: 81px;
}

.h2_nh_v2_1 {
  text-align: center;
  font-size: 45px;
  margin-bottom: 50px;
}

.p_nh_v2_1 {
  margin-top: 27px;

  margin-bottom: 55px;

  color: #898989;

  text-align: center;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px; /* 200% */
}

.grey_bg_nh_1 {
  background: #f9f9f9;
  padding-top: 93px;
  padding-bottom: 94px;
  margin-bottom: 132px;
}

.css_nh_v2_1 {
}

.css_nh_v2_2 {
  display: flex;

  align-items: flex-start;
}

.css_nh_v2_3 {
}

.css_nh_v2_4 {
  display: flex;

  align-items: flex-end;
}

.css_nh_v2_6 {
  margin-bottom: 120px;
}

.app_goog_nh {
  max-width: 344px;

  margin-top: 55px;
}

@media only screen and (max-width: 1150px) {
  .app_goog_nh {
    max-width: 219px;

    margin-top: 35px;
  }
  .phone_1_nh_new {
    max-width: 220px;
  }
  .notif_box_nh_1 {
    width: fit-content;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 15px;
    min-width: 268px;
    padding-right: 15px;
    display: flex;
    position: relative;
    border-radius: 13px;
    background: #fff;
    box-shadow:
      1.07px -0.535px 26.753px 0px rgba(0, 0, 0, 0.1),
      0px 6.421px 21.402px 1.07px rgba(0, 0, 0, 0.13);
    justify-content: flex-start;
  }
  .p_notif_title_nh_1 {
    color: #1e1e1f;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    text-align: start;
  }
  .p_notif_content_nh_1 {
    color: #898989;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .notif_1_nh_new {
    max-width: 33px;
    margin-right: 6px;
  }
  .p_notif_date_nh_1 {
    color: #898989;
    text-align: right;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 10px;
    position: absolute;
    top: 9px;
    right: 20px;
  }

  .position_notif_1 {
    position: absolute;
    top: -140px;
    left: 0;
    right: -230px;
    margin: auto;
    bottom: 0;
    height: fit-content;
    width: fit-content;
  }

  .position_notif_3 {
    position: absolute;
    top: -10px;
    left: 0;
    right: -230px;
    margin: auto;
    bottom: 0;
    height: fit-content;
    width: fit-content;
  }

  .position_notif_2 {
    position: absolute;
    top: -270px;
    left: 0;
    right: -230px;
    margin: auto;
    bottom: 0;
    height: fit-content;
    width: fit-content;
  }

  .p_share_nh_snapss {
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 34.447px;
    color: #898989;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-top: 22px;
  }

  .flex_img_trusted_by {
  }

  .css_flex_one_1 {
    margin-bottom: 40px;
  }
  .trusted_by_11 {
    max-width: 156px;
  }

  .trusted_by_12 {
    max-width: 113px;
    position: relative;
    left: -20px;
  }

  .h2_nh_v2_1 {
    text-align: center;
    font-size: 50px;
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 54px;
  }

  .p_nh_v2_1 {
    margin-top: 17px;
    margin-bottom: 55px;
    color: #898989;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
  }
  .css_nh_v2_2 {
    display: flex;
    align-items: center;
  }
  .css_nh_v2_4 {
    display: flex;
    align-items: flex-start;
  }
  .css_nh_v2_3 {
    display: flex;
    align-items: flex-start;
  }
  .css_nh_v2_2 {
    display: flex;
    align-items: flex-start;
  }
  .trusted_by_1_nh_1 {
    max-width: 272px;
    margin-left: unset;
  }
  .trusted_by_2_nh_2 {
    margin: auto;
    max-width: 121px;
  }
  .barre_abs_entre_features {
    display: none;
  }
  .ico_notif_1_v {
    display: none;
  }
  .ico_notif_2_v {
    display: none;
  }
  .la_barre {
    position: absolute;
    max-width: 100px;
    right: -8px;
    top: 190px;
  }
  .p_v2_1_2 {
    color: #1e1e1f;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 29.345px;
    max-width: 220px;
    margin-bottom: 15px;
  }
  .flex_inner_v2_nh {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    position: relative;
    top: -40px;
  }
  .css_start_mob_nh_v2 {
    text-align: start;
  }
  .grey_bg_nh_1 {
    background: #f9f9f9;
    padding-top: 74px;
    padding-bottom: 58px;
    margin-bottom: 76px;
  }
  .css_trend_1 {
    margin-bottom: 30px;
  }
  .margin_mob_nh_v2 {
    margin-bottom: 45px;
  }
}

/* ACAEDy */

.academy_container_nav {
  height: 89px;
  padding-left: 43px;
  padding-right: 43px; /* margin: auto; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fffffff2;
  position: fixed;
  background: #f9f9f9;
  width: 100%;
  z-index: 2;
  top: 89px;
  margin: auto;
}
.flex_academy_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: auto;
  width: 100%;
}
.ico_academy_1 {
  max-width: 198px;
}
.fr_en_div {
  display: flex;

  /* margin-left: 29px; */

  /* margin-right: 79px; */

  gap: 5px;
}
.fr_en_p {
  color: #1e1e1f;

  text-align: center;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: -0.42px;

  cursor: pointer;
}
.input_search_academy {
  position: relative;

  width: fit-content;

  margin: auto;
}

.input_search_academy_1 {
  max-width: 396px;

  width: 339px;

  height: 39px;

  border-radius: 22.5px;

  background: #fff;

  border: 1px solid rgba(0, 0, 0, 0.1);

  padding-left: 53px;

  width: 253px;

  border-radius: 22px;

  background: #656565;

  border: 0;
}

.loupe_academy_ico {
  position: absolute;

  border-left: 1px solid black;

  border-radius: 0px 22.5px 22.5px 0px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: #f9f9f9;

  width: 71px;

  height: 39px;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 0;

  right: 0px;
}
.ico_academy_2 {
  max-width: 24px;
}
.container_academy_categories {
  display: flex;

  /* margin-left: 39px; */

  margin-bottom: 50px;

  gap: 17px;
}
.ico_academy_3 {
  cursor: pointer;
}

.scrollable_container_academy {
  display: flex;
  white-space: nowrap;
  gap: 17px;
  max-width: 400px;
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  padding-left: 10px;
  padding-right: 10px;
  -ms-overflow-style: none; /* IE/Edge */
}

.scrollable_container_academy::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}
.category_academy_1 {
  color: #1e1e1f;

  text-align: center;

  font-size: 13px;

  font-style: normal;

  cursor: pointer;

  font-weight: 600;

  line-height: normal;

  border-radius: 10px;

  background: #eee;

  padding: 10px 20px;
}
.category_active_academy {
  color: #fff;

  background: #1e1e1f;
}

.ico_academy_4 {
  cursor: pointer;
}

.firsl_flex_academy_0 {
  display: flex;

  align-items: flex-end;

  gap: 29px;
}

.academy_container_content {
}

.title_academy_video {
  margin-bottom: 32px;
}

.category_name_academy {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-left: 6px;
}

.grid_video_academy {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 21px;
  row-gap: 0;
  justify-items: center;
}
.grid_video_academy > *:nth-child(odd) {
  justify-self: end;
}
.grid_video_academy > *:nth-child(even) {
  justify-self: start;
}

.video_container_academy_thumb {
  width: fit-content;

  margin-bottom: 66px;

  cursor: pointer;
}

.iframe_academy_video {
}

.css_academy_1 {
  margin-top: 150px;

  min-height: 100vh;
}
.video_container_academy_thumb {
}
.academy_video_1_img {
  max-width: 429px;
  height: auto;
  flex-shrink: 0;
  width: 100%;
  border-radius: 14.747px;
}
.academy_video_1_title {
  display: flex;
  margin-top: 10px;
  align-items: center;
  gap: 11px;
}
.academy_video_1_logo {
  max-width: 37px;
}
.academy_video_1_title_p {
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;

  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 21.671px; /* 144.473% */
}
.input_search_academy_1:focus {
  outline: none;
}

@media only screen and (max-width: 1150px) {
  .academy_video_1_img {
    max-width: 350px;
    height: auto;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
  }
  .grid_video_academy {
    display: block;
  }
}

.academy_css_1 {
}

.fr_en_p_active {
  font-weight: 900;
}

@media only screen and (max-width: 1150px) {
  .ico_academy_1 {
    max-width: 173px;
  }
  .academy_container_nav {
    height: unset;
    padding-left: 0;
    padding-right: 0;
    /* margin: auto; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fffffff2;
    position: fixed;
    background: #f9f9f9;
    width: 100%;
    z-index: 5;
    top: 56px;
    margin: auto;
    align-items: flex-start;
  }
  .flex_academy_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: auto;
    width: 100%;
    flex-direction: column;
  }
  .category_academy_1 {
    text-align: center;
    font-size: 13px;
    font-style: normal;
    cursor: pointer;
    font-weight: 600;
    line-height: normal;
    border-radius: 10px;
    padding: 10px 20px;
    width: unset;
    white-space: nowrap;
  }
  .flex_academy_nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 19px;
    padding-bottom: 19px;
    width: 100%;
    flex-direction: column;
    position: relative;
  }
  .container_academy_categories {
    display: flex;
    /* margin-left: 39px; */
    margin-bottom: 50px;
    gap: 17px;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .css_academy_1 {
    margin-top: 50px;
    min-height: 100vh;
    padding: 0;
    position: relative;
  }

  .academy_video_1_title {
    display: flex;
    margin-top: 10px;
    align-items: center;
    gap: 11px;
    padding-left: 0;
    padding-right: 0;
    max-width: 339px;
  }
  .background_academy_container_mod_category {
    background: #ffffff;

    width: 100%;

    height: 91px;

    position: fixed;

    top: 110px;

    padding-top: 24px;

    padding-bottom: 24px;

    padding-left: 14px;
  }
  .academy_video_1_title_p {
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 15px;
    font-style: normal;
    text-align: start;
    font-weight: 600;
    line-height: 21.671px;
  }

  .ico_academy_2_mob {
    width: 26px;
    cursor: pointer;
  }

  .firsl_flex_academy_0 {
    display: flex;
    align-items: flex-end;
    gap: 29px;
    width: 100%;
    justify-content: space-between;
  }
  .css_mob_ones_academic {
    text-align: end;
    position: relative;
    top: 5px;
  }

  .academy_ico_2_arrow {
  }

  .try_other_search_p {
    padding-left: 20px;
    padding-right: 20px;
  }
  .video_not_found_p {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 17px;
  }
}

.video_not_found_p {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  line-height: 31.865px; /* 212.434% */
}

.try_other_search_p {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.865px; /* 212.434% */
  margin-bottom: 35px;
  text-align: center;
}

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

.img_lnb_1 {
  max-width: 300px;
}

.p_bc_purchase_comp {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 69px;
}

.bc_purchase_comp {
  text-align: center;
}

.img_comp_1 {
  max-width: 247px;
}
.img_comp_2 {
  max-width: 147px;
}
.img_comp_3 {
  max-width: 135px;
}

@media only screen and (max-width: 1150px) {
  .nh_nav_snapss {
    display: none !important;
  }
  .mob_css_nh_bc_1 {
    margin-top: 15px;
  }
  .img_comp_1 {
    max-width: 197px;
  }
  .img_comp_2 {
    max-width: 127px;
  }
}

/*Loyalty Program*/
.lp_n_1_illu_1 {
  max-width: 232px;

  margin-top: 68px;

  margin-bottom: 56px;
}
.h1_lp_css_1 {
  color: #1e1e1f;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  line-height: 60px; /* 150% */

  margin-bottom: 78px;
}
.h1_lp_css_2 {
  color: #1858ff;

  display: block;
}
.applepng_nh_illu_lp_1 {
  position: absolute;

  /* display: none; */

  max-width: 223px;

  top: 0;

  z-index: -1;

  left: -80px;
}
.googlepng_nh_illu_lp_1 {
  position: absolute;

  max-width: 201px;

  right: -70px;

  top: 0;

  z-index: -2;
}

.applepng_nh_illu_lp_1 {
  position: absolute;

  /* display: none; */

  max-width: 223px;

  top: 0;

  z-index: -1;

  left: -80px;
}

.applepng_nh_illu_lp_1 {
  position: absolute;

  /* display: none; */

  max-width: 223px;

  top: 0;

  z-index: -1;

  left: -80px;
}
.stars_lp_pos_1 {
  position: absolute;
  right: 200px;
  top: 60px;
  max-width: 65px;
}
.stars_lp_pos_2 {
  position: absolute;
  bottom: 0;
  left: 240px;
  max-width: 65px;
}
.lp_n_1_illu_2 {
  max-width: 469px;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  margin: auto;
}
.lp_n_1_illu_3 {
  max-width: 407px;

  margin-top: -10px;
}
.p_lp_1_new_1 {
  color: #1e1e1f;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 30px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin-bottom: 48px;
}
.col_lp_1_new_1 {
}
.col_lp_1_new_2 {
}
.row_lp_1_new_1 {
  margin-top: 117px;

  margin-bottom: 151px;
}

.button_general_2nh {
  width: 203px;
  height: 58px;
  justify-content: center;
  align-items: center;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.632px; /* 140.23% */
  font-family: 'Helvetica Neue';
  border: 0;
}
.bleu_color_btn_2nh {
  border-radius: 10px;
  border: 1px solid #1858ff;
  background: #1858ff;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.bleu_color_btn_2nh:hover {
  background: #356dff;
  color: #fff;
}
.black_color_btn_2nh {
  transition: all 0.3s ease-in-out;
}

.black_color_btn_2nh:hover {
  background: #1858ff;
}

.grey_color_btn_2nh {
  border-radius: 10px;
  transition: all 0.3s ease-in-out;

  background: linear-gradient(0deg, #f3f3f3 0%, #f3f3f3 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);
}

.box_lp_1_new_2 {
  border-radius: 24px;

  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);

  padding-top: 50px;

  text-align: center;

  overflow: hidden;

  max-width: 656px;

  height: 690px;

  width: 100%;

  position: relative;
}
.text-bleu-lp_1_new_1 {
  color: #1858ff;
}
.flex_button_lp_lp_1 {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 19px;
}

.css_lp_lp_1_new_1 {
  position: absolute;

  bottom: -31px;

  right: 0;

  left: 0;
}

.css_lp_lp_1_new_2 {
}
.marg_top_lp_1_new_1 {
  margin-top: 138px;
}

.lp_n_1_illu_5 {
  max-width: 615px;
}
.lp_n_1_illu_4 {
}
.css_lp_lp_1_new_3 {
}
.stars_lp_pos_3 {
  position: absolute;

  max-width: 88px;

  left: 170px;

  top: 40px;
}
.stars_lp_pos_4 {
  position: absolute;

  right: 70px;

  width: 90px;

  top: -19px;
}
.bleu_container_lp_new_1 {
  border-top: 3px dashed rgba(0, 0, 0, 0.33);

  border-bottom: 3px dashed rgba(0, 0, 0, 0.33);

  background: #e2e8ef;

  padding-top: 106px;

  position: relative;

  overflow: hidden;

  margin-bottom: 142px;

  padding-bottom: 180px;
}
.bento_lp_new_1 {
}
.p_lp_1_new_1_bento_p {
  color: #1e1e1f;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 30px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}
.grouped_bento_1 {
}
.bento_box_2_lp_new {
  border-radius: 16.937px;

  background: #fff;

  box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);

  width: 100%;

  width: 404px;

  height: 282px;

  margin-bottom: 8px;

  text-align: center;

  overflow: hidden;

  padding-top: 20px;
}
.bottom_long_bento_lp_new {
  border-radius: 16.937px;

  background: #fff;

  box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-left: 71px;

  max-width: 1260px;

  margin: auto;

  margin-top: 20px;
}
.bento_lp_new_1 {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;
}
.bento_box_1_lp_new {
  border-radius: 16.937px;

  background: #fff;

  box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);

  width: 404px;

  height: 580px;

  position: relative;

  text-align: center;

  padding-top: 28px;

  overflow: hidden;
}
.bento_lp_new_1_illu {
  max-width: 320px;
}

.bento_lp_new_2 {
  max-width: 273px;

  margin-top: 4px;
}
.bento_lp_new_3 {
  max-width: 302px;

  margin-top: 20px;
}
.bento_lp_new_4 {
  max-width: 320px;

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 0;
}
.bento_lp_new_5 {
  max-width: 901px;

  margin-right: 20px;
}
.stars_lp_pos_5 {
  position: absolute;

  bottom: -60px;

  right: 400px;

  width: 125px;
}
.margin_top_bento_lp_new_2 {
  position: relative;

  top: 5px;
}
.css_lp_lp_1_new_4 {
}
.lil_box_singular_lp_1_illu {
  max-width: 360px;

  position: relative;

  top: -30px;
}
.lil_box_singular_lp_2_illu {
  max-width: 332px;

  position: relative;

  top: -20px;
}
.lil_box_singular_lp_3_illu {
  max-width: 194px;

  margin-top: -70px;
}
.css_lp_lp_1_new_5 {
  position: absolute;

  bottom: 40px;
}
.lil_box_singular_lp_1 {
  max-width: 404px;

  width: 100%;

  border-radius: 16.937px;

  text-align: center;

  background: #fff;

  height: 524px;

  box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

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

  justify-content: center;

  gap: 37px;

  margin-bottom: 203px;
}
.css_lp_lp_1_new_6 {
}

.marg_top_lp_1_new_3 {
  margin-top: 80px;
}

.lp_n_1_illu_7 {
  max-width: 601px;
  margin: auto;
  position: absolute;
  top: 0;
}
.lp_n_1_illu_8 {
  max-width: 576px;
  position: relative;
  top: -60px;
}

.css_lp_lp_1_new_8 {
  position: absolute;

  right: 0;

  left: 0;

  bottom: 61px;

  margin: auto;
}

.single_box_colored {
  border-radius: 15.146px;

  width: 414px;

  height: 435.457px;

  overflow: hidden;

  position: relative;

  box-shadow: 0px 1.262px 18.933px 0px rgba(0, 0, 0, 0.08);
}
.flex_lp_1_new_5 {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 22px;

  margin-top: 80px;

  margin-bottom: 153px;
}
.lp_ilu_collored_1 {
  max-width: 420px;
}
.lp_ilu_collored_2 {
  max-width: 355px;
  margin-top: 25px;
}
.lp_ilu_collored_3 {
  max-width: 385px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.lp_d_bolt {
}
.p_lp_d_bolt {
  display: flex;
  color: #1e1e1f;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 175% */
  justify-content: center;
  gap: 14px;
  margin-top: 36px;
}
.css_lp_lp_1_new_7 {
}
.greend_lp_box {
  background: #3befcb;
}
.white_lp_box {
  border-radius: 15.146px;
  background: #fff;
  text-align: center;
}
.bleu_lp_box {
  background: #1858ff;
}
.text-white-lp4 {
  color: #fff;
}
.stars_lp_pos_7 {
  position: absolute;
  max-width: 75px;
  top: 100px;
  right: 100px;
}
.stars_lp_pos_8 {
  position: absolute;
  max-width: 85px;
  top: -30px;
  left: 90px;
}
.css_lp_lp_1_new_10 {
  border: 0;
  margin-bottom: 0;
}
.text_black_lp_new {
  color: #1e1e1f;

  font-size: 19.997px;

  font-style: normal;

  font-weight: 900;

  line-height: 31.994px; /* 160% */
}
.illu_lilpage_1 {
  border-radius: 15.146px;
}
.illu_lilpage_2 {
  border-radius: 15.146px;
}
.illu_lilpage_3 {
  border-radius: 15.146px;
}
.illu_lilpage_4 {
  border-radius: 15.146px;
}

.grid_blocs_lp_1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 28px;
  row-gap: 65px;
  margin-top: 130px;
}

.css_lp_lp_1_new_13 {
  margin-bottom: 0;
}
.lil_box_1_lp_2 {
  border-radius: 15.146px;

  box-shadow: 0px 1.262px 18.933px 0px rgba(0, 0, 0, 0.08);

  background: #fff;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  align-content: center;
}
.p1_lp_e_new_11 {
  color: #1858ff;
  text-align: right;
  font-size: 63.989px;
  font-style: italic;
  font-weight: 900;
  text-align: center;
  line-height: 31.994px; /* 50% */
  margin-bottom: 30px;
}
.p2_lp_e_new_11 {
  color: #010101;
  text-align: center;
  font-size: 17.997px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.p3_lp_e_new_11 {
  color: #9a9a9a;
  font-size: 19.997px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.994px;
  margin: 24px;
}
.box_card_ag_ruben {
  display: flex;
  overflow-x: hidden;
  align-items: center;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
  margin-left: 25px;
}
.css_branding_24 {
  gap: 18px;
}
.css_branding_25 {
  max-width: 308px;
}
.p_lp_1_new_1_swiper {
  color: #fff;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 162.5% */

  max-width: 455px;

  margin-bottom: 47px;
}
.row_lp_1_new_2 {
}
.col_lp_1_new_8 {
}
.black_container_lp_new_1 {
  position: relative;
  height: 692px;
  overflow: hidden;
  display: flex;
  background: #010101;
}
.arrow_right_swiper_lp_new_1 {
  max-width: 62px;
  cursor: pointer;
}
.arrow_left_swiper_lp_new_1 {
  cursor: pointer;
  max-width: 62px;
}
.flex_arrows_swiper_lp_new_1 {
  display: flex;
  gap: 12px;
}

.bg_lp_hands {
  height: 599px;
  display: flex;
  background: url('../img/bg_lp_hands.webp') no-repeat center center;
  background-size: cover;
  position: relative;
}

.p_white_lp_hands {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px; /* 150% */
}
.absolutes_block_flex_lp {
  position: absolute;
  width: 100%;
  bottom: -260px;
}
.flex_box_lp_on_hands {
  display: flex;

  gap: 20px;

  align-items: center;

  justify-content: center;
}
.box_hands_one_lp {
  border-radius: 15.146px;

  box-shadow: 0px 1.262px 18.933px 0px rgba(0, 0, 0, 0.08);

  background: #fff;

  width: 299px;

  height: 435px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}
.heights_specifit_lp_hands {
  text-align: center;
}
.svg_lp_illu_1 {
  margin-top: 60px;
}
.p_hands_black {
  color: #1e1e1f;

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 32px; /* 160% */

  text-transform: uppercase;

  margin-top: 19px;
}
.p_grey_hands {
  color: #a9a9a9;

  text-align: center;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 28.565px; /* 158.694% */

  max-width: 217px;

  margin: auto;
}
.margin_snapss_hands_afters {
  margin-top: 400px;
}

.bg_snapss_lp_pattern {
  background: url('../img/snapss_pattern_bg.webp') no-repeat center center;
  height: 667px;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 110px;
  align-items: center;
  /* margin-bottom: 94px; */
}
.snapss_white_bleu_dt_lp {
  max-width: 423px;

  margin-bottom: 63px;
}
.p_white_lp_nw_loyalty {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 32px;

  font-style: normal;

  font-weight: 900;

  line-height: 80px; /* 250% */

  text-transform: capitalize;

  margin-bottom: 62px;
}
.css_button_lp_lp_17_white {
}
.marg_top_none_lp_new {
  margin-top: 0;
}

.css_bold_mobile_lp_1_new_13 {
  font-weight: 600;
}

.prix_flex_new_on_ohome {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 56px;
}
.custom_project_box_new_ohome {
  background: url('../img/frame_bg_ohome.png') no-repeat center center;
  max-width: 676px;
  width: 100%;
  height: 552px;
  border-radius: 17.77px;
  text-align: center;
}
.c_proj_ohom_p_1 {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 59px; /* 184.375% */
  margin-top: 30px;
}
.c_proj_ohom_p_2 {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 32px;

  font-style: normal;

  font-weight: 900;

  line-height: 59px;
}
.c_proj_ohom_p_3 {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px;

  max-width: 520px;

  margin: auto;
}
.custom_project_box_new_ohome {
}
.butt_custom_proj_prix {
  border-radius: 10px;

  border: 1px solid #1858ff;

  background: linear-gradient(0deg, #1858ff 0%, #1858ff 100%), linear-gradient(90deg, #1858ff -29.75%, #ff7c6d 105.99%);

  display: inline-flex;

  height: 58px;

  padding: 16px 46px;

  justify-content: center;

  align-items: center;

  gap: 10px;

  color: #fff;

  text-align: center;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 19.632px; /* 140.23% */

  font-family: 'Helvetica Neue';
}
.grid_3by3_ohome {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 20px;
  margin: 40px auto;
  margin-left: 34px;
  margin-right: 23px;
  row-gap: 10px;
  margin-bottom: 77px;
}

.css_mob_lp_1_new_2 {
  height: 605px;
  width: 615px;
  margin: auto;
}
.css_p_lp_d_bolt_flex_1 {
  justify-content: flex-start;

  margin-left: 30px;
}

@media only screen and (max-width: 1150px) {
  .prix_flex_new_on_ohome {
    flex-direction: column;
    margin-top: 20px;
  }
  .grid_3by3_ohome {
    display: flex;
    flex-direction: column;
    margin: 15px;
    margin-bottom: 50px;
  }

  .c_proj_ohom_p_1 {
    margin-top: 50px;

    font-size: 22px;
  }
  .c_proj_ohom_p_2 {
    font-size: 22px;

    line-height: normal;

    font-weight: 500;

    max-width: 325px;

    margin: auto;

    margin-bottom: 25px;
  }
  .c_proj_ohom_p_3 {
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    max-width: 520px;
    margin: auto;
    margin-bottom: 25px;
  }
}

.f15eproj {
}

@media only screen and (max-width: 1150px) {
  .h2_hoome_march_news {
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 29px;
    font-style: normal;
    font-weight: 900;
    line-height: 43px;
    margin-top: 70px;
  }
  .lil_box_1_lp_2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 343px;
    height: 343px;
    margin-bottom: 35px;
    width: 100%;
  }
  .grid_blocs_lp_1 {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: unset;
    row-gap: unset;
    margin-top: 100px;
    flex-direction: column;
  }
  .bento_lp_new_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
    align-content: center;
    margin-bottom: 130px;
  }
  .bento_box_1_lp_new {
    border-radius: 16.937px;
    background: #fff;
    box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);
    width: 350px;
    height: 580px;
    position: relative;
    text-align: center;
    padding-top: 28px;
    overflow: hidden;
  }
  .css_mob_lp_bento_1 {
    text-align: start !important;

    margin-left: 28px;
  }
  .overflow_challenges_pics {
    display: flex;
    margin-top: 38px;
    margin-left: -5px;
    width: 100%;
    overflow-x: scroll;
    padding-left: 85px;
  }
  .bento_lp_new_challenge_1 {
    max-width: 213px;

    margin-left: -50px;
  }
  .p_lp_1_new_1_bento_p {
    color: #1e1e1f;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
  }
  .css_mob_lp_bento_2 {
    height: 434px;
    margin: auto;
  }
  .css_mob_lp_bento_3 {
    margin-top: 25px;

    margin-left: 25px;
  }
  .bento_box_2_lp_new {
    max-width: 350px;
  }
  .bleu_container_lp_new_1 {
    margin-bottom: 107px;
  }
  .flex_lp_1_new_4 {
    display: flex;
    justify-content: center;
    gap: 37px;
    margin-bottom: 203px;
    flex-direction: column;
  }
  .lil_box_singular_lp_1 {
    max-width: 350px;
    width: 100%;
    border-radius: 16.937px;
    text-align: center;
    background: #fff;
    height: 444px;
    box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
  }
  .lil_box_singular_lp_1_illu {
    max-width: 340px;
    margin-top: 0px;
  }
  .lil_box_singular_lp_2_illu {
    max-width: 302px;
    margin-top: -25px;
  }
  .lil_box_singular_lp_3_illu {
    max-width: 164px;
    margin-top: -60px;
  }
  .flex_lp_1_new_4 {
    display: flex;
    justify-content: center;
    gap: 37px;
    margin-bottom: 107px;
    flex-direction: column;
  }
}

.trusted_by_19 {
  max-width: 100px;
}

.trusted_by_110 {
  max-width: 100px;
}

.trusted_by_111 {
  max-width: 60px;
}

.p2_snapss_p_march {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  margin: auto;

  line-height: 35px; /* 218.75% */

  margin-top: 12px;

  max-width: 306px;
}

.p1_snapss_p_march {
  color: #1e1e1f;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 22px;

  font-style: normal;

  font-weight: 900;

  line-height: normal;
}

.p_box_emplacement_p_march {
  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  bottom: 22px;
}
.nh_illu_1_march {
  max-width: 380px;

  width: 100%;
}
.nh_illu_2_march {
  max-width: 400px;
  width: 100%;
}
.nh_illu_3_march {
  max-width: 300px;
  margin-top: 20px;
  width: 100%;
}
.box_nh_march_1 {
  border-radius: 15.708px;

  box-shadow: 0px 1.309px 19.635px 0px rgba(0, 0, 0, 0.08);

  max-width: 402px;

  margin: auto;

  height: 508px;

  position: relative;

  display: flex;

  align-items: flex-start;

  justify-content: center;
}

.rownh_nh_1_march {
  margin-top: 126px;
}

.css_march_h2_1 {
}

.css_march_h2_2 {
  margin-top: 200px;
}

@media only screen and (max-width: 1150px) {
  .rownh_nh_1_march {
    margin-top: 70px;
    margin-bottom: 80px;
  }
  .trusted_by_17 {
    max-width: 115px;
    position: relative;
    left: -20px;
  }
  .custom_project_box_new_ohome {
    height: 622px;
    border-radius: 17.77px;
    text-align: center;
  }
}
body {
  overflow-x: hidden !important;
}

.nav_bar_neweb {
  background: #000;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 50;
}

@media only screen and (max-width: 1150px) {
  .container_nh_snapss {
    max-width: 700px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
  }
}

@media only screen and (max-width: 500px) {
  .container_nh_snapss {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
  }
}

.neweb_nav {
  max-width: 1440px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 49px;
  padding-right: 74px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.logo_neweb {
  max-width: 96px;
  cursor: pointer;
  transition: 0.3s;
}

.neweb_nav_links {
  display: flex;
  gap: 28px;
}

.neweb_nav_link {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.556px; /* 162.963% */
  transition: 0.3s;
  cursor: pointer;
}

.arrow_neweb {
  position: relative;
  top: 2px;
  left: 5px;
  transition: 0.3s;
}

.flex_neweb_nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.lang_select_neweb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.lang_select_text {
  color: #898989;

  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 269.534% */
  letter-spacing: -0.52px;
  cursor: pointer;
  transition: 0.3s;
}

.button_neweb {
  padding: 7px 18px;
  border-radius: 5px;
  background: #fff;
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 500; /* line-height: 35.039px; */ /* 269.534% */
  border: 0;
}

.hero_section_neweb {
  margin-top: 140px;
  text-align: center;
}

.h1_neweb {
  color: #1e1e1f;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 144.444% */
  margin-bottom: 35px;
}

.bleu_newebb {
  color: #00007d;
}

.h2_neweb {
  margin: auto;
  max-width: 373px;
  color: #969696;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  letter-spacing: -0.64px;
  margin-bottom: 41px;
}

.button_neweb_hero {
  padding: 13px 34px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  background: #000;
  margin-bottom: 66px;
}
.flex_neweb_nav2 {
  display: flex;
  align-items: center;
  gap: 25px;
}
.image_container_relative_neweb {
  position: relative;
  /* height: 575px; */
  width: 100%;
  margin-bottom: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 700px;
  margin: auto;
  margin-bottom: 65px;
  margin-top: 0;
}
.newb1 {
  position: absolute;
  top: 120px;
  left: -160px;
  max-width: 520px;
}

.newb2 {
  /* position: absolute; */
  top: 0;
  left: 0;
  max-width: 396px;
  margin: auto;
  position: relative;
  z-index: 3;
}

.newb3 {
  position: absolute;
  top: 177px;
  right: -49px;
  max-width: 282px;
  z-index: 4;
}

.newb4 {
  max-width: 269px;
  margin-bottom: 94px;
}
.section_1_neweb {
  background: #000;
  padding-top: 85px;
  padding-bottom: 152px;
  margin-bottom: 212px;
  overflow: hidden;
  position: relative;
}
.p_neweb_glowing {
  color: #fff;

  text-align: center;

  text-shadow: 0px 0px 21px #fff;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */
}
.grid_4_2_neweb {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  margin-top: 94px;
  column-gap: 25px;
  row-gap: 60px;
  justify-items: center;
}
.neweb_trusted {
  max-width: 259px;
}
.elips_neweb {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -100px;
}

.h3_neweb {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  text-align: center;
}
.css_neweb1 {
  margin-bottom: 212px;
}
.black_neweb {
  color: #1e1e1f;
}
.css_neweb2 {
  margin-bottom: 212px;
}
.css_neweb3 {
  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-left: 135px;
}
.p_neweb_1 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */
}
.p_neweb_2 {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 222.222% */
  max-width: 420px;
  margin-top: 10px;
}
.flex_neweb_1 {
  display: flex;

  gap: 38px;

  align-items: center;

  margin-top: 30px;
}
.button_neweb_css_1 {
  padding: 14px 37px;

  color: #fff;

  font-size: 14px;

  background: #000;
}
.learn_more_button_neweb {
  display: flex;
  border-bottom: 1px solid;
  padding-bottom: 5px;
  cursor: pointer;
  overflow: hidden;
  transition: 0.3s;
  padding-right: 1px;
}
.neweb_5 {
  max-width: 642px;
}
.css_neweb4 {
  margin-top: 319px;

  margin-bottom: 472px;
}
.css_neweb5 {
  margin-top: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 90px;
  margin-left: -75px;
}
.neweb_6 {
  max-width: 496px;
  margin-left: 85px;
}
.neweb_7 {
  position: absolute;

  max-width: 1315px;

  top: -210px;
}
.css_neweb6 {
  margin-right: 75px; /* padding-left: 45px; */
  position: relative;
  left: 50px;
}
.css_neweb7 {
  position: relative;
  margin-bottom: 436px;
}

.css_neweb8 {
  margin-bottom: 190px;
}
.css_neweb9 {
  max-width: unset;
}
.neweb_8 {
  max-width: 560px;
  position: relative;
  left: 40px;
}

.p_neweb_5 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */

  text-align: center;
}
.grey_container_neweb {
  background: #f9f9f9;

  padding-top: 114px;

  padding-bottom: 192px;
}

.button_tab_neweb {
  border-radius: 5px;

  background: #f0f0f0;

  height: 59px;

  width: 252px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 14px;

  padding-bottom: 14px;

  cursor: pointer;
}

.button_tab_neweb_active {
  background: #000;
}
.flex_neweb_2 {
  display: flex;
  align-items: center;
  gap: 28px;
  justify-content: center;
  margin-top: 99px;
  margin-bottom: 83px;
}
.neweb_9_img1 {
  max-width: 186px;
}
.neweb_9_img2 {
  max-width: 72px;
}
.neweb_9_img3 {
  max-width: 42px;
}

.p_newtab_block_6 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}
.p_newtab_block_5 {
  margin-top: 18px;

  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: italic;

  margin-bottom: 20px;

  font-weight: 400;

  line-height: normal;
}
.stars_neweb {
  margin-top: 48px;
}
.testi_neweb_1 {
}
.p_newtab_block_4 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.p_newtab_block_3 {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 26px;
}
.p_newtab_block_2 {
  color: #969696;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  max-width: 484px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 25px;
  margin-bottom: 25px;
}
.p_newtab_block_1 {
  color: #1e1e1f;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 175% */
  color: #1e1e1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 218.75% */
  margin-bottom: 8px;
}
.text_of_tabs_neweb {
}
.flex_neweb_3 {
  display: flex;
  align-items: center;
  gap: 275px;
  justify-content: center;
}
.tab_result_neweb {
}
.neweb_bow_img_1 {
  max-width: 445px;
}

.black_container_neweb {
  background: linear-gradient(180deg, #181818 0%, #121212 100%);

  padding-top: 136px;

  padding-bottom: 96px;
}
.h3_neweb_black_bg {
  color: #fff;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */

  margin-bottom: 83px;

  margin-left: 70px;
}
.black_box_newb {
  max-width: 100%;
  border-radius: 22px;
  background: #000;
  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
  padding-left: 26px;
  padding-top: 44px;
  padding-bottom: 40px;
  padding-right: 26px;
  position: relative;
  height: fit-content;
  margin-left: auto;
  margin-right: 15px;
}
.neweb_black_box_1 {
  max-width: 226px;
}
.neweb_black_box_2 {
  max-width: 368px;

  margin-top: 49px;

  margin-bottom: 44px;

  max-width: 328px;
}
.title_black_box {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 153.846% */
}
.css_neweb10 {
  position: absolute;
  right: 30px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 250.281% */
  bottom: 30px;
}
.css_neweb11 {
}
.css_neweb12 {
}
.black_box_newb_2_text {
  margin-left: 50px;
}
.black_box_newb_2 {
  min-height: 333px;

  overflow: hidden;

  border-radius: 22px;

  background: #000;

  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);

  margin-bottom: 32px;

  position: relative;

  display: flex;

  justify-content: flex-start;

  align-items: center;
}
.css_neweb13 {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */

  width: fit-content;

  margin-top: 26px;
}
.neweb_black_box_4 {
  max-width: 280px;

  position: absolute;

  right: 30px;
}
.neweb_black_box_3 {
  position: absolute;

  max-width: 430px;

  right: 0;
}
.css_ncss_neweb14 {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */

  width: fit-content;

  margin-top: 26px;
}

.black_box_newb_2_text2 {
  margin-left: 56px;
}

.css_neweb16 {
  padding: 12px 51px;

  font-size: 14px;

  margin-top: 80px;
}

.faq_container_neweb {
  max-width: 592px;
  margin: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  margin-top: 25px;
  margin-bottom: 154px;
}

.faq_question_newed {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.first_flex_faq_neweb {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.p_faq_question_newed {
  color: #1e1e1f;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 250% */
  max-width: 561px;
}

.neweb_faq_plus {
  transition: all 0.3s ease-in-out;
}

.second_flex_faq_neweb {
}

.p_faq_answer_newed {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 307.692% */
}
.h3_faq_neweb {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 30px;

  font-style: normal;

  font-weight: 500;

  line-height: 49px; /* 163.333% */

  margin-top: 204px;

  text-align: center;
}

.rotate_faq_neweb {
  transform: rotate(180deg);
  filter: hue-rotate(240deg);
}

.css_neweb17 {
  margin-top: 47px;
  border-color: #000 !important;
  background: #000000;
  color: white;
}
.cta_section_neweb {
  background: #ffffff;
  padding-top: 40px;
  padding-bottom: 214px;
  text-align: center;
  margin-bottom: 157px;
}
.snapss_logo_neweb {
  filter: invert(1);
}
.p_cta_neweb {
  color: #000000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-top: 52px;
}
.h3_guide_neweb {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 30px;

  font-style: normal;

  font-weight: 500;

  line-height: 49px;

  margin-bottom: 50px;
}
.date_article_neweb {
}
.time_article_neweb {
  display: flex;

  align-items: center;

  gap: 7px;
}
.date_andtime_articles {
  gap: 7px;

  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 22px; /* 157.143% */

  display: flex;

  padding: 16px;

  padding-top: 0;
}
.text_article_box_neweb {
  padding: 16px;

  margin-top: 31px;

  padding-top: 0;

  margin-bottom: 54px;
}
.title_article_box_neweb {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 35px; /* 205.882% */
}
.img_article_box_neweb {
  height: 340px;
}
.neweb_guide_1 {
  object-fit: cover;

  max-width: 100%;

  width: 100%;

  border-radius: 11.534px;

  border: 2.884px solid #fff;
}
.guide_artcile_item_neweb {
  height: 552px;
  border-radius: 11.534px;
  border: 2.884px solid #fff;
  background: rgba(239, 239, 239, 0.1);
  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(32.13589859008789px);
  width: 369px;
  width: 369px;
  margin-right: 32px;
  cursor: pointer;
  flex-shrink: 0;
}
.flex_scrollable_neweb {
  padding-left: 70px;
  margin-bottom: 157px;
  gap: 32px;
  width: 100%;
  overflow: scroll;
  position: relative;
  overflow-y: hidden;
  scrollbar-width: none;
  padding-bottom: 35px;
}
.parent_scrollable_neweb_guide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  margin-left: 1304px;
}

.footer_neweb_container {
  background: #000;
  padding-top: 53px;
  overflow: hidden;
  position: relative;
}

.footer_neweb_row {
  max-width: 1440px;
  padding-left: 45px;
  padding-bottom: 17px;
  margin: auto;
  width: 100%;
}

.content_footer_neweb {
}

.snapss_logo_neweb_footer {
  max-width: 110px;
  margin-bottom: 39px;
}

.grid_menu_footer_neweb {
  display: flex;
  gap: 67px;
  align-items: flex-start;
}

.menu_footer_neweb {
}

.title_footer_neweb {
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 18px;
}

.menu_item_footer_neweb {
  color: #c8c8c8;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 13px;
}

.flex_footer_last_newb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 149px;
  width: 100%;
}

.flex_max_with_footer_newb {
  display: flex;
  gap: 17px;
  margin-right: 116px;
}

.sub_p_footer_neweb {
  color: #8a8a8a;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.p_footer_neweb {
  color: #8a8a8a;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer_neweb_1 {
  max-width: 487px;
  right: 0;
  bottom: -18px;
  left: 0;
  position: relative;
}

.flex_footer_for_big_img {
  display: flex;

  justify-content: space-between;

  padding-right: 73px;
}

.notif_neweb_css_1 {
}
.notif_neweb_1 {
  position: relative;
  max-width: 390px;
  width: 390px;
  margin-bottom: 70px;
  right: -51px;
  top: -20px;
}

.hero_section_neweb2 {
  margin-top: 140px;

  min-height: 760px;

  padding-top: 105px;
}
.h1_intern_newb_1 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px;
}
.h2_intern_newb_1 {
  color: #969696;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 35.039px; /* 218.996% */

  letter-spacing: -0.64px;

  margin-top: 24px;

  margin-bottom: 42px;
}
.notif_neweb_css_1 {
}

.h3_neweb_notif_1 {
  color: #00007d;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 144.444% */
  margin-top: 0;
}

.css_temporari_snapss_neweb1 {
  margin-bottom: 112px;
}

.css_notif_neweb_1 {
  margin-bottom: 112px;
}
.notif_neweb_2 {
  margin: auto;
  max-width: 1189px;
  width: 100%;
  margin-bottom: 221px;
}
.css_notif_neweb_2 {
  margin-bottom: 24px;
}
.p_neweb_notif_1 {
  color: #969696;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  letter-spacing: -0.64px;
}
.css_notif_neweb_3 {
  margin-bottom: 55px;
}

.notif_neweb_3 {
  margin: auto;
  max-width: 638px;
  margin-bottom: 252px;
}

.grey_section_neweb_notif {
  background: #f9f9f9;

  padding-top: 129px;

  padding-bottom: 161px;
}

.h2_neweb_notif_2 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */

  margin-bottom: 24px;
}

.p_neweb_notif_2 {
  color: #969696;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px; /* 222.222% */

  margin-bottom: 97px;
}

.notif_neweb_4 {
  margin: auto;
  max-width: 1142px;
  margin-bottom: 68px;
}

.flex_center_notif_neweb_1 {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 27px;
}

.bloc_notif_neweb1 {
  border-radius: 24px;

  border: 2.884px solid #fff;

  background: #f9f9f9;

  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(32.13589859008789px);

  max-width: 200px;

  width: 100%;

  height: 142px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  align-content: center;
}

.notif_neweb_icone_1 {
  width: 24px;

  margin-bottom: 24px;
}

.p_neweb_notif_icone_1 {
  color: #000;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 26px; /* 162.5% */
}

.css_notif_neweb_4 {
  max-width: 1077px;

  margin: auto;

  width: 100%;
}

.black_section_neweb_notif {
  background: linear-gradient(180deg, #181818 0%, #121212 100%), #000;

  padding-top: 150px;
  padding-bottom: 242px;
}

.text_movement_css_neweb_notif {
  margin-bottom: 40px;
}

.white_h3_neweb_notif {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 144.444% */
  margin-left: 160px;
}

.flex_parent_neweb_notif_1 {
  margin-top: 130px;
  position: relative;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: none;
  scrollbar-color: #666 #333;
}

.flex_parent_neweb_notif_1::-webkit-scrollbar {
  height: 8px;
}

.flex_parent_neweb_notif_1::-webkit-scrollbar-track {
  background: #333;
  border-radius: 4px;
}

.flex_parent_neweb_notif_1::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 4px;
}

.flex_parent_neweb_notif_1::-webkit-scrollbar-thumb:hover {
  background: #888;
}

.flex_child_neweb_notif_1 {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 24px;
  min-width: max-content;
  padding-bottom: 18px;
  padding-left: 180px;
  padding-right: 370px;
}

.box_neweb_notif_1 {
  max-width: 465px;
  width: 100%;
}

.p_white_neweb_notif_1 {
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  padding-left: 30px;
}

.notif_neweb_ilu_box1 {
  max-width: 555px;
  /* width: 100%; */
}

.css_ma_neweb_1 {
  background: #f9f9f9;
  margin-bottom: 180px;
}
.css_ma_neweb_2 {
  color: #00007d;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 144.444% */
}

.css_ma_neweb_3 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  margin-top: 32px;
}
.css_ma_neweb_4 {
}
.css_ma_neweb_6 {
  max-width: fit-content;
  margin-top: 32px;
}
.h3_ma_1 {
  color: #00007d;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */
}
.p_ma_1 {
  color: #969696;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 35.039px; /* 218.996% */

  margin-top: 30px;

  margin-bottom: 227px;
}
.css_ma_neweb_5 {
}
.css_ma_neweb_7 {
  margin-bottom: 300px;
}

.css_ma_neweb_8 {
  position: relative;

  left: 60px;
}

.css_ma_neweb_9 {
  text-align: center;
  margin-left: 0;
  margin-bottom: 119px;
}
.css_ma_neweb_10 {
  max-width: 334px;
  margin: auto;
  margin-left: 47px;
}
.css_ma_neweb_11 {
  max-width: 348px;
  margin-left: 47px;
}
.css_ma_neweb_12 {
  max-width: 330px;
  margin-top: 35px;
  margin-left: 35px;
}
.text_ma_bloc_div_black {
}
.p_ma_bloc_div_black {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 153.846% */
}

.ma_neweb11 {
  max-width: 299px;

  width: 100%;

  margin-left: 19px;

  margin-top: -25px;

  position: relative;

  top: 35px;
}

.ma_neweb12 {
  max-width: 362px;

  position: absolute;

  right: 0;

  bottom: 0;
}
.ma_neweb13 {
  max-width: 289px;

  margin-left: 40px;
}

.css_sc_neweb_1 {
}
.grey_box_sc_neweb {
  position: relative;
  border-radius: 22px;
  border: 5.372px solid #ffffff;
  background: #f9f9f9;
  max-width: 465px;
  height: 465px;
  width: 100%; /* margin: auto; */
  padding-top: 54px;
  text-align: center;
}
.p_sc_neweb_1 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px; /* 108.333% */
  text-align: center;
}
.grey_box_sc_neweb2 {
  position: relative;
  border-radius: 22px;
  border: 5.372px solid #fff;
  background: #f9f9f9;
  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
  padding-top: 77px;
  padding-left: 46px;
  max-width: 968px;
  width: 100%;
  height: 465px;
  margin: auto;
  margin-bottom: 194px;
}
.css_sc_neweb_2 {
  display: flex;
  justify-content: flex-end;
}
.css_sc_neweb_3 {
}

.sc_neweb_2 {
  max-width: 232px;
  margin-top: 33px;
}
.sc_neweb_3 {
  max-width: 856px;
  position: absolute;
  left: -30px;
  right: 0;
  margin: auto;
  bottom: 0;
}
.sc_neweb_1 {
  max-width: 200px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;
}

.css_sc_neweb_4 {
  text-align: start;
}
.css_sc_neweb_5 {
  margin-top: 118px;

  display: flex;

  justify-content: center;

  gap: 39px;

  margin-bottom: 39px;
}

.css_sc_neweb_6 {
}
.css_sc_neweb_7 {
  max-width: 422px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 22px;
}
.css_sc_neweb_8 {
  left: 38px;
  position: relative;
}
.css_sc_neweb_9 {
  max-width: 285px;
  margin-left: 90px;
}
.css_sc_neweb_10 {
  margin-left: 38px;
}
.css_sc_neweb_11 {
  max-width: 334px;
  position: absolute;
  right: 0;
  bottom: 0px;
}
.css_sc_neweb_12 {
  height: 100%;
  max-height: 690px;
}
.css_sc_neweb_13 {
  margin-bottom: 220px;
}

.compatiblewith {
  max-width: 185px;
  margin-left: -11px;
  margin-top: -6px;
}

.sc_neweb_0 {
  max-width: 390px;

  right: -140px;

  position: relative;

  margin-top: -130px;

  margin-bottom: 191px;
}
.css_sc_neweb_16 {
  position: relative;

  left: 120px;
}

.intg_grey_container {
  padding-top: 135px;

  background: #f9f9f9;

  padding-bottom: 30px;
}

.h1_intg_grey_container {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 61px;
}

.d_grid_element_categories {
  display: flex;

  gap: 18px;

  margin-top: 35px;
}

.element_cat_intg {
  padding: 5px 24px;

  border-radius: 34px;

  background: #fff;

  width: fit-content;

  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */

  min-width: 95px;

  text-align: center;

  cursor: pointer;
}

.element_active_cat {
  color: #fff;

  background: #000;
}

.book_a_call_intg_div {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 50px;
}

.b_a_d_img_person {
  max-width: 60px;
}

.book_a_call_intg_div_text {
}

.p_book_a_call_intg_div_text {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 218.996% */
}

.p_bleu_flex_itng {
  display: flex;

  color: #1858ff;

  leading-trim: both;

  text-edge: cap;

  gap: 6px;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 35.039px; /* 218.996% */

  text-decoration-line: underline;

  text-decoration-style: solid;

  text-decoration-skip-ink: auto;

  text-decoration-thickness: auto;

  text-underline-offset: auto;

  text-underline-position: from-font;
}

.b_a_d_img_arrow {
}

.category_integration_container {
  margin-top: 48px;
}

.category_integration_container_box {
  overflow: unset;
  overflow-y: hidden;
  scrollbar-width: none;
  margin-bottom: 20px;
  overflow: visible;
}

.flex_category_intr_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-left: 0;
  width: 100%;
  margin-right: 0;
  padding-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
  /* overflow: visible; */
}

.category_integration_container_box_item {
  width: 307px;
  height: 431px;
  border-radius: 22px;
  background: #f9f9f9;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
  flex: 1;
  max-width: 311px;
}

.category_integration_container_box_item_img {
  height: 182px;

  border-radius: 22px 22px 0px 0px;

  background: #fff;
}

.category_integration_container_box_item_img_1 {
  object-fit: cover;

  border-radius: 22px 22px 0px 0px;

  background: #fff;
}

.category_integration_container_box_item_text {
  padding: 34px 22px;
}

.category_integration_container_box_item_text_p {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 24px;

  font-style: normal;

  font-weight: 500;

  line-height: 0; /* 254.167% */

  margin-top: 14px;
}

.category_integration_container_box_item_text_p_2 {
  color: #969696;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px; /* 206.667% */
  margin-top: 32px;
}
.title_category_integration_container {
  color: #00007d;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
  margin-bottom: 40px;
}

.css_intg_neweb_1 {
  font-size: 15px;
}

.ig_phone_int_1 {
  max-width: 800px;
  margin-bottom: 108px;
}
.css_intg_neweb_2 {
  height: 186px;
}
.css_intg_neweb_3 {
  color: #00007d;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 144.444% */
}

.css_intg_neweb_4 {
  color: #969696;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  letter-spacing: -0.64px;
  margin-bottom: 101px;
  margin-top: 32px;
}
.bigiconint {
  max-width: 388px;

  margin-top: 79px;
}
.int_black_sections {
  margin-top: 200px;

  padding-top: 150px;

  padding-bottom: 150px;

  text-align: center;

  background: #000;
}
.css_intg_neweb_5 {
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 144.444% */
  margin-bottom: 32px;
}
.css_intg_neweb_6 {
  margin-bottom: 0;
  color: #969696;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  letter-spacing: -0.64px;
}
.css_intg_neweb_7 {
}

.container_book_a_demo_neweb {
  padding-top: 125px;
}

.h1_book_a_demo_neweb {
  color: #00007d;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px;

  text-align: center;

  margin-bottom: 24px;
}

.h2_book_a_demo_neweb {
  color: #969696;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 35.039px; /* 218.996% */

  letter-spacing: -0.64px;

  margin-bottom: 67px;
}

.css_book_a_demo_neweb_1 {
  color: #00007d;

  text-align: center;

  font-size: 40px;

  font-style: normal;

  font-weight: 600;

  line-height: 52px; /* 130% */
}

.css_book_a_demo_neweb_2 {
}

.form_book_a_demo_neweb {
  max-width: 562px;

  /* height: 801px; */

  width: 100%;

  border-radius: 0px 0px 10px 10px;

  background: #f9f9f9;

  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);

  margin: auto;
}

.bande_b_a_d_neweb {
  border-radius: 10px 10px 0px 0px;

  background: #000;

  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);

  text-align: center;

  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 15px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 40px;
}

.form_b_a_d_element {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-bottom: 20px;
}

.css_book_a_demo_neweb_3 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 35.039px; /* 250.281% */
}

.css_book_a_demo_neweb_2 {
  color: #898989;
}
.form_css_input_neweb_1 {
  border-radius: 9px;

  background: #fff;

  border: 0;

  max-width: 100%;

  width: 100%;

  height: 55px;

  padding-left: 19px;

  font-family: 'Helvetica Neue';

  padding: 10px;
}
.padding_form_b_a_d_element {
  padding-left: 87px;

  padding-right: 87px;

  padding-bottom: 57px;
}

.css_book_a_demo_neweb_4 {
  height: 114px;
  resize: none;
}

.css_book_a_demo_neweb_5s {
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 37px center;
  background-size: 12px;
  padding-right: 30px;
}
.banderole_brands_mooving {
  border-radius: 11.534px;
  border: 1px solid #fff;
  background: rgba(239, 239, 239, 0.1);
  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(32.13589859008789px);
  margin-top: 100px;
  margin-bottom: 100px;
}
.css_book_a_demo_neweb_6 {
  width: 100%;

  border-radius: 5px;

  background: #000;

  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */

  margin-top: 15px;
}

.banderole_brands_mooving {
  /* display: flex; */
  overflow: hidden;
  white-space: nowrap;
  padding: 20px 0;
  height: 77px;
  padding-bottom: 80px;
}

.banderole_brands_mooving img {
  animation: scroll 33s linear infinite;
  margin-right: 20px;
  max-width: 285px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-800%);
  }
}

.testi_neweb_bad {
  max-width: 464px;
  width: 100%;
  margin: auto;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
  padding-top: 36px;
  padding-left: 75px;
  padding-right: 75px;
  position: relative;
  height: 100%;
  margin-right: inherit;
  margin-right: 10px;
  right: -90px;
}

.p_testi_neweb_bad {
  color: #898989;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: italic;

  font-weight: 400;

  line-height: 22px; /* 157.143% */

  margin-bottom: 20px;

  margin-top: 18px;
}

.p_testi_neweb_bad_2 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-align: center;

  margin-bottom: 45px;
}

.phone_container_testi {
}

.date_du_jour_neweb {
}

.notif_test_neweb_b_a_d {
  border-radius: 19.258px;

  background: #f9f9f9;

  box-shadow: 0px 2.198px 21.976px 4.395px rgba(0, 0, 0, 0.08);

  width: 391.169px;

  height: 77.03px;

  display: flex;

  justify-content: space-between;

  padding: 13px 15px;

  position: absolute;

  top: 30px;

  bottom: 0;

  margin: auto;

  left: 0;

  right: 0;
}

.notif_test_neweb_b_a_d_1 {
  display: flex;

  align-items: center;

  gap: 10px;
}

.text_notif_and_contentent_new {
}

.p_text_notif_and_contentent_new {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 14.443px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.p_text_notif_and_contentent_new_2 {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 14.245px;

  font-style: normal;

  font-weight: 400;

  line-height: 19.861px; /* 139.422% */

  margin-top: 5px;
}

.date_notif_test_neweb_b_a_d {
  color: #898989;

  text-align: right;

  font-family: 'Helvetica Neue';

  font-size: 12.17px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;
}

.p_contact_neweb {
  color: #00007d;

  font-family: 'Helvetica Neue';

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 162.5% */

  margin-bottom: 55px;
}

.contact_neweb_1 {
  box-shadow: drop-shadow(0px 3.56px 46.28px rgba(0, 0, 0, 0.1));

  width: 89px;
  height: 89px;
}

.p_contact_neweb_2 {
  color: #27485d;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 218.75% */
  margin-bottom: 35px;
}

.p_contact_neweb_3 {
  color: #00007d;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px; /* 218.75% */
}
.p_contact_neweb_4 {
  color: #00b67a;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 250% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.big_box_inside_contact_neweb {
  border-radius: 12px;
  background: #f9f9f9;
  width: 399px;
  height: 194px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  align-items: center;
  gap: 70px;
  padding-left: 35px;
  margin-bottom: 42px;
}
.css_contact_neweb_1 {
  padding-left: 40px;

  padding-right: 40px;

  padding-top: 56px;
}
.button_neweb_css_1 {
  transition: all 0.3s ease;
  border: 1px solid #000;
}
.button_neweb_css_1:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.nav_bar_neweb {
  transition: all 0.3s ease;
}
.neweb_nav_link {
  transition: all 0.3s ease;
}
.button_neweb {
  transition: all 0.3s ease-out;
}

.container_neweb_pricing {
  padding-top: 125px;
}
.flex_toggle_pricing_monthly_yearly {
  display: flex;

  position: relative;

  border-radius: 28.444px;

  border: 0.889px solid rgba(243, 243, 247, 0.2);

  background: #f3f3f7;

  backdrop-filter: blur(17.77777671813965px);

  padding: 4.444px;

  width: fit-content;

  height: 43px;

  margin: auto;

  gap: 67px;

  min-width: 200px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 53px;

  cursor: pointer;
}
.toggle_pricing_monthly_yearly {
}
.p_toggle_pricing_monthly_yearly {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 12.444px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.556px; /* 157.143% */

  letter-spacing: -0.427px;
}
.onit_toggle_pricing_monthly_yearly {
  position: absolute;

  top: 2px;

  right: 4px;

  border: 0.889px solid rgba(243, 243, 247, 0.2);

  padding: 4.444px;

  width: fit-content;

  height: 37px;

  margin: auto;

  gap: 67px;

  min-width: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 12.444px;

  font-style: normal;

  font-weight: 500;

  line-height: 19.556px; /* 157.143% */

  cursor: pointer;

  letter-spacing: -0.427px;

  border-radius: 21.333px;

  background: #000;

  backdrop-filter: blur(8.888888359069824px);
}
.p_onit_toggle_pricing_monthly_yearly {
}
.neweb_save_20 {
  position: absolute;

  color: #000;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 12px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: capitalize;

  border-radius: 4.063px;

  background: #ffb800;

  width: 78.241px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  right: -96px;
}

.flex_neweb_pricing {
  display: flex;

  align-items: flex-end;

  justify-content: center;

  gap: 26px;

  margin-bottom: 160px;
}

.box_pricing_neweb_1 {
  border-radius: 22px;
  background: #fff;
  padding-top: 43px;
  padding-left: 25px;
  padding-right: 25px;
  width: 311px;
  height: fit-content;
  flex-shrink: 0;
  padding-bottom: 35px;
  position: relative;
}

.p1_box_pricing_neweb_1 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  margin-bottom: 11px;
}

.flex_pricing_inside_neweb {
  display: flex;

  gap: 13px;

  align-items: flex-end;
}

.p3_box_pricing_neweb_1 {
  color: #00007d;

  font-family: 'Helvetica Neue';

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: 49.968px; /* 156.15% */

  letter-spacing: -0.857px;
}

.p4_box_pricing_neweb_1 {
  color: #101828;

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 500;

  line-height: 23.199px; /* 178.457% */

  letter-spacing: -0.214px;

  text-decoration-line: strikethrough;

  text-decoration: line-through;

  position: relative;

  top: -8px;
}

.p2_box_pricing_neweb_1 {
  color: #101828;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 23.199px; /* 144.997% */

  letter-spacing: -0.214px;

  margin-bottom: 22px;
}

.list_of_feature_newed {
  display: flex;

  align-items: flex-start;

  gap: 7.14px;

  margin-bottom: 10px;
}

.p5_box_pricing_neweb_1 {
  color: #101828;

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  line-height: 21.415px; /* 164.73% */

  letter-spacing: -0.143px;
}

.p6_box_pricing_neweb_1 {
  color: #969696;

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  line-height: 21.415px;

  letter-spacing: -0.143px;
}

.button_div_pricing_start_neweb {
}

.button_pricing_start_neweb {
  width: 258px;

  height: 45px;

  border-radius: 5px;

  background: #000;

  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */

  border: 0;

  margin-top: 50px;
}
.css_circle_neweb_1 {
  width: 17.846px;
  height: 17.846px;
}

.grey_full_page_neweb {
  background: #f9f9f9;
  padding-bottom: 160px;
}
.css_other_first_pricing_neweb {
  border-top-right-radius: 0;

  border-top-left-radius: 0;

  background: #e2e2e2;
}
.other_first_pricing_neweb {
  max-width: 311px;

  width: 100%;

  position: relative;
}
.banderoll_free_trial_pricing {
  border-radius: 22px 22px 0px 0px;

  background: #000;

  width: 100%;

  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 15px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  display: flex;

  align-items: center;

  height: 44px;

  justify-content: center;
}
.most_pop_neweb_pricing {
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  border-radius: 21.06px;
  background: #ffb800;
  width: 99px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 42px;
}
.p3_box_pricing_neweb_1 span {
  position: relative;
  left: -7px;
}
.css_button_custom_pricing {
  margin-top: 0;
}
.dropdown_neweb_mobile {
  background: #000;
  position: fixed;
  width: 100%;
  top: -238px;
  padding-top: 30px;
  padding-left: 120px;
  padding-bottom: 120px;
  height: 291px;
  transition: all 0.3s ease-in-out;
  z-index: 22;
}

.pt_title_dropdown_neweb {
  color: #969696;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-bottom: 19px;
}
.pt_item_dropdown_neweb {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin-bottom: 28px;

  cursor: pointer;

  display: block;
}

.transition_css_neweb1 {
  transition: all 0.3s ease;

  border: 2px solid #ffffff00;
}

.transition_css_neweb1:hover {
  background: #fff;
  color: #000;
  border-radius: 5px;
  border: 2px solid #fff;
  background: #000;
  color: #fff;
}

.button_neweb_hero {
  transition: all 0.3s ease-out;
  background: #000;
  border: 2px solid transparent;
}

.button_neweb_hero:hover {
  background: #fff;
  color: #000;
  border: 2px solid #000;
}

.transition_on_white_header {
  transition: all 0.3s ease;

  border: 2px solid #ffffff00;
}

.transition_on_white_header:hover {
  background: #fff;
  color: #000 !important;
  background-color: #fff !important;
  border-radius: 5px;
  border: 2px solid #000;
}

.big_car_neweb {
  position: relative;

  margin-bottom: 288px;
}

.under_container_neweb_big_car {
  display: flex;
  gap: 4px;
}

.car_item_neweb {
  cursor: grab;
  border-radius: 24px;
  border: 2.884px solid #fff;
  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(32.13589859008789px);
  max-width: 1093px;
  height: 650px;
  width: 100%;
  position: relative;
  margin: auto;
  flex: none;
  transition: 0.3s;
  transform: scale(0.78);
}

.neweb_car_1 {
  margin: auto;
  width: fit-content;
  object-fit: cover;
  border-radius: 24px;
  border: 2.884px solid #fff;
  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(32.13589859008789px);
  max-width: 1103px;
  height: 100%;
  width: 100%;
}

.p_neweb_car_1 {
  position: absolute;

  top: 123px;

  right: 0;

  left: 0;

  margin: auto;

  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */
}

.p_neweb_car_2 {
  color: #dedede;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 26px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px; /* 153.846% */

  top: 239px;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;
}

.switch_of_car_toggle {
  border-radius: 47.603px;

  border: 1px solid rgba(255, 255, 255, 0.68);

  background: rgba(239, 239, 239, 0.1);

  box-shadow: 0px 3.813px 19.065px 0px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(15px);

  padding: 20px 40px;

  width: fit-content;

  position: absolute;

  bottom: 30px;

  right: 0;

  left: 0;

  margin: auto;

  min-width: 240px;

  overflow: hidden;
}

.flex_item_switch_car {
  display: flex;

  justify-content: flex-start;

  gap: 9px;
}

.dot_switch_car {
  border-radius: 20.868px;

  background: #d9d9d9;

  width: 14.906px;

  height: 14.906px;

  flex-shrink: 0;

  transition: 0.3s;

  cursor: pointer;
}

.dot_switch_car_active {
  max-width: 92px;
  width: 100%;
}

.circle_switch_car {
  border-radius: 20.868px;
  background: #000;

  max-width: 92px;
  width: 35.774px;
  height: 14.906px;
  flex-shrink: 0;
  position: absolute;
}

.car_item_neweb_active {
  transform: scale(0.9);
}

.big_car_neweb {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  overflow-y: hidden;
  scrollbar-width: none;
  scrollbar-color: #666 #333;
  /* padding-right: 570px; */
}

.under_container_neweb_big_car {
  display: flex;
  align-items: center;

  min-width: max-content;
}

.under_container_neweb_big_car {
  width: 100%; /* or a specific width */
  /* overflow-x: auto; */ /* Enable horizontal scrolling */
  white-space: nowrap; /* Prevent items from wrapping */
  /* overflow-y: hidden; */
  transform: scale(0.95);
}

.yellow_neweb {
  color: #ffb800;
}

.h1_use_cases_neweb {
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 76px;
  font-style: normal;
  font-weight: 600;
  line-height: 90px; /* 118.421% */
  margin-bottom: 6%;
}
.css_bg_uc_1 {
  margin-top: 60px;
  background: #000000;
  text-align: center;
  padding-top: 190px;
  padding-bottom: 120px;
}
.css_bg_uc_1_1 {
  background: #000000;
}

.css_bg_uc_11 {
  background: #ffffff;
}
.css_bg_uc_9 {
  background: #c490e2;
}
.css_bg_uc_10 {
  background: #f9f9f9;
  margin-bottom: 125px;
}
.css_bg_uc_2 {
  background: #6e7a8f;
  padding-top: 130px;
  padding-bottom: 120px;
}

.bleu_uc {
  color: #1858ff;
}

.css_color_uc_1 {
}

.img_1_neweb {
  max-width: 323px;
  position: relative;
  z-index: 2;
}
.img_col_fp {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  padding-right: 30px;
  position: relative;
}
.text_col_fp {
  margin-top: 137px;
  margin-left: 75px;
  text-align: start;
}
.arrow_down_neweb {
  width: 64px;
  cursor: pointer;
  height: 64px;
}

.h2_use_cases_neweb {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 76px;
  font-style: normal;
  font-weight: 600;
  line-height: 90px; /* 118.421% */
  text-align: start;
}
.spacer_from_bav_neweb {
  margin-top: 60px;
}

.yellow2_neweb {
  color: #fafa0b;
}

.learn_more_neweb {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #fff;
  width: fit-content;
  margin-top: 40px;
  cursor: pointer;
  margin-left: 2px;
}
.learn_more_neweb_text {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */
}

.arrow_right_neweb {
}
.css_black_neweb_1 {
  border-bottom: 1px solid #000;
}
.css_black_neweb_2 {
  color: #000;
}
.css_black_neweb_3 {
  color: #000;
  filter: invert(1);
}
.border_black_uc {
  border-bottom: 1px solid #000;
}

.css_bg_uc_3 {
  background: #f9f9f9;

  padding-top: 130px;
  padding-bottom: 120px;
}

.css_bg_uc_4 {
  background: #366084;

  padding-top: 130px;
  padding-bottom: 120px;
}

.css_bg_uc_5 {
  background: #fd7691;

  padding-top: 130px;
  padding-bottom: 120px;
}

.css_bg_uc_6 {
  background: #000;

  padding-top: 130px;
  padding-bottom: 120px;
}

.css_bg_uc_7 {
  background: #002a71;

  padding-top: 130px;
  padding-bottom: 120px;
}

.css_bg_uc_8 {
  background: #d78682;

  padding-top: 130px;
  padding-bottom: 120px;
}

.text_col_fp2 {
  margin-top: 160px;
}

.text_col_fp4 {
  margin-top: 160px;
}
.grey_newebb {
  color: #d0d0d0;
}
.text_col_fp3 {
  margin-left: 75px;
  margin-top: 190px;
}
.bleu3_newebb {
  color: #327eb0;
}
.grey2_neweb {
  color: #d1d1d1;
}
.margin_top_uc_0 {
  margin-top: 0px;
  padding-bottom: 120px;
}
.red_newebb {
  color: #ef1b01;
}
.red2_neweb {
  color: #9b1009;
}
.green_newebb {
  color: #23ff00;
}

.css_margin_top_faq_uc {
  margin-top: 125px;
}

.pg-pips {
  background: #000;
}

#fullpage {
  padding-bottom: 0;
  background: #000;
}

.section_fp {
  height: fit-content;
  padding: 0;
  display: block;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding-top: 130px;
  padding-bottom: 130px;
}
@media screen and (min-width: 1450px) {
  .under_container_neweb_big_car {
    display: flex;
    gap: 4px;
    margin-left: 12%;
    margin-right: 12%;
  }
}

.notif_neweb_1 {
  position: absolute;
  max-width: 827px;
  width: 827px;
  margin-bottom: 70px;
  right: -180px;
  top: -160px;
}
@media only screen and (max-width: 1150px) {
  .notif_neweb_1 {
    position: relative;
    max-width: 390px;
    width: 390px;
    margin-bottom: 110px;
    right: -51px;
    top: 40px;
  }
  .h1_neweb {
    font-family: 'Helvetica Neue';
    margin-bottom: 15px;
    color: #1e1e1f;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
  }
  .button_neweb_hero {
    padding: 10px 33px;
  }
  .newb2 {
    /* position: absolute; */
    top: 0;
    left: -49px;
    max-width: 229px;
    position: relative;
    z-index: 3;
  }
  .newb3 {
    position: absolute;
    top: 20px;
    right: 10px;
    max-width: 117px;
    z-index: 2;
  }

  .newb1 {
    position: absolute;
    top: 154px;
    left: 85px;
    max-width: 238px;
    z-index: 5;
  }
  .newb4 {
    max-width: 221px;
    margin-bottom: 75px;
    margin-top: 40px;
  }
  .grid_4_2_neweb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 0;
    margin-top: 94px;
    column-gap: 0;
    row-gap: 40px;
    justify-items: center;
  }
  .neweb_trusted {
    max-width: 191px;
    width: 100%;
  }

  .elips_neweb {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -24px;
  }
  .section_1_neweb {
    background: #000;
    padding-top: 85px;
    padding-bottom: 102px;
    margin-bottom: 140px;
    overflow: hidden;
    position: relative;
  }

  .neweb_car_1 {
    margin: auto;
    width: fit-content;
    object-fit: cover;
    border-radius: 24px;
    border: 2.884px solid #fff;
    box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(32.13589859008789px);
    max-width: 340px;
    height: 540px;
    width: 100%;
  }
  .car_item_neweb {
    border-radius: 24px;
    border: 2.884px solid #fff;
    box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(32.13589859008789px);
    min-width: 340px;
    max-width: 340px;
    height: 540px;
    /* width: 100%; */
    position: relative;
    margin: auto;
    flex: none;
    transition: 0.3s;
    transform: none;
  }

  .p_neweb_car_1 {
    position: absolute;
    top: 123px;
    right: 0;
    left: 0;
    margin: auto;
    font-family: 'Helvetica Neue';
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
  }

  .p_neweb_car_2 {
    font-family: 'Helvetica Neue';
    top: 189px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #dedede;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.538px;
  }

  .neweb_nav {
    max-width: 1440px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .menu_neweb {
    width: 24px;
  }
  .hero_section_neweb {
    margin-top: 105px;
    text-align: center;
  }
  .css_neweb3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }
  .neweb_5 {
    max-width: 375px;
    margin: auto;
    margin-top: 62px;
    margin-bottom: 47px;
  }
  .p_neweb_1 {
    color: #1e1e1f;
    font-family: 'Helvetica Neue';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }
  .css_neweb4 {
    margin-top: 0px;
    margin-bottom: 140px;
  }
  .neweb_6 {
    max-width: 375px;
    margin-left: 0;
    width: 100%;
    margin-top: 54px;
    margin-bottom: 59px;
  }
  .css_neweb5 {
    margin-top: 140px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 0;
    margin-left: 0;
  }
  .neweb_7_mob {
    max-width: 120%;
    width: 120%;
    margin-top: 59px;
    margin-bottom: 59px;
  }
  .flex_center_mob_only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .css_neweb7 {
    position: relative;
    margin-bottom: 0;
  }
  .neweb_8_mob {
    margin-top: 59px;
    margin-bottom: 19px;
  }
  .css_neweb8 {
    margin-bottom: 140px;
  }
  .container_for_mobile_flex_index {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: scroll;
    scrollbar-width: none;
    margin-left: -20px;
    padding-left: 20px;
    width: 120%;
    padding-right: 52px;
    padding-bottom: 0;
  }
  .flex_neweb_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: fit-content;
  }
  .flex_neweb_3 {
    display: flex;
    align-items: center;
    gap: 63px;
    justify-content: center;
    flex-direction: column;
  }
  .neweb_bow_img_1 {
    max-width: 350px;
    margin-top: 25px;
  }
  .button_neweb_css_tab {
    border-radius: 5px;

    background: #000;

    width: 213px;

    height: 45px;

    color: #fff;

    text-align: center;

    leading-trim: both;

    text-edge: cap;

    font-family: 'Helvetica Neue';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 35.039px; /* 250.281% */

    margin-top: 55px;

    display: flex;

    align-items: center;

    justify-content: center;
  }
  .grey_container_neweb {
    background: #f9f9f9;
    padding-top: 114px;
    padding-bottom: 130px;
  }
  .h3_neweb_black_bg {
    font-family: 'Helvetica Neue';
    margin-bottom: 83px;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
    margin-left: 0;
  }
  .black_box_newb {
    display: flex;
    margin-right: 0;
    flex-direction: column-reverse;
  }
  .css_neweb10 {
    bottom: 0;
    right: 0px;
    left: 30px;
    width: fit-content;
    top: 150px;
    display: flex;
    align-items: center;
    height: fit-content;
  }
  .neweb_black_box_1 {
    max-width: 170px;
    margin-top: 121px;
  }
  .black_box_newb_2 {
    min-height: 333px;
    overflow: hidden;
    border-radius: 22px;
    background: #000;
    box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 32px;
    position: relative;
    display: flex;
    height: 554.052px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .neweb_black_box_3_mob {
    position: absolute;
    bottom: 0;
    max-width: 280px;
    right: 0;
  }
  .black_box_newb_2_text {
    margin-left: 28px;
    margin-top: 56px;
  }
  .neweb_black_box_4 {
    max-width: 280px;
    position: absolute;
    right: 0;
    margin: auto;
    left: 0;
    bottom: 30px;
    bottom: 90px;
  }
  .black_box_newb_2_text2 {
    margin-top: 56px;
    margin-left: 26px;
    padding-right: 21px;
  }
  .css_neweb15 {
    height: 651px;
  }
  .h3_faq_neweb {
    color: #1e1e1f;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    margin-top: 100px;
    text-align: center;
  }
  .cta_section_neweb {
    background: #ffffff;
    padding-top: 40px;
    padding-bottom: 105px;
    text-align: center;
    margin-bottom: 148px;
  }
  .p_cta_neweb {
    color: #000000;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
    margin-top: 40px;
  }
  .h3_guide_neweb {
    color: #1e1e1f;
    font-family: 'Helvetica Neue';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    margin-bottom: 50px;
  }
  .guide_artcile_item_neweb {
    height: 415px;
    border-radius: 11.534px;
    border: 2.884px solid #fff;
    background: rgba(239, 239, 239, 0.1);
    box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(32.13589859008789px);
    width: 369px;
    width: 277px;
    margin-right: 32px;
    cursor: pointer;
  }
  .img_article_box_neweb {
    height: unset;
  }
  .title_article_box_neweb {
    color: #1e1e1f;
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
  }
  .text_article_box_neweb {
    padding: 16px;
    margin-top: 21px;
    padding-top: 0;
    margin-bottom: 9px;
  }
  .date_andtime_articles {
    gap: 7px;
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    padding: 16px;
    padding-top: 0;
  }
  .flex_scrollable_neweb {
    padding-left: 20px;
    margin-bottom: 157px;
    gap: 32px;
    width: 100%;
    overflow: scroll;
    position: relative;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .flex_scrollable_neweb {
    padding-left: 130px;
    margin-bottom: -2px;
    gap: 32px;
    width: 100%;
    overflow: scroll;
    position: relative;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .grid_menu_footer_neweb {
    display: flex;
    gap: 39px;
    align-items: flex-start;
    flex-direction: column;
  }
  .footer_neweb_container {
    background: #000;
    padding-top: 81px;
    overflow: hidden;
    position: relative;
    margin-top: -170px;
  }
  .footer_neweb_row {
    max-width: 1440px;
    padding-left: 24px;
    padding-bottom: 17px;
    padding-right: 24px;
    margin: auto;
    width: 100%;
  }
  .menu_item_footer_neweb {
    color: #c8c8c8;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    margin-bottom: 8px;
  }
  .flex_max_with_footer_newb {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
    margin-right: 0px;
  }
  .footer_neweb_1 {
    max-width: 350px;
    margin: auto;
    right: 0;
    bottom: -18px;
    left: 0;
    position: absolute;
  }
  .flex_footer_last_newb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 66px;
    margin-bottom: 355px;
    flex-direction: column;
  }
  .flex_footer_for_big_img {
    display: flex;
    justify-content: space-between;
    padding-right: 0;
  }
  .sub_p_footer_neweb {
    color: #8a8a8a;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    white-space: nowrap;
  }
  .p_footer_neweb {
    color: #8a8a8a;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 53px;
  }
  .mob_css_footer_neweb_1 {
    position: relative;
    right: -15px;
  }
  .big_car_neweb {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    overflow-y: hidden;
    scrollbar-width: none;
    scrollbar-color: #666 #333;
    padding-right: 280px;
    margin-bottom: 140px;
  }
  .css_sc_neweb_15 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .hero_section_neweb2 {
    margin-top: 140px;
    min-height: 760px;
    padding-top: 0;
    text-align: center;
  }
  .css_sc_neweb_16 {
    position: relative;
    left: 0;
  }
  .sc_neweb_0 {
    max-width: 100%;
    right: 0;
    position: relative;
    margin-top: -40px;
    margin-bottom: 50px;
  }
  .compatiblewith {
    margin: auto;
    max-width: 185px;
    display: block;
    margin-left: 0;
    margin-top: 0;
    margin: auto;
    margin-bottom: 141px;
  }
  .h3_ma_1 {
    color: #1e1e1f;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
  }
  .css_sc_neweb_5 {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    gap: 39px;
    margin-bottom: 39px;
  }
  .p_sc_neweb_1 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
  }
  .grey_box_sc_neweb2 {
    position: relative;
    border-radius: 22px;
    border: 5.372px solid #fff;
    background: #f9f9f9;
    box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
    padding-top: 77px;
    padding-left: 46px;
    padding-right: 46px;
    max-width: 968px;
    overflow: hidden;
    width: 100%;
    height: 465px;
    margin: auto;
    margin-bottom: 148px;
  }
  .sc_neweb_3_mob {
    max-width: 100%;
    position: absolute;
    right: 0;
    bottom: -40px;
    max-width: 296px;
  }
  .css_sc_neweb_13 {
    margin-bottom: 83px;
  }
  .neweb_5_mob {
    margin-bottom: 30px;
  }
  .p_neweb_2 {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    max-width: 420px;
    margin-top: 10px;
  }
  .css_ma_neweb_6 {
    padding: 12px 35px;
    color: #fff;
    font-size: 14px;
    background: #000;
  }
  .css_ma_neweb_8 {
    position: relative;
    left: 0;
  }
  .css_ma_neweb_8 {
    position: relative;
    left: 0;
  }
  .css_sc_neweb_14_mob {
    height: 696px;
    display: flex;
    overflow: hidden;
    justify-content: flex-end;
  }
  .css_sc_neweb_7 {
    max-width: 422px;
    position: absolute;
    right: -73px;
    bottom: 0;
  }
  .css_sc_neweb_7 {
    max-width: 422px;
    position: absolute;
    right: -73px;
    bottom: 0;
  }
  .css_sc_neweb_14_mob2 {
    padding-top: 56px;
    height: 554.052px;
  }
  .css_sc_neweb_9 {
    max-width: 285px;
    margin-left: 90px;
    position: absolute;
    bottom: 75px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .css_sc_neweb_11 {
    max-width: 334px;
    position: absolute;
    right: -50px;
    bottom: 80px;
  }
  .css_sc_neweb_14_mob3 {
    padding-top: 50px;
    height: 651px;
  }

  .css_ma_neweb_7 {
    margin-bottom: 105px;
  }
  .flex_on_mob_css_notif_1 {
    display: flex;

    align-items: center;

    justify-content: center;
  }
  .cmob_1 {
    color: #1e1e1f;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px; /* 176.923% */
  }
  .css_notif_neweb_1 {
    margin-bottom: 34px;
  }
  .notif_neweb_2 {
    max-width: 1189px;
    width: 100%;
    margin-bottom: 150px;
  }
  .css_notif_neweb_4_mob_1 {
  }
  .css_notif_neweb_3 {
    margin-bottom: 40px;
  }
  .notif_neweb_3 {
    max-width: 638px;
    margin-bottom: 154px;
  }
  .h2_neweb_notif_2 {
    font-family: 'Helvetica Neue';
    margin-bottom: 24px;
    color: #1e1e1f;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
  }
  .flex_center_notif_neweb_1 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .grey_section_neweb_notif {
    background: #f9f9f9;
    padding-top: 90px;
    padding-bottom: 161px;
  }
  .notif_neweb_4 {
    max-width: 1142px;
    margin-bottom: 68px;
    width: 380px;
    position: relative;
    right: 10px;
  }
  .flex_center_notif_neweb_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 36px;
  }
  .css_flex_notif_mob_1_nw {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
  }

  .grey_section_neweb_notif {
    background: #f9f9f9;
    padding-top: 90px;
    padding-bottom: 23px;
  }
  .black_section_neweb_notif {
    background: linear-gradient(180deg, #181818 0%, #121212 100%), #000;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .white_h3_neweb_notif {
    margin-left: 0;
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
  }
  .box_neweb_notif_1 {
    max-width: 298px;
    width: 100%;
    position: relative;
  }
  .flex_child_neweb_notif_1 {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 24px;
    min-width: max-content;
    padding-bottom: 65px;
    padding-left: 40px;
  }
  .p_white_neweb_notif_1 {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-left: 30px;
    height: 52px;
  }
  .mob_ma_mob_illu_1 {
    margin-bottom: 100px;
  }
  .css_ma_neweb_1 {
    background: #f9f9f9;
    margin-bottom: 180px;
  }
  .black_mob_only_neweb {
    color: #000;
  }
  .gap_15_m_neweb {
    gap: 15px;
  }
  .css_ma_mob_neweb1 {
    margin-top: 49px;
    margin-left: -15px;
  }
  .p_ma_1 {
    color: #969696;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.039px;
    margin-top: 30px;
    margin-bottom: 140px;
  }
  .css_ma_mob_neweb2 {
    text-align: center;
  }
  .css_neweb3_mob_ma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
    align-items: center;
  }
  .css_ma_neweb_7_mob {
    margin-bottom: 140px;
  }
  .cssbox_1_mob_1 {
    flex-direction: column;
    padding-top: 48px;
    padding-left: 32px;
    margin-bottom: 60px;
  }
  .cssbox_1_mob_2 {
  }
  .cssbox_1_mob_3 {
    margin-bottom: 60px;
    height: 615px;
    padding-top: 20px;
  }
  .cssbox_1_mob_4 {
  }
  .cssbox_1_mob_5 {
    margin-bottom: 0;
    flex-direction: column;
    height: 521px;
    gap: 71px;
    padding-left: 30px;
    padding-top: 56px;
    padding-right: 30px;
  }
  .cssbox_1_mob_6 {
  }
  .css_ma_neweb_12 {
    font-size: 20px;
    line-height: 40px;
    margin: 0;
  }
  .css_ma_neweb_11 {
    font-size: 20px;
    line-height: 40px;
    margin-left: 0;
  }
  .css_ma_neweb_10 {
    font-size: 20px;
    line-height: 40px;
  }
  .ma_neweb11 {
    max-width: 299px;
    width: 100%;
    margin-left: -20px;
    margin-top: -35px;
    position: relative;
    top: 35px;
    margin-bottom: 25px;
  }
  .ma_neweb12_mob {
    position: absolute;
    bottom: 57px;
    right: -40px;
    max-width: 370px;
  }
  .ma_neweb13 {
    max-width: 289px;
    margin-left: 0;
  }
  .d_grid_element_categories {
    display: grid;
    grid-template-columns: repeat(2, minmax(max-content, 1fr));
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    width: fit-content;
    justify-items: start;
    column-gap: 6px;
  }

  .element_cat_intg {
    padding: 5px 31px;
    font-size: 12px;
    min-width: 80px;
    line-height: 25px;
  }

  .marg_mob_button_cat {
    margin-left: 0;
  }
  .h1_intg_grey_container {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }
  .mobile_padding_neweb_intg_1 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .flex_category_intr_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    margin-left: 0px;
    width: 100%;
    margin-right: 100px;
    flex-shrink: 0;
    padding-bottom: 100px;
    padding-top: 40px;
  }
  .category_integration_container_box_item {
    width: 295px;
    height: 431px;
    border-radius: 22px;
    background: #f9f9f9;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    max-width: 332px;
    flex: none;
  }
  .title_category_integration_container {
    color: #00007d;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 0;
  }
  .css_intg_neweb_3 {
    color: #1e1e1f;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 153.846% */
  }
  .ig_phone_int_1 {
    max-width: 350px;
    margin-bottom: 80px;
  }
  .bigiconint {
    max-width: 100%;
    margin-top: 75px;
  }
  .css_intg_neweb_5 {
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 32px;
  }
  .parent_scrollable_neweb_guide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: 1304px;
    padding-bottom: 190px;
  }
  .h1_use_cases_neweb {
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 176px;
  }
  .css_bg_uc_2 {
    background: #6e7a8f;
    padding-top: 83px;
    padding-bottom: 120px;
  }
  .h2_use_cases_neweb {
    font-family: 'Helvetica Neue';
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
  }

  .text_col_fp,
  .text_col_fp3 {
    margin-top: 0;
    margin-left: 0;
    text-align: center;
  }
  .learn_more_neweb {
    margin: auto;
    margin-top: 10px;
  }

  .img_col_fp {
    text-align: center;
  }
  .img_col_fp {
    text-align: center;
  }
  .css_bg_uc_2 {
    background: #6e7a8f;
    padding-top: 83px;
    padding-bottom: 120px;
  }
  .section_fp {
    height: 100%;
    padding-top: 83px;
  }
  .img_1_neweb {
    max-width: 350px;
    margin-top: 50px;
  }
  .order_2_neweb {
    order: 1;
  }
  .order_1_neweb {
    order: 2;
  }
  .order_2_neweb_img {
  }
  .text_col_fp2 {
    margin-top: 0;
  }

  .mobile_dropdown_neweb {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999;
  }

  .mobil_dropdown_content {
    padding: 20px;
    position: relative;
    height: 100%;
  }

  .flex_1_dd_mob {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
  }

  .logo_neweb_dd_mob {
    max-width: 96px;
  }

  .menu_neweb_dd_mob {
    cursor: pointer;
  }

  .menue_content_mobile {
    margin-bottom: 40px;
  }

  .p1_menu_1 {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
  }

  .p1_menu_2 {
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
    text-decoration: none;
  }

  .flex_munu_dd_mob {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 20px;
    cursor: pointer;
  }

  .arrow_neweb_dd_mob {
    width: 12px;
    transition: transform 0.3s;
  }

  .boutton_mobile_for_menu_dd {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: absolute;
    width: 90%;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 30px;
  }

  .button_dd_1_neweb {
    width: 100%;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
  }

  .button_dd_1_neweb:last-child {
    background: #fff;
    color: #000;
  }
}

.css_bg_uc_1 {
  height: 100vh;
  padding-top: 190px;
}

.css_ma_neweb_13 {
  color: #898989;
}

.video_1_neweb {
  border-radius: 28px;
  border: 3px solid #cdcdcd;
  max-width: 269px;
  height: 495px;
  object-fit: cover;
  position: absolute;
  z-index: 1;
  left: 80px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.supp_vid_position_neweb {
  justify-content: flex-start;

  align-items: flex-start;

  padding-right: 0px;

  padding-left: 30px;
}
.supp_vid_position_neweb2 {
  left: 0;

  right: -240px;
}

.color_black_uc {
  color: #000000;
}

@media only screen and (max-width: 1150px) {
  .img_1_neweb {
    max-width: 212px;
    margin-top: 50px;
  }
  .video_1_neweb {
    border-radius: 28px;
    border: 3px solid #cdcdcd;
    max-width: 175px;
    height: 357px;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50px;
    bottom: 0;
    margin: auto;
  }
  .img_col_fp {
    text-align: center;
    padding: 0;
    max-width: 339px;
    margin: auto;
  }
  .supp_vid_position_neweb2 {
    right: -150px;
  }
  .text_col_fp4 {
    margin-top: 0;
  }
  .mobil_dropdown_content {
    padding: 14px;
    position: relative;
    height: 100%;
    padding-top: 17px;
  }

  .padding_form_b_a_d_element {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 57px;
  }
  .testi_neweb_bad {
    max-width: 100%;
    width: 100%;
    margin: auto;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    padding-top: 36px;
    padding-left: 55px;
    padding-right: 55px;
    position: relative;
    height: 100%;
    margin-right: inherit;
    margin-right: 10px;
    right: 0;
    padding-bottom: 50px;
  }
  .p_text_notif_and_contentent_new_2 {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.861px;
    margin-top: 0;
  }
  .p_text_notif_and_contentent_new {
    color: #1e1e1f;
    font-family: 'Helvetica Neue';
    font-size: 11.443px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .notif_test_neweb_b_a_d {
    border-radius: 19.258px;
    background: #f9f9f9;
    box-shadow: 0px 2.198px 21.976px 4.395px rgba(0, 0, 0, 0.08);
    width: 314px;
    height: 61px;
    display: flex;
    justify-content: space-between;
    padding: 13px 15px;
    position: absolute;
    top: 120px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
  }
}
.red_neweb {
  color: #e51414;
}

.learn_more_neweb {
  transition: 0.3s;
}
.learn_more_neweb:hover {
  transform: scale(1.1);
}

.color_black_neweb_car {
  color: #000;
}
.css_car_spec_3 {
  top: 60px;
}
.css_car_spec_4 {
  top: 180px;
}

.menu_activated_neweb {
  border-bottom: 2px solid #fff;
}
.neweb_car_1_img_1 {
  border-radius: 24px;

  border: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;
}
.element_img_neweb_bc2 {
  width: 50%;

  border-radius: 24px;

  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(32.13589859008789px);

  height: 100%;
}
.element_texted_neweb_bc2 {
  width: 50%;

  background: rgba(239, 239, 239, 0.1);

  display: flex;

  align-items: flex-start;

  justify-content: center;

  flex-direction: column;

  padding-left: 45px;

  padding-right: 61px;
}
.p1_bc2 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */
}
.p2_bc2 {
  margin-top: 10px;

  color: #969696;

  font-family: 'Helvetica Neue';

  font-size: 26px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px; /* 153.846% */

  /* white-space: break-spaces; */
}
.flex_element_for_big_car2 {
  display: flex;

  height: 100%;
}

.marg_bot_mobile_none_butdesk {
  margin-bottom: -157px;
}
@media only screen and (max-width: 1150px) {
  .flex_element_for_big_car2 {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .element_texted_neweb_bc2 {
    width: 100%;
  }
  .element_img_neweb_bc2 {
    width: 100%;
  }
  .p1_bc2 {
    font-family: 'Helvetica Neue';
    color: #000;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    width: 100%;
    max-width: 100%;
  }
  .p2_bc2 {
    margin-top: 5px;
    font-family: 'Helvetica Neue';
    color: #969696;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.538px;
    text-align: center;
    max-width: 255px;
    margin: auto;
    margin-top: 15px;
    white-space: break-spaces;
  }
  .element_texted_neweb_bc2 {
    padding-top: 23px;
    padding-bottom: 37px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    height: 210px;
    width: 100%;
  }
  .mob_fit_cont_height_neweb_1 {
    margin-left: 5px;
    margin-right: 5px;
    height: fit-content;
  }
  .css_car_spec_1 {
    top: 180px;
  }
  .notif_neweb_ilu_box1 {
    max-width: 298px;
    /* width: 100%; */
  }
}

.succes_story_tab_ilg_css_1 {
  max-width: 277px;
}

.succes_story_tab_ilg_css_2 {
  max-width: 231px;

  height: 469px;

  right: -440px;
}

.css_neweb1_apr {
}

.neweb_9_img3 {
  max-width: 166px;
}
.neweb_9_img4 {
  max-width: 75px;
}

.css_notif_n_apr_8 {
  text-align: center;
  margin-bottom: 118px;
}
.pricing_comparison_table {
  flex: 1;
}
.pricing_comparison_table tr {
}
.pricing_comparison_table td {
  color: #fff;
}
.pricing_comparison_table th {
  color: #fff;
}
.pricing_comparison_table thead {
}
.pricing_comparison_table tbody {
}

.comparateur_pricing {
  background: #000000;
  padding-top: 157px;
  padding-bottom: 160px;
}
.encadrement_comparateur_pricing {
  border-radius: 24px;

  border: 2.884px solid #fff;

  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(32.13589859008789px);

  max-width: 778px;

  margin: auto;

  margin-bottom: 200px;
}
.pricing_table_show {
  padding: 44px;

  display: flex;

  /* align-items: center; */

  justify-content: center;
}
.h2_pricing_neweb_1_white {
  color: #fff;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 600;

  line-height: 52px; /* 130% */

  margin-bottom: 30px;
}

.feature_name {
  color: #ffffff !important;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  text-align: start !important;
  max-width: 96px;
}
.feature_column {
  text-align: start;
}

.pricing_comparison_table {
  border-collapse: separate;
  border-spacing: 0;
}

.pricing_comparison_table th {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 16px;
}

.pricing_comparison_table th:last-child {
  border-right: none;
}

.pricing_comparison_table td {
  border-right: 1px solid #fff;
  padding: 16px;
  text-align: center;
}

.pricing_comparison_table td:last-child {
  border-right: none;
}

.pricing_comparison_table th:first-child,
.pricing_comparison_table td:first-child {
  width: 250px; /* Makes first column wider */
}

.pricing_comparison_table th:not(:first-child),
.pricing_comparison_table td:not(:first-child) {
  width: 150px; /* Keep other columns narrower */
}

.flex_toggle_text_neweb {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  margin: 24px 0;
}

.save_texte_anually {
  margin: 0;
  color: #1e1e1f;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.556px; /* 130.37% */
  letter-spacing: -0.427px;
}

.switch_for_pr_neweb {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.input_for_pr_neweb {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_for_pr_neweb {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e8e8e8;
  transition: 0.4s;
}

.slider_for_pr_neweb:before {
  position: absolute;
  content: '';
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #ffa726;
  transition: 0.4s;
}

.input_for_pr_neweb:checked + .slider_for_pr_neweb {
  background-color: #e8e8e8;
}

.input_for_pr_neweb:checked + .slider_for_pr_neweb:before {
  transform: translateX(26px);
}

.slider_for_pr_neweb.round {
  border-radius: 34px;
}

.slider_for_pr_neweb.round:before {
  border-radius: 50%;
}
.neweb_title_on_page {
  color: #969696;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  margin-bottom: 10px;
}

.subtitle_for_table_compare {
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
  margin-bottom: 30px;
}

.logo_snapss_academyy {
}
.logo_snapss_academyy {
  max-width: 300px;

  margin-bottom: 40px;
}
.academy_css_19 {
  text-align: center;

  margin-bottom: 96px;
}

.academy_ico_2_arrow {
  position: absolute;

  left: 16px;

  top: 0;

  bottom: 0;

  margin: auto;
}

.input_search_academy_1::placeholder {
  color: white;
}

@media only screen and (max-width: 1150px) {
  .logo_snapss_academyy {
    max-width: 168px;
    margin-bottom: 20px;
    margin-top: 150px;
  }
  .video_container_academy_thumb {
    width: fit-content;
    margin-bottom: 66px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .academy_video_1_img {
    max-width: 350px;
    height: auto;
    border-radius: 12;
    width: 100%;
    max-width: 87%;
    border-radius: 16.039px;
  }
}

.neweb_404 {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.neweb_404_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.h1_404_neweb {
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 152px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.h2_404_neweb {
  color: #fff;
  font-family: 'Helvetica Neue';
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.h3_404_neweb {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 250.281% */
  margin-top: 44px;
  margin-bottom: 61px;
}

.yellow_404_neweb {
  color: #ffb800;
}

.button_back_404 {
  background: #ffffff;
  color: #000000;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #000;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 250.281% */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 248px;
  height: 45px;
  margin: auto;
}

.button_back_404:hover {
  background: #ffb800;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .h1_404_neweb {
    font-size: 80px;
  }

  .h2_404_neweb {
    font-size: 20px;
    text-align: center;
  }

  .h3_404_neweb {
    font-size: 18px;
    margin-top: 9px;
    font-weight: 200;
  }

  .big_box_inside_contact_neweb {
    border-radius: 12px;
    background: #f9f9f9;
    width: 194px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: center;
    padding: 10px;
    align-items: center;
    gap: 0;
    padding-left: 22px;
    padding-right: 22px;
    margin-bottom: 42px;
    flex-direction: column;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 22px;
    margin: auto;
    margin-bottom: 36px;
  }

  .p_contact_neweb {
    color: #00007d;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 35px;
    text-align: center;
  }
  .contact_neweb_1 {
    box-shadow: drop-shadow(0px 3.56px 46.28px rgba(0, 0, 0, 0.1));
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
  }
  .css_book_a_demo_neweb_1 {
    color: #00007d;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
  }

  .succes_story_tab_ilg_css_1 {
    max-width: 207px;
  }
  .img_col_fp {
    text-align: center;
    padding: 0;
    max-width: 339px;
    margin: auto;
    margin-left: 0;
  }
  .succes_story_tab_ilg_css_2 {
    max-width: 231px;
    height: 319px;
    right: -280px;
  }
  .flex_neweb_pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    margin-bottom: 160px;
    flex-direction: column;
  }
  .h2_book_a_demo_neweb {
    color: #969696;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.039px;
    letter-spacing: -0.64px;
    margin-bottom: 40px;
  }
  .css_font_dp_s {
  }
  .css_neweb1 {
    margin-bottom: 90px;
  }
  .css_neweb6 {
    margin-right: 75px;
    /* padding-left: 45px; */
    position: relative;
    left: 0;
  }
  .black_container_neweb {
    background: linear-gradient(180deg, #181818 0%, #121212 100%);
    padding-top: 66px;
    padding-bottom: 96px;
  }
  .snapss_logo_neweb {
    max-width: 230px;
  }
  .content_footer_neweb {
    flex: 1;
  }
  .button_neweb_css_1 {
    padding: 14px 16px;
    color: #fff;
    font-size: 14px;
    background: #000;
    min-width: 145px;
  }
}

.css_ty_button_1 {
}
.ty_neweb_1_h2 {
  color: #1e1e1f;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  margin-bottom: 23px;
  text-align: center;
}
.ty_neweb_1_h1 {
  color: #00007d;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px; /* 130% */
  text-align: center;
}
.ty_neweb_1_p {
  color: #969696;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  letter-spacing: -0.64px;
}
.ty_neweb_1_p_2 {
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 218.996% */
  margin-bottom: 33px;
  margin-top: 33px;
}
.container_book_a_demo_neweb {
}

.a_on_table_pricing_neweb {
  color: #ffffff;
  font-style: italic;
  text-decoration: underline;
  cursor: pointer;
}

.use_case_block_button {
  border-radius: 5px;

  width: 213px;

  height: 45px;

  background: #000;

  border: 0;

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 35.039px; /* 250.281% */

  margin-top: 43px;

  transition: 0.3s;
}
.p_newetab_block_0 {
  color: #1e1e1f;

  font-family: 'Helvetica Neue';

  font-size: 20px;

  font-style: normal;

  font-weight: 600;

  line-height: 35px; /* 175% */

  margin-bottom: 14px;
}

.use_case_block_button {
  transition: all 0.3s ease;
  border: 1px solid #000;
}
.use_case_block_button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.lang_select_text_active {
  color: #fff;
}

.dd_own_rs {
  padding-left: 490px;
}

.pad_left_on_fr1 {
  padding-left: 530px;
}

.cookie-policy-content {
  margin-top: 125px;
  margin-bottom: 125px;
}

.policy-content {
  margin-top: 125px;
  margin-bottom: 125px;
}

.p_sc_neweb_supp {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 130% */
  margin-top: 29px;
}
.d_none_for_moment {
  display: none;
}
.slider-wrapper {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  height: 54px;
  width: auto;
  position: relative;
}

.slider-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0px;
}

.slider-word {
  display: block;
  line-height: 48px;
  font-size: inherit;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  text-align: start;
}
.text-center-important {
  text-align: center !important;
}

.horizontal-scroll-wrapper {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.horizontal-scroll-container {
  height: 100vh;
  display: flex;
  align-items: center;
}

.flex_parent_neweb_notif_1 {
  display: flex;
}

.flex_child_neweb_notif_1 {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
}

.box_neweb_notif_1 {
  margin-right: 120px;
}

@media only screen and (max-width: 1150px) {
  .box_neweb_notif_1 {
    margin-right: 0;
  }
}

.home_ilu_nb_1 {
  /* position: absolute; */

  max-width: 400px;

  position: relative;

  z-index: 1;
}
.home_ilu_nb_2 {
  position: absolute;

  max-width: 290px;

  top: 110px;

  left: -90px;
}

.home_ilu_nb_3 {
  position: absolute;

  max-width: 368px;

  top: 402px;

  z-index: 2;

  right: -65px;
}
.home_ilu_nb_4 {
  position: absolute;

  max-width: 408px;

  top: 312px;

  z-index: 2;

  right: -85px;
}

.home_ilu_nb_5 {
  position: absolute;

  max-width: 458px;

  top: 210px;

  z-index: 2;

  right: -109px;
}
.home_ilu_nb_5 {
  position: absolute;

  max-width: 458px;

  top: 210px;

  z-index: 2;

  right: -109px;
}

@media only screen and (max-width: 1150px) {
  .home_ilu_nb_1 {
    /* position: absolute; */
    max-width: 228px;
    position: relative;
    z-index: 1;
  }

  .image_container_relative_neweb {
    position: relative;
    /* height: 575px; */
    width: 100%;
    margin-bottom: 72px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 390px;
    margin: auto;
    margin-bottom: 65px;
    margin-top: 0;
  }
  .home_ilu_nb_2 {
    position: absolute;
    max-width: 129px;
    top: 30px;
    left: 210px;
  }

  .home_ilu_nb_5 {
    position: absolute;
    max-width: 300px;
    top: 190px;
    z-index: 2;
    right: 0;
  }
  .home_ilu_nb_4 {
    position: absolute;
    max-width: 278px;
    top: 262px;
    z-index: 2;
    right: 10px;
  }

  .home_ilu_nb_3 {
    position: absolute;
    max-width: 228px;
    top: 332px;
    z-index: 2;
    right: 31px;
  }
  .slider-word {
    display: block;
    line-height: 46px;
    font-size: inherit;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .p_faq_question_newed {
    color: #1e1e1f;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    max-width: 321px;
  }

  .slider-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
  }
  .flex_max_with_footer_newb {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
    margin-right: 0px;
    width: 100%;
    flex-direction: column;
  }

  .marg_mobile_cat_intg {
    margin-left: -150px;
  }
  .css_sc_neweb_7 {
    max-width: 422px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom-right-radius: 22px;
  }
  .mobile_margin_font_size_1 {
    font-size: 22px;
  }

  .grey_box_sc_neweb {
    overflow: hidden;
  }
  .sc_neweb_1 {
    max-width: 200px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
  }
  .sc_neweb_2 {
    max-width: 192px;
    margin-top: 20px;
  }
  .css_max_mobile_only1 {
    bottom: -100px;
  }
  .p_ma_bloc_div_black {
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }
  .css_marg_up_11_12 {
    margin-left: 30px;
  }
  .horizontal-scroll-container {
    /* height: 100vh; */
    display: flex;
    align-items: center;
    margin-top: 45px;
  }
  .horizontal-scroll-wrapper {
    height: 750;
    position: relative;
    overflow: hidden;
  }
  .pricing_table_show {
    padding: 0;
    display: flex;
    /* align-items: center; */
    justify-content: center;
  }

  .encadrement_comparateur_pricing {
    border-radius: 24px;
    border: 0;
    box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(32.13589859008789px);
    max-width: 100%;
    margin: auto;
    margin-bottom: 200px;
  }
  .pricing_comparison_table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
  }
  .feature_name {
    color: #ffffff !important;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: start !important;
    max-width: 96px;
  }
  .h2_pricing_neweb_1_white {
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
    margin-bottom: 30px;
  }

  .subtitle_for_table_compare {
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.marg_left_specifit_1 {
}

.faq_container_neweb {
  max-width: 592px;
  margin: auto;
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
  padding-top: 15px;
  margin-top: 25px;
  margin-bottom: 154px;
}
.css_add_adam1 {
  margin-bottom: 25px;
}

.container_use_case_typ {
  margin-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1150px) {
  .flex_neweb_pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    flex-direction: column;
    align-content: center;
  }
  .css_book_a_demo_neweb_3 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 35.039px;
    text-align: start;
  }
  .sub_p_footer_neweb {
    font-size: 9px;
  }
  .d_grid_element_categories {
    display: none;
  }
  .flex_categorie_on_mobile_intg {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: start;
    margin: 15px;
  }
}

.golden_lp_neweb {
  color: #cf9500;
}
.f_size_lp_1 {
  font-size: 40px;
}
.css_lp_neweb_25_1 {
}
.compatible_with_wallet_neweb {
  max-width: 250px;

  margin-top: -10px;

  margin-left: -10px;
}
.img_compatible_with_wallet_neweb {
}
.css_lp_25_neweb_2 {
  min-height: unset;

  margin-top: 80px;
}
.lp_neweb_illu_1 {
  margin-top: -100px;
}
.css_lp_25_neweb_2 {
}
.css_lp_25_neweb_3 {
  margin-top: 30px;

  margin-bottom: 160px;
}

.css_lp_25_neweb_3 img {
  max-width: 264px;
  width: 100%;
  /* width: 259px; */
}
.lp_neweb_illu_33 {
  border-radius: 26.031px;

  /* border: 3.128px solid #FFF; */

  background: #fdfdfd;

  /* box-shadow: 0px 2.085px 10.425px 0px rgba(0, 0, 0, 0.10); */

  /* backdrop-filter: blur(34.85551834106445px); */

  object-fit: cover;

  padding-top: 9px;
}
.second_part_box_lp_banc_1 {
  height: 415px;
}
.p_1_blanc_1 {
  color: #cf9500;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 41px; /* 89.13% */
}
.p_2_blanc_1 {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 41px;
  text-align: center;
}
.p_3_blanc_1 {
  color: #969696;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23.361px; /* 146.008% */
  margin-top: 10px;
  margin-bottom: 22px;
}
.box_lp_banc_1 {
  border-radius: 26.031px;
  border: 3.128px solid #fff;
  background: #fdfdfd;
  box-shadow: 0px 2.085px 10.425px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(34.85551834106445px);
  padding-top: 33px;
  max-width: 368px;
  width: 100%;
  margin-bottom: 55px;
}
.first_part_box_lp_banc_1 {
}
.flex_lp_neweb_25_1 {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 48px;
}
.h2_intern_newblp_1 {
  color: #000;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  line-height: 64px; /* 160% */

  margin-bottom: 95px;
}
.css_lp_neweb_25_3 {
}
.css_lp_25_neweb_18 {
  margin-top: 56px;

  margin-bottom: 135px;
}
.snapss_cta_lp_1 {
  margin-top: 70px;
  color: #000;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 41px; /* 157.692% */
}
.button_reverted_color_1_neweb {
  background: #fff;

  color: #000;
}
.lp_neweb_illu_phone_b {
  position: absolute;

  max-width: 625px;

  right: 0;

  bottom: 0;
}

.black_container_neweb_lp_25_1 {
  background: #000;
  height: 867px;
  /* display: flex; */
  justify-content: center;
  overflow: hidden;
  position: relative;
  padding-top: 156px;
  /* margin-bottom: 126px; */
  padding-left: 75px;
}
.golden_lp_neweb2 {
  color: #ffb800;
}
.pk_css_lp_1_lp_1 {
  color: #fff;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

  margin-bottom: 36px;
}
.pk_css_lp_1_lp_2 {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 45.039px; /* 218.996% */
}
.p_lp_neweb_25_12 {
  color: #969696;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  margin-bottom: 25px;

  line-height: 35.039px; /* 218.996% */
}
.h3_lp_neweb_25_1 {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  margin-bottom: 16px;
}

.flex_caroussel_of_phones_mooving {
  display: flex;
  gap: 18px;
  animation: scroll_on_lp_only 30s linear infinite;
  padding: 20px 0;
}

.flex_caroussel_of_phones_mooving img {
  max-width: 209px;
  height: auto;
  flex-shrink: 0;
}

@keyframes scroll_on_lp_only {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-209px * 7 - 18px * 7));
  }
}

.css_lp_25_neweb_19 {
  margin-bottom: 244px;

  margin-top: 100px;
}
.grey_conatin_lp_25_1 {
  background: #f9f9f9;
  padding-top: 120px;
  padding-bottom: 140px;
  margin-bottom: 140px;
}

@media only screen and (max-width: 1150px) {
  .t_start_on_mob {
    text-align: start;
  }
  .f_size_lp_1 {
    font-size: 32px;
    margin-bottom: 19px;
  }
  .h2_intern_newb_1 {
    color: #969696;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.039px;
    letter-spacing: -0.64px;
    margin-top: 0;
    margin-bottom: 42px;
  }
  .lp_neweb_illu_1 {
    margin-top: -30px;
    margin-bottom: 62px;
  }
  .compatible_with_wallet_neweb {
    max-width: 237px;
    margin-top: -30px;
    margin-left: 0;
    margin-bottom: 45px;
  }
  .css_lp_25_neweb_3 {
    margin-top: 21px;
    margin-bottom: 70px;
  }
  .h2_intern_newblp_1 {
    color: #000;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 60px;
  }
  .css_lp_25_neweb_2 {
    min-height: unset;
    margin-top: 116px;
  }
  .flex_lp_neweb_25_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-direction: column;
  }
  .second_part_box_lp_banc_1 {
    height: 376px;
  }

  .snapss_cta_lp_1 {
    margin-top: 30px;
    color: #000;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
  }
  .black_container_neweb_lp_25_1 {
    background: #000;
    height: 1116px;
    /* display: flex
; */
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding-top: 74px;
    /* margin-bottom: 126px; */
    padding-left: 0;
  }
  .pk_css_lp_1_lp_1 {
    color: #fff;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 42px;
  }
  .pk_css_lp_1_lp_2 {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 45.039px;
  }
  .lp_neweb_illu_phone_b {
    position: absolute;
    max-width: 360px;
    right: 0;
    bottom: 0;
  }
  .grey_conatin_lp_25_1 {
    background: #f9f9f9;
    padding-top: 86px;
    padding-bottom: 100px;
    margin-bottom: 60px;
  }
  .h3_lp_neweb_25_1 {
    color: #000;
    font-family: 'Helvetica Neue';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 24px;
  }

  .css_mobile_font_lp_cont_form {
    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 40px;
  }
  .css_lp_25_neweb_19 {
    margin-bottom: 264px;
    margin-top: 11px;
  }
}
.w_f_c {
  width: fit-content;
}

.bold_font_neweb {
  font-weight: 600;
  color: #000;
}
.css_mobing_transparent_on_lp_25_1 {
  margin-top: -80px;

  border-radius: 0;
}

.css_ilu_snapss_lpv2_cf {
}
.lp_neweb_illu_1_v2 {
  max-width: 580px;

  margin-top: -70px;

  margin-left: 140px;
}
.p_2_v_1_blanc_1 {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 41px;
  text-align: center;
  margin-bottom: 38px;
  margin-top: 19px;
}
.h2_lp_cdf_1 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 218.996% */
  margin-bottom: 0;
  margin-top: 22px;
}
.h3_lp_cdf_1 {
  color: #969696;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 218.996% */
  margin-bottom: 35px;
}

@media only screen and (max-width: 1150px) {
  .css_mobing_transparent_on_lp_25_1 {
    margin-top: 0;
    border-radius: 0;
  }
}

.new_lp_bento_acolades {
  display: flex;

  justify-content: center;

  gap: 15px;

  margin-bottom: 58px;
}

.flex_1_bento_neweb_lp {
  max-width: 401px;

  width: 100%;
}

.bento_box_neweb_1 {
  max-width: 401px;

  width: 100%;

  text-align: center;

  border-radius: 27.672px;

  background: #f9f9f9;

  padding-bottom: 31px;

  padding-top: 30px;

  margin-bottom: 10px;
}

.p_bento_1_neweb {
  color: #000;

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 28px; /* 175% */

  max-width: 297px;

  margin: auto;
}

.p_bento_new_1_only_1 {
  color: #000;

  text-align: center;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 28px; /* 175% */

  max-width: 279px;

  margin: auto;

  margin-top: 10px;
}

.p_bento_new_1_only_2 {
  color: #cf9500;

  text-align: center;

  font-size: 82.85px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;
}

.p_bento_new_1_only_3 {
  color: #000;

  text-align: center;

  font-size: 19px;

  font-style: normal;

  font-weight: 500;

  line-height: 28px; /* 175% */

  margin-top: 37px;
}

.bento_5_neweb {
  max-width: 340px;

  margin-bottom: 20px;
}
.bento_4_neweb {
  max-width: 285px;

  margin-bottom: 10px;
}
.bento_3_neweb {
  margin-top: -50px;

  margin-left: -40px;
}
.bento_2_neweb {
  max-width: 80px;

  margin-bottom: 25px;
}
.bento_1_neweb {
  max-width: 329px;

  margin-bottom: 33px;
}

.css_lp_new_1_css_font {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px; /* 170.588% */
  margin-bottom: 34px;
}
.css_lp_new_2_css_font {
}
.css_lp_new_3_css_font {
}
.css_lp_new_4_css_font {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 20px;
  margin-top: -40px;
}
.css_lp_new_3_css_font {
  font-size: 60px;

  line-height: 76px;

  margin-bottom: 25px;
}
.star_trend {
}
.apple_wallet_2nh {
  max-width: 50px;

  position: relative;

  top: 5px;

  margin-right: 6px;
}
.google_wallet_2nh {
  max-width: 60px;

  position: relative;

  top: 8px;

  margin-right: 6px;
}
.css_lp_new_5_css_font {
  margin-bottom: 100px;
}
.pad_spec_marg_tlp1 {
  padding-left: 85px;
  padding-right: 95px;
}

.position_abs_img_big_lp_2 {
  position: absolute;

  width: 670px;

  max-width: 670px;

  left: -60px;

  top: -60px;
}

@media only screen and (max-width: 1150px) {
  .pad_spec_marg_tlp1 {
    padding-left: 0;
    padding-right: 0;
  }

  .css_lp_new_3_css_font {
    font-size: 31px;
    line-height: 46px;
    margin-bottom: 25px;
  }
  .css_lp_new_4_css_font {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .new_lp_bento_acolades {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 58px;
    flex-direction: column;
  }
  .flex_1_bento_neweb_lp {
    max-width: 401px;
    width: 100%;
    margin: auto;
  }
  .bento_box_neweb_1 {
    margin-bottom: 25px;
  }

  .css_mob_123456 {
    margin-top: 30px;
  }
  .banderole_brands_mooving img {
    animation: scroll 33s linear infinite;
    margin-right: -50px;
    max-width: 285px;
  }
  .pad_spec_marg_tlp1 {
    padding-left: 0;
    padding-right: 0;
    height: 1190px;
  }
  .bento_5_neweb {
    max-width: 300px;
    margin-bottom: 20px;
  }
}

.flex_caroussel_of_phones_mooving img {
  transition: all 0.3s ease-out;
}

.flex_caroussel_of_phones_mooving img:hover {
  transform: translateY(-50px);
}
.marg_specqa_sam1 {
}
.css_lp_25_neweb_36 {
  width: fit-content;
  margin: auto;
  margin-bottom: 35px;
}

.button_trans_black_hover {
  transition: all 0.3s ease-out;
  border: 1px solid #000;
}
.button_trans_black_hover:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.css_book_a_demo_neweb_6 {
  transition: all 0.3s ease-out;
  border: 1px solid #000;
  background: #0775ac;

  border: 0;
}
.css_book_a_demo_neweb_6:hover {
  background: #fff;
  color: #000;
}

.button_reverted_color_1_neweb {
  transition: all 0.3s ease-out;
  border: 1px solid #000;
}
.button_reverted_color_1_neweb:hover {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}

.l_prog_p_1 {
  color: #898989;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 35.039px; /* 194.663% */
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-top: 157px;
}

.l_prog_h1 {
  color: #1e1e1f;

  text-align: center;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 144.444% */
}

.l_prog_h1_span {
  color: #00007d;
}

.css_l_prog_1 {
}
.l_prog_h2 {
  color: #1e1e1f;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
}

.css_l_prog_2 {
  margin-bottom: 140px;
}

.grid_l_prog_1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 58px;
  row-gap: 80px;
  margin-bottom: 170px;
}
.grid_l_prog_1_item {
  max-width: 636px;
  border-radius: 11.534px;
  border: 2.884px solid #fff;
  background: rgba(239, 239, 239, 0.1);
  box-shadow: 0px 1.922px 9.612px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(32.13589859008789px);
  padding-top: 40px;
}
.l_prog_1_item_p_1 {
  color: #1e1e1f;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 41px;
  line-height: 52px; /* 200% */
  padding-left: 10px;
  padding-right: 10px;
}
.l_prog_1_item_p_1_span {
  color: #00007d;
}

.bento_lp_new_1 {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;
}
.bento_box_1_lp_new {
  border-radius: 16.937px;

  background: #fff;

  box-shadow: 0px 1.411px 21.171px 0px rgba(0, 0, 0, 0.08);

  width: 404px;

  height: 580px;

  position: relative;

  text-align: center;

  padding-top: 28px;

  overflow: hidden;
}
.bento_lp_new_1_illu {
  max-width: 320px;
}

.bento_lp_new_2 {
  max-width: 273px;

  margin-top: 4px;
}
.bento_lp_new_3 {
  max-width: 302px;

  margin-top: 20px;
}
.bento_lp_new_4 {
  max-width: 320px;

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 0;
}
.bento_lp_new_5 {
  max-width: 901px;

  margin-right: 20px;
}
.stars_lp_pos_5 {
  position: absolute;

  bottom: -60px;

  right: 400px;

  width: 125px;
}
.margin_top_bento_lp_new_2 {
  position: relative;

  top: 5px;
}

.black_container_bento_new_l_prog .h1_lp_css_1 {
  color: #fff;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
  margin-top: 0;
}

.black_container_bento_new_l_prog {
  background: #000;
  padding-top: 123px;
  padding-bottom: 260px;
}

.black_container_bento_new_l_prog .p_lp_1_new_1_bento_p {
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
}

.black_container_bento_new_l_prog .bento_box_1_lp_new {
  border-radius: 22px;
  background: linear-gradient(180deg, #181818 0%, #121212 100%), #000;
  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
}

.black_container_bento_new_l_prog .bento_box_2_lp_new {
  border-radius: 22px;
  background: linear-gradient(180deg, #181818 0%, #121212 100%), #000;
  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
}

.black_container_bento_new_l_prog .bottom_long_bento_lp_new {
  border-radius: 22px;
  background: linear-gradient(180deg, #181818 0%, #121212 100%), #000;
  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);
}

.css_l_prog_1_item_p_1_7 {
  color: #1e1e1f;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
}

.css_l_prog_1_item_6 {
}
.css_l_prog_1_item_7 {
  max-width: 457px;
}
.css_l_prog_1_item_8 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.css_l_prog_2_2 {
  margin-top: 180px;
}

.grey_container_l_prog {
  background: #f9f9f9;
  padding-top: 180px;
}

.grey_container_l_prog .title_category_integration_container {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
  margin-left: 20px;
}

.grey_container_l_prog_p_span {
  color: #00007d;
}
.grey_container_l_prog_p {
  color: #1e1e1f;

  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  margin-bottom: 180px;
}

.b_b_block_1_l_prog_3 {
  max-width: 592px;

  position: absolute;

  right: 0;

  bottom: 0;
}
.b_b_block_1_l_prog_2 {
  max-width: 609px;

  position: absolute;

  right: 0;

  bottom: 60px;
}
.b_b_block_1_l_prog_item_p {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 26px;

  font-style: normal;

  font-weight: 500;

  line-height: 52px; /* 200% */
}
.b_b_block_1_l_prog_item {
  border-radius: 22px;

  background: linear-gradient(180deg, #181818 0%, #121212 100%);

  box-shadow: 0px 3.581px 17.906px 0px rgba(0, 0, 0, 0.1);

  max-width: 656px;

  position: relative;

  width: 100%;

  height: 734px;

  padding-top: 73px;
}
.flex_b_b_block_1_l_prog {
  display: flex;
  gap: 34px;
}
.css_sup_l_prog_3 {
  margin-top: 180px;
}
.css_l_prog_2_10 {
  margin-top: 180px;

  margin-bottom: 180px;
}
.css_l_prog_2_12 {
  margin-bottom: 0px;
}
.css_caroussel_l_prog {
}
.pbold_l_prog {
  color: #898989;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 47px; /* 261.111% */
  max-width: 1069px;
  width: 100%;
  margin: auto;
  margin-top: 90px;
}
.bold_l_prog {
  color: #000;

  font-weight: 500;
  line-height: 47px;
}

.pb2ld_l_prog {
  color: #000;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
  margin-bottom: 100px;
}
.css_grey_l_prog2 {
  padding-bottom: 180px;
}

.p_pricing_bleu_l_prog {
  color: #00007d;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 200% */
  margin-bottom: 96px;
}

.div_pricing_neweb_5 .box_pricing_neweb_1 {
  border-radius: 21.802px;

  border: 1.982px solid rgba(0, 0, 0, 0.1);

  background: #fff;
}
.grey_box_l_prog {
  border: 0;
  background: #e2e2e2;
}
.noir_pricing_p1 {
  color: #fff;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 17.838px;

  font-style: normal;

  font-weight: 600;

  margin-bottom: 36px;

  line-height: normal;
}
.p_black_flex_1 {
  display: flex;

  justify-content: space-between;

  margin-bottom: 16px;

  align-items: flex-end;
}
.p_black_flex_1_span {
  color: #fff;

  font-family: 'Helvetica Neue';

  font-size: 15.856px;

  font-style: normal;

  font-weight: 500;

  line-height: 22.991px; /* 144.997% */

  letter-spacing: -0.212px;
}

.css_noir_pricing_box_ad {
  border-radius: 21.802px !important;
  border: 1.982px solid rgba(0, 0, 0, 0.1) !important;
  background: #000 !important;
}
.p_black_flex_2_span {
  color: #fff;
  text-align: right;
  font-family: 'Helvetica Neue';
  font-size: 16.976px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.049px; /* 165.228% */
  letter-spacing: -0.481px;
}

.p_1_end_pricing_l_prog {
  margin-top: 140px;
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  text-align: center;
}

.p_2_end_pricing_l_prog {
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
  margin-bottom: 180px;
  text-align: center;
}

@media only screen and (max-width: 1150px) {
  .grid_l_prog_1 {
    display: flex;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 40px;
    margin-bottom: 170px;
    flex-direction: column;
  }
  .black_container_bento_new_l_prog {
    background: #000;
    padding-top: 183px;
    padding-bottom: 60px;
  }
  .category_integration_container_box {
    overflow: unset;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .flex_b_b_block_1_l_prog {
    display: flex;
    gap: 34px;
    flex-direction: column;
  }
  .b_b_block_1_l_prog_2 {
    max-width: 309px;
    position: absolute;
    right: 0;
    bottom: 210px;
    width: 100%;
  }
  .b_b_block_1_l_prog_3 {
    max-width: 292px;
    position: absolute;
    right: 0;
    bottom: 200px;
  }
  .p_2_end_pricing_l_prog {
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;

    text-align: center;
  }
  .pbold_l_prog {
    color: #898989;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    max-width: 100%;
    width: 100%;
    margin: auto;
    margin-top: 90px;
  }
  .css_lp_25_neweb_776 {
    margin-bottom: 75px;
  }
  .lang_select_neweb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
  }
  .lang_select_text_active {
    color: #fff !important;
  }
  .t_start_mob {
    text-align: start;
  }
}

.css_add_on_cil .css_mobing_transparent_on_lp_25_1 {
  margin-top: -190px;
}

.marg_bottom_spec_cil {
  margin-bottom: 65px;
}

.flex_typ_1 {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.color_bleu_button_neweb {
  background: #00007d;
  color: #fff !important;
  border: 1px solid #00007d;
}
.color_bleu_button_neweb:hover {
  background: #fff;
  color: #00007d !important;
  border: 1px solid #00007d;
}

.css_lp1_may_25_1 {
  margin-top: 75px;
}
.css_lp1_may_25_2 {
  margin-top: 120px;
}
.css_lp1_may_25_3 {
  max-height: 337px;
}

.css_lp1_may_25_4 {
  padding-bottom: 60px;
}

.css_lp1_may_25_6 {
  margin-bottom: 120px;
}
.css_lp1_may_25_7 {
  margin-bottom: 0;
}

/* LP BOOSTEZ VOTRE CA */

.container_snapss_lp_25_1 {
  padding-top: 70px;
  background: linear-gradient(180deg, #fff 0%, #fff4e5 100%);
}
.h1_lp_25_1 {
}
.h2_lp_25_1 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.039px; /* 233.596% */
  max-width: 719px;
  margin-top: 22px;
}
.button_lp_25_1 {
  border-radius: 5px;
  background: #000;
  border: 0;
  width: 283px;
  height: 45px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.039px; /* 250.281% */
  margin-top: 41px;
  font-family: 'Helvetica Neue';
}
.frame_lp_1_25 {
  margin-top: 64px;
  max-width: 258px;
  display: block;
  width: 100%;
  margin-bottom: 107px;
}
.frame_lp_2_25 {
  position: absolute;
  width: 482px;
  max-width: 482px;
  bottom: 0px;
  right: 435px;
  z-index: 1;
}
.frame_lp_3_25 {
  position: absolute;
  bottom: 140px;
  left: 90px;
  z-index: 1;
}
.pos_relative_lp_25_1 {
  position: relative;
}
.css_lp_25_1 {
  margin-top: 92px;
}
.css_lp_25_11 {
  margin-top: 0;
}
.pos_relative_lp_25_2 {
  margin-bottom: 129px;
}
.color_span_lp_25_1 {
  font-weight: 600;
}
.p_lp_25_1 {
  font-family: 'Helvetica Neue';
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 56px */
  color: #000;
  max-width: 526px;
}
.span_lp25_1 {
  color: #0775ac;
}
.pos_relative_lp_25_2 {
}
.d_grid_adv_lp_25 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}
.box_adv_lp25_1 {
  max-width: 350px;
  height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  border-radius: 12.256px;
  border: 1.532px solid #fff;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
.color_box_lp_25_1 {
  background:
    linear-gradient(0deg, #e3ebff 0%, #e3ebff 100%),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.color_box_lp_25_2 {
  background:
    linear-gradient(0deg, #9eb9ff 0%, #9eb9ff 100%),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.color_box_lp_25_3 {
  background:
    linear-gradient(0deg, #779cfc 0%, #779cfc 100%),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.color_box_lp_25_4 {
  background:
    linear-gradient(0deg, #1858ff 0%, #1858ff 100%),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.number_font_lp_25_1 {
  color: #343434;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 69.889px;
  font-style: normal;
  font-weight: 700;
  line-height: 101.847px; /* 231.579% */
}
.color_number_lp_25_1 {
}
.text_font_lp_25_1 {
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 22.07px;
  font-style: normal;
  font-weight: 400;
  line-height: 43.221px; /* 195.833% */
}
.text_font_lp_25_2 {
}
.color_text_lp_25_1 {
}
.color_text_lp_25_2 {
  color: #fff;
}
.color_span_lp_25_1 {
}

.color_number_lp_25_2 {
  color: #fff;
}
.colored_lp_container_25_2 {
  background: linear-gradient(180deg, #eef9ff 0%, #f9f9f9 100%);
  padding-top: 137px;
}
.h3_lp_25_2 {
  color: #323232;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-size: 40px;

  font-style: normal;

  font-weight: 600;

  line-height: 59px; /* 147.5% */
}
.color_span_lp_25_2 {
  color: #cf9500;
}
.display_grid_lp_25_1 {
  display: flex;
  gap: 37px;
  align-items: center;
  justify-content: space-between;
  margin-top: 140px;
}
.box_lp_25_1 {
  max-width: 433px;
  width: 100%;
  height: 415px;
  border-radius: 18.203px;
  background: #fff;
  box-shadow: 0px 1.138px 17.065px 0px rgba(0, 0, 0, 0.12);
}
.icon_lp_25_1 {
}
.p_lp_25_2 {
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 33.4px; /* 167% */
  margin-top: 12px;
}
.p_lp_25_3 {
  max-width: 357px;
  margin: auto;
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.4px; /* 196.25% */
  margin-top: 10px;
}
.div_text_center_lp_25_1 {
  text-align: center;
  margin-bottom: 72px;
  margin-top: 87px;
}
.text_start_lp_25_1 {
  text-align: start;
}
.colored_lp_container_25_3 {
  padding-top: 125px;
  background: linear-gradient(180deg, #faeeee 0%, rgba(255, 217, 217, 0.67) 100%);
}
.p_sub_lp_25_1 {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  margin-top: 46px;
  margin-bottom: 68px;
  max-width: 785px;
}
.p_sub_box_2_lp_25 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.1px; /* 174% */
  max-width: 276px;
  margin: auto;
}
.p_title_box_2_lp_25 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 52.42px; /* 262.101% */
  margin-left: 25px;
}
.icon_lp_25_2 {
}
.box_lp_25_2 {
  border-radius: 23.626px;
  box-shadow: 0px 1.477px 22.149px 0px rgba(0, 0, 0, 0.12);
  max-width: 321px;
  width: 100%;
  background: #fff;
  height: 506px;
}
.flex_lp_25_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.display_grid_lp_25_2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px;
  margin-top: 160px;
}
.container_text_box_3_lp_25 {
  padding: 20px;
  padding-top: 10px;
}
.icon_lp_25_3 {
}
.box_lp_25_3 {
  max-width: 433px;
  height: 357px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 1.138px 17.065px 0px rgba(0, 0, 0, 0.12);

  border-radius: 18.203px;
}
.p_sub_box_3_lp_25 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;

  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.4px; /* 189.333% */
}
.p_title_box_3_lp_25 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40.387px; /* 201.935% */
}
.colored_lp_container_25_4 {
  padding-top: 132px;
  background: linear-gradient(180deg, #eef9ff 0%, #f9f9f9 100%);
}
.video_lp_25_1 {
  border-radius: 22px;
  width: 346px;
  position: relative;
  z-index: 0;
  top: 65px;
  height: 706px;
  object-fit: cover;
}
.color_span_lp_25_3 {
  color: #fc353a;
}
.colored_lp_container_25_5 {
  background: url('../img/use_case_bg_lp_25.webp') no-repeat center center;
  padding-top: 126px;
  padding-bottom: 175px;
  position: relative;
}
.img_use_case_lp_25 {
  margin-bottom: 0;
  border-top-right-radius: 26.317px;
  border-top-left-radius: 26.317px;
}
.box_use_case_lp_25 {
  max-width: 388px;
  width: 100%;
  border-radius: 26.317px;
  background: #fff;
  box-shadow: 0px 1.754px 26.317px 0px rgba(0, 0, 0, 0.12);
  height: 586px;
  flex: 0 0 auto;
}
.container_of_usecase_lp_25 {
  margin-top: 150px;
  display: flex;
  justify-content: center;
  gap: 85px;
}
.p_title_use_case_lp_25 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16.545px;
  font-style: normal;
  font-weight: 700;
  line-height: 50.003px; /* 285% */
}
.p_sub_use_case_lp_25 {
  color: #898989;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.9px; /* 170% */
  margin-bottom: 36px;
}
.p_name_use_case_lp_25 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28.9px; /* 180.625% */
  margin-bottom: 28px;
}
.resultat_use_case_lp25 {
}
.p_resultat_use_case_lp_25 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px; /* 226.667% */
}
.p_dot_use_case_lp_25 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px; /* 226.667% */
}
.pad_text_container_lp_25_box_1 {
  padding-left: 20px;
  padding-right: 20px;
}
.box_use_case_activated {
  scale: 1.15;
}

.container_scroll_use_lp_1 {
  overflow: hidden; /* Changed from overflow-x: auto */
  overflow-y: hidden;
  width: 100%;
  padding: 20px 0;
  position: relative;
}

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

.container_of_usecase_lp_25 {
  display: flex;
  gap: 60px;
  min-width: max-content;
  padding: 0 20px;
  min-height: 700px;
  position: relative;
  transition: transform 0.3s ease-in-out;
}

.box_use_case_lp_25 {
  max-width: 388px;
  width: 100%;
  border-radius: 26.317px;
  background: #fff;
  box-shadow: 0px 1.754px 26.317px 0px rgba(0, 0, 0, 0.12);
  height: 586px;
  flex: 0 0 auto;
  /* opacity: 0.6; */
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}

.box_use_case_activated {
  opacity: 1;
  transform: scale(1.22) !important;
  height: 565.8px;
}

.iconamoon_arrow-up-2-light,
.iconamoon_arrow-up-2-light-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.iconamoon_arrow-up-2-light {
  left: 30px;
}

.iconamoon_arrow-up-2-light-right {
  right: 30px;
}

.iconamoon_arrow-up-2-light:hover,
.iconamoon_arrow-up-2-light-right:hover {
  background: rgba(255, 255, 255, 1);
  transform: translateY(-50%) scale(1.1);
}

.arrow-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.banderole_lp_25_1 {
  background: #2a2a2a;

  padding-top: 33px;

  padding-bottom: 63px;

  margin-bottom: 0;
}
.display_item_banderole_lp25 {
  display: flex;

  justify-content: center;

  align-items: flex-start;

  gap: 100px;
}
.item_banderole_lp25_1 {
  max-width: 192px;

  width: 100%;

  text-align: center;

  display: flex;

  align-items: center;

  flex-direction: column;

  gap: 23px;
}
.icon_lp_25_14 {
}
.p_sub_banderole_lp25_1 {
  color: #fff;
  text-align: center;

  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; /* 166.667% */
  max-width: 194px;
  margin: auto;
}

.p_lp_25__sub {
  color: #898989;

  leading-trim: both;

  text-edge: cap;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px; /* 160% */

  margin-top: 40px;
}
.span_lp25_10 {
  color: #0775ac;
}
.p_title_lp_25_1_25_1 {
  margin-top: 51px;

  color: #0775ac;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 53px; /* 331.25% */

  text-transform: uppercase;
}
.css_button_lp_25_1 {
}
.css_button_lp_25_12 {
  background: #0775ac;
}
.bg_grey_lp_25_1 {
  background: #f9f9f9;
  padding-top: 80px;
  padding-bottom: 97px;
}

.overflow_container_lp_25 {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

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

.inside_container_flex_lp_25 {
  display: flex;
  gap: 24px;
  padding: 20px 0;
  min-width: max-content;
  margin-left: 55px;
  padding-right: 55px;
}
.css_lp_25_30 {
  background: linear-gradient(180deg, #fff 0%, #fff4e5 100%), #1b1b1b;
  padding-bottom: 70px;
}

.faq_title_lp_25_1 {
  color: #000;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 53px; /* 331.25% */

  text-transform: uppercase;
}
.faq_title_lp_25_2 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px; /* 150% */
}
.faq_container_lp_25_1 {
  /* border-top: 1px solid rgba(0, 0, 0, 0.10); */
  margin-top: 67px;
  /* padding-top: 24px; */
}
.faq_item_lp_25_1 {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 24px;
  margin-bottom: 48px;
}
.faq_item_lp_25_1_title {
  color: #000;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%; /* 27px */

  /* width: 500px; */

  flex: 0 0 500px;
}
.faq_item_lp_25_1_content {
  color: #898989;

  font-family: 'Helvetica Neue';

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%; /* 27px */
}
.faq_title_lp_25_3 {
  color: #000;
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  margin-top: 100px;
  margin-bottom: 21px;
}
.faq_title_lp_25_4 {
  max-width: 560px;
  color: #898989;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
.css_faq_button_lp_25_1 {
}
.color_span_lp_25_14 {
  color: #eb8c00;
}
.button_lp_25_12 {
  max-width: 357px;

  height: 53px;

  width: 100%;

  border-radius: 8px;

  background: #e84249;

  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  border: 0;
}
.fidelisation_content_lp_25_1 {
  color: #b9b9b9;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37.2px; /* 186% */
  max-width: 749px;
  margin-bottom: 58px;
  margin: auto;
  margin-bottom: 58px;
}
.color_span_lp_25_15 {
  color: #fff;

  font-weight: 600;
}
.img_last_cta_lp_25_1 {
  max-width: 110px;
  margin-bottom: 58px;
}
.last_cta_lp_25_1 {
  background: url('../img/bg_last_cta_lp_25.webp') no-repeat center center;
  padding-top: 78px;
  padding-bottom: 111px;
  text-align: center;
  background-size: cover;
}
.fidelisation_title_lp_25_1 {
  color: #fff;

  text-align: center;

  leading-trim: both;

  text-edge: cap;

  font-family: 'Helvetica Neue';

  font-size: 40px;

  font-style: normal;

  font-weight: 600;

  line-height: 58.2px; /* 145.5% */

  margin-bottom: 41px;
}

.banderole_lp_final_25 {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  padding-top: 61px;
  padding-bottom: 61px;
}

.element_banderole_lp_final_25 {
  display: flex;
  /* white-space: nowrap; */
  animation: scrollpc 30s linear infinite;
  gap: 67px;
  padding: 20px 0;
}

.item_banderole_p_1_25 {
  display: inline-block;
  color: #1e1e1f;
  font-family: 'Helvetica Neue';
  font-size: 19.197px;
  font-style: normal;
  font-weight: 500;
  line-height: 29.435px; /* 153.333% */
  max-width: 354px;
  width: 100%;
  flex: 0 0 354px;
}

@keyframes scrollpc {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.frame_lp_4_25 {
}

@media only screen and (max-width: 1150px) {
  .video_lp_25_1 {
    border-radius: 22px;
    width: 326px;
    position: relative;
    z-index: 0;
    top: 0;
    height: 666px;
    object-fit: cover;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 43px;
    border-radius: 22px;
    border: 6px solid #dedede;
  }

  .frame_lp_4_25 {
    position: absolute;
    z-index: 2;
    width: 449px;
    max-width: 500px;
    margin: auto;
    left: 0;
    right: 0px;
    top: 560px;
  }

  .css_lp_25_1 {
    margin-top: 40px;
  }
  .pos_re_mob_lp_21 {
    position: relative;
  }

  .d_grid_adv_lp_25 {
    display: block;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 83px;
  }
  .p_lp_25_1 {
    font-family: 'Helvetica Neue';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    max-width: unset;
  }
  .box_adv_lp25_1 {
    max-width: 350px;
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    border-radius: 12.256px;
    border: 1.532px solid #fff;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    margin: auto;
    margin-bottom: 25px;
  }
  .full_width_button_css_lp_25 {
    width: 100%;
    max-width: 100%;
    margin: auto;
  }

  .pos_relative_lp_25_2 {
    margin-bottom: 83px;
  }
  .h3_lp_25_2 {
    color: #323232;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    text-align: start;
  }
  .colored_lp_container_25_2 {
    background: linear-gradient(180deg, #eef9ff 0%, #f9f9f9 100%);
    padding-top: 70px;
  }
  .display_grid_lp_25_1 {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
    flex-direction: column;
  }
  .box_lp_25_1 {
    max-width: 433px;
    width: 100%;
    height: fit-content;
    border-radius: 18.203px;
    box-shadow: 0px 1.138px 17.065px 0px rgba(0, 0, 0, 0.12);
    padding-bottom: 40px;
  }
  .p_lp_25_3 {
    max-width: 307px;
    margin: auto;
    color: #000;
    text-align: center;
    leading-trim: both;
    text-edge: cap;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.4px;
    margin-top: 10px;
  }
  .p_lp_25_2 {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.4px;
    margin-top: 12px;
  }
  .div_text_center_lp_25_1 {
    text-align: center;
    margin-bottom: 67px;
    margin-top: 40px;
  }
  .p_sub_lp_25_1 {
    color: #000;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin-top: 11px;
    margin-bottom: 68px;
    max-width: 785px;
  }
  .flex_lp_25_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
  }
  .display_grid_lp_25_2 {
    display: block;
    margin-top: 40px;
  }
  .box_lp_25_3 {
    margin: auto;
    margin-bottom: 32px;
    height: fit-content;
  }
  .p_sub_box_3_lp_25 {
    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: 28.4px;
  }
  .p_title_box_3_lp_25 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
  }
  .colored_lp_container_25_3 {
    padding-top: 86px;
    background: linear-gradient(180deg, #faeeee 0%, rgba(255, 217, 217, 0.67) 100%);
  }
  .colored_lp_container_25_4 {
    padding-top: 86px;
    background: linear-gradient(180deg, #eef9ff 0%, #f9f9f9 100%);
  }
  .colored_lp_container_25_5 {
    padding-top: 86px;

    padding-bottom: 100px;

    position: relative;
  }
  .container_scroll_use_lp_1 {
    overflow-x: auto;
    width: 100%;
    padding: 20px 0;
  }

  .container_of_usecase_lp_25 {
    display: flex;
    gap: 24px;
    min-width: max-content;
    padding: 0 20px;
    margin-top: 0;
    margin-top: 52px;
    min-height: unset;
  }

  /* Hide scrollbar but keep functionality */
  .container_scroll_use_lp_1::-webkit-scrollbar {
    display: none;
  }

  .container_scroll_use_lp_1 {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .box_use_case_activated {
    scale: unset;
  }
  .box_use_case_activated {
    opacity: unset;
    transform: unset;
    height: 586px;
  }
  .box_use_case_lp_25 {
    max-width: 318px;
    width: 100%;
    border-radius: 26.317px;
    background: #fff;
    box-shadow: 0px 1.754px 26.317px 0px rgba(0, 0, 0, 0.12);
    height: 556px;
    flex: 0 0 auto;
    /* opacity: 0.6; */
    transform: unset;
    transition: all 0.3s ease-in-out;
  }
  .p_title_use_case_lp_25 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    margin-top: 10px;
  }
  .p_sub_use_case_lp_25 {
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.9px;
    margin-bottom: 22px;
    margin-top: 25px;
  }
  .p_name_use_case_lp_25 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 23.9px;
    margin-bottom: 25px;
  }
  .p_dot_use_case_lp_25 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    max-width: 265px;
    margin: auto;
  }
  .display_item_banderole_lp25 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 85px;
    flex-direction: column;
  }
  .p_sub_banderole_lp25_1 {
    color: #fff;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    max-width: 211px;
    margin: auto;
  }
  .item_banderole_lp25_1 {
    max-width: 302px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 23px;
  }
  .banderole_lp_25_1 {
    background: #2a2a2a;
    padding-top: 70px;
    padding-bottom: 103px;
    margin-bottom: 0;
  }
  .center_mob_lp_25 {
    text-align: center;
  }

  .p_lp_25__sub {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 188.235% */
    margin-top: 26px;
    margin-bottom: 45px;
  }
  .css_lp_25_1_center_mob_lp_256 {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 36.4px */
  }
  .p_title_lp_25_1_25_1 {
    margin-top: 0;
  }
  .inside_container_flex_lp_25 {
    display: flex;
    gap: 24px;
    padding: 20px 0;
    min-width: max-content;
    margin-left: 25px;
    padding-right: 55px;
  }
  .faq_item_lp_25_1 {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 24px;
    margin-bottom: 48px;
    flex-direction: column;
    gap: 0;
  }
  .faq_item_lp_25_1_title {
    color: #000;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* width: 500px; */
    flex: unset;
    margin-bottom: 15px;
  }
  .faq_title_lp_25_4 {
    max-width: 560px;
    color: #898989;
    font-family: 'Helvetica Neue';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 74px;
  }
  .fidelisation_title_lp_25_1 {
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 41px;
    text-align: start;
  }
  .fidelisation_content_lp_25_1 {
    color: #b9b9b9;
    text-align: start;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Helvetica Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 37.2px;
    max-width: 749px;
    margin-bottom: 58px;
    margin: auto;
    margin-bottom: 58px;
  }
  .last_cta_lp_25_1 {
    padding-top: 78px;
    padding-bottom: 75px;
    text-align: start;
    background-size: cover;
  }
  .banderole_lp_final_25 {
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    padding-top: 61px;
    padding-bottom: 61px;
    height: 415px;
  }
  @keyframes scrollpc {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-1000%);
    }
  }
}

.button_lp_25_1 {
  transition: all 0.3s ease-in-out;
}
.button_lp_25_1:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.css_no_bot_margin {
  margin-bottom: 0;
}