/***Dacia club styles***/
* {
  margin: 0;
  font-family: "DaciaBlockExtended-Regular", sans-serif;
  scroll-behavior: smooth;
}

a {color: #000; text-decoration: none;}

ul {list-style-type: none;}

html {
  scroll-behavior: smooth;
  display: none;
}

.main {padding-bottom: 1vw;}
/* fonts   */

@font-face {
  font-family: "DaciaBlock-Bold";
  src: url("./fonts/DaciaBlock-Bold.eot");
  src: url("./fonts/DaciaBlock-Bold.woff") format("woff"),
    url("./fonts/DaciaBlock-Bold.ttf") format("ttf"),
    url("./fonts/DaciaBlock-Bold.svg") format("svg");
  font-display: swap; /* Show fallback font immediately, then swap to custom font when loaded */
}

@font-face {
  font-family: "DaciaBlock-Regular";
  src: url("./fonts/DaciaBlock-Regular.eot");
  src: url("./fonts/DaciaBlock-Regular.woff") format("woff"),
    url("./fonts/DaciaBlock-Regular.ttf") format("ttf"),
    url("./fonts/DaciaBlock-Regular.svg") format("svg");
  font-display: swap; /* Show fallback font immediately, then swap to custom font when loaded */
}

@font-face {
  font-family: "DaciaBlockExtended-Bold";
  src: url("./fonts/DaciaBlockExtended-Bold.eot");
  src: url("./fonts/DaciaBlockExtended-Bold.woff") format("woff"),
    url("./fonts/DaciaBlockExtended-Bold.ttf") format("ttf"),
    url("./fonts/DaciaBlockExtended-Bold.svg") format("svg");
  font-display: swap; /* Show fallback font immediately, then swap to custom font when loaded */
}

@font-face {
  font-family: "DaciaBlock-Light";
  src: url("./fonts/DaciaBlock-Light.eot");
  src: url("./fonts/DaciaBlock-Light.woff") format("woff"),
    url("./fonts/DaciaBlock-Light.ttf") format("ttf"),
    url("./fonts/DaciaBlock-Light.svg") format("svg");
  font-display: swap; /* Show fallback font immediately, then swap to custom font when loaded */
}

@font-face {
  font-family: "DaciaBlockExtended-Regular";
  src: url("./fonts/DaciaBlockExtended-Regular.eot");
  src: url("./fonts/DaciaBlockExtended-Regular.woff") format("woff"),
    url("./fonts/DaciaBlockExtended-Regular.ttf") format("ttf"),
    url("./fonts/DaciaBlockExtended-Regular.svg") format("svg");
  font-display: swap; /* Show fallback font immediately, then swap to custom font when loaded */
}
/* end fonts  */

.hide {display: none !important;}

html {
  -webkit-tap-highlight-color: transparent;
  direction: rtl;
  display: block;
}

.pollution_1 {background-color: #1a582c;}
.pollution_2 {background-color: #146634;}
.pollution_3 {background-color: #0e7d3e;}
.pollution_4 {background-color: #129346;}
.pollution_5 {background-color: #23a348;}
.pollution_6 {background-color: #3eaf49;}
.pollution_7 {background-color: #98c93c;}
.pollution_8 {background-color: #f9d324;}
.pollution_9 {background-color: #fdbd3c;}
.pollution_10 {background-color: #f89938;}
.pollution_11 {background-color: #e67524;}
.pollution_12 {background-color: #dc5f26;}
.pollution_13 {background-color: #e02225;}
.pollution_14 {background-color: #c52026;}
.pollution_15 {background-color: #a41d20;}
.safety_0 {background-color: #c00000;}
.safety_1 {background-color: #e46c0b;}
.safety_2 {background-color: #ffc000;}
.safety_3 {background-color: #33af8a;}
.safety_4 {background-color: #31859d;}
.safety_5 {background-color: #268cca;}
.safety_6 {background-color: #0170c1;}
.safety_7 {background-color: #0373fb;}
.safety_8 {background-color: #124aff;}
.safety_9 {background-color: #fecc0c;}
.pollution-container {color: #fff;}
.mobile .pollution {margin-bottom: 7vw;}

body {
  font-family: "DaciaBlock-Regular", sans-serif;
  display: none;
  background-color: #e6e0db;
}

.mobile .wrapperMobileEvent {
  overflow: scroll;
  padding-right: 4vw;
}

.mobile .wrapperMobileEvent::-webkit-scrollbar {
  display: none;
}

.title {
  position: absolute;
  right: 4vw;
  top: 19.5vw;
  z-index: 5;
  transition: 1.5s ease-in-out;
}

.mobile .title {
  opacity: 1;
  transition: 1.5s ease-in-out;
}

.activeCard .title {
  transform: translateX(50vw);
}

.mobile.activeCard .title {
  transform: translateX(0);
  opacity: 0;
  transition: 1.5s ease-in-out;
}

.main_title {
  font-size: 2.2vw;
  font-family: "DaciaBlockExtended-Bold", sans-serif;
  color: #fff;
  text-align: right;
  line-height: 1;
}

.mobile .main_title {
  font-size: 5.1vw;
  color: white;
  text-align: right;
}

.main_title span {
  font-size: 2.05vw;
  font-family: "DaciaBlockExtended-Bold", sans-serif;
  color: #fff;
}

.mobile .main_title span {
  font-size: 5.1vw;
  color: white;
}

.sub_title {
  font-size: 1.07vw;
  color: #fff;
  line-height: 1.2;
  text-align: right;
  margin-top: 0.5vw;
  letter-spacing: 0.04vw;
  font-weight: 100;
}

.mobile .sub_title {
  font-size: 2.85vw;
  color: white;
  line-height: 1.2;
  text-align: right;
  font-weight: 100;
}

.info-title {
  font-size: 1.05vw;
  color: #404A3B;
}

.content {
  font-size: 0.93vw;
  color: #414141;
}

.activeAnimation {
  animation: SlideUp 0.5s both;
}

@keyframes SlideUp {
  0% {
    transform: translateY(0) scale(1) translateX(0);
  }
  100% {
    transform: translateY(-1.5vw) scale(0.8) translateX(3vw);
  }
}

.mainTop {
  width: 73.2vw;
  height: 32vw;
  overflow: hidden;
  position: relative;
}

.mobile .mainTop {
  width: 100%;
  height: 102vw;
  transition: 1.5s ease-in-out;
}

.mobile.activeCard .mainTop {
  height: 165vw;
  transition: 1.5s ease-in-out;
}

.mobile .sky {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.sky2 {
  position: absolute;
  top: 4.5vw;
  right: 1.5vw;
  z-index: 4;
  opacity: 0;
  /* animation: 0.5s fadeOutTxt ease-in-out; */
  animation-fill-mode: forwards;
}

.mobile .sky2 {
  right: 100vw;
  background: #f6f8f7;
}

.activeCard .sky2 {
  transform: translateX(69.8vw);
}

.mobile.activeCard .sky2 {
  transform: translateX(87.2vw);
}

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

.mobile .back_new_club {
  width: 100vw;
  position: relative;
  height: 100%;
  top: 0;
  object-fit: cover;
}

.floor {
  position: absolute;
  top: 20vw;
  left: -1vw;
  width: 78vw;
  object-fit: cover;
  z-index: 3;
  transition: 1.5s ease-in-out;
  display: none;
}

.mobile .floor {
  top: 85vw;
  left: -1.5vw;
  width: 105vw;
  transition: 1.5s ease-in-out;
}

.mobile.activeCard .floor {
  left: -3.5vw;
  width: 190vw;
  transition: 1.5s ease-in-out;
}

.activeCard .floor {
  transform: translate(73.5vw, 2vw) scale(1.1);
}

.mobile.activeCard .floor {
  transform: translate(73.5vw, 0) scale(1);
}

.car {
  position: absolute;
  top: 13.5vw;
  left: 3vw;
  width: 43vw;
  object-fit: cover;
  z-index: 6;
  transition: 1.5s ease-in-out;
  display: none;
}

.mobile .car {
  top: 63.5vw;
  left: 4vw;
  width: 103vw;
  z-index: 4;
}

.activeCard .car {
  transform: translate(-2vw, 0) scale(1);
}

.mobile.activeCard .car {
  transform: translate(83vw, 0) scale(1);
}

.water {
  position: absolute;
  top: 10.5vw;
  left: -1vw;
  width: 78vw;
  object-fit: cover;
  z-index: 3;
  transition: 1.5s ease-in-out;
  display: none;
}

.mobile .water {
  top: 74.5vw;
  left: -1vw;
  width: 150vw;
}

.activeCard .water {
  transform: translate(76.35vw, 0vw) scale(1.15);
}

.mountainback {
  position: absolute;
  top: 3.5vw;
  left: -4vw;
  width: 37vw;
  object-fit: cover;
  z-index: 3;
  transition: 1.5s ease-in-out;
  display: none;
}

.mobile .mountainback {
  top: 57.5vw;
  left: -3vw;
  width: 78vw;
}

body.overflow {
  overflow: hidden;
}

.activeCard .mountainback {
  transform: translate(-1vw, -5vw) scale(1.08);
}

.mobile.activeCard .mountainback {
  transform: translate(30vw, 0) scale(1);
}

.errorCheckBox {
  display: none;
  position: absolute;
  top: 7vw;
  font-size: 0.7vw;
  color: #e85a24;
}

.mobile .errorCheckBox {
  top: 24.8vw;
  font-size: 3.2vw;
}

.mountainfront {
  position: absolute;
  top: 3vw;
  left: 0;
  width: 75vw;
  object-fit: cover;
  z-index: 3;
  transition: 1.5s ease-in-out;
  display: none;
}

.mobile .mountainfront {
  top: 63vw;
  left: 0;
  width: 102vw;
}

.activeCard .mountainfront {
  transform: translate(71.55vw, -4vw) scale(1.05);
}

.clpud-1 {
  position: absolute;
  top: 0;
  left: -16vw;
  width: 90vw;
  object-fit: cover;
  z-index: 2;
  transition: 1.5s ease-in-out;
  opacity: 1;
}

.mobile .clpud-1 {
  top: 25vw;
  left: 56vw;
  width: 200vw;
}

.clpud-1B {
  position: absolute;
  top: 0;
  left: -16vw;
  width: 90vw;
  object-fit: cover;
  z-index: 4;
  transition: 1.5s ease-in-out;
  opacity: 0;
}

.mobile .clpud-1B {
  top: 25vw;
  left: 56vw;
  width: 200vw;
}

.activeCard .clpud-1 {
  opacity: 0;
}

.mobile.activeCard .clpud-1 {
  opacity: 1;
  transform: translateX(12vw);
  transition: 1.5s ease-in-out;
}

.activeCard .clpud-1B {
  transform: translate(-2.45vw, 2vw) scale(1);
  opacity: 1;
}

.mobile.activeCard .clpud-1B {
  transform: translate(-2.45vw, 2vw) scale(1);
  opacity: 0;
}

.clpud {
  position: absolute;
  top: -6vw;
  left: -10vw;
  width: 90vw;
  object-fit: cover;
  z-index: 2;
  transition: 1.5s ease-in-out;
  opacity: 1;
}

.mobile .clpud {
  top: 8vw;
  left: -73vw;
  width: 130vw;
}

.activeCard .clpud {
  opacity: 0;
}

.clpudB {
  position: absolute;
  top: -6vw;
  left: -10vw;
  width: 90vw;
  object-fit: cover;
  z-index: 4;
  transition: 1.5s ease-in-out;
  opacity: 0;
}

.mobile .clpudB {
  top: 8vw;
  left: -73vw;
  width: 130vw;
}

.activeCard .clpudB {
  transform: translate(4vw, 4vw) scale(1);
  animation: 1s fadeInSky;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.mobile.activeCard .clpudB {
  transform: translate(4vw, 4vw) scale(1);
  animation: none;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0;
}

@keyframes fadeInSky {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sonic.activeCard .wrapperSonic .wrapperAnswersQuestions,
.tiul-shetah.activeCard .wrapperTiul-shetah .wrapperAnswersQuestions,
.tiul.activeCard .wrapperTiul .wrapperAnswersQuestions,
.shvat.activeCard .wrapperNetiot .wrapperAnswersQuestions,
.ahpela.activeCard .wrapperYehud .wrapperAnswersQuestions {
  display: block;
}

.wrapperTiul-shetah .wrapperAnswersQuestions,
.wrapperTiul .wrapperAnswersQuestions,
.wrapperSonic .wrapperAnswersQuestions,
.wrapperNetiot .wrapperAnswersQuestions,
.wrapperYehud .wrapperAnswersQuestions {
  display: none;
}

.wrapperTiul-shetah,
.wrapperTiul,
.wrapperSonic,
.wrapperNetiot,
.wrapperYehud {
  opacity: 0;
  /* animation: 0.5s fadeOutTxt ease-in-out; */
  animation-fill-mode: forwards;
  position: fixed;
  top: 13vw;
  right: 23.5vw;
  z-index: 100;
}

.mobile .wrapperTiul-shetah,
.mobile .wrapperTiul,
.mobile .wrapperSonic,
.mobile .wrapperNetiot,
.mobile .wrapperYehud {
  top: 100vh;
  right: 11vw;
  height: 150vw;
  overflow: scroll;
}

.mobile .wrapperTiul-shetah::-webkit-scrollbar,
.mobile .wrapperTiul::-webkit-scrollbar,
.mobile .wrapperSonic::-webkit-scrollbar,
.mobile .wrapperNetiot::-webkit-scrollbar,
.mobile .wrapperYehud::-webkit-scrollbar {
  display: none;
}

.tiul-shetah.activeCard .wrapperTiul-shetah,
.sonic.activeCard .wrapperSonic,
.tiul.activeCard .wrapperTiul,
.shvat.activeCard .wrapperNetiot,
.ahpela.activeCard .wrapperYehud {
  animation: 0.5s fadeInTxt ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  z-index: 1000;
}

.tiul-shetah.activeCard.second .wrapperTiul-shetah,
.tiul.activeCard.second .wrapperTiul,
.sonic.activeCard.second .wrapperSonic,
.shvat.activeCard.second .wrapperNetiot,
.ahpela.activeCard.second .wrapperYehud {
  animation: 1.5s fadeInTxt ease-in-out;
  animation-fill-mode: forwards;
  z-index: 5;
}

@keyframes fadeInTxt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, -2vw);
  }
}

@keyframes fadeOutTxt {
  0% {
    opacity: 1;
    transform: translate(-2.5vw, -1vw);
  }
  100% {
    opacity: 0;
  }
}

.hetiotTitle {
  font-size: 1.9vw;
  color: #404A3B;
  font-family: "DaciaBlockExtended-Bold", sans-serif;
  line-height: 0.9;
}

.mobile .hetiotTitle {
  font-size: 5.3vw;
  color: #404A3B;
  line-height: 1.1;
  top: 7vw;
  position: relative;
  text-align: right;
  padding-right: 3.5vw;
  font-family: DaciaBlockExtended-Bold, sans-serif;
  width: 72vw;
}

.netiotDescription {
  font-size: 1.13vw;
  color: #404A3B;
  line-height: 1.3;
  margin-top: 1vw;
  font-family: "DaciaBlockExtended-Bold", sans-serif;
}

.netiotDescription.top {
  color: #e85a23;
  font-size: 1vw;
}

.subtitle {
  font-size: 1vw;
  color: #4e5744;
  margin-top: 1vw;
}

.mobile .subtitle {
  font-size: 3.3vw;
  color: #4e5744;
  margin-top: 1vw;
  line-height: 5vw;
}

.mobile .netiotDescription {
  font-size: 3.87vw;
  line-height: 1.3;
  margin-top: 10.5vw;
  text-align: right;
  padding-right: 3.5vw;
  padding-bottom: 2vw;
  width: 72vw;
}

.parametersTxt {
  color: #404A3B;
  font-size: 0.7vw;
}

.mobile .parametersTxt {
  color: #404A3B;
  font-size: 3.1vw;
}

.paremetersImage {
  width: 0.65vw;
  margin-left: 0.3vw;
}

.mobile .paremetersImage {
  width: 4.1vw;
  margin-left: 1.5vw;
}

.mobile .parameters .paremetersItem:nth-of-type(1) {
  order: 2;
  margin-left: 3vw;
}

.mobile .parameters .paremetersItem:nth-of-type(2) {
  order: 3;
  position: relative;
  left: 0.5vw;
}

.mobile .parameters .paremetersItem:nth-of-type(3) {
  order: 1;
}

.mobile .parameters .paremetersItem:nth-of-type(4) {
  order: 4;
}

.topparemetersItemsContainer {
  display: flex;
  padding-bottom: 0.5vw;
  padding-top: 0.5vw;
}

.mobile .topparemetersItemsContainer {
  display: contents;
  padding-bottom: 0;
}

.paremetersItem {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2vw 1vw 0.3vw;
  /* background: #fff; */
  border-radius: 0.7vw;
  margin-left: 0.35vw;
  margin-bottom: 0.35vw;
}

.mobile .paremetersItem {
  padding: 1.55vw 4vw 1.65vw;
  border-radius: 20vw;
  margin-left: 1.35vw;
  margin-bottom: 1.35vw;
}

.parameters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 35vw;
  margin-top: 0.5vw;
}

.mobile .parameters {
  width: 80vw;
  margin-top: 5.5vw;
  padding-bottom: 7vw;
  margin-right: 0.5vw;
}

.wrapperAnswersQuestions {
  margin-top: 1vw;
  width: 30.6vw;
  height: 15vw;
  overflow: hidden;
  overflow-y: scroll;
  direction: ltr;
  padding-right: 1vw;
  margin-right: -1vw;
}

.wrapperAnswersQuestions::-webkit-scrollbar {
  width: 0.4vw;
}

.mobile .wrapperAnswersQuestions::-webkit-scrollbar {
  width: 1vw;
}

.wrapperAnswersQuestions::-webkit-scrollbar-track {
  background: #d8d3c4;
}

.wrapperAnswersQuestions::-webkit-scrollbar-thumb {
  background: #404A3B;
}

.wrapperAnswersQuestions::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mobile .wrapperAnswersQuestions {
  margin-bottom: 6vw;
  width: 80.2vw;
  margin-inline-start: 0;
  height: 50vw;
  padding-inline-start: 2.5vw;
  padding-inline-end: 1.5vw;
  overflow-y: auto;
  direction: inherit;
}

.question {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6vw 0 0.6vw;
  cursor: pointer;
  transition: 0.3s ease;
  direction: rtl;
}

.mobile .question {
  padding: 1.5vw 0;
}

.question h5 p {
  color: #404A3B;
  font-family: "DaciaBlockExtended-Bold", sans-serif;
  width: 20vw;
  padding: 0;
  transition: 0.3s ease;
  font-size: 0.95vw;
}

.mobile .question h5 p {
  width: 63vw;
  font-size: 4vw;
  line-height: 6.5vw;
  font-family: DaciaBlockExtended-Bold, sans-serif;
}

.questionAnswerItem:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #707070;
  display: block;
}

.mobile .plusMinus:after {
  content: "";
  display: block;
  width: 2vw;
  height: 2vw;
  border-right: 0.5vw solid #e85a24;
  border-bottom: 0.5vw solid #e85a24;
}

.plusMinus {
  transform: rotate(45deg);
  transition: 0.6s ease;
  position: relative;
  right: -0.2vw;
}

.questionAnswerItem.openNow .plusMinus {
  transform: rotate(225deg);
  transition: 0.6s ease;
}

.plusMinus:after {
  content: "";
  display: block;
  width: 0.5vw;
  height: 0.5vw;
  border-right: 0.15vw solid #e85a24;
  border-bottom: 0.15vw solid #e85a24;
}

.answer {
  display: none;
  padding-bottom: 1vw;
}

.list-ahpela {
  padding: 0;
  font-size: 0.9vw;
  color: #4e5744;
  direction: rtl;
  line-height: 1.5;
}

.mobile .list-ahpela {
  padding-bottom: 0;
  font-size: 3.2vw;
}

.answer .answersList {
  display: block;
  color: #4e5744;
  margin-right: -1.2vw;
  list-style-type: disc;
  vertical-align: middle;
}

.mobile .answer .answersList {
  color: #4e5744;
  margin-right: -6vw;
  list-style-type: disc;
  vertical-align: middle;
}

.answer p {
  font-size: 0.9vw;
  color: #4e5744;
  line-height: 1.6;
}

.mobile .answer p {
  padding-bottom: 0;
  font-size: 3.15vw;
}

.mainBottom {
  height: 17.5vw;
  width: 73.2vw;
  position: relative;
  padding-top: 2vw;
}

.mobile .mainBottom {
  height: 52.5vw;
  width: 100%;
  background-color: #e6e0db;
  margin-top: -0.2vw;
  z-index: 3;
  transition: 1.5s ease-in-out;
}

.mobile.activeCard .mainBottom {
  padding-bottom: 20vw;
}

.mainBottomBackgroundPhoto {
  z-index: 5;
  width: 81.2vw;
  height: 23vw;
  position: absolute;
  bottom: 0;
}
/* .mobile.activeCard .mainBottom {
    transform: translateY(50vw);
    transition: 1.5s ease-in-out;
} */

.hoverblack {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: 1s ease-in-out;
}

.wrapperEventButton {
  display: flex;
  align-items: center;
  margin: 1vw 1.1vw 0 0;
  z-index: 10;
  position: relative;
  gap: 1vw;
}

.mobile .wrapperEventButton {
  margin: 2vw 0 0 0;
  width: fit-content;
}

.eventButtonItem {
  position: relative;
  width: 19.9vw;
  height: 10vw;
  overflow: hidden;
  border-radius: 1.3vw;
}

.eventButtonItem.tiul-shetah {
  display: none;
}

.eventButtonItem.tiul-shetah {
  display: none;
}

.eventButtonItem.ahpela {
  cursor: pointer;
}

.tiul.eventButtonItem {
  cursor: pointer;
}

.mobile .eventButtonItem {
  width: 76.7vw;
  height: 63vw;
  border-radius: 25px;
  margin-left: 5.8vw;
}

.mobile .eventButtonItem.adom {
  margin: 0 9.5vw 0 2.5vw;
}

.mobile .eventButtonItem.shvat {
  margin: 0 0 0 3.5vw;
}

.eventButtonItem.active .hoverblack,
.eventButtonItem:hover .hoverblack {
  opacity: 1;
  transition: 1s ease-in-out;
}

.mobile .eventButtonItem.active.active .hoverblack {
  opacity: 1;
  transition: 1s ease-in-out;
}

.mobile .eventButtonItem:hover .hoverblack {
  opacity: 0;
  transition: 1s ease-in-out;
}

.eventButtonItem.active .pic,
.eventButtonItem:hover .pic {
  transform: scale(1.1);
  transition: 1s linear;
}

.mobile .eventButtonItem.active.active .pic {
  transform: scale(1.1);
  transition: 1s linear;
}

.mobile .eventButtonItem:hover .pic {
  /* transform: scale(1); */
  /* transition: 1s linear; */
}

.pic {
  position: absolute;
  width: 93%;
  height: 92%;
  top: 0;
  right: 8px;
  transform: scale(1.2);
  transition: 1s linear;
  object-fit: cover;
}

.mobile .pic {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
  object-fit: cover;
  transform: scale(1);
}

.eventButtonItem.adom .pic {
  object-position: 0 -16vw;
}

.mobile .eventButtonItem.adom .pic {
  object-position: 0 -58vw;
}

.authorization a {
  color: white;
  text-decoration: revert;
}

.EventTxtConatiner {
  position: absolute;
  top: 5.9vw;
  width: 100%;
}

.mobile .EventTxtConatiner {
  top: 0;
  width: 100%;
  height: 100%;

  .bgBlur {
    top: 45.5vw;
    height: 28vw;
    opacity: 0.85;
  }

  .titleEvent {
            top: 33.5vw;
    font-size: 3.2vw;
    font-family: "DaciaBlock-Regular", sans-serif;
  }
}

.termsMAinBottom {
  color: #404A3B;
  font-size: 1.04vw;
  line-height: 1.8;
  padding-bottom: 1vw;
  padding-right: 1.1vw;
  width: 65vw;
  z-index: 10;
  position: relative;
  font-family: "DaciaBlock-Regular", sans-serif;
}

.mobile .termsMAinBottom {
  padding: 2.5vw;
  width: 94vw;
  text-align: right;
  padding-bottom: 5vw;
  padding-top: 0;
  text-wrap: pretty;
  font-size: 3.7vw;
  line-height: 1.5;
}

.date {
  position: relative;
  color: #fff;
  font-size: 0.8vw;
     padding: 0.5vw 1vw 0.1vw;
}

.date2 {
  color: #e85a24;
  font-size: 0.9vw;
  padding: 0.1vw 1vw 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  text-shadow: 0 2px 3px #000;
}

.mobile .date2 {
  top: -5vw;
  right: 0;
  z-index: 1;
  text-shadow: 0 2px 3px #000;
  font-size: 3vw;
  padding: 6.2vw 3.2vw 0;
}

.mobile .date {
  font-size: 2.9vw;
  padding: 4vw 3.2vw 1vw;
  color: white;
  padding-bottom: 0.5vw;
}

.wrapperIconTnx {
  width: 5vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: #404A3B;
  border-radius: 100vw;
}

body.limit .detailsEvent.detailsEventClose,
body.limit .form .tnx,
body.limit .tnxEnd {
  display: block;
}

body.limit .detailsEvent.detailsEventShow,
body.limit .form2,
body.limit .tnx__title,
body.limit .wrapperIconTnx {
  display: none;
}

body.limit .tnx__title {
  display: none;
}

.mobile .wrapperIconTnx {
  width: 24vw;
  height: 24vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d7d3c5;
  border-radius: 100vw;
  position: absolute;
  top: 40vw;
  right: 38vw;
}

.bgBlur {
  position: absolute;
 top: -0.5vw;
    right: 0;
    width: 100%;
    height: 6.8vw;
    background-color: #404A3B;
    backdrop-filter: blur(5px);
    opacity: 0.85;
}

.mobile .bgBlur {
  height: 100%;
}

.mobile .bgBlur {
  position: absolute;
  row-gap: 0;
  right: 0;
  width: 100%;
  backdrop-filter: blur(5px);
  background-color: #404a3b;
  opacity: 0.9;
  -webkit-backdrop-filter: blur(3px);
  height: 17vw;
  top: 46vw;
}

.bg-cover {
  position: fixed;
  background: #000000c2;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: none;
}

.under:after {
  content: "";
  width: 38vw;
  height: 1px;
  background: #fff;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.under-m:after {
  content: "";
  width: 77vw;
  height: 1px;
  background: #fff;
  display: block;
  text-align: center;
  margin: 1.3vw auto 0;
}

.under-m-2:after {
  content: "";
  width: 44vw;
  height: 1px;
  background: #fff;
  display: block;
  text-align: center;
  margin: 1.3vw auto 0;
}

.main .logo {
  width: 5.26vw;
  position: relative;
  z-index: 2;
  top: 41.3vw;
  right: 5.7vw;
}

.accessibility {
  position: fixed;
  width: 13vw;
  height: auto;
  bottom: 1vw;
  left: 2vw;
  display: flex;
  align-items: center;
  z-index: 9;
  color: #fff;
}

.privacy-text {
  margin-top: 1vw;
  color: #fff;

  a {
    color: #fff;
    text-decoration: underline;
  }
}

.mobile .accessibility {
  color: #000;
}

.logo-nissan-mobility {
  position: absolute;
  top: 1vw;
  right: 1vw;
  width: 5vw;
  height: 2vw;
  object-fit: contain;
}

.mobile .logo-nissan-mobility {
  top: 3vw;
  right: 4vw;
  width: 17vw;
  height: 10vw;
}

.des-chat-box {
  position: absolute;
  width: 6vw;
  top: 1vw;
  right: 61vw;
  z-index: 9;
  display: none !important;
}

.des-chat-box.only_desktop {
  display: block;
}

.mobile .des-chat-box.only_desktop {
  display: none;
}

.only-mobile {
  display: none;
}

.mobile .only-mobile {
  display: block;
}

.bottom {
  font-size: 1.1vw;
  line-height: 1.2;
  margin-top: 0.2vw;
}

.mobile .bottom {
  font-size: 4.5vw;
  line-height: 1.2;
  margin-top: 1.1vw;
}

.only-desktop {
  display: block;
}

.koh {
  position: absolute;
  top: 0;
  left: 2.2vw;
  font-size: 2.1vw;
}

.jq {
  position: absolute;
  top: 0;
  left: 1.5vw;
  font-size: 2.4vw;
}

.mobile .jq {
  position: absolute;
  top: 5.5vw;
  left: 21.8vw;
  font-size: 6.5vw;
}

.mobile .koh {
  position: absolute;
  top: 6vw;
  right: 51vw;
  font-size: 4vw;
}

.color {
  position: absolute;
  top: 85vw;
  right: 30vw;
  width: 41vw;
}

.mobile .only-desktop {
  display: none;
}

.mobile .accessibility {
  position: relative;
  flex-direction: row-reverse;
  width: 100%;
  height: auto;
  background: transparent;
  bottom: 13vw;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 9;
  padding-bottom: 10vw;
}

.move-bottom-bar-to-the-left {
  height: 16.5vw;
  width: 73.2vw;
  position: relative;
  background-color: #dad4c6;
}

.accessibility img {
  height: 1.6vw;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #fff;
}

.mobile .accessibility img {
  height: 8vw;
}

.accessibility a {
  color: #fff;
  padding: 0 0.5vw;
  font-size: 0.75vw;
}

.retangle-10 {
  position: absolute;
  width: 13.13vw;
  height: 23.439vw;
  right: 0;
  top: 28vw;
}

.mobile .retangle-10 {
  position: absolute;
  width: 24.9vw;
  height: 46.6vw;
  right: 0;
  bottom: 46.9vw;
  top: 113vw;
}

.btn-disabled {
  width: 20.5vw;
  height: 1.2vw;
  position: absolute;
  background: transparent;
  cursor: pointer;
  z-index: 9;
  top: 1vw;
  right: 22.5vw;
}

.mobile .btn-disabled {
  width: 82vw;
  height: 6vw;
  z-index: 1;
  top: 2vw;
  right: 13vw;
}

.mobile .popUpPic {
  width: 96vw;
}

.mobile .accessibility a {
  color: #000;
  padding: 0 1.8vw;
  font-size: 3.4vw;
}

.form {
  position: fixed;
  top: 0;
  left: 0;
  width: 26.8vw;
  height: 111.47vh;
  background-color: #404A3B;
  color: #707070;
  box-sizing: border-box;
  z-index: 15;
}

.mobile form {
  background-color: #404A3B;
}

.form2 {
  padding: 2.5vw 2.5vw 0 1vw;
}

.mobile {
  .form2 {
    .logoM {
      margin-bottom: 9vw;

      .dacia-logoM {
        width: 77.67vw;
      }
    }
  }
}

.hatavot {
  position: absolute;
  top: 43vw;
  font-size: 3vw;
  right: 14vw;
  color: white;
  width: 45.4vw;
  font-weight: 700;
  line-height: 0.8;
}

.hatavot .caption {
  font-weight: 100;
  line-height: 1;
  font-size: 1.6vw;
  margin-right: 0.4vw;
  margin-top: 1vw;
}

.hatavot img {
  width: 3.5vw;
}

.hat {
  display: flex;
  width: 15vw;
  align-items: center;
  justify-content: flex-start;
}

.form .logo {
  display: block;
  width: 18.24vw;
  margin: 4.6vw auto 0 auto;
}

.form__title_trade {
  width: 100%;
  height: auto;
  font-size: 1.9vw;
  color: #fff;
  background-color: #c30c29;
  text-align: center;
  padding: 1.1vw 0 0.7vw 0;
  margin-bottom: 2.3vw;
}

.form__title.form__title {
  text-align: right;
  font-size: 2.1vw;
  margin-bottom: 0.5vw;
  line-height: 1;
  font-weight: 600;
  display: block;
}

h2.top {
  font-size: 1.66vw;
  color: white;
}

.mobile h2.top {
  font-size: 6.5vw;
  width: 93vw;
  color: #fff;
  text-wrap: pretty;
}

.form__title span {
  font-size: 1vw;
}

.mobile .form__title span {
  font-size: 3.9vw;
}

.form_details {
  text-align: right;
  margin-bottom: 2vw;
  margin-top: 1.8vw;
  color: #000;
  font-size: 0.9vw;
}

.form_details span {
  text-align: right;
  margin-bottom: 0;
  margin-top: 1.8vw;
  color: white;
  font-size: 0.78vw;  
}

.popUp {
  position: absolute;
  top: 80vw;
  z-index: 13;
  right: 2vw;
  background: #fff;
  padding: 3vw 0;
}

.close-popup {
  position: absolute;
  top: 0.5vw;
  right: 0.5vw;
  z-index: 9999;
  cursor: pointer;
}

.mobile .close-popup {
  top: 2.5vw;
  right: 2.5vw;
}

.close-popup > img {
  width: 1.3vw;
  height: 1.3vw;
}

.mobile .close-popup > img {
  width: 7.3vw;
  height: 7.3vw;
}

.slick-track {
  display: flex;
}

.slick-track img {
  width: 100%;
  height: 12.8vw;
  object-fit: cover;
}

.mobile .slick-track img {
  width: 100%;
  height: 64.8vw;
  object-fit: cover;
}

.slick-track .slide:focus {
  outline: none;
}

.slider-dots {
  padding: 0;
  display: flex;
  margin: 0 auto;
  position: absolute;
  top: 13vw;
  right: 8.5vw;
  width: 4vw;
  height: 1vw;
  align-items: center;
  justify-content: space-around;
  z-index: 9999;
}

.mobile .slider-dots {
  top: 67vw;
  right: 36vw;
  width: 19vw;
  height: 5vw;
}

.slider-dots li {
  width: 0.45vw;
  height: 0.45vw;
  border: none;
  border-radius: 15vw;
  padding: 0;
  cursor: pointer;
}

.mobile .slider-dots li {
  width: 2.45vw;
  height: 2.45vw;
}

.slider-dots li button {
  width: 0.45vw;
  height: 0.45vw;
  background: #000000;
  opacity: 0.2;
  border: none;
  border-radius: 15vw;
  padding: 0;
  cursor: pointer;
}

.mobile .slider-dots li button {
  width: 2.45vw;
  height: 2.45vw;
}

.slide-txt {
  margin: 1.5vw 0 0 0;
  padding: 0 0.6vw;
  font-size: 1.15vw;
  line-height: 1.1;
}

.mobile .slide-txt {
  margin: 11vw 0 0 0;
  padding: 0 6vw;
  font-size: 4.9vw;
}

.slide-txt .slide-title {
  font-size: 1.8vw;
  color: #000;
  font-weight: 600;
  line-height: 1.3;
}

.slide.slick-slide {
  transition: opacity 0s linear 0s !important;
  -webkit-transition: opacity 0s linear 0s !important;
  -moz-transition: opacity 0s linear 0s !important;
  -ms-transition: opacity 0s linear 0s !important;
  -o-transition: opacity 0s linear 0s !important;
}

.mobile .slide-txt .slide-title {
  font-size: 7vw;
}

.mobile .slide-txt .slide-title {
  font-size: 7vw;
  line-height: 1;
}

.content-crossover {
  position: absolute;
  top: 17vw;
}

.hr {
  width: 17.1vw;
  background: #7070704f;
  height: 0.1vw;
  margin: 0.1vw 1vw;
  position: relative;
  display: none;
}

.mobile .hr {
  width: 37.1vw;
  background: #7979794f;
  height: 0.4vw;
  margin: 1.5vw 3.2vw;
  display: block;
  top: -3vw;
}

.titleEvent {
  font-size: 0.75vw;
  position: relative;
  color: #fff;
  padding-right: 1vw;
}

.mobile .titleEvent {
  font-size: 2.9vw;
  color: #fff;
  padding: 0.5vw 3.2vw 0;
  padding-top: 2vw;
  padding-left: 0;
  top: 38vw;

}

.arrowHr,
.arrow {
  width: 1.5vw;
  transform: rotate(180deg);
  position: relative;
  right: -0.5vw;
  top: 0.1vw;
  transition: 0.3s ease-in-out;
}

.mobile .arrow {
  width: 4.8vw;
  transform: rotate(180deg);
  position: relative;
  right: -2.1vw;
  top: 0.3vw;
  transition: 0.3s ease-in-out;
}

.arrowHr {
  right: -2.1vw;
}

.eventButtonItem.active .arrow,
.eventButtonItem:hover .arrow {
  transform: rotate(180deg) translateX(0.25vw);
  transition: 0.3s ease-in-out;
}

.mobile .eventButtonItem.active.active .arrow {
  transform: rotate(180deg) translateX(2.25vw);
  transition: 0.3s ease-in-out;
}

.mobile .eventButtonItem:hover .arrow {
  transform: rotate(180deg) translateX(0);
  transition: 0.3s ease-in-out;
}

.detailEventWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8vw;
  width: 100%;
  box-sizing: border-box;
}

.mobile .detailEventWrapper {
  margin-top: 2vw;
}

.detailsEvent {
  color: #e6e0db;
  padding: 0.4vw 0.8vw;
  font-family: "DaciaBlock-Regular", sans-serif;
  position: absolute;
  right: 0;
  top: 0;
  background: #404A3B;
  border-radius: 0 24px 0 0;
}

body:not(.mobile) .detailsEvent{
  font-size: 0.94vw;
}

.wrapperTrip.active .detailsEvent {
  background: #D8D4C5;
  cursor: pointer;
  color: #404A3B;
}

.detailsEvent span {
  position: relative;
  top: 0.05vw;
  margin-right: 0.2vw;
}

.mobile .detailsEvent span {
  top: 0.7vw;
  margin-right: 0.5vw;
}

.mobile .detailsEvent {
  padding: 2vw 3vw 3vw;
  font-size: 4vw;
  font-weight: bold;
  border-radius: 0 14px 0 0;
}

.mobile .slide-title.crossover {
  font-size: 7vw;
  line-height: 1.1;
}

.mobile .content-crossover {
  position: absolute;
  top: 92vw;
}

.slider-dots li button:focus {
  outline: none;
}

.slider-dots li.slick-active button {
  background: #000000;
  opacity: 1;
}

.loader {
  display: none;
  width: 1.5vw;
  position: absolute;
  top: 1vw;
  right: 9.85vw;
}

.mobile .loader {
  width: 6.5vw;
  top: 4.2vw;
  right: 39.85vw;
  
}

.mobile .form_details {
  padding: 5vw 0 0 0;
  width: 88vw;
  font-family: "DaciaBlock-Regular", sans-serif;
  color: #fff;
  font-size: 3.7vw;
  margin-bottom: 1vw;
}

.mobile .form_details span {
  font-size: 4.9vw;
  font-family: "DaciaBlock-Regular", sans-serif;
  color: white;
}

.form__must {
  margin-top: 0.1vw;
  font-size: 0.73vw;
  color: white;
  margin-bottom: 0.5vw;
}

.field label {
  display: block;
  background-color: transparent;
  padding: 0;
  margin: 0 0 0 1.5vw;
  border-bottom: 2px solid #dad4c6;
  color: #707070;
}

.tinaim {
  padding-top: 2vw;
}

.mobile .field label {
  border-bottom: 2px solid #e3e3e3;
}

.checkbox-container {
  display: flex;
}

.field-checkbox {
  display: flex;
  position: relative;
}

.field-checkbox label {
  background-color: transparent;
  display: flex;
  border: none;
  height: 3vw;
}

.field.field-checkbox label {
  border-bottom: 0 solid transparent;
  position: relative;
  bottom: 0.25vw;
}

.mobile .field.field-checkbox label {
  border-bottom: 0 solid transparent;
  position: relative;
  bottom: 6.7vw;
}

.bottom_shadow {
  position: relative;
  bottom: 25vw;
  width: 84vw;
  height: 27vw;
  display: none;
}

.mobile .bottom_shadow {
  position: relative;
  bottom: 65vw;
  width: 132vw;
  height: 102vw;
}

.authorization {
  padding-top: 1vw;
  position: relative;
  left: 1.8vw;
  font-size: 0.81vw;
  color: white;
}

.mobile .authorization {
  padding-top: 2vw;
  font-size: 3vw;
  position: unset;
}

.field-checkbox label .checkbox-title {
  padding: 0;
  line-height: 1.2;
  position: relative;
  opacity: 1;
  font-size: 0.83vw;
  top: 1.5vw;
  margin-right: 0.8vw;
  color: #707070;
}

.mobile .field-checkbox label .checkbox-title {
  width: 71vw;
}

.field label div {
  padding: 0.3vw 0.3vw 0 0;
  color: white;
  position: relative;
  top: 1vw;
  z-index: -1;
  font-size: 0.73vw;
}

.field input {
  margin-top: 0;
  display: block;
  border: 0;
  font-size: 1vw;
  width: 20.5vw;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 1vw 0.5vw 0 0;
  background-color: transparent;
  color: white;
  height: 1.6vw;
}

.mobile .field input {
  font-size: 4.2vw;
  width: 83.7vw;
  height: 6vw;
  padding: 0 2vw 0 0;
  color: #fff;
}

.field input[type="submit"] {
  background-color: #dad4c6;
  color: #404A3B;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  margin-top: 2.3vw;
  height: 3.7vw;
  width: 21.24vw;
  font-size: 1.05vw;
  padding: 0 0 0.2vw 0;
  font-weight: 600;
}

.field input[type="checkbox"] {
  display: none;
}

.field label .checkbox-v {
  background-color: white;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 0.931vw;
  height: 0.931vw;
  top: 1.5vw;
  color: #fff;
  opacity: 1;
}

.mobile .field label .checkbox-v {
  width: 2.3vw;
  height: 3.3vw;
}

.field input[type="checkbox"]:checked + .checkbox-v::before {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8vw;
  transition: all 0.14s ease-in-out;
  color: #000;
}

.mobile .field input[type="checkbox"] + .checkbox-v::before {
  font-size: 4.4vw;
}

.labelTripEvent {
  font-size: 0.85vw;
  color: #000;
  margin-top: 2.2vw;
}

.mobile .labelTripEvent {
  font-size: inherit;
  color: #aeb1a4;
  margin-top: 2.2vw;
}

.mobile .tripEventChoose {
  margin-top: 3.55vw;
}

.tripEventChoose {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.55vw;
}

.tripEventItem span {
  font-size: 0.85vw;
  color: #707070;
  padding-bottom: 0.2vw;
  transition: 1s ease;
}

.mobile .tripEventItem span {
  font-size: 3.85vw;
}

.tripEventContent {
  width: 21.1vw;
  position: relative;
}

.mobile .tripEventContent {
  width: 85.9vw;
}

.tripEventItem {
  width: 10.1vw;
  height: 2.05vw;
  background-color: #fff;
  border-radius: 1.05vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #fff;
  transition: 1s ease;
}

.tripEventItem.event2 {
  background-color: #ccc;
}

.tripEventItem.event2 {
  cursor: not-allowed;
}

.mobile .tripEventItem {
  width: 41.1vw;
  height: 13.05vw;
  border-radius: 20vw;
}

.tripEventItem.event1.active,
.tripEventItem.event1:hover {
  border: 1px solid #e85a23;
  transition: 1s ease;
}

.tripEventItem.event1.active span,
.tripEventItem.event1:hover span {
  color: #e85a23;
  transition: 1s ease;
}

.lineTransition {
  position: absolute;
  top: 0;
  right: 70vw;
  width: 3.5vw;
  transform: scale(0, 1);
  transform-origin: left;
  height: 100%;
  z-index: 3;
  background-color: #00000010;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: 1.5s ease-in-out;
}

.field.submit {
  position: relative;
}

.mobile .lineTransition {
  top: 0;
  right: 0;
  width: 13.5vw;
  transform: scale(1, 1);
  transform-origin: left;
  opacity: 0;
}

.lineTransition.closeGradient {
  right: 72.6vw;
}

.mobile .lineTransition.closeGradient {
  right: 0;
}

.activeCard .lineTransition {
  right: 0;
  width: 3.5vw;
  transform: scale(1, 1);
  transform-origin: left;
  transition: 1.5s ease-in-out;
  z-index: 5;
}

.mobile.activeCard .lineTransition {
  right: -0.2vw;
  width: 13.5vw;
  transform: scale(1, 1);
  transform-origin: left;
  transition: 1.5s ease-in-out;
  z-index: 5;
  opacity: 1;
}

.field input[type="checkbox"]:checked + .checkbox-v::before {
  color: black;
}

.close-button {
  position: absolute;
  top: -1vw;
  right: -2.5vw;
  height: 2vw;
  width: 2vw;
  display: inline-block;
  cursor: pointer;
  z-index: 100;
}

.mobile .close-button {
  top: 0.5vw;
  right: 81vw;
  height: 4vw;
  width: 4vw;
  z-index: 100;
}

.activeCard .close-button {
  /* right: 0.7vw; */
  /* transition: 1.5s ease-in-out; */
}

.mobile.activeCard .close-button {
  /* right: 2.7vw; */
  /* transition: 1.5s ease-in-out; */
}

.close-button:before,
.close-button:after {
  transform: rotate(0deg);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.2vw;
  margin-left: 0;
  display: block;
  height: 1.3vw;
  width: 0.14vw;
  background-color: black;
  transition: all 0.25s ease-out;
}

.mobile .close-button:before,
.mobile .close-button:after {
  height: 7vw;
  margin-top: -3.2vw;
  width: 0.5vw;
}

.close-button:after {
  transform: rotate(-180deg);
}

.activeCard .close-button:before {
  transform: rotate(-45deg);
  transition: 1.6s ease-in-out;
}

.activeCard .close-button:after {
  transform: rotate(-135deg);
  transition: 1.6s ease-in-out;
}

.ranks {
  line-height: 1.4;
  font-size: 0.7vw;
  padding: 1vw 1vw;
  text-align: center;
  position: relative;
}

.ranks .pollution:not(:first-child) {
  padding: 0;
}

.ranks .pollution-container .pollution,
.ranks .safety {
  padding: 0.1vw 0.3vw;
  color: #000;
}

footer {
  position: relative;
  bottom: 0;
  width: 73.3vw;
  background: #fff;
}

.star {
  position: absolute;
  top: 51.1vw;
  right: 6.5vw;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.mobile .star {
  top: 169.9vw;
  right: 34.2vw;
  font-size: 4.2vw;
  font-weight: 400;
  color: #fff;
}

.b-star {
  position: absolute;
  top: 52.9vw;
  right: 6.3vw;
  width: 7vw;
  z-index: 1;
}

.mobile .b-star {
  top: 177.5vw;
  right: 34.6vw;
  width: 27vw;
}

.mobile footer {
  width: 100%;
}

.ranks .safety {
  color: #fff;
}

.mobile .ranks .pollution a {
  font-size: 3.5vw;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
  color: #fff;
  font-size: 1.2vw;
  background: #c41e42;
  border-radius: 50%;
  padding: 0.2vw 0.5vw;
  border: 0.2vw solid #fff;
  cursor: pointer;
  display: none;
}

.mobile .close.close {
  transform: none;
  width: 10vw;
  height: 10vw;
  font-size: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close.active {
  display: block;
}

.only_mobile {
  display: none;
}

.txtEndEvent {
  font-size: 1.2vw;
  font-weight: 600;
  font-family: "DaciaBlockExtended-Bold", sans-serif;
}

.mobile .txtEndEvent {
  font-size: 4.5vw; padding-top: 45vw;
}

.txtEndEvent2 {
  font-size: 0.9vw; margin-top: 1vw;
}

.txtEndEvent2 span {
  position: relative; top: 0.1vw;
}

.mobile .txtEndEvent2 {
  font-size: 3.5vw;
  padding-top: 1vw;
  padding-bottom: 20vw;
}

.form .tnx {
  text-align: center;
  padding: 0;
  top: 7vw;
  position: relative;
  color: white;
  display: none;
}

.verify {width: 3vw;}

.mobile .verify {width: 17vw;}

.media {
  margin-top: 3vw; font-size: 0.83vw;
}

.mobile .media {font-size: 3.3vw;}

.tnk__icons {
  text-align: center;
  margin-top: 0;
}

.tnk__icons a img {
  width: 3vw;
  margin: 1vw 0.4vw;
}

.tnx__title {
  font-size: 1.3vw;
  line-height: 1;
  margin-top: 1vw;
}

.greeting {
  font-size: 1.56vw;
  font-family: DaciaBlock-Bold, sans-serif;
  line-height: 0.3;
}

.mobile .greeting {
  font-size: 6vw;
  font-family: DaciaBlock-Bold, sans-serif;
  line-height: 0.3;
}

.sub_greting {
  font-size: 0.99vw;
}

.mobile .sub_greting {
  font-size: 4vw;
  margin-top: -4vw;
}

.tnx__tips {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 1.6vw 0.6vw;
  background-color: #efdf00;
  font-size: 1.3vw;
  line-height: 1.1;
  text-align: center;
  font-weight: 600;
}
/***************Mobile***************/

.mobile .only_mobile {
  display: block;
}

.mobile .form {
  display: none;
}

.mobile .logoM {
  width: 100%;
  z-index: 1000;
  position: relative;
  text-align: center;
}

.mobile .logoM img {
  width: 46.8vw;
  top: 4vw;
  position: relative;
}

.mobile .title {
  right: 5vw;
  top: 74vw;
  width: 100%;
}

.mobile .main {
  width: 100%;
  overflow: hidden;
  height: 196vw;
  margin-top: -17.7vw;
}

.mobile.activeCard .main {
  height: 100%;
}

.mobile .info-title {
  font-size: 4.8vw;
  color: #404A3B;
}

.mobile .content {
  font-size: 3.9vw;
  color: #414141;
  width: 91%;
}

.mobile .logo-nissan {
  width: 14.7vw;
  height: auto;
  position: absolute;
  object-fit: contain;
  z-index: 2;
  right: 3.9vw;
  top: 131.4vw;
}

.mobile .main .logo {
  width: 18vw;
  top: 4vw;
  right: 2vw;
}

.mobile .ranks {
  font-size: 3.5vw;
  line-height: 1.9;
  padding: 4vw;
  margin-bottom: 13.1vw;
  padding-top: 3vw;
}

.mobile .pollution:not(:first-child) {
  padding: 0;
  text-align: right;
}

.mobile .pollution-container .pollution {
  margin-bottom: 0;
  line-height: 1.6;
  padding: 0.6vw 0.5vw 0.4vw;
}

.mobile .safety {
  padding: 0.6vw 0.5vw 0.4vw;
}

.mobile .cta {
  position: fixed;
  display: flex;
 
  bottom: -0.2vw;
  width: 100%;
  height: 15vw;
  z-index: 1001;
  font-size: 4.8vw;
  border-top: 1px solid #fff;
}

.mobile .cta a {
  text-decoration: none;
  color: white;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1vw 2vw 2.5vw;
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-family: "DaciaBlock-Regular";
  font-size: 4.2vw;
}

.mobile .cta .testDrive {
  color: #fff;
  background: #404A3B;
}

.mobile .cta .testDrive::before {
  content: "";
  width: 10vw;
  height: 16.5vw;
  background: url(./images/email_ICON.png);
  position: relative;
  top: 6.5vw;
  left: 3vw;
  background-repeat: no-repeat;
  display: none;
}

.mobile .cta .callUs {
  background: #404A3B;
  border-left: 2px solid #fff;
  color: #d7d3c5;
  display: none !important;
}

.mobile .cta .callUs span,
.mobile .cta .testDrive span {
  color: #fff;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-family: "DaciaBlockExtended-Bold";
}

.mobile .cta .callUs::before {
  content: "";
  width: 7vw;
  height: 16vw;
  background: url(./images/phone_icon2.svg);
  position: relative;
  top: 5vw;
  left: 3vw;
  background-repeat: no-repeat;
}

.mobile .cta .chat-us {
  background: #f7fbff;
  border-left: 1px solid #000;
  color: #000;
  display: none !important;
}

.mobile .cta .chat-us::before {
  content: "";
  width: 16vw;
  height: 100%;
  background: url(./images/chat-logo-1.png);
  position: relative;
  top: 5vw;
  left: 2vw;
  background-repeat: no-repeat;
}

.mobile .cta-form {
  width: 50%;
  background-color: #c30c29;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6vw;
  flex: 1;
}

.mobile .cta-form.full {
  width: 100%;
}

.mobile .cta-call.active {
  width: 50%;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.mobile .cta-call a {
  color: #fff;
  text-decoration: none;
}

.mobile .cta-call {
  width: 50%;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.5vw;
}

.show_back_cover {
  opacity: 1;
  transition: opacity 1500ms, transform 1500ms;
  transform: translateY(-41vw);
  top: -50vw;
}

.mobile .show_back_cover {
  opacity: 1;
  transform: translateY(-198vw);
  transition: opacity 1500ms, transform 1500ms;
}

.hide_back_cover {
  transform: translateY(7vw);
  transition: opacity 1500ms, transform 1500ms;
}

.mobile .hide_back_cover {
  transform: translateY(0vw);
  transition: opacity 1500ms, transform 1500ms;
}

.mobile .form {
  width: 100%;
  height: 110vh;
}

.mobile .form.active {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 100vh;
  animation: SlideUpForm 1s both;
 
  overflow: hidden;
  color: #fff;
  z-index: 1000;
  border-radius: 0;
}

.mobile.focus .form.active {
  overflow: scroll;
}

@keyframes SlideUpForm {
  0% {
    transform: translateY(200vw);
  }
  100% {
    transform: translateY(0vw);
  }
}
/**NEW animation**/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mainTop {
  .wrapperYehud{
    background-color: #e6e0db;
    padding: 4vw 2vw;
    .hetiotTitle,
    .netiotDescription,
    .parameters,
    .wrapperAnswersQuestions{
      opacity: 0;
     /* transition: opacity 0.5s ease;*/
    }
    &.heightSize{
      transform: translateY(100vh);
      transition: transform 1s ease;
      will-change: transform;
      margin-top: -13vw;
      height: 70vh;
      .hetiotTitle,
      .netiotDescription,
      .parameters,
      .wrapperAnswersQuestions{
        animation: fadeIn 0.5s ease forwards 1.5s;
      }
    }
    .close-button{margin-top: 3vw;}
  }
}
body.activeCard:not(.mobile){
  .wrapperYehud{
    transform: translateY(100vh);
    transition: transform 1s ease;
    will-change: transform;
    margin-top: -6vw;

    .hetiotTitle,
    .netiotDescription,
    .parameters,
    .wrapperAnswersQuestions{
      animation: fadeIn 0.5s ease forwards 1.5s;
    }
    .close-button{margin-inline-start: 4vw;}
  }
}
/**End of new animation**/

.back_cover {
  width: 38vw;
  height: 38vw;
  position: fixed;
  right: 20vw;
  background-color: #e6e0db;
  z-index: 100;
  top: 56vw;
  &.show_back_cover{top: 47vw;}
}

.mobile .back_cover {
  width: 91vw;
  height: 79vh;
  position: fixed;
  bottom: 115vw;
  right: 4.5vw;
  top: 97%;
}
@media screen and (min-width: 765px) and (max-width: 980px) {
  .mobile .back_cover {top: 156%;}
}
.mobile .mob_logo {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 0;
  width: 100vw;
}

.only_desktop {
  display: flex;
}

.mobile .only_desktop {
  display: none;
}

.logo_m.only_mobile {
  width: 20vw;
  height: 100%;
  top: 13.5vw;
  position: relative;
  right: -42vw;
}

.mobile .logo_m.only_mobile {
  display: block;
}

.mobile .form .logo {
  width: 61vw;
  height: auto;
  margin: 5vw auto;
  position: absolute;
  top: 8vw;
  left: 23vw;
  display: none;
}

.mobile .form__title {
  font-size: 8.3vw;
  padding: 0;
  margin: 0;
}

.mobile .form__must {
  padding: 1vw 0 0 0;
  font-size: 2.9vw;
  color: #fff;
}

.mobile form {
  overflow: hidden;
  padding: 8vw 7vw 0;
  height: 100%;
}

.mobile .form__fields {
  padding: 0;
}

.mobile .form__fields .field label div {
  padding: 1vw 2vw 0 0;
  color: #e3e3e3;
  position: relative;
  top: 5.4vw;
  z-index: 0;
  font-size: 3.6vw;
}

.mobile .form__fields .field label .checkbox-title {
  padding: 0;
}

.mobile .field label {
  margin: 4.5vw 0;
  height: 12vw;
}

.mobile .field-checkbox label .checkbox-title {
  font-size: 4.2vw;
  margin-right: 2.5vw;
  width: auto;
}

.mobile .checkbox-v {
  width: 5.8vw;
  height: 5.8vw;
}

.mobile .field input[type="submit"] {
  height: 15vw;
  font-size: 4.9vw;
  width: 85.9vw;
  padding: 0 0 1vw 0;
  margin-top: 11vw;
  background-color: #d7d3c5;
  color: #404A3B;
}

.close_form {
  display: none;
}

.mobile .close_form {
  display: block;
}

.mobile .close_form {
  display: block;
  position: absolute;
  top: 4vw;
  left: -3vw;
  width: 100%;
  height: 14vw;
}

.mobile .close_form div {
  width: 26vw;
  height: 1vw;
  margin: 5vw auto 0;
  background: #d1cdbd;
  border-radius: 100vw;
}

.mobile .close_form p:first-child {
  font-size: 7vw;
  line-height: 0.8;
}

.mobile .form .tnx {
  margin-top: -9vw;
  height: 100%;
  background: #404A3B;
}

.mobile .tnx__title {
  font-size: 7.5vw;
  margin-bottom: 13vw;
  padding-top: 71vw;
}

.mobile .tnx__tips {
  font-size: 6vw;
  padding: 2.6vw 0.6vw;
}

.mobile .tnk__icons {
  margin-top: 4vw;
}

.mobile .tnx .no-desktop {
  margin-left: 3vw;
  position: absolute;
  left: 0;
  bottom: 5vw;
}

.mobile .tnk__icons a img {
  width: 15vw;
  margin: 1vw 1.5vw;
}

.activeAnimation {
  animation: SlideUp 0.5s both;
}

@keyframes SlideUp {
  0% {
    transform: translateY(0) scale(1) translateX(0);
  }
  100% {
    transform: translateY(-0.6vw) scale(0.8) translateX(3vw);
  }
}

.errorEvent {
  position: absolute;
  font-size: 0.65vw;
  color: #cf0303;
  bottom: -1.1vw;
  width: 100%;
  text-align: center;
  display: none;
}

.mobile .errorEvent {
  font-size: 2.65vw;
  color: #fff;
  bottom: -4.1vw;
}

.from {
  font-size: 1.45vw;
  position: relative;
  top: 0;
  right: 0;
}

.mobile .from {
  font-size: 5.1vw;
}

.mobile .activeAnimation {
  animation: SlideUp2 0.5s both;
}

@keyframes SlideUp2 {
  0% {
    transform: translateY(0) scale(1) translateX(0);
  }
  100% {
    transform: translateY(-6vw) scale(0.8) translateX(11vw);
  }
}

.carasso_layer_whatsapp_icon {
  bottom: 75px !important;
  z-index: 9999 !important;
  right: 68vw !important;
}

.mobile .carasso_layer_whatsapp_icon {
  position: fixed;
  bottom: 20px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 999999;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  width: 45px;
  height: 45px;
  right: 3vw !important;
  top: 153vw;
}

.popUp {
  display: none;
}

.popupActive .popUp {
  position: absolute;

  top: 6vw;
  right: 15vw;
  width: 43vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 0.2vw;
  box-shadow: 0 0 5px #fff;
  z-index: 10;
}

.mobile.popupActive .popUp {
  top: 86vw;
  right: 5vw;
  width: 90vw;
  height: auto;
}

.mobile.activeCard.popupActive .popUp {
  top: 158vw;
}

.mobile .closePopup img {
  width: 5.5vw;
}

.mobile .closePopup {
  position: absolute;
  top: 1.5vw;
  right: 1.5vw;
  cursor: pointer;
}

.mobile .popUpPic {
  width: 83vw;
}

.closePopup {
  position: absolute;
  top: 0.2vw;
  right: 0.2vw;
  cursor: pointer;
}

.closePopup img {
  width: 1.5vw;
}

.popUpPic {
  width: 40vw;
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .mobile .errorCheckBox {
    top: 28.8vw;
    font-size: 3.2vw;
  }
  .mobile .hetiotTitle{
    font-size: 4.8vw!important;
  }
  .mobile .back_cover{top: 117%; z-index: 4;}
  .mobile .carasso_layer_whatsapp_icon{top: 140vw;}
  .mobile .form_details span{font-size: 4.5vw;}
  .mainTop .wrapperYehud{
      background-color: #e6e0db;
  }
  .mobile .wrapperAnswersQuestions{
    margin-right: 2.5vw; margin-left: 1.5vw;
  }
  .mobile .close-button{
    top: 3.5vw; right: 79vw;
  }
}

@media screen and (max-width: 490px) {
  .mobile .back_cover{height: 75vh; top: 120%;}
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */
}

.tnxEnd {
  display: none;
}

.detailEventWrapper .detailsEvent.detailsEventClose {
  display: none;
}

.wrapperTrip {
  position: relative;
}

.mobile .wrapperTrip {
}

.wrapperTrip {
  .eventButtonItem.soon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D8D4C5;
    background-color: #404A3B;

    h1 {
      font-size: 1.3vw;
    }

    h3 {
      font-size: 1vw;
    }
  }
}

.mobile .wrapperTrip {
  .eventButtonItem.soon {
    h1 {
      font-size: 5vw;
    }

    h3 {
      font-size: 3.5vw;
    }
  }
}

.white_shadow {
  background: white;
  width: 100%;
  height: 117vh;
  opacity: 0.5;
  position: absolute;
  z-index: 100;
}

.mobile .white_shadow {
  top: 0;
}

.dates {
  display: flex;
  column-gap: 1vw;
}

.mobile .dates {
  display: flex;
  flex-direction: column;
  row-gap: 2vw;
}

.mobile .heightSize {
  width: 86%;
  top: 20.5vw;
  inset-inline: 5%;
}

.mobile .titleEvent span {
  font-size: 4vw;
  font-weight: bold;
  line-height: 7vw;
  font-family: "DaciaBlock-Regular", sans-serif;
}

.mobile .signL {
  position: absolute;
  top: 51.5vw;
  inset-inline-start: 3vw;
  color: #404A3B;
  background: #e6e0db;
  padding: 1.5vw 3vw;
  border-radius: 10px;
  font-family: "DaciaBlock-Regular", sans-serif;
}