@font-face {
  font-family: "PloniMaccabiMLv2AAA-Regular";
  src: url("./fonts/PloniMaccabiMLv2AAA-Regular.eot");
  src: url("./fonts/PloniMaccabiMLv2AAA-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.woff2") format("woff2"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.woff") format("woff"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.ttf") format("truetype"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.svg#./fonts/PloniMaccabiMLv2AAA-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMaccabiMLv2AAA-Bold";
  src: url("./fonts/PloniMaccabiMLv2AAA-Bold.eot");
  src: url("./fonts/PloniMaccabiMLv2AAA-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.woff2") format("woff2"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.woff") format("woff"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.ttf") format("truetype"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.svg#./fonts/PloniMaccabiMLv2AAA-Bold")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  src: url("./fonts/PloniMaccabiMLv2AAA-DemiBold.eot");
  src: url("./fonts/PloniMaccabiMLv2AAA-DemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.woff2") format("woff2"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.woff") format("woff"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.ttf") format("truetype"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.svg#./fonts/PloniMaccabiMLv2AAA-DemiBold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMLv2AAA-D-Bold";
  src: url("./fonts/PloniMLv2AAA-D-Bold.eot");
  src: url("./fonts/PloniMLv2AAA-D-Bold.eot?#iefix") format("embedded-opentype"),
    url("./fonts/PloniMLv2AAA-D-Bold.woff2") format("woff2"),
    url("./fonts/PloniMLv2AAA-D-Bold.woff") format("woff"),
    url("./fonts/PloniMLv2AAA-D-Bold.ttf") format("truetype"),
    url("./fonts/PloniMLv2AAA-D-Bold.svg#./fonts/PloniMLv2AAA-D-Bold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMLv2AAA-U-Bold";
  src: url("./fonts/PloniMLv2AAA-U-Bold.eot");
  src: url("./fonts/PloniMLv2AAA-U-Bold.eot?#iefix") format("embedded-opentype"),
    url("./fonts/PloniMLv2AAA-U-Bold.woff2") format("woff2"),
    url("./fonts/PloniMLv2AAA-U-Bold.woff") format("woff"),
    url("./fonts/PloniMLv2AAA-U-Bold.ttf") format("truetype"),
    url("./fonts/PloniMLv2AAA-U-Bold.svg#./fonts/PloniMLv2AAA-U-Bold")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMLv2AAA-Regular";
  src: url("./fonts/PloniMLv2AAA-Regular.eot");
  src: url("./fonts/PloniMLv2AAA-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMLv2AAA-Regular.woff2") format("woff2"),
    url("./fonts/PloniMLv2AAA-Regular.woff") format("woff"),
    url("./fonts/PloniMLv2AAA-Regular.ttf") format("truetype"),
    url("./fonts/PloniMLv2AAA-Regular.svg#./fonts/PloniMLv2AAA-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  visibility: hidden;
  background: var(--color9);
}

body .only_desktop {
  display: block;
}

body .only_desktop_flex {
  display: flex;
}

body .only_mobile {
  display: none;
}

body .only_mobile_flex {
  display: none;
}

body.mobile .only_desktop {
  display: none;
}

body.mobile .only_desktop_flex {
  display: none;
}

body.mobile .only_mobile {
  display: block;
}

body.mobile .only_mobile_flex {
  display: flex;
}

html {
  scroll-behavior: smooth;
}

:root {
  --color1: #ffffff;
  --color2: #000000;
  --color3: #0d47a1;
  --color4: #d25189;
  --color5: #bdd8f9;
  --color6: #f4f9ff;
  --color7: #f9edf5;
  --color11: #1e3c95;
  --color9: #e5e5e5;

  --color10: #d25189;
  --color11: #d2222a;

  --swiper-theme-color: #1e3c95 !important;
}
.grecaptcha-badge {
  opacity: 0 !important;
}
/* :root {
  --color1: #ffffff;
  --color2: #000000;
  --color3: #d2222a;
  --color4: #ed008c;
  --color5: #fff;
  --color6: #d2222a;
  --color7: #1e3c95;
  --color8: #e0abae;
} */

* {
  margin: 0;
  padding: 0;
  font-family: "PloniMLv2AAA-Regular", sans-serif;
  direction: rtl;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  scroll-behavior: smooth;
  text-decoration: none;
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 5px;
  border-radius: 100vw;
  display: block !important;
}

::-webkit-scrollbar-track {
  background: var(--color10);
}

::-webkit-scrollbar-thumb {
  background: var(--color11);
  border-radius: 100vw;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color11);
  border-radius: 100vw;
}

.hide {
  display: none !important;
}

.headerLogoContainer {
  text-align: center;
}

.mobile .headerLogoContainer {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 12vw;
  background: var(--color9);
}

.headerLogo {
  width: 7vw;
  padding-top: 2.5vw;
}

.mobile .headerLogo {
  width: 25vw;
  padding-top: 0;
}

.signScreen {
  text-align: center;
}

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

.signScreenTitleAndAppLogoContainer {
  text-align: center;
}

.mobile .signScreenTitleAndAppLogoContainer {
  text-align: center;
  padding-top: 5vw;
}

.signScreenTitle {
  font-family: "PloniMLv2AAA-U-Bold";
  color: var(--color11);
  font-size: 2.1vw;
  line-height: 1.05;
  text-align: center;
  padding-top: 1vw;
}
.signScreenTitle h1 {
  font-family: "PloniMLv2AAA-U-Bold";
  font-size: 4.1vw;
  margin-bottom: 1vw;
}
.mobile .signScreenTitle h1 {
  font-size: 11.1vw;
}
.signScreenTitle span {
  font-family: "PloniMLv2AAA-U-Bold";
}

.mobile .signScreenTitle {
  font-family: "PloniMLv2AAA-U-Bold";
  color: var(--color11);
  font-size: 6vw;
  padding-top: 0;
}

.signScreenAppLogo {
  text-align: center;
  width: 18vw;
  padding-top: 3vw;
}

.mobile .signScreenAppLogo {
  width: 55vw;
  padding-top: 4vw;
}

.beforeAllTitle {
  text-align: center;
  color: var(--color11);
  font-size: 1.4vw;
  font-family: "PloniMLv2AAA-U-Bold";
  padding-top: 4vw;
}

.mobile .beforeAllTitle {
  text-align: center;
  color: var(--color11);
  font-size: 6vw;
  font-family: "PloniMLv2AAA-U-Bold";
  padding-top: 20vw;
  padding-bottom: 2vw;
}

.selectionButtonsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2vw;
  z-index: 100;
  position: relative;
}

.mobile .selectionButtonsContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 4vw;
  column-gap: 0;
  padding-top: 0vw;
}

.buttonOne {
  background: white;
  width: 21vw;
  text-align: center;
  height: 3.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10vw;
  border: 0.1vw solid var(--color11);
  cursor: pointer;
}

.mobile .buttonOne {
  background: var(--color11);
  width: 90vw;
  text-align: center;
  height: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10vw;
  border: 0.4vw solid var(--color11);
}

.buttonOne p {
  font-family: "PloniMLv2AAA-U-Bold";
  color: var(--color11);
  font-size: 1.2vw;
}

.mobile .buttonOne p {
  font-size: 4vw;
  color: var(--color1);
}

.buttonTwo {
  background: var(--color11);
  width: 21vw;
  text-align: center;
  height: 3.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10vw;
  cursor: pointer;
  border: unset;
}

.mobile .buttonTwo {
  background: var(--color1);
  width: 90vw;
  text-align: center;
  height: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10vw;
  border: 0.4vw solid var(--color11);
}
.ball {
  width: 7vw;
  height: auto;
  left: -2vw;
}
.mobile .ball {
  width: 18.3vw;
  height: auto;
  left: 4vw;
  position: absolute;
  top: 118vw;
}
.buttonTwo p {
  font-family: "PloniMLv2AAA-U-Bold";
  color: var(--color1);
  font-size: 1.2vw;
}

.mobile .buttonTwo p {
  font-size: 4vw;
  color: var(--color11);
}

.mainScreen {
  background: white;
  margin-right: 15vw;
  border-right: 0.6vw solid var(--color10);
}

.mobile .mainScreen {
  text-align: center;
  position: relative;
  margin-right: 0;
  background: var(--color9);
  border-right: unset;
}

.meetUpAppTitleAndExpContainer {
  padding-top: 4.3vw;
  padding-right: 10vw;
}

.mobile .meetUpAppTitleAndExpContainer {
  text-align: center;
  padding: 0;
}

.meetUpAppTitleImage {
  width: 22vw;
  height: 3.2vw;
  position: relative;
  left: 0.8vw;
}

.mobile .meetUpAppTitleImage {
  position: static;
  padding-bottom: 5vw;
  padding-top: 8vw;
  width: 88vw;
  height: 25.8vw;
}

.meetUpAppExp {
  color: var(--color11);
  font-size: 2vw;
  padding-top: 0.5vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .meetUpAppExp {
  color: var(--color11);
  font-size: 5vw;
  line-height: 5.5vw;
  padding-top: 0vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.line {
}

.mobile .line {
  padding-top: 8vw;
  padding-bottom: 8vw;
  width: 90vw;
  margin: 0 auto;
}

.whatWaitTitle {
  padding-right: 10vw;
  color: var(--color10);
  font-size: 1.5vw;
  padding-top: 0.5vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .whatWaitTitle {
  text-align: center;
  color: var(--color10);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  font-size: 6vw;
  padding-bottom: 6vw;
  padding-right: 0;
  padding-top: 6vw;
}

.selectionContainer {
}

.mobile .selectionContainer {
}

.questionsContainer {
  width: 70vw;
  height: 40vw;
  background: white;
  overflow-y: scroll;
  z-index: 100;
  position: fixed;
  top: 100vh;
  right: 14vw;
}

.mobile .questionsContainer {
  width: 100vw;
  background-color: white;
  position: static;
  height: auto;
  overflow-y: unset;
}

.downloadOrSignBottomButtonContainer {
  padding-top: 2vw;
  position: relative;
  z-index: 100;
}

.mobile .downloadOrSignBottomButtonContainer {
  position: fixed;
  bottom: 0;
  background: white;
  width: 100vw;
  height: 20vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  box-shadow: 0px 1px 7px 0px rgba(1, 1, 1, 0.15);
  padding-right: 0;
  padding-top: 0;
  bottom: 0;
}

.bottomButton {
  width: 21vw;
  height: 3.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color10);
  color: white;
  border-radius: 10vw;
  cursor: pointer;
  border: unset;
}

.mobile .bottomButton {
  width: 90vw;
  height: 14vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color11);
  color: white;
  border-radius: 10vw;
}

.bottomButton p {
  font-size: 1.2vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .bottomButton p {
  font-size: 4.5vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  position: relative;
  top: 0.5vw;
}

.bottomButton span {
  font-size: 1.2vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-right: 0.3vw;
}

.mobile .bottomButton span {
  font-size: 4.5vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-right: 1vw;
  position: relative;
  top: 0.5vw;
}

.questionsTitle {
  color: var(--color11);
  font-size: 1.5vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  text-align: center;
  padding-top: 3vw;
  padding-bottom: 1vw;
}

.mobile .questionsTitle {
  text-align: center;
  padding-bottom: 3vw;
  font-size: 6vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-top: 8vw;
}

.singleQuestionContainer {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

.mobile .singleQuestionContainer {
  text-align: center;
  width: 90vw;
  margin: 0 auto;
}

.singleQuestion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2vw;
  padding-top: 2vw;
  cursor: pointer;
}

.mobile .singleQuestion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6vw;
  padding-top: 4vw;
}

.singleQuestionTitle {
  font-size: 1.2vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .singleQuestionTitle {
  font-size: 4.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  text-align: right;
}

.questionArrow {
  width: 2vw;
}

.mobile .questionArrow {
  width: 7.5vw;
  height: 7.5vw;
  transform: rotate(0deg);
  transition: 0.3s all;
}

.questionBottomLine {
  width: 100%;
  height: 2px;
  background: var(--color10);
}

.mobile .questionBottomLine {
  width: 90vw;
  height: 1px;
  margin-top: 2vw;
  background: var(--color11);
}

.item-list24 .questionBottomLine {
}

.mobile .item-list24 .questionBottomLine {
  display: none;
}

.selection {
}

.mobile .selection {
  background: red;
  width: 90vw;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.moreInfoContainer {
  background: var(--color11);
  width: 100%;
  text-align: center;
  height: 8.7vw;
}

.mobile .moreInfoContainer {
  width: 100vw;
  height: 50vw;
}

.moreInfoContainerTitle {
  color: white;
  font-size: 1.2vw;
  line-height: 1;
  padding-top: 1vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .moreInfoContainerTitle {
  color: white;
  font-size: 5vw;
  line-height: 1;
  padding-top: 9vw;
  padding-bottom: 9vw;
}

.upapplogo {
  width: 4vw;
  position: relative;
  top: 0.2vw;
}

.mobile .upapplogo {
  position: relative;
  top: 0.7vw;
  width: 15vw;
}

.moreInfoButton {
  background: white;
  width: 21vw;
  height: 3.5vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10vw;
  margin-top: 1.2vw;
  cursor: pointer;
  border: unset;
}

.mobile .moreInfoButton {
  background: white;
  width: 80vw;
  margin: 0 auto;
  height: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10vw;
  margin-top: 0;
}

.moreInfoButton p {
  font-size: 1.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .moreInfoButton p {
  font-size: 4.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.moreInfoButton span {
  font-size: 1.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-right: 0.3vw;
}

.mobile .moreInfoButton span {
  font-size: 4.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-right: 1vw;
}

.phoneImageUpShop {
}

.mobile .phoneImageUpShop {
  height: 48.1vw;
  background-image: url(./images/upShopCard.jpg);
  width: 73vw;
  margin: 0 auto;
  position: absolute;
  top: 141.5vw;
  background-repeat: no-repeat;
  background-size: cover;
  right: 6vw;
}

.optionContainer {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  flex-direction: column;
  background: white;
  width: 10vw;
  height: 14.5vw;
  padding-top: 0.5vw;
  padding-right: 2vw;
  background: var(--color9);
  border-radius: 5px;
}

.mobile .optionContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 77vw;
  height: 28.5vw;
  margin: 0 auto;
  background: var(--color9);
  column-gap: 3vw;
  padding-left: 0vw;
  padding-right: 5vw;
  margin-bottom: 4.5vw;
  flex-direction: revert;
  padding-right: 2vw;
  padding-top: 0vw;
}

.mobile .upShopOptionContainer {
  height: 34.5vw;
  width: 73vw;
}

.swipeOption {
  background: white;
  margin-right: 10vw;
  margin-top: 4vw;
  margin-left: 10vw;
}

.mobile .swipeOption {
  background: white;
  width: 85vw;
  margin: 0 auto;
  border-radius: 3vw;
  height: 194vw;
  margin-right: 7.5vw;
  border: 1px solid var(--color5);
  box-shadow: 0px 1px 7px 0px rgba(1, 1, 1, 0.15);
  position: relative;
  margin-left: 0vw;
}

.swipeOptionTitle {
  color: var(--color11);
  font-size: 2vw;

  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .swipeOptionTitle {
  font-size: 5vw;
  color: var(--color10);

  padding-bottom: 5vw;
  padding-top: 5vw;
}

.shopIcon {
  width: 4vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.mobile .shopIcon {
  width: 18vw !important;
  height: 18vw !important;
}

.pointsIcon {
  width: 4vw;
  padding-top: 1.5vw;
  padding-bottom: 2vw;
}

.mobile .pointsIcon {
  width: 18vw !important;
  height: 18vw !important;
  padding-right: 2.5vw;
}

.uppersPoints {
  color: var(--color10);
}

.darkPinkBack {
  background: var(--color10);
}

.uppersFourIcon {
  width: 5vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.mobile .uppersFourIcon {
  width: 18vw !important;
  height: 18vw !important;
  padding-right: 2.5vw;
}

.optionContainerTitleUpShop {
  font-size: 1.2vw !important;
  width: 15vw;
}

.mobile .optionContainerTitleUpShop {
  width: 75%;
  font-size: 4.6vw !important;
  padding-right: 1vw;
}

.swipeOptionTitleSec {
  color: var(--color11);
  font-size: 2.2vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-bottom: 2vw;
}

.phoneImageContainer {
}

.mobile .phoneImageContainer {
  background-image: url(./images/phoneImage.webp);
  width: 77vw;
  position: absolute;
  right: 3.5vw;
  bottom: 3.9vw;
  height: 100vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -12vw 0vw;
}

.mobile .swipeOptionTitleSec {
  font-size: 5vw;
  color: var(--color10);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-bottom: 1vw;
  padding-top: 5vw;
}

.dumble {
  width: 4.5vw !important;
  height: 7vw !important;
}

.mobile .dumble {
  width: 16vw !important;
  height: 20vw !important;
}

.optionContainerTitle {
  text-align: right;
  font-size: 1.5vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  color: var(--color11);
  text-align: start;
}

.mobile .optionContainerTitle {
  text-align: right;
  font-size: 4.8vw;
  color: var(--color11);
  line-height: 4.5vw;
}

.optionContainerTitle span {
  color: var(--color10);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.phoneImage {
}

.mobile .phoneImage {
  width: 77vw;
  position: absolute;
  right: 3.5vw;
  bottom: 3.9vw;
  height: 100vw;
}

.swipeOptionSubTitle {
  color: var(--color11);
  font-size: 1.5vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .swipeOptionSubTitle {
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  font-size: 4.7vw;
  color: var(--color11);
  padding-bottom: 4vw;
}

.fullCardImage {
}

.mobile .fullCardImage {
  height: 157vw;
  position: absolute;
  right: 3.5vw;
  bottom: 3.9vw;
}

.secTextColor {
}

.mobile .secTextColor {
  color: white;
}

.secCardColor {
  background: var(--color7);
}

.mobile .secCardColor {
  background: var(--color10);
}

.singleQuestionContainerAnswer {
  height: 0;
  overflow: hidden;
  transition: 0.3s all;
}

.mobile .singleQuestionContainerAnswer {
  height: 0;
  overflow: hidden;
  transition: 0.3s all;
}

.singleQuestionContainerAnswer p {
  text-align: right;
  font-size: 1.2vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .singleQuestionContainerAnswer p {
  text-align: right;
  font-size: 4.8vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.singleQuestionContainer.active .questionArrow {
  transform: rotate(180deg);
  transition: 0.3s all;
}

.singleQuestionContainer.active .singleQuestionContainerAnswer {
  height: 8vw;
  transition: 0.3s all;
}

.mobile .singleQuestionContainer.active .singleQuestionContainerAnswer {
  height: 90vw;
  transition: 0.3s all;
}

.moreInfoButtonPopup {
  width: 70vw;
  height: 40vw;
  position: fixed;
  top: 100vh;
  right: 14vw;
  background: white;
  overflow-y: scroll;
  z-index: 1000;
}

.mobile .moreInfoButtonPopup {
  display: block;
  background: white;
  height: 80vh;
  width: 90vw;
  position: fixed;
  right: 5vw;
  top: 100vh;
  box-shadow: 0px 1px 7px 0px rgba(1, 1, 1, 0.15);
  overflow-y: scroll;
  z-index: 100;
}

.closeIconQuestionsContainer {
  right: 0;
  top: 2.5vw;
  position: sticky;
  padding-right: 65vw;
  background: transparent;
  border: unset;
}

.closeIconContainer {
  position: absolute;
  left: 2.5vw;
  top: 3.5vw;
  background: transparent;
  border: unset;
}

.mobile .closeIconContainer {
  position: relative;
  height: 15vw;
  top: 0;
  left: unset;
  right: 87.5vw;
  border: unset;
}

.popUpCloseQuestionsIcon {
  height: 1.5vw;
  width: 1.5vw;
  cursor: pointer;
}

.popUpCloseIcon {
  height: 1.5vw;
  width: 1.5vw;
  cursor: pointer;
}

.mobile .popUpCloseIcon {
  position: absolute;
  left: 5vw;
  top: 5vw;
  width: 6vw;
  height: 6vw;
}

.moreInfoButtonPopupTitle {
  font-size: 1.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  text-align: center;
  padding-top: 4vw;
  padding-bottom: 2vw;
}

.checkBoxLabel {
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

.mobile .checkBoxLabel {
}

.mobile .moreInfoButtonPopupTitle {
  font-size: 5.5vw;

  font-family: "PloniMaccabiMLv2AAA-Bold";
  text-align: center;
  padding-bottom: 10vw;
}

.moreInfoSelection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1vw;
  cursor: pointer;
}

.mobile .moreInfoSelection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5vw;
}

.popupMoreInfoContainer {
  width: 65%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 1vw;
}

.mobile .popupMoreInfoContainer {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 7vw;
}

.moreInfoSelectionImage {
  width: 4vw;
}

.mobile .moreInfoSelectionImage {
  width: 20vw;
}

.moreInfoSelectionArrow {
}

.mobile .moreInfoSelectionArrow {
  width: 8vw;
  height: 8vw;
  transform: rotate(0deg);
  transition: 0.3s all;
}

.moreInfoDropLine {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background: var(--color10);
}

.mobile .moreInfoDropLine {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background: var(--color10);
}

.moreInfoSelectionImageAndTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1vw;
}

.mobile .moreInfoSelectionImageAndTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2vw;
}

.moreInfoSelectionImageAndTitle p {
  font-size: 1.2vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .moreInfoSelectionImageAndTitle p {
  font-size: 4.5vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.popupMoreInfoContainer.active .moreInfoSelectionArrow {
  transform: rotate(180deg);
  transition: 0.3s all;
}

.popupMoreInfoContainer.active .moreInfoExp {
  height: 4vw;
  transition: 0.3s all;
}

.mobile .popupMoreInfoContainer.active .moreInfoExp {
  height: 35vw;
  transition: 0.3s all;
}

.moreInfoExp {
  height: 0;
  overflow: hidden;
  transition: 0.3s all;
  font-size: 1vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .moreInfoExp {
  height: 0;
  overflow: hidden;
  transition: 0.3s all;
  font-size: 4vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.moreInfoButtonPopupModel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

.mobile .moreInfoButtonPopupModel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

.showPopup {
  opacity: 1;
  transform: translateY(-90vh);
  transition: opacity 800ms, transform 800ms;
}

.mobile .showPopup {
  opacity: 1;
  transform: translateY(-95vh);
  transition: opacity 800ms, transform 800ms;
}

.hidePopup {
  transform: translateY(5vw);
  transition: opacity 800ms, transform 800ms;
}

.goBackToLoginButton {
  position: absolute;
  left: 10vw;
  top: 5vw;
  color: var(--color11);
  font-size: 1.5vw;
  line-height: 0;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  cursor: pointer;
}

.mobile .goBackToLoginButton {
  position: absolute;
  top: -4.5vw;
  left: 8vw;
  color: var(--color11);
  font-size: 4.5vw;
  line-height: 0;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.goBackToLoginButton span {
  color: var(--color11);
  font-size: 1.5vw;
  line-height: 0;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  text-decoration: underline;
}

.mobile .goBackToLoginButton span {
  color: var(--color11);
  font-size: 4.5vw;
  line-height: 0;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  text-decoration: underline;
}

.formPopupContainer {
  z-index: 1000;
  position: relative;
}

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

.formLogoAndCloseButtonContainer {
}

.mobile .formLogoAndCloseButtonContainer {
}

.formPopupCloseIcon {
}

.mobile .formPopupCloseIcon {
  position: absolute;
  top: 10vw;
  left: 10vw;
  width: 4vw;
  height: 4vw;
}

.formPopupheaderLogo {
  width: 8vw;
}

.mobile .formPopupheaderLogo {
  width: 35vw;
}

.formPopupheaderLogoContainer {
  text-align: right;
}

.mobile .formPopupheaderLogoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25vw;
  padding-top: 2vw;
  text-align: center;
}

.formPopupTitle {
}

.mobile .formPopupTitle {
  text-align: center;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  font-size: 4.5vw;
}

.upappFormLogo {
  width: 4vw;
  position: relative;
  top: 0.05vw;
}

.mobile .upappFormLogo {
  width: 14vw;
  position: relative;
  top: 0.6vw;
}

.form {
}

.mobile .form {
  padding-top: 15vw;
  width: 85vw;
  margin: 0 auto;
}

.formTitle {
}

.mobile .formTitle {
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  font-size: 3vw;
}

/* Form Content  */

.formContent {
  position: fixed;
  top: 0;
  left: 0;
  width: 34.7vw;
  height: 100%;
  z-index: 4;
  align-items: center;
  justify-content: center;
  background: var(--color9);
  overflow-y: scroll;
}

/* @media only screen and (max-height: 800px) {
    .formContent {
        overflow-y: scroll;
    }
} */

.formContent {
  transform: translateX(-50vw);
}

.mobile .formContent {
  transform: translateY(220vw);
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: 0.6s ease-in-out;
}

.showForm .formContent {
  transform: translateX(0);
  transition: 0.6s ease-in-out;
}

.mobile.showForm .formContent {
  transform: translateY(0);
  transition: 0.6s ease-in-out;
}

.showForm.removeForm .formContent {
  transform: translateX(-50vw);
  transition: 0.6s ease-in-out;
}

.mobile.showForm.removeForm .formContent {
  transform: translateY(220vw);
  transition: 0.6s ease-in-out;
}

.formContent .close {
  position: absolute;
  left: 3vw;
  top: 3vw;
  width: 1.5vw;
  height: 2vw;
  cursor: pointer;
}

.mobile .formContent .close {
  position: absolute;
  top: 1vw;
  left: 1vw;
  width: 1.7vw;
  height: 1.7vw;
  cursor: pointer;
  z-index: 2;
  display: block;
}

.formContent .close span {
  width: 1.7vw;
  height: 1px;
  background-color: var(--color11) !important;
  position: absolute;
  margin-top: 0.4vw;
  z-index: 10;
}

.formContent .close span:nth-of-type(1) {
  transform: rotate(-45deg);
}

.formContent .close span:nth-of-type(2) {
  transform: rotate(45deg);
}

.mobile .formContent .close {
  top: 7vw;
  left: 5vw;
  width: 9vw;
  height: 9vw;
}

.mobile .formContent .close span {
  width: 7.7vw;
  height: 1px;
  margin-top: 4.5vw;
}

.mobile .formContent.active .wrapperForm {
  animation: 0.6s moveFromBottom ease-in-out;
  animation-fill-mode: forwards;
}

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

.mobile .formContent.active.remove .wrapperForm {
  animation: 0.6s moveFromTop ease-in-out;
  animation-fill-mode: forwards;
}

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

.wrapperForm {
  width: 100%;
  position: relative;
  padding: 1.5vw 3.25vw 0;
}

.mobile .wrapperForm {
  width: 100%;
  padding: 0 7.7vw;
  height: 100vh;
  background: var(--color9);
}

.containerForm {
  text-align: center;
}

.containerForm h3 {
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  line-height: 0.95;
  text-align: right;
  margin-top: 0;
  color: var(--color11);
  margin-top: 5vw;
  font-size: 1.6vw;
}

.containerForm .must {
  margin-top: 1vw;
  font-size: 1vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  text-align: right;
  color: var(--color11);
}

.mobile .containerForm h3 {
  text-align: center;
  margin-top: 5vw;
  font-size: 4.9vw;
}

.mobile .containerForm .must {
  font-size: 3.4vw;
  margin-top: 12vw;
  text-align: right;
}

.fields-section {
  position: relative;
  /* margin-top: 0.5vw; */
  display: flex;
  flex-direction: column;
  text-align: right;
}

.field {
  flex-direction: column;
  margin-top: 1.05vw;
  width: 100%;
  height: 3.5vw;
  background: var(--color1);
  border-radius: 2.6vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding-right: 1.3vw;
  padding-bottom: 0.2vw;
}

.field.time,
.field.kupa {
  background: transparent;
  height: fit-content;
  padding: 0;
}

.mobile .field.time,
.mobile .field.kupa {
  padding: 0;
  margin-top: 3.5vw;
  height: fit-content;
}

.wrapperWhichKupa {
  display: flex;
  gap: 0.5vw;
}

.mobile .wrapperWhichKupa {
  gap: 2.5vw;
}

.field.field-checkbox {
  background: transparent;
  height: 2vw;
  padding-right: 0;
  margin-top: 1.5vw;
}

label {
  width: 0;
  height: 0;
  opacity: 0;
}

.input-after-active {
  animation: SlideDown 0.5s both;
}

@keyframes SlideDown {
  0% {
    transform: translateY(-1.2vw) scale(0.8) translateX(0.5vw);
  }
  100% {
    transform: translateY(0) scale(1) translateX(0);
  }
}

.field-placeholder.active {
  animation: SlideUp 0.5s both;
}

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

.field-placeholder {
  font-size: 1.05vw;
  position: absolute;
  margin-top: 0vw;
  color: var(--color11);
  z-index: 0;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.wichTime,
.wichKupa {
  color: var(--color11);
  font-size: 1.05vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  margin-top: 1.05vw;
}

.mobile .wichTime,
.mobile .wichKupa {
  font-size: 4.8vw;
  margin-top: 5vw;
}

.wrapperWhichTime {
  width: 27.5vw;
  height: 0;
  overflow: hidden;
}

.mobile .wrapperWhichTime {
  width: 92.7vw;
  height: 0;
  overflow: hidden;
}

.mianImage {
  width: 29.5vw;
  margin: 0 auto;
  top: 0vw;
  position: relative;
  left: -3vw;
}

.mobile .mianImage {
  display: block;
  width: 75vw;
  margin: 0 auto;
  position: relative;
  top: 0.5vw;
  padding-top: 0vw;
  left: 3vw;
}

.wrapperWhichTime.active {
  margin-top: 1.05vw;
  height: fit-content;
  overflow: hidden;
}

.mobile .wrapperWhichTime.active {
  margin-top: 4.9vw;
  overflow: scroll;
}

.mobile .wrapperWhichTime::-webkit-scrollbar-thumb {
  background: inherit;
}

.wrapperWhichTimeContent2 .itemTime:last-child {
  margin-left: 1vw;
}

.slick-track {
  display: flex;
  gap: 0.5vw;
  padding-left: 1vw;
}

.wrapperWhichTimeContent {
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.5vw;
}

.mobile .wrapperWhichTimeContent {
  width: fit-content;
  overflow: hidden;
  display: flex;
  gap: 2.5vw;
}

.wrapperWhichTimeContent:not(.wrapperWhichTimeContent2) {
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.5vw;
}

.mobile .wrapperWhichTimeContent:not(.wrapperWhichTimeContent2) {
  gap: 2.5vw;
  width: fit-content;
}

.itemTime p {
  font-size: 1.05vw;
  color: var(--color11);
  position: relative;
  top: -0.1vw;
}

.mobile .itemTime p {
  font-size: 5vw;
}

.itemWhichDay {
  padding: 0 1.05vw;
  border-left: 2px solid var(--color11);
  cursor: pointer;
}

.mobile .itemWhichDay {
  padding: 0 4.9vw;
}

.itemWhichDay:last-child {
  border-left: none;
}

.itemWhichDay p {
  font-size: 1.6vw;
  color: var(--color11);
  line-height: 0.9;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .itemWhichDay p {
  font-size: 6vw;
  color: var(--color11);
  line-height: 0.7;
}

.itemWhichDay.active p,
.itemWhichDay:hover p {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.itemTime {
  width: 5.75vw;
  height: 2.85vw;
  background-color: var(--color1);
  border-radius: 2.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color11);
}

.mobile .itemTime {
  width: 26.5vw;
  height: 13.3vw;
  border-radius: 12.5vw;
}

.mobile .itemTime:last-child {
  margin-left: 7.7vw;
}

.wrapperWhichDay {
  display: flex;
  margin-right: -1.05vw;
}

.mobile .wrapperWhichDay {
  margin-right: -4.9vw;
}

input {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  outline: none;
  line-height: 0;
  font-size: 1.4vw;
  color: var(--color11);
  width: 100%;
  z-index: 1;
  height: 3vw;
  top: 0.3vw;
  position: relative;
}

#time,
#kupa {
  height: 0;
}

.itemWhichKupa {
  width: 5.7vw;
  height: 2.85vw;
  background-color: var(--color1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.6vw;
  cursor: pointer;
  border: 1px solid var(--color11);
}

.mobile .itemWhichKupa {
  width: 26.5vw;
  height: 13.3vw;
  border-radius: 12.5vw;
}

.itemWhichKupa:hover,
.itemWhichKupa.active {
  border: 2px solid var(--color10);
  background: rgba(237, 0, 140, 0.05);
}

.itemTime:hover,
.itemTime.active {
  border: 2px solid var(--color10);
  background: rgba(237, 0, 140, 0.05);
}

.itemWhichKupa p {
  font-size: 1.05vw;
  color: var(--color11);
  position: relative;
  top: -0.1vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .itemWhichKupa p {
  font-size: 5vw;
}

.error-m {
  display: none;
}

.error-m {
  font-size: 0.85vw;
  position: absolute;
  left: 1.3vw;
  top: 2.3vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.error-m.time {
  background: red;
  color: white !important;
  padding: 0.2vw 0.4vw 0;
  border-radius: 2.6vw;
  top: -2vw;
}

.mobile .error-m.time {
  color: white !important;
  background: red;
  padding: 0.5vw 1.4vw 0;
  border-radius: 2.6vw;
  top: -9vw;
  left: 0;
}

.error-m.kupa {
  background: red;
  color: white !important;
  padding: 0.2vw 0.4vw 0;
  border-radius: 2.6vw;
  top: 2vw;
}

.mobile .error-m.kupa {
  background: red;
  color: white !important;
  padding: 0.5vw 1.4vw 0;
  border-radius: 12.5vw;
  top: -9vw;
  left: 0;
}

.error-m.accept {
  background: #fff;
  padding: 0.2vw 0.4vw 0;
  border-radius: 2.6vw;
}

.mobile .error-m.error-m.accept {
  padding: 0.5vw 1.4vw 0;
}

.error-m.time {
  top: -1vw;
  left: 1.2vw;
}

.success {
  display: none;
  position: absolute;
  left: 1vw;
  font-size: 1.2vw;
  color: var(--color11);
}

.send-btn {
  width: 100%;
  height: 4.1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-top: 1.05vw; */
  background: var(--color11);
  border-radius: 2.6vw;
  margin-bottom: 4vw;
  margin-top: 1vw;
}

.send-btn.disable {
  pointer-events: none;
}

.mobile .send-btn {
  margin-top: unset;
}

.wrapperSendButtonForm {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  cursor: pointer;
  z-index: 1;
  background: var(--color11);
  border: unset;
  border-radius: 50px;
}

.txt-send-button {
  font-size: 1.8vw;
  font-weight: 400;
  color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.txt-send-button span {
  width: 0.6vw;
  height: 0.6vw;
  border-top: 2px solid var(--color1);
  border-right: 2px solid var(--color1);
  display: block;
  position: relative;
  transform: rotate(-135deg);
  margin-right: 0.3vw;
}

.mobile .txt-send-button span {
  width: 2vw;
  height: 2vw;
  border-top: 2px solid var(--color1);
  border-right: 2px solid var(--color1);
  display: block;
  position: relative;
  transform: rotate(-135deg);
  margin-right: 1.8vw;
}

.wrapperSendButtonForm img {
  width: 1.15vw;
  margin-left: 0.6vw;
}

.tnx {
  display: none;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0vw;
  right: 0;
  background: var(--color9);
  z-index: 1;
}

.wrapperTnx {
  margin-top: -5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  flex-direction: column;
}

.wrapperTnx h2 {
  font-size: 3.45vw;
  font-family: "Mandatory-29", sans-serif;
  font-weight: 400;
}

.wrapperTnx p {
  font-size: 1.8vw;
  line-height: 1;
  color: var(--color11);
  font-family: "PloniMLv2AAA-D-Bold", sans-serif;
}

.field-checkbox label {
  width: 100%;
  height: 3vw;
  opacity: 1;
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  justify-content: center;
}

.mobile .field-checkbox label {
  height: 13vw;
  align-items: flex-start;
}

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

.field .checkbox-v {
  background-color: transparent;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 1.15vw;
  height: 1.15vw;
  top: 0vw;
  color: var(--color2);
  opacity: 1;
  border: 1px solid var(--color11);
}

.field-checkbox label .checkbox-title {
  color: var(--color11);
  padding: 0;
  line-height: 1;
  opacity: 1;
  font-size: 1.05vw;
  top: 0;
  margin-right: 0.5vw;
  width: 50vw;
  position: relative;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.field-checkbox .error-m {
  top: 1.3vw;
}

.mobile .field-checkbox .error-m {
  top: 5.5vw;
  left: 0;
}

.field input[type="checkbox"]:checked + .checkbox-v::before {
  content: "✓";
  color: var(--color11);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2vw;
  transition: all 0.4s ease-in-out;
  top: 0.5vw;
  left: 0.54vw;
}

.mobile .field-placeholder {
  font-size: 5vw;
}

.mobile .error-m {
  font-size: 3.5vw;
  top: 13vw;
  left: 7vw;
}

.mobile .fields-section {
  margin-top: 0;
}

.mobile .field {
  margin-top: 5vw;
  height: 18.9vw;
  border-radius: 12.5vw;
  padding-right: 6.3vw;
  border: unset;
}

.mobile input {
  font-size: 5vw;
  height: 18.9vw;
  top: 0.7vw;
}

.mobile .field-placeholder.active {
  animation: SlideUpM 0.5s both;
}

.mobile .input-after-active {
  animation: SlideDownM 0.5s both;
}

.field.active {
  border: 2px solid var(--color10);
}

.mobile .field.active {
  border: 2px solid var(--color10);
}

@keyframes SlideDownM {
  0% {
    transform: translateY(-5.5vw) scale(0.8) translateX(2vw);
  }
  100% {
    transform: translateY(0) scale(1) translateX(0);
  }
}

@keyframes SlideUpM {
  0% {
    transform: translateY(0) scale(1) translateX(0);
  }
  100% {
    transform: translateY(-5.5vw) scale(0.8) translateX(2vw);
  }
}

.mobile .success {
  left: 1vw;
  top: 1vw;
  font-size: 4.5vw;
}

.mobile .send-btn {
  height: 16vw;
  margin-top: 1vw;
  border-radius: 12.5vw;
  background: var(--color11);
}

.mobile .wrapperSendButtonForm {
  width: 100%;
  height: 18.2vw;
  background: var(--color11);
  border: unset;
  border-radius: 50px;
}

.mobile .txt-send-button {
  font-size: 5.6vw;
  top: -0.2vw;
  position: relative;
}

.mobile .wrapperSendButtonForm img {
  width: 5vw;
  height: 5vw;
  margin-left: 2.6vw;
  position: relative;
  top: -0.2vw;
}

.mobile .tnx {
  height: 100%;
  position: absolute;
  top: 0;
  background: var(--color9);
}

.mobile .wrapperTnx h2 {
  font-size: 7.3vw;
}

.mobile .wrapperTnx p {
  font-size: 5.8vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-Bold";
}

.mobile .field-checkbox label .checkbox-title {
  font-size: 4.8vw;
  top: -1vw;
  margin-right: 2.5vw;
  width: 80vw;
}

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

.mobile .field.field-checkbox {
  padding: 0;
  height: fit-content;
  margin-top: 8vw;
}

.mobile .field input[type="checkbox"]:checked + .checkbox-v::before {
  font-size: 5.35vw;
  top: 1vw;
  left: 2.2vw;
}

.logoForm {
  position: relative;
  width: 100%;
  text-align: right;
  padding-top: 2.6vw;
}

.mobile .logoForm {
  display: none;
}

.heart_tnx {
  width: 14vw;
  padding-top: 3vw;
}

.mobile .heart_tnx {
  display: block;
  width: 48vw;
  padding-top: 18vw;
}

.logoForm img {
  width: 35.5vw;
  height: 17.8vw;
  object-fit: cover;
}

.autocomplete-results-work {
  margin-right: 0;
  padding-inline-start: 0;
  background: var(--color1);
  width: 100%;
  max-height: 10vw;
  height: auto;
  overflow-y: scroll;
  /* border: 1px solid #ccc; */
  margin-top: 0.2vw;
}

.mobile .autocomplete-results-work {
  width: 97%;
  max-height: 50vw;
  /* height: 51vw; */
}

.autocomplete-result {
  padding-right: 0.5vw;
  height: 2vw;
  box-sizing: border-box;
  padding-top: 0.5vw;
  font-size: 1vw;
}

.mobile .autocomplete-result {
  padding-right: 1.5vw;
  height: 8vw;
  box-sizing: border-box;
  padding-top: 1.5vw;
  font-size: 4vw;
}

.autocomplete-result:nth-child(odd) {
  /* background-color: #cde2e2; */
  color: #000;
}

.autocomplete-result.selected {
  color: black;
}

.autocomplete-result:nth-child(even) {
  background-color: #fff;
  color: #000;
}

.autocomplete-result:nth-child(odd) {
  /* background-color: #cde2e2; */
  color: #000;
}

.borderField {
  /* border: 1px solid var(--color11); */
}

/* Form Content  */

.swiper-slide {
  height: 35vw !important;
}

.mobile .swiper-slide {
  height: auto !important;
}

.swiper-wrapper {
  flex-direction: column;
}

.mobile .swiper-wrapper {
  flex-direction: row;
}

.swiper-pagination {
  width: 40vw;
  top: 25.5vw;
  left: 74.5vw;
  transform: rotate(-90deg) !important;
}

.mobile .swiper-pagination {
  width: 100vw;
  top: 59vw;
  left: auto;
  transform: translate3d(0, 0, 0) !important;
}

.swiper {
  padding-top: 0vw !important;
  height: 35vw !important;
}

.mobile .swiper {
  padding-top: 13vw !important;
  height: auto !important;
}

.swiper-pagination-bullet {
  margin-left: 1.5vw !important;
  height: 0.8vw !important;
  width: 0.8vw !important;
  border: 2px solid var(--color11) !important;
  background: white !important;
}

.mobile .swiper-pagination-bullet {
  margin-right: 3vw !important;
  margin-left: 3vw !important;
  height: 3vw !important;
  width: 3vw !important;
  border: 1px solid var(--color11) !important;
  background: white !important;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  margin-left: 1.5vw !important;
  height: 0.8vw !important;
  width: 0.8vw !important;
  border: 2px solid var(--color11) !important;
  background: var(--color11) !important;
}

.mobile .swiper-pagination-bullet-active {
  margin-right: 3vw !important;
  margin-left: 3vw !important;
  height: 3vw !important;
  width: 3vw !important;
  border: 2px solid var(--color11) !important;
  background: var(--color11) !important;
}

.headerLogoMainScreenContainer {
  position: absolute;
  left: 88vw;
  top: 4vw;
}

.mobile .headerLogoMainScreenContainer {
}

.headerLogoMainScreen {
  width: 9vw;
}

.mobile .headerLogoMainScreen {
}

.qrCodeContainer {
  position: absolute;
  top: 35vw;
  right: 5vw;
}

.mobile .qrCodeContainer {
}

.qrCodeImage {
  width: 5vw;
}

.mobile .qrCodeImage {
}

.qrCodeTitle {
  color: var(--color11);
  font-size: 1vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  padding-top: 0.2vw;
}

.mobile .qrCodeTitle {
}

.poweredByMoveContainer {
  height: 7.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .poweredByMoveContainer {
  padding-bottom: 0;

  padding-top: 0;
  height: 45vw;
  display: block;
}

.poweredByMoveLogo {
  width: 10vw;
}

.mobile .poweredByMoveLogo {
  width: 40vw;
  position: relative;
  top: 8.5vw;
  right: 29.5vw;
}

.moreQuestionsTitleContainer {
  display: flex;
  align-items: center;
  column-gap: 0.5vw;
  margin-right: 1.9vw;
  padding-top: 1vw;
  width: 18vw;
  cursor: pointer;
  padding-bottom: 4vw;
  /* position: absolute; */
  bottom: 0vw;
  z-index: 100;
}

.moreQuestionsTitle {
  color: var(--color11);
  font-size: 1.2vw;
  font-family: "PloniMaccabiMLv2AAA-Bold";
  text-decoration: underline;
  cursor: pointer;
}

.moreQuestionsImage {
  width: 1.2vw;
}

.optionContainers {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2vw;
  margin-top: 2vw;
}

.mobile .optionContainers {
  display: block;
  column-gap: 0vw;
  margin-top: 0vw;
}

.iphoneVideoContainer {
  position: absolute;
  left: 16vw;
  bottom: 3vw;
}

.iphoneVideo {
  width: 22vw;
}

.optionsTitlesContainer {
  position: absolute;
  top: 18vw;
  right: -3vw;
}

.optionsTitlesContainer p {
  padding-right: 10vw;
  color: var(--color11);
  font-size: 1vw;
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  padding-top: 1.2vw;
}

.optionsTitlesBtn {
  cursor: pointer;
}

.blueBackground {
  background: var(--color6);
}

.pinkBackground {
  background: var(--color7);
}

.moreTnxSub {
  color: var(--color10);
}

.mobileDevider {
  display: inline-block !important;
}

.singleQuestionContainerAnswer tr {
  vertical-align: baseline;
}

.singleQuestionContainerAnswer td {
  text-align: right;
  font-size: 1.2vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.singleQuestionContainerAnswer a {
  text-align: right;
  font-size: 1.2vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  text-decoration: underline;
}

.mobile .singleQuestionContainerAnswer tr {
  vertical-align: baseline;
}

.mobile .singleQuestionContainerAnswer td {
  text-align: right;
  font-size: 4.8vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.mobile .singleQuestionContainerAnswer a {
  text-align: right;
  font-size: 4.8vw;
  color: var(--color11);
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.onUsTitle {
  color: var(--color10);
  font-family: "PloniMaccabiMLv2AAA-Bold";
  font-size: 1.5vw;
}

.upShopLogo {
  width: 3.2vw;
}

.mobile .upShopLogo {
}

.upShopLogoCard {
  width: 4vw;
  position: relative;
  top: 0.1vw;
}

.mobile .upShopLogoCard {
  width: 17vw;
  top: 0.5vw;
}

.optionContainersPricing {
  width: 40vw;
}

.mobile .optionContainersPricing {
  width: auto;
}

.mobile .veryPrice {
  padding-bottom: 10.5vw;
}

/* singleQuestionContainer */

.singleQuestionContainer.item-list2.active .singleQuestionContainerAnswer,
.singleQuestionContainer.item-list1.active .singleQuestionContainerAnswer {
  height: 5vw;
}

.singleQuestionContainer.item-list12.active .singleQuestionContainerAnswer {
  height: 4vw;
}

.singleQuestionContainer.item-list3.active .singleQuestionContainerAnswer {
  height: 4vw;
}

.singleQuestionContainer.item-list6.active .singleQuestionContainerAnswer,
.singleQuestionContainer.item-list4.active .singleQuestionContainerAnswer {
  height: 8.5vw;
}

.singleQuestionContainer.item-list5.active .singleQuestionContainerAnswer {
  height: 13vw;
}

.singleQuestionContainer.item-list7.active .singleQuestionContainerAnswer {
  height: 2.5vw;
}

.singleQuestionContainer.item-list8.active .singleQuestionContainerAnswer {
  height: 10.5vw;
}

.singleQuestionContainer.item-list9.active .singleQuestionContainerAnswer {
  height: 5.5vw;
}

.singleQuestionContainer.item-list10.active .singleQuestionContainerAnswer {
  height: 4vw;
}

.singleQuestionContainer.item-list11.active .singleQuestionContainerAnswer {
  height: 3.5vw;
}

.singleQuestionContainer.item-list13.active .singleQuestionContainerAnswer {
  height: 8vw;
}

.singleQuestionContainer.item-list14.active .singleQuestionContainerAnswer {
  height: 4vw;
}

.mobile
  .singleQuestionContainer.item-list14.active
  .singleQuestionContainerAnswer {
  height: 30vw;
}

.singleQuestionContainer.item-list15.active .singleQuestionContainerAnswer {
  height: 9vw;
}

.mobile
  .singleQuestionContainer.item-list15.active
  .singleQuestionContainerAnswer {
  height: 60vw;
}

.singleQuestionContainer.item-list16.active .singleQuestionContainerAnswer {
  height: 14vw;
}

.mobile
  .singleQuestionContainer.item-list16.active
  .singleQuestionContainerAnswer {
  height: 95vw;
}

.singleQuestionContainer.item-list17.active .singleQuestionContainerAnswer {
  height: 6vw;
}

.mobile
  .singleQuestionContainer.item-list17.active
  .singleQuestionContainerAnswer {
  height: 35vw;
}

.singleQuestionContainer.item-list18.active .singleQuestionContainerAnswer {
  height: 3vw;
}

.mobile
  .singleQuestionContainer.item-list18.active
  .singleQuestionContainerAnswer {
  height: 20vw;
}

.singleQuestionContainer.item-list19.active .singleQuestionContainerAnswer {
  height: 4vw;
}

.mobile
  .singleQuestionContainer.item-list19.active
  .singleQuestionContainerAnswer {
  height: 30vw;
}

.singleQuestionContainer.item-list20.active .singleQuestionContainerAnswer {
  height: 5vw;
}

.mobile
  .singleQuestionContainer.item-list20.active
  .singleQuestionContainerAnswer {
  height: 25vw;
}

.singleQuestionContainer.item-list21.active .singleQuestionContainerAnswer {
  height: 6vw;
}

.mobile
  .singleQuestionContainer.item-list21.active
  .singleQuestionContainerAnswer {
  height: 30vw;
}

.singleQuestionContainer.item-list22.active .singleQuestionContainerAnswer {
  height: 5vw;
}

.mobile
  .singleQuestionContainer.item-list22.active
  .singleQuestionContainerAnswer {
  height: 25vw;
}

.singleQuestionContainer.item-list23.active .singleQuestionContainerAnswer {
  height: 3vw;
}

.mobile
  .singleQuestionContainer.item-list23.active
  .singleQuestionContainerAnswer {
  height: 15vw;
}

.singleQuestionContainer.item-list24.active .singleQuestionContainerAnswer {
  height: 6vw;
}

.mobile
  .singleQuestionContainer.item-list24.active
  .singleQuestionContainerAnswer {
  height: 45vw;
}

.mobile
  .singleQuestionContainer.item-list13.active
  .singleQuestionContainerAnswer {
  height: 60vw;
}

.mobile
  .singleQuestionContainer.item-list1.active
  .singleQuestionContainerAnswer {
  height: 45vw;
}

.mobile
  .singleQuestionContainer.item-list4.active
  .singleQuestionContainerAnswer {
  height: 45vw;
}

.mobile
  .singleQuestionContainer.item-list6.active
  .singleQuestionContainerAnswer {
  height: 54vw;
}

.mobile
  .singleQuestionContainer.item-list7.active
  .singleQuestionContainerAnswer {
  height: 15vw;
}

.mobile
  .singleQuestionContainer.item-list3.active
  .singleQuestionContainerAnswer {
  height: 18vw;
}

.mobile
  .singleQuestionContainer.item-list12.active
  .singleQuestionContainerAnswer {
  height: 25vw;
}

.mobile
  .singleQuestionContainer.item-list2.active
  .singleQuestionContainerAnswer {
  height: 35vw;
}

.mobile
  .singleQuestionContainer.item-list5.active
  .singleQuestionContainerAnswer {
  height: 80vw;
}

.mobile
  .singleQuestionContainer.item-list10.active
  .singleQuestionContainerAnswer {
  height: 28vw;
}

.mobile
  .singleQuestionContainer.item-list8.active
  .singleQuestionContainerAnswer {
  height: 65vw;
}

.mobile
  .singleQuestionContainer.item-list11.active
  .singleQuestionContainerAnswer {
  height: 20vw;
}

.mobile
  .singleQuestionContainer.item-list9.active
  .singleQuestionContainerAnswer {
  height: 45vw;
}

/* popupMoreInfoContainer */

.popupMoreInfoContainer.item-list1.active .moreInfoExp,
.popupMoreInfoContainer.item-list2.active .moreInfoExp,
.popupMoreInfoContainer.item-list3.active .moreInfoExp,
.popupMoreInfoContainer.item-list4.active .moreInfoExp,
.popupMoreInfoContainer.item-list6.active .moreInfoExp,
.popupMoreInfoContainer.item-list8.active .moreInfoExp,
.popupMoreInfoContainer.item-list9.active .moreInfoExp,
.popupMoreInfoContainer.item-list11.active .moreInfoExp {
  height: 2vw;
}

.popupMoreInfoContainer.item-list10.active .moreInfoExp {
  height: 3vw;
}

.popupMoreInfoContainer.item-list12.active .moreInfoExp {
  height: 3vw;
}

.popupMoreInfoContainer.item-list13.active .moreInfoExp {
  height: 2vw;
}

.popupMoreInfoContainer.item-list5.active .moreInfoExp,
.popupMoreInfoContainer.item-list7.active .moreInfoExp {
  height: 3vw;
}

.popupMoreInfoContainer.item-list6.active .moreInfoExp {
  height: 5vw;
}

.mobile .popupMoreInfoContainer.item-list2.active .moreInfoExp,
.mobile .popupMoreInfoContainer.item-list3.active .moreInfoExp,
.mobile .popupMoreInfoContainer.item-list5.active .moreInfoExp,
.mobile .popupMoreInfoContainer.item-list10.active .moreInfoExp,
.mobile .popupMoreInfoContainer.item-list11.active .moreInfoExp {
  height: 16vw;
}

.mobile .popupMoreInfoContainer.item-list12.active .moreInfoExp {
  height: 17vw;
}

.mobile .popupMoreInfoContainer.item-list13.active .moreInfoExp {
  height: 14vw;
}

.mobile .popupMoreInfoContainer.item-list7.active .moreInfoExp {
  height: 16vw;
}

.mobile .popupMoreInfoContainer.item-list1.active .moreInfoExp {
  height: 8vw;
}

.mobile .popupMoreInfoContainer.item-list4.active .moreInfoExp,
.mobile .popupMoreInfoContainer.item-list8.active .moreInfoExp,
.mobile .popupMoreInfoContainer.item-list9.active .moreInfoExp {
  height: 13vw;
}

.mobile .popupMoreInfoContainer.item-list6.active .moreInfoExp {
  height: 40vw;
}

@supports (-webkit-touch-callout: none) {
  .mobile .phoneImageUpShop {
    top: 145vw;
  }
  /* CSS specific to iOS devices */

  .mobile .veryPrice {
    padding-bottom: 12.75vw;
  }

  .mobile .swipeOption {
    height: 198vw;
  }
  /* singleQuestionContainer */
  .mobile
    .singleQuestionContainer.item-list1.active
    .singleQuestionContainerAnswer {
    height: 55vw;
  }
  .mobile
    .singleQuestionContainer.item-list2.active
    .singleQuestionContainerAnswer {
    height: 45vw;
  }
  .mobile
    .singleQuestionContainer.item-list3.active
    .singleQuestionContainerAnswer {
    height: 25vw;
  }
  .mobile
    .singleQuestionContainer.item-list4.active
    .singleQuestionContainerAnswer {
    height: 58vw;
  }
  .mobile
    .singleQuestionContainer.item-list5.active
    .singleQuestionContainerAnswer {
    height: 100vw;
  }
  .mobile
    .singleQuestionContainer.item-list6.active
    .singleQuestionContainerAnswer {
    height: 70vw;
  }
  .mobile
    .singleQuestionContainer.item-list8.active
    .singleQuestionContainerAnswer {
    height: 85vw;
  }
  .mobile
    .singleQuestionContainer.item-list9.active
    .singleQuestionContainerAnswer {
    height: 60vw;
  }
  .mobile
    .singleQuestionContainer.item-list10.active
    .singleQuestionContainerAnswer {
    height: 35vw;
  }
  .mobile
    .singleQuestionContainer.item-list11.active
    .singleQuestionContainerAnswer {
    height: 25vw;
  }
  .mobile
    .singleQuestionContainer.item-list12.active
    .singleQuestionContainerAnswer {
    height: 32vw;
  }
  .mobile
    .singleQuestionContainer.item-list13.active
    .singleQuestionContainerAnswer {
    height: 85vw;
  }
  .mobile
    .singleQuestionContainer.item-list14.active
    .singleQuestionContainerAnswer {
    height: 40vw;
  }
  .mobile
    .singleQuestionContainer.item-list15.active
    .singleQuestionContainerAnswer {
    height: 80vw;
  }
  .mobile
    .singleQuestionContainer.item-list16.active
    .singleQuestionContainerAnswer {
    height: 120vw;
  }
  .mobile
    .singleQuestionContainer.item-list17.active
    .singleQuestionContainerAnswer {
    height: 45vw;
  }
  .mobile
    .singleQuestionContainer.item-list19.active
    .singleQuestionContainerAnswer {
    height: 35vw;
  }
  .mobile
    .singleQuestionContainer.item-list20.active
    .singleQuestionContainerAnswer {
    height: 35vw;
  }
  .mobile
    .singleQuestionContainer.item-list21.active
    .singleQuestionContainerAnswer {
    height: 40vw;
  }
  .mobile
    .singleQuestionContainer.item-list22.active
    .singleQuestionContainerAnswer {
    height: 35vw;
  }
  .mobile
    .singleQuestionContainer.item-list24.active
    .singleQuestionContainerAnswer {
    height: 60vw;
  }
  /* popupMoreInfoContainer */
  .mobile .popupMoreInfoContainer.item-list2.active .moreInfoExp,
  .mobile .popupMoreInfoContainer.item-list3.active .moreInfoExp,
  .mobile .popupMoreInfoContainer.item-list5.active .moreInfoExp,
  .mobile .popupMoreInfoContainer.item-list10.active .moreInfoExp,
  .mobile .popupMoreInfoContainer.item-list11.active .moreInfoExp {
    height: 22vw;
  }
  .mobile .popupMoreInfoContainer.item-list7.active .moreInfoExp {
    height: 23vw;
  }
  .mobile .popupMoreInfoContainer.item-list1.active .moreInfoExp {
    height: 14vw;
  }
  .mobile .popupMoreInfoContainer.item-list4.active .moreInfoExp,
  .mobile .popupMoreInfoContainer.item-list8.active .moreInfoExp,
  .mobile .popupMoreInfoContainer.item-list9.active .moreInfoExp {
    height: 19vw;
  }
  .mobile .popupMoreInfoContainer.item-list6.active .moreInfoExp {
    height: 55vw;
  }
  .mobile .popupMoreInfoContainer.item-list12.active .moreInfoExp {
    height: 25vw;
  }

  .mobile .popupMoreInfoContainer.item-list13.active .moreInfoExp {
    height: 20vw;
  }
}