* {
  margin: 0;
  font-family: "NouvelRAH-Regular";
}

a {
  color: #000;
}

ul {
  list-style-type: none;
}

/* fonts   */

@font-face {
  font-family: "NouvelRAH-Bold";
  src: url("./fonts/NouvelRAH-Bold.eot");
  src: url("./fonts/NouvelRAH-Bold.woff2") format("woff2"),
    url("./fonts/NouvelRAH-Bold.ttf") format("ttf"),
    url("./fonts/NouvelRAH-Bold.svg") format("svg");
}

@font-face {
  font-family: "NouvelRAH-Regular";
  src: url("./fonts/NouvelRAH-Regular.eot");
  src: url("./fonts/NouvelRAH-Regular.woff2") format("woff2"),
    url("./fonts/NouvelRAH-Regular.ttf") format("ttf"),
    url("./fonts/NouvelRAH-Regular.svg") format("svg");
}

@font-face {
  font-family: "NouvelRAH-Semibold";
  src: url("./fonts/NouvelRAH-Semibold.eot");
  src: url("./fonts/NouvelRAH-Semibold.woff2") format("woff2"),
    url("./fonts/NouvelRAH-Semibold.ttf") format("ttf"),
    url("./fonts/NouvelRAH-Semibold.svg") format("svg");
}

@font-face {
  font-family: "FbReforma-font-family: 'fbreformaen-regular-webfont';";
  src: url("./fonts/FbReforma-Mediumwebfont.eot");
  src: url("./fonts/FbReforma-Mediumwebfont.woff") format("woff"),
    url("./fonts/FbReforma-Mediumwebfont.ttf") format("ttf"),
    url("./fonts/FbReforma-Mediumwebfont.svg") format("svg");
}

@font-face {
  font-family: "FbReforma-font-family: 'fbreformaen-regular-webfont';";
  src: url("./fonts/FbReforma-Mediumwebfont.eot");
  src: url("./fonts/FbReforma-Mediumwebfont.woff") format("woff"),
    url("./fonts/FbReforma-Mediumwebfont.ttf") format("ttf"),
    url("./fonts/FbReforma-Mediumwebfont.svg") format("svg");
}

@font-face {
  font-family: "fbreformaen-regular-webfont";
  src: url("./fonts/fbreformaen-regular-webfont.eot");
  src: url("./fonts/fbreformaen-regular-webfont.woff") format("woff"),
    url("./fonts/fbreformaen-regular-webfont.ttf") format("ttf"),
    url("./fonts/fbreformaen-regular-webfont.svg") format("svg");
}

@font-face {
  font-family: "NouvelR-Bold";
  src: url("./fonts/NouvelR-Bold.eot");
  src: url("./fonts/NouvelR-Bold.woff") format("woff"),
    url("./fonts/NouvelR-Bold.ttf") format("ttf"),
    url("./fonts/NouvelR-Bold.svg") format("svg");
}

@font-face {
  font-family: "NouvelR-Light";
  src: url("./fonts/NouvelR-Light.eot");
  src: url("./fonts/NouvelR-Light.woff") format("woff"),
    url("./fonts/NouvelR-Light.ttf") format("ttf"),
    url("./fonts/NouvelR-Light.svg") format("svg");
}

@font-face {
  font-family: "NouvelR-Semibold";
  src: url("./fonts/NouvelR-Semibold.eot");
  src: url("./fonts/NouvelR-Semibold.woff") format("woff"),
    url("./fonts/NouvelR-Semibold.ttf") format("ttf"),
    url("./fonts/NouvelR-Semibold.svg") format("svg");
}

@font-face {
  font-family: "fbpractica-regularwebfont";
  src: url("./fonts/fbpractica-regularwebfont.woff") format("woff"),
    url("./fonts/NouvelR-Semibold.ttf") format("ttf"),
    url("./fonts/NouvelR-Semibold.svg") format("svg");
}

/* end fonts  */

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

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

body {
  font-family: "fbreformaen-regular-webfont", sans-serif;
  display: none;
}

.main {
  position: relative;
  height: 56.25vw;
  top: -6vw;
  /* overflow: hidden; */
}

.mobile .main {
  overflow-x: clip;
  /* overflow: hidden; */
}

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

.jbl {
  width: auto;
  position: absolute;
  top: 2.1vw;
  right: 59.8vw;
}

.mobile .jbl {
  width: 15vw;
  position: relative;
  top: -80.7vw;
  right: 81.8vw;
}

.desktop-dc .back2 .arrowLeft {
  width: 1.4vw;
  margin-right: 0.6vw;
  margin-top: 0.14vw;
  transition: 0.3s linear;
}

.desktop-dc .back2:hover .arrowLeft {
  margin-right: 1vw;
  transition: 0.3s linear;
}

.bg-clio-pic {
  height: 56.25vw;
  width: 100%;
}

.mobile .bg-clio-pic {
  height: 132vw;
  position: relative;
  width: 100vw;
  left: unset;
  position: relative;
  z-index: 10;
}

.retangle-10 {
  position: absolute;
  width: 8.9vw;
  height: 22.71vw;
  right: 0vw;
  bottom: 0vw;
  top: 35vw;
  display: none;
}

.mobile .retangle-10 {
  position: absolute;
  width: 24.9vw;
  height: 46.89vw;
  top: 104.5vw;
  right: 0;
}

.logo-side {
  position: absolute;
  width: 7.259vw;
  height: 9.89vw;
  top: 39.5vw;
  right: 4.9vw;
}

.mobile .logo-side {
  position: relative;
  width: 16.1vw;
  height: 21vw;
  top: -36.5vw;
  right: 2.2vw;
  position: relative;
  width: 15.1vw;
  height: 21vw;
  right: 2.2vw;
  top: -49.5vw;
}

.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: 4vw;
  position: relative;
  top: 1vw;
  right: 1vw;
}

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

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

.tech-text {
}

.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: 0vw;
  left: 2.2vw;
  font-size: 2.1vw;
}

.jq {
  position: absolute;
  top: 0vw;
  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;
}

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

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

.form {
  position: fixed;
  top: 0;
  left: 0;
  width: 26vw;
  height: 105vh;
  background-color: #000;
  color: white;
  box-sizing: border-box;
  z-index: 2;
}

.form-content {
  position: absolute;
  top: 10vw;
}

.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 {
  width: 5vw;
  display: block;
  margin: 3vw 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 {
  padding: 0 2.5vw;
  text-align: right;
  font-size: 2.1vw;
  margin-bottom: 0.5vw;
  line-height: 1;
  font-weight: 600;
  display: block;
}

h2.top {
  font-size: 1.9vw;
  font-weight: 600;
}

.mobile h2.top {
  font-size: 8vw;
}

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

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

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

.form_details {
  padding: 0 2.5vw;
  text-align: right;
  font-size: 1.3vw;
  margin-bottom: 0;
  margin-top: 0;
}

.plus {
  position: absolute;
  width: 2.7vw;
  height: 2.7vw;
  cursor: pointer;
}

.mobile .plus {
  width: 12vw;
  height: 12vw;
}

.plus-1 {
  top: 20.5vw;
  right: 19.5vw;
  display: none;
}

.mobile .plus-1 {
  top: 84vw;
  right: 15.6vw;
}

.plus-2 {
  top: 26.3vw;
  right: 42.2vw;
}

.privacyLink {
  color: #fff;
  position: relative;
  z-index: 15;
}

.mobile .privacyLink {
  z-index: 1000;
  position: relative;
}

.mobile .plus-2 {
  top: 79.8vw;
  right: 66.5vw;
}

.btn-disabled {
  width: 21vw;
  height: 2.2vw;
  position: absolute;
  background: transparent;
  cursor: pointer;
  z-index: 90000000;
  top: 158vw;
  right: 2vw;
  top: 162vw;
}

.mobile .btn-disabled {
  cursor: pointer;
  position: absolute;
  background: transparent;
  width: 75vw;
  height: 10vw;
  z-index: 30;
  display: block;
  background: transparent;
  top: 728vw;
}

.closePopup {
  position: absolute;
  color: #000;
  font-size: 1.5vw;
  top: 0.5vw;
  right: 0.5vw;
  cursor: pointer;
}

.mobile .closePopup {
  right: 2vw;
  cursor: pointer;
  font-size: 6vw;
  top: 2vw;
}

.popUp {
  display: none;
  position: absolute;
  z-index: 9;
  right: 5vw;
  background: #fff;
  padding: 2vw 0vw;
  top: 131vw;
}

.popUp::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff;
  position: relative;
  bottom: -4vw;
  right: 7vw;
}

.mobile .popUp {
  display: none;
  position: absolute;
  /* top: 32vw; */
  z-index: 100;
  right: 2vw;
  background: #fff;
  padding: 12.3vw 0vw 0;
  /* top: 3vw; */
  height: 192vw;
  overflow: scroll;
  box-shadow: 0 0 6px #00000075;
  top: 505vw;
  z-index: 20;
}

.mobile .popUp::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  position: relative;
  bottom: -1vw;
  right: 7vw;
  /* bottom: -13vw;

    right: 34vw; */
  bottom: -20vw;
  right: 42vw;
}

.mobile .popUpPic {
  width: 96vw;
}

.blob {
  background: transparent;
  border-radius: 50%;
  margin: 10px;
  height: 2.7vw;
  width: 2.7vw;
  box-shadow: 0 0 0 0 rgb(255 255 255);
  transform: scale(1);
  animation: pulse 2s infinite;
  position: absolute;
}

.mobile .blob {
  height: 12vw;
  width: 12vw;
}

.blob .blob-1 {
  top: 19.96vw;
  right: 18.95vw;
  display: none;
}

.mobile .blob-1 {
  top: 81.45vw;
  right: 13.2vw;
}

.blob-2 {
  top: 25.8vw;
  right: 41.7vw;
}

.mobile .blob-2 {
  top: 77.3vw;
  right: 64vw;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 70%);
  }
  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 10px rgb(255 255 255 / 0%);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);
  }
}

/* .popup-plus1,
.popup-plus2 {
    display: block;
    opacity: 0;
    z-index: -1;
    transition: 1s ease;
} */

/* .popup-plus1.active,
.popup-plus2.active {
    display: block;
    opacity: 1;
    z-index: 99;
    transition: 1s ease;
} */

.popup-plus1 {
  position: absolute;
  top: 10vw;
  right: 19.5vw;
  width: 21vw;
  height: 25vw;
  overflow: hidden;
  border: 2px solid #fff;
  background: #ffffffe0;
}

.mobile .popup-plus1 {
  top: 25vw;
  right: 4.5vw;
  width: 91vw;
  height: 125vw;
  background: #fffffff2;
}

.popup-plus2 {
  position: absolute;
  top: 11vw;
  right: 41.5vw;
  width: 21vw;
  height: 25vw;
  overflow: hidden;
  border: 2px solid #fff;
  background: #ffffffe0;
}

.mobile .popup-plus2 {
  top: 25vw;
  /* right: 4.5vw; */
  width: 91vw;
  height: 125vw;
  /* background: #fffffff2; */
}

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

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

.prev-arrow {
  position: absolute;
  top: 4.75vw;
  right: 0.5vw;
  z-index: 9999;
  cursor: pointer;
  transform: rotate(180deg);
}

.mobile .prev-arrow {
  top: 18vw;
  right: 1.5vw;
  width: 8vw;
  height: 18vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next-arrow {
  position: absolute;
  top: 5vw;
  left: 0.5vw;
  z-index: 9999;
  cursor: pointer;
}

.mobile .next-arrow {
  top: 18vw;
  left: 1.5vw;
  width: 8vw;
  height: 18vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev-arrow > img,
.next-arrow > img {
  width: 1.8vw;
  height: 2vw;
}

.mobile .prev-arrow > img,
.mobile .next-arrow > img {
  width: 4vw;
  height: 10vw;
}

.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;
  /* flex-direction: row-reverse; */
}

.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: 2vw 0 0 0;
  padding: 0 1.6vw;
  font-size: 1.15vw;
  line-height: 1.1;
}

.mobile .slide-txt {
  margin: 11vw 0 0 0;
  padding: 0 10vw;
  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;
}

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

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

.mobile .form_details {
  padding: 1vw 0 0 0;
  font-size: 6.6vw;
  margin-bottom: -0.5vw;
}

.form__must {
  font-size: 1.05vw;
  padding: 0 2.5vw;
  margin-top: 2vw;
}

.form__fields {
  padding: 0 2.5vw;
}

.field label {
  display: block;
  background-color: transparent;
  padding: 0;
  margin: 0.7vw 0;
  border-bottom: 1px solid #fff;
  color: #fff;
}

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

.field-checkbox label .checkbox-title {
  width: 18vw;
  color: white;
  margin-right: 0.5vw;
  line-height: 1.2;
  padding: 0;
  font-size: 0.8vw;
  line-height: 1.2;
  position: relative;
  top: 1.25vw;
}

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

.field label div {
  padding: 0.3vw 0.3vw 0 0;
  font-size: 1.2vw;
  color: #fff;
  position: relative;
  top: 1.4vw;
  /* z-index: -1; */
}

.field input {
  margin-top: -1vw;
  display: block;
  border: 0;
  font-size: 1.3vw;
  width: 20.5vw;
  height: 1.7vw;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 1vw 0.5vw 0 0;
  background-color: transparent;
  color: #fff;
  font-family: "fbreformaen-regular-webfont", sans-serif;
}

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

.field input[type="submit"] {
  background-color: #efdf00;
  color: #000;
  padding: 0;
  font-size: 1.6vw;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  height: 3vw;
  width: 21vw;
  margin-top: 1.3vw;
  padding: 0.1vw 0 0vw 0;
  font-weight: 600;
  font-family: "fbreformaen-regular-webfont", sans-serif;
}

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

.field label .checkbox-v {
  width: 1.3vw;
  height: 1.3vw;
  background-color: white;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
}

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

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

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

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

.ranks {
  font-size: 0.9vw;
  line-height: 1.4;
  padding: 0.5vw 2vw;
}

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

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

.mobile .pollutionCon {
  position: relative;
  top: 615vw;
  left: 0;
  z-index: 25;
  width: 67vw;
}

footer {
  position: relative;
  /* bottom: 0; */
  width: 73vw;
}

.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;
  font-family: "NouvelR-Light";
}

.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-color: #fff;
  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;
}

.form .tnx {
  text-align: center;
  padding: 0;
  display: none;
}

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

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

.tnx__title {
  font-size: 1.8vw;
  line-height: 1;
  margin-bottom: 2vw;
}

.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 .main {
  /* background-image: url(./images/mob.png);

      min-height: 162vw;

      width: 100%;

      height: 162vw;

      position: relative;

      z-index: 1;

      overflow: hidden;

      background-size: 100vw auto;

      background-position: 0 0; */
}

.mobile .logo-nissan {
  width: 14vw;
  height: auto;
  position: absolute;
  object-fit: contain;
  top: 7vw;
  left: 6.1vw;
}

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

.mobile .ranks {
  font-size: 3.5vw;
  line-height: 1.2;
  padding: 2vw;
  /* margin-bottom: 20.1vw; */
}

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

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: -0.2vw;
  width: 100%;
  height: 15.7vw;
  z-index: 999;
  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;
  text-align: center;
  padding: 1vw 2vw 0;
  font-size: 4.9vw;
  line-height: 0.9;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .cta .testDrive {
  background: #efdf00;
  color: #000;
}

.mobile .cta .testDrive::before {
  content: "";
  width: 10vw;
  height: 16.5vw;
  /* background: url(./images/contact-logo-2.png); */
  background: url(./images/envelope_icon.svg);
  position: relative;
  top: 5vw;
  left: 3vw;
  background-repeat: no-repeat;
}

.mobile .cta .callUs {
  background: #efdf00;
  border-left: 2px solid #fff;
  color: #000;
  display: none;
}

.mobile .cta .testDrive span,
.mobile .cta .callUs span {
  width: 27vw;
}

.mobile .cta .callUs::before {
  content: "";
  width: 7vw;
  height: 16vw;
  /* background: url(./images/phone-logo-2.png); */
  background: url(./images/phone_icon.svg);
  position: relative;
  top: 4vw;
  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;
}

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

.mobile .form.active {
  display: block;
  width: 100%;
  height: 205vw;
  box-sizing: border-box;
  position: absolute;
}

.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: 3.5vw;
  position: relative;
  right: -52vw;
}

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

.mobile .form .logo {
  width: 13vw;
  height: auto;
  display: block;
  margin: 5vw auto;
}

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

.mobile .form__must {
  font-size: 4.2vw;
  padding: 1vw 0 0 0;
}

.mobile form {
  padding: 24vw 7vw 0;
}

.mobile .form__fields {
  padding: 0;
}

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

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

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

.mobile .field input[type="submit"] {
  height: 13vw;
  font-size: 6.6vw;
  width: 85.9vw;
  padding: 0.7vw 0 0vw 0;
  margin-top: 10vw;
}

.close_form {
  display: none;
}

.mobile .close_form {
  display: block;
}

.mobile .close_form {
  display: block;
  margin: 0;
  position: absolute;
  left: 5vw;
  top: 160vw;
}

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

.mobile .form .tnx {
  margin-top: 40vw;
}

.mobile .tnx__title {
  font-size: 7.5vw;
  margin-bottom: 10vw;
}

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

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

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

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

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

.renaultDes {
  font-size: 1.9vw;
  margin-top: 0.8vw;
  line-height: 1;
  /* font-family: "NouvelR-Semibold"; */
}

.mobile .renaultDes {
  font-size: 4.6vw;
  margin-top: 1.8vw;
}

.priceWrapper {
  position: absolute;
  top: 41vw;
  right: 48vw;
  color: #fff;
}

.mobile .priceWrapper {
  top: 127vw;
  right: 11.5vw;
}

.numSum {
  font-size: 4.8vw;
  font-family: "NouvelR-Bold";
}

.mobile .numSum {
  font-size: 16.8vw;
}

.shekel {
  position: relative;
  font-size: 1.75vw;
  top: 0;
  right: -0.3vw;
}

.mobile .shekel {
  font-size: 7.75vw;
  right: -1.5vw;
}

.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: 1 !important;
}

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

* {
  margin: 0;
}

a {
  color: #000;
}

ul {
  list-style-type: none;
}

/* fonts   */

@font-face {
  font-family: "FbReforma-Mediumwebfont";
  src: url("./fonts/FbReforma-Mediumwebfont.eot");
  src: url("./fonts/FbReforma-Mediumwebfont.woff") format("woff"),
    url("./fonts/FbReforma-Mediumwebfont.ttf") format("ttf"),
    url("./fonts/FbReforma-Mediumwebfont.svg") format("svg");
}

@font-face {
  font-family: "fbreformaen-regular-webfont";
  src: url("./fonts/fbreformaen-regular-webfont.eot");
  src: url("./fonts/fbreformaen-regular-webfont.woff") format("woff"),
    url("./fonts/fbreformaen-regular-webfont.ttf") format("ttf"),
    url("./fonts/fbreformaen-regular-webfont.svg") format("svg");
}

@font-face {
  font-family: "NouvelR-Bold";
  src: url("./fonts/NouvelR-Bold.eot");
  src: url("./fonts/NouvelR-Bold.woff") format("woff"),
    url("./fonts/NouvelR-Bold.ttf") format("ttf"),
    url("./fonts/NouvelR-Bold.svg") format("svg");
}

@font-face {
  font-family: "NouvelR-Light";
  src: url("./fonts/NouvelR-Light.eot");
  src: url("./fonts/NouvelR-Light.woff") format("woff"),
    url("./fonts/NouvelR-Light.ttf") format("ttf"),
    url("./fonts/NouvelR-Light.svg") format("svg");
}

@font-face {
  font-family: "NouvelR-Semibold";
  src: url("./fonts/NouvelR-Semibold.eot");
  src: url("./fonts/NouvelR-Semibold.woff") format("woff"),
    url("./fonts/NouvelR-Semibold.ttf") format("ttf"),
    url("./fonts/NouvelR-Semibold.svg") format("svg");
}

/* end fonts  */

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

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

body {
  font-family: "fbreformaen-regular-webfont", sans-serif;
  display: none;
}

.main {
  /* overflow: hidden; */
}

.bg-clio-pic {
  height: 56.234vw;
  width: 72%;
  position: relative;
  left: 0vw;
  top: 0vw;
  object-fit: cover;
}

.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: 4vw;
  position: relative;
  top: 1vw;
  right: 1vw;
}

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

.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: 0vw;
  left: 2.2vw;
  font-size: 2.1vw;
}

.jq {
  position: absolute;
  top: 0vw;
  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: absolute;
  flex-direction: row-reverse;
  width: 100%;
  height: auto;
  background: transparent;
  /* bottom: 14vw; */
  left: 0;
  display: flex;
  align-items: center;
  z-index: 9;
  padding-bottom: 0vw;
  /* top: 0; */
  color: #fff;
  /* top: -49vw; */
  display: block;
  top: 603vw;
  z-index: 50;
  left: 0;
  color: black;
  right: 6vw;
}

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

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

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

.mobile .accessibility a {
  color: #fff;
  padding: 0 1.8vw;
  font-size: 3.4vw;
  color: black !important;
}

.form {
  position: fixed;
  top: 0;
  left: 0;
  height: 105vh;
  background-color: #000;
  color: white;
  box-sizing: border-box;
  z-index: 2;
  width: 28vw;
  /* border-right: 0.1vw solid #fff; */
}

.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 {
  width: 3.4vw;
  display: block;
  margin: 3vw auto;
  position: relative;
  top: 0;
  right: 0vw;
  margin-top: 1vw;
}

.sub_top_container {
  padding-bottom: 2vw;
  margin-right: 2.4vw;
  display: none;
}

.mobile .sub_top_container {
  margin-right: 0;
  display: block;
}

.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 {
  padding: 0;
  text-align: right;
  font-size: 2.34vw;
  margin-bottom: 0.5vw;
  line-height: 1;
  font-weight: 600;
  display: block;
  margin-right: 2.4vw;
  width: 21vw;
  padding-bottom: 1.5vw;
  border-bottom: 0.2vw solid #efdf00;
}

.mobile .form__title.form__title {
  padding: 0;
  text-align: right;
  font-size: 2.34vw;
  margin-bottom: 0.5vw;
  line-height: 1;
  font-weight: 600;
  display: block;
  margin-right: 0vw;
  width: 85vw;
  padding-bottom: 2.5vw;
}

h2.top {
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 1.1;
  color: #fff;
}

.sub_top {
  line-height: 0;
  padding-top: 0.8vw;
  font-size: 1.15vw;
  font-weight: 100;
  padding-bottom: 1vw;
}

.car-img.lastItem {
  position: relative;
  left: 3vw;
}

.mobile .car-img.lastItem {
  position: unset;
}

.mobile .sub_top {
  font-size: 5vw;
  line-height: 1.3;
  padding-top: 0.8vw;
  font-weight: 100;
  display: none !important;
}

.mobile h2.top {
  font-size: 6.4vw;
  font-weight: 700;
  width: 87vw;
  /* color: #efdf00; */
  color: #fff;
}

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

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

.form_details {
  padding: 0 2.5vw;
  text-align: right;
  font-size: 1.2vw;
  margin-bottom: 0;
  margin-top: 0vw;
  font-weight: bold;
}

.plus {
  position: absolute;
  width: 2.7vw;
  height: 2.7vw;
  cursor: pointer;
}

.mobile .plus {
  width: 12vw;
  height: 12vw;
}

.plus-1 {
  top: 20.5vw;
  right: 19.5vw;
  display: none;
}

.mobile .plus-1 {
  top: 84vw;
  right: 15.6vw;
}

.plus-2 {
  top: 24.2vw;
  right: 46.7vw;
}

.mobile .plus-2 {
  top: 58vw;
  right: 64vw;
  height: 9.99vw;
  width: 9.99vw;
  /* background: #00000040; */
  border-radius: 9vw;
}

.blob {
  background: transparent;
  border-radius: 50%;
  margin: 10px;
  height: 2.7vw;
  width: 2.7vw;
  box-shadow: 0 0 0 0 rgb(255 255 255);
  transform: scale(1);
  animation: pulse 2s infinite;
  position: absolute;
}

.mobile .blob {
  height: 9.99vw;
  width: 9.99vw;
}

.blob .blob-1 {
  top: 19.96vw;
  right: 18.95vw;
  display: none;
}

.mobile .blob-1 {
  top: 81.45vw;
  right: 13.2vw;
  display: none;
}

.blob-2 {
  top: 23.7vw;
  right: 46.2vw;
  display: none;
}

.mobile .blob-2 {
  top: 55.5vw;
  right: 61.5vw;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 70%);
  }
  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 10px rgb(255 255 255 / 0%);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);
  }
}

.popup-plus1,
.popup-plus2 {
  display: block;
  opacity: 1;
  z-index: 1;
}

/* .popup-plus1.active,
.popup-plus2.active {
    display: block;
    opacity: 1;
    z-index: 99;
    transition: 1s ease;
} */

.popup-plus1 {
  position: absolute;
  top: 10vw;
  right: 19.5vw;
  width: 21vw;
  height: 25vw;
  overflow: hidden;
  border: 2px solid #fff;
  background: #ffffffe0;
}

.mobile .popup-plus1 {
  top: 25vw;
  right: 4.5vw;
  width: 91vw;
  height: 125vw;
  background: #fffffff2;
}

.popup-plus2 {
  position: absolute;
  top: 12.5vw;
  /* right: 41vw; */
  right: 26.9vw;
  width: 21vw;
  height: 25vw;
  overflow: hidden;
  border: 2pxsolid #fff;
  background: #ffffffe0;
  width: 25vw;
  height: 29vw;
}

.mobile .popup-plus2 {
  top: 0vw;
  width: 100%;
  height: 100%;
  top: 0vw;
  width: 100%;
  height: 100%;
  overflow: unset;
  top: 113vw;
}

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

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

.prev-arrow {
  position: absolute;
  top: 4.75vw;
  right: 1vw;
  z-index: 9999;
  cursor: pointer;
  transform: rotate(180deg);
}

.mobile .prev-arrow {
  top: 18vw;
  right: 1.5vw;
  width: 8vw;
  height: 18vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next-arrow {
  position: absolute;
  top: 5vw;
  left: 1vw;
  z-index: 9999;
  cursor: pointer;
}

.mobile .next-arrow {
  top: 18vw;
  left: 1.5vw;
  width: 8vw;
  height: 18vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev-arrow > img,
.next-arrow > img {
  width: 1.8vw;
  height: 4vw;
}

.mobile .prev-arrow > img,
.mobile .next-arrow > img {
  width: 7vw;
  height: 14vw;
  cursor: pointer;
  filter: drop-shadow(3px 10px 27px#000);
}

.close-popup > img {
  width: 1.66vw;
  height: 1.66vw;
  position: relative;
  top: 0.65vw;
  right: 10vw;
}

.mobile .close-popup > img {
  width: 5.3vw;
  height: 5.3vw;
  position: relative;
  top: -3vw;
  right: 22vw;
}

.slick-track {
  display: flex;
}

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

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

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

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

.mobile .slider-dots {
  top: 62vw;
  right: 31vw;
  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.53vw;
  height: 0.53vw;
  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: 2vw 0 0 0;
  padding: 0 1.4vw 0vw 2.6vw;
  font-size: 1.15vw;
  line-height: 1.1;
  line-height: 1.3;
}

.mobile .slide-txt {
  margin: 11vw 0 0 0;
  padding: 0 10vw;
  font-size: 4.9vw;
  line-height: 1.2;
}

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

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

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

.mobile .bottom_shadow {
  position: absolute;
  z-index: 14;
  width: 100vw;
  height: 53vw;
  top: 83vw;
  display: none !important;
}

.mobile .top_shadow {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 90vw;
  z-index: 15;
  rotate: 180deg;
  display: none !important;
}

.mobile .form_details {
  padding: 1vw 0 0 0;
  font-size: 5.1vw;
  margin-bottom: -0.5vw;
  font-weight: 700;
  /* margin-top: 2vw; */
}

.form__must {
  font-size: 0.9vw;
  padding: 0 2.5vw;
  margin-top: 2vw;
  margin-top: 0.3vw;
}

.form__fields {
  padding: 0 2.5vw;
}

.field label {
  display: block;
  background-color: transparent;
  padding: 0;
  margin: 0.7vw 0;
  border-bottom: 1px solid #fff;
  color: #fff;
}

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

.field-checkbox label .checkbox-title {
  width: 18vw;
  color: white;
  margin-right: 0.5vw;
  line-height: 1.2;
  padding: 0;
  font-size: 0.8vw;
  line-height: 1.2;
  position: relative;
  top: 1.25vw;
}

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

.field label div {
  padding: 0.3vw 0.3vw 0 0;
  font-size: 1.2vw;
  color: #fff;
  position: relative;
  top: 1.4vw;
  /* z-index: -1; */
}

.field input {
  margin-top: -1vw;
  display: block;
  border: 0;
  font-size: 1.3vw;
  width: 20.5vw;
  height: 1.7vw;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 1vw 0.5vw 0 0;
  background-color: transparent;
  color: #fff;
  /* font-family: "fbreformaen-regular-webfont",sans-serif; */
  font-family: "NouvelRAH-Regular";
}

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

.field input[type="submit"] {
  background-color: white;
  color: #000;
  padding: 0;
  font-size: 1.6vw;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  height: 3.5vw;
  width: 21vw;
  margin-top: 4.3vw;
  padding: 0;
  font-weight: 600;
  /* font-family: "fbreformaen-regular-webfont",sans-serif; */
  font-family: "NouvelRAH-Regular";
  color: black;
  background: #00d6d1;
}

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

.field input[type="submit"]:hover {
  color: #efdf00;
  border: 2px solid #efdf00;
  background: black;
}

.field label .checkbox-v {
  width: 1.3vw;
  height: 1.3vw;
  background-color: white;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
}

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

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

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

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

.ranks {
  font-size: 0.9vw;
  line-height: 1.4;
  padding: 0.5vw 2vw;
  position: relative;
  bottom: 3vw;
}

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

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

footer {
  /* top: 54.5vw; */
  position: absolute;
  width: 73vw;
  top: 165vw;
}

.mobile footer {
  position: absolute;
  width: 73vw;
  /* top: 147vw; */
  padding-right: 6vw;
  top: 114vw;
}

.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;
  font-family: "NouvelR-Light";
}

.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-color: #fff;
  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;
}

.form .tnx {
  text-align: center;
  padding: 0;
  display: none;
}

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

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

.tnx__title {
  font-size: 1.8vw;
  line-height: 1;
  margin-bottom: 2vw;
  margin-top: 10vw;
}

.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 .main {
  height: 209vw;
  /* overflow: hidden; */
  overflow-x: hidden;
}

.mobile .logo-nissan {
  width: 14vw;
  height: auto;
  position: absolute;
  object-fit: contain;
  top: 7vw;
  left: 6.1vw;
}

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

.mobile .ranks {
  font-size: 3.5vw;
  line-height: 1.2;
  padding: 2vw;
}

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

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: -0.2vw;
  width: 100vw;
  height: 15.7vw;
  z-index: 999;
  font-size: 4.8vw;
  border-top: 1px solid #fff;
  left: 0vw;
}

.mobile .cta:hover {
  background: #6e696900;
  cursor: pointer;
}

.mobile .cta a {
  text-decoration: none;
  color: white;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding: 1vw 2vw 0;
  font-size: 3.7vw;
  line-height: 1.2;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .cta .testDrive {
  color: #000;
  background: #efdf00;
  background: #00d6d1;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  border-right: 1px solid #000;
}

.mobile .cta .testDrive::before {
  content: "";
  width: 10vw;
  height: 16.5vw;
  /* background: url(./images/contact-logo-2.png); */
  background: url(./images/envelope_icon.svg);
  position: relative;
  top: 5vw;
  left: 3vw;
  background-repeat: no-repeat;
}

.mobile .cta .callUs {
  background: #000;
  border-left: 2px solid #fff;
  color: #fff;
  display: none;
  background: #efdf00;
  color: #000;
  background: #00d6d1;
  border-top: 2px solid #000;
  border-left: 1px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}

.mobile .cta .testDrive span,
.mobile .cta .callUs span {
  /* width: 80vw; */
  /* font-family: "fbreformaen-regular-webfont"; */
}

.mobile .cta .callUs::before {
  content: "";
  width: 7vw;
  height: 16vw;
  /* background: url(./images/phone-logo-2.png); */
  background: url(./images/phone_icon2.svg);
  position: relative;
  top: 4vw;
  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;
}

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

.mobile .form.active {
  display: block;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  position: fixed;
  z-index: 200;
}

.mobile .mob_logo {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: -3vw;
  width: 100vw;
}

.only_desktop {
  display: flex;
}

.mobile .only_desktop {
  display: none;
}

.mobile .logo_m.only_mobile {
  /* width: 20vw;

      height: 100%;

      top: 3.5vw;

      position: relative;

      right: -52vw; */
  width: 17vw;
  height: 100%;
  top: 15.5vw;
  position: relative;
  right: -41vw;
  display: block !important;
}

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

.mobile .form .logo {
  width: 13vw;
  height: auto;
  display: block;
  margin: 5vw auto;
}

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

.mobile .form__must {
  font-size: 3.4vw;
  padding: 1vw 0 0 0;
}

.mobile form {
  padding: 29vw 7vw 0;
  padding: 16vw 7vw 0;
  overflow: scroll;
}

.mobile .form__fields {
  padding: 0;
}

.mobile .form__fields .field label div {
  padding: 1vw 2vw 0 0;
  /* font-size: 4.2vw; */
  color: #fff;
  position: relative;
  top: 5.4vw;
  /* z-index: -1; */
  font-size: 3.5vw;
}

.showMorePlus {
  position: absolute;
  top: 24.7vw;
  right: 42.1vw;
  font-size: 1vw;
  color: #fff;
}

.mobile .showMorePlus {
  top: 70.7vw;
  right: 63.1vw;
  font-size: 5vw;
}

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

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

.mobile .field.field-checkbox label {
  height: 18vw;
}

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

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

.mobile .field input[type="submit"] {
  height: 13vw;
  font-size: 5.9vw;
  width: 85.9vw;
  padding: 0.7vw 0 0vw 0;
  margin-top: 8vw;
  box-sizing: border-box;
  padding-bottom: 3vw;
}

.close_form {
  display: none;
}

.mobile .close_form {
  display: block;
}

.mobile .close_form {
  display: block;
  margin: 0;
  position: absolute;
  left: 5vw;
  top: 12vw;
}

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

.mobile .form .tnx {
  /* margin-top: 40vw; */
  /* margin-top: 60vw; */
  margin-top: 45vw;
}

.mobile .tnx__title {
  font-size: 7.5vw;
  margin-bottom: 10vw;
}

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

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

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

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

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

body.mobile {
  height: fit-content;
}

.shadow {
  display: none;
  position: absolute;
  width: 38.1vw;
  top: 5.25vw;
  z-index: 3;
  height: 49vw;
  left: 28vw;
}

.mobile .shadow {
  position: absolute;
  height: unset;
  width: 100%;
  /* z-index: 2; */
  top: 0vw;
}

.wrapperTxtTop {
  position: relative;
  top: -19vw;
  right: 2vw;
  color: #fff;
  width: 60vw;
  text-align: left;
  /* top: -18vw; */
  top: -48.9vw;
  z-index: 5;
}

.mobile .wrapperTxtTop {
  top: -123vw;
  right: -4.2vw;
  width: 100%;
  z-index: 20;
  text-align: left;
}

.renaultTitle {
  font-size: 2.5vw;
  line-height: 0.9;
  font-family: "NouvelRAH-Regular";
  font-weight: 100;
}

.title-text {
  font-family: "NouvelR-Bold";
  font-size: 4vw;
  /* text-shadow: 2px 3px 6px #000; */
}

.mobile .title-text-1 {
  position: relative;
  top: -1vw;
  font-size: 7.4vw;
}

.mobile .title-text {
  font-family: "NouvelR-Bold";
  font-size: 8.74vw;
  /* text-shadow: 2px 3px 6px #000; */
}

.mobile .renaultTitle {
  font-size: 8.2vw;
  /* line-height: 1; */
}

.renaultDes {
  font-size: 1.9vw;
  margin-top: 1.8vw;
  line-height: 1;
  position: absolute;
  width: 28.13vw;
  right: 35vw;
  top: 4vw;
}

.renaultDes-title {
  font-size: 2vw;
  font-family: "NouvelRAH-Regular";
}

.hybrid {
  /* font-family: "NouvelRAH-Bold"; */
  font-size: 2.55vw;
}

.mobile .hybrid {
  font-family: "NouvelRAH-Regular";
  font-size: 4.4vw;
  position: relative;
  left: 1vw;
  top: 1vw;
  font-size: 6.8vw;
}

.container-info {
  position: absolute;
  top: 39.3vw;
  left: 1vw;
  border-bottom: 0.2vw solid #efdf00;
}

.mobile .container-info {
  position: absolute;
  top: 102.7vw;
  left: 2.2vw;
}

.renaultDes-title .number {
  font-size: 6.25vw;
  line-height: 0.85;
  font-family: "NouvelRAH-Bold";
}

.mobile .renaultDes-title {
  font-size: 8.5vw;
}

.mobile .renaultDes-title .number {
  font-size: 14.5vw;
}

.renaultDes-content {
  font-size: 2.35vw;
  font-family: "NouvelRAH-Bold";
  color: #f15822;
}

.mobile .renaultDes-content {
  font-size: 5.3vw;
  font-family: "NouvelRAH-Bold";
  color: #f15822;
}

.mobile .renaultDes {
  font-size: 4.6vw;
  margin-top: 1.8vw;
}

.flah {
  background: #fff;
  font-family: "NouvelRAH-Bold";
  padding: 0 2.4vw 0.3vw;
  position: relative;
  right: -0.1vw;
  top: 1.5vw;
}

.mobile .flah {
  padding: 0.2vw 6.7vw 0.8vw;
  right: -0.2vw;
  top: 3.5vw;
}

.vi,
.date {
  font-family: "NouvelRAH-Bold";
}

.priceWrapper {
  position: absolute;
  right: 43.76vw;
  color: #fff;
  top: 39.6vw;
}

.mobile .priceWrapper {
  top: 132vw;
  top: 127vw;
  right: 30.5vw;
}

.from {
  /* position: relative; */
  top: 5.2vw;
  right: 0;
  font-size: 1.7vw;
}

.mobile .from {
  font-size: 6.5vw;
  top: 4vw;
  right: -39vw;
}

.numSum {
  font-family: "NouvelRAH-Bold";
  font-size: 5.7vw;
}

.mobile .numSum {
  /* font-size: 17.8vw; */
  font-size: 19.3vw;
}

.title-wrapper {
  display: none;
}

.shekel {
  position: relative;
  font-size: 1.75vw;
  top: 1.38vw;
  right: 12.4vw;
  display: flex;
  flex-direction: column;
  font-size: 1.3vw;
  top: 2.38vw;
  right: 12vw;
  font-size: 1.3vw;
  top: -2.8vw;
  /* right: 14.3vw; */
  right: 1.2vw;
}

.shekel span {
  line-height: 0.9;
  /* font-size: 1.6vw; */
  font-family: "NouvelRAH-Regular";
  font-size: 2vw;
}

.mobile .shekel span {
  line-height: 0.9;
  font-size: 7.2vw;
  /* position: relative; */
  /* left: -8vw; */
  top: 9vw;
  font-family: "NouvelRAH-Regular";
}

.mobile .shekel {
  font-size: 5vw;
  right: 4.6vw;
  top: -10vw;
}

.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: 195px !important;
  z-index: 1 !important;
}

.mobile .carasso_layer_whatsapp_icon {
  bottom: 53vw !important;
  z-index: 25 !important;
  right: 82vw;
  top: 136vw;
} */

.slide.slick-slide.slick-current.slick-active {
  width: 600px;
}

.popup-plus2 {
  position: absolute;
  width: 21vw;
  height: 25vw;
  overflow: hidden;
  width: 71vw;
  top: 60.2vw;
  background: white;
  right: 0vw;
  display: block;
  height: 134vw;
  height: 120vw;
  border: none;
  height: 100vw;
}

/* .popup-plus1.active, .popup-plus2.active {
    display: block;
    opacity: 1;
    z-index: 99;
    transition: 1s ease;
    animation: pageUp 1s both;
    height: 131vw;

} */

@keyframes pageUp {
  0% {
    transform: translateY(100vw);
  }
  100% {
    transform: translateY(0vw);
  }
}

.title-container {
  color: #fff;
  position: absolute;
  right: 6.24vw;
  top: 3.65vw;
}

.title-container h2 {
  font-family: "NouvelR-Light";
  font-size: 2.75vw;
  line-height: 1;
  padding-top: 4vw;
}

.mobile .title-container h2 {
  font-family: "NouvelR-Light";
  font-size: 5.4vw;
  line-height: 1;
  padding-top: 14vw;
  font-weight: 100;
}

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

.close-popup span {
  color: #fff;
  font-size: 1.06vw;
  position: relative;
  right: 6vw;
  top: 2vw;
}

.mobile .close-popup span {
  color: #fff;
  font-size: 5.24vw;
  position: relative;
  right: 6vw;
  top: 2vw;
  font-weight: 100;
  font-family: "NouvelRAH-Regular";
}

.cars {
  position: absolute;
  top: 2vw;
  left: -3vw;
}

.mobile .cars {
  position: absolute;
  top: 48vw;
  width: 100%;
  padding-bottom: 35vw;
  left: unset;
}

.container-cars {
  width: 69vw;
}

.mobile .container-cars {
  width: 100%;
}

.wrapper {
  display: flex;
  padding-bottom: 3vw;
}

.content {
  flex: 1;
  /* margin-top: 1.5vw; */
}

.mobile .content {
  margin-bottom: 2vw;
  flex: 1;
  margin-top: 1.5vw;
  align-self: flex-start;
}

.item-title {
  font-size: 2vw;
  font-family: "NouvelRAH-Bold";
  position: relative;
  right: 6.24vw;
  top: -0.8vw;
  color: black;
}

.item-title span {
  font-weight: 600;
  font-size: 2vw;
}

.mobile .item-title {
  font-size: 5.3vw;
  color: black;
  padding: 4vw 0vw 0vw 0vw;
}

.mobile .item-title span {
  font-size: 5vw;
}

.item-content {
  font-size: 1.04vw;
  color: black;
  position: relative;
  right: 6.24vw;
  top: -0.5vw;
}

.mobile .item-content {
  font-size: 4.3vw;
  color: black;
  position: relative;
  right: unset;
  top: 0vw;
  padding: 2vw 6.1vw 3vw;
}

.car-img {
  width: 20.799vw;
}

.car-img.even {
  margin-left: 0vw;
  margin-right: 6vw;
}

.car-img.odd {
  margin-right: 0vw;
  padding-left: 15vw;
}

.mobile .car-img {
  width: 88vw;
  margin: 0;
  padding: 0;
}

.wrapper.odd {
  flex-direction: row-reverse;
}

.wrapper.even {
  flex-direction: row;
}

.content.left {
  position: relative;
  left: 0vw;
}

.mobile .content.left {
  position: inherit;
}

.content.right {
  position: relative;
  right: 0vw;
}

.mobile .content.right {
  position: inherit;
}

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

.mobile .wrapper.even {
  flex-direction: column-reverse;
}

.mobile .wrapper.odd {
  flex-direction: column-reverse;
}

.mobile .wrapper:last-child {
  padding-bottom: 0vw;
}

.mobile .car-img.even {
  margin-right: unset;
}

.explain {
  position: relative;
  top: 89vw;
  /* right: 1vw; */
  z-index: 10;
  padding-right: 2vw;
  font-size: 1.1vw;
}

.mobile .explain {
  position: relative;
  top: 10vw;
  z-index: 1;
  top: 571vw;
  font-size: inherit;
  padding-right: 6vw;
}

.misptiot {
  font-size: 0.9vw;
  line-height: 1;
  padding: 0.5vw 2vw;
  width: 59vw;
  top: 93vw;
  z-index: 10;
  position: relative;
}

.mobile .misptiot {
  width: auto;
  font-size: 4.3vw;
  line-height: 1;
  padding: 0.5vw 2vw;
  position: relative;
  z-index: 100;
  top: 575vw;
  padding-right: 6vw;
  padding-bottom: 11vw;
}

.top_bunner {
  background: #00d6d1;
  width: 100%;
  height: 3.5vw;
  display: flex;
  justify-content: center;
}

.mobile .top_bunner {
  height: 20vw;
  /* display: flex;
    justify-content: center;
    align-items: center; */
}

.freesbe_logo {
  width: 6vw;
  height: auto;
}

.mobile .freesbe_logo {
  width: 25vw;
  height: auto;
  position: relative;
  top: 9.5vw;
  right: 35.5vw;
}

@media screen and (max-width: 1920px) {
  .popup-plus2 {
    position: absolute;
    width: 21vw;
    height: 25vw;
    overflow: hidden;
    width: 71vw;
    top: 59.2vw;
    background: white;
    right: 0vw;
    display: block;
    height: 120vw;
    border: none;
    /* height: 96vw; */
    height: 101vw;
    border-left: 0.1vw solid #fff;
  }
}

@supports (-webkit-touch-callout: none) {
  /* .mobile h2.top {
        letter-spacing: -0.5vw;
    }
    .mobile .container-info {
        position: absolute;
        top: 27.7vw;
        left: 4.2vw;
    }
    .mobile .hybrid {
        font-family: "NouvelRAH-Regular";
        font-size: 4.4vw;
        position: relative;
        left: 1vw;
        top: 0.5vw;
    }
    .mobile .sub_top {
        font-size: 6.9vw;
        line-height: 1.3;
        padding-top: 0.8vw;
        font-weight: 900;
        width: 70vw;
        font-family: "NouvelRAH-Bold";
    } */
  .mobile .container-info {
    position: absolute;
    top: 100.7vw;
    left: 4.2vw;
  }
  .mobile .popup-plus2 {
    top: 0vw;
    width: 100%;
    height: 100%;
    top: 0vw;
    width: 100%;
    height: 100%;
    overflow: unset;
    top: 175vw;
  }
  .mobile .cars {
    position: absolute;
    top: -14vw;
    width: 100%;
  }
  .mobile h2.top {
    font-size: 6.4vw;
    font-weight: 900;
    width: 87vw;
    color: #fff;
  }
  .mobile .title-text-1 {
    position: relative;
    top: -1vw;
    font-size: 7.4vw;
    right: 1vw;
  }
  .mobile .ranks {
    font-size: 4vw;
    line-height: 1.2;
    padding: 2vw;
  }
  .mobile .form__fields .field label div {
    padding: 1vw 2vw 0 0;
    /* font-size: 4.2vw; */
    color: #fff;
    position: relative;
    top: 5.4vw;
    z-index: -1;
    font-size: 3.5vw;
  }
  /* .mobile .wrapperTxtTop {
        top: -200vw;
        right: -4.2vw;
        width: 100%;
        z-index: 20;
        text-align: left;
    } */
  .mobile .from {
    font-size: 6.5vw;
    top: 9vw;
    right: -39vw;
  }
  /* .mobile .carasso_layer_whatsapp_icon {
    bottom: 53vw !important;
    z-index: 25 !important;
    right: 82vw;
    top: 120vw;
  } */
  .mobile .btn-disabled {
    cursor: pointer;
    position: absolute;
    background: transparent;
    width: 55vw;
    height: 10vw;
    z-index: 30;
    top: 751vw;
    display: block;
    background: transparent;
  }
  .mobile .form_details {
    padding: 1vw 0 0 0;
    font-size: 4.7vw;
    margin-bottom: -0.5vw;
    font-weight: 700;
    /* margin-top: 2vw; */
  }
  .explain {
    position: relative;
    top: 547vw;
    z-index: 1;
    padding-right: 2vw;
  }
  .mobile footer {
    position: absolute;
    width: 73vw;
    top: 116vw;
  }
  .mobile footer {
    position: absolute;
    width: 73vw;
    top: 146vw;
  }
  .mobile .misptiot {
    width: auto;
    font-size: 4.3vw;
    line-height: 1;
    padding: 0.5vw 2vw;
    position: relative;
    z-index: 100;
    top: 551vw;
    padding-right: 6vw;
  }
  .mobile .explain {
    position: relative;
    top: 10vw;
    z-index: 1;
    top: 545vw;
    font-size: inherit;
    padding-right: 6vw;
  }
  .mobile footer {
    position: absolute;
    width: 79vw;
    top: 141vw;
  }
  .mobile .misptiot {
    width: auto;
    font-size: 4.3vw;
    line-height: 1;
    padding: 1.5vw 2vw 8vw;
    position: relative;
    z-index: 100;
    top: 595vw;
    padding-right: 6vw;
  }
}
.form2 {
  display: block !important;
  z-index: 999;
}
.form2 .tnx {
  display: block !important;
  z-index: 999;
}
.mobile .form__fields .field label .checkbox-title {
  font-size: 3.2vw;
}

.mobile .form.active {
  position: absolute;
  top: 0;
  height: 1000px;
  overflow: scroll;
}
.mobile .main.active {
  height: 1000px;
  overflow: hidden;
}