/**********************************************/
/*  FONTS
/**********************************************/

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

/**********************************************/
/*  GENERAL
/**********************************************/
.only_desktop{
    display: block;
}
.mobile .only_desktop{
    display: none;
}
.only_mobile{
    display: none;
}
.mobile .only_mobile{
    display: block;
}
a {
  color: inherit;
}
label {
  width: 0;
  height: 0;
  opacity: 0;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Orion-Regular", sans-serif;
  direction: rtl;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  scroll-behavior: smooth;
  text-decoration: none;
}
*::-webkit-scrollbar {
  display: none;
}

/**********************************************/
/*  MAIN
/**********************************************/
.main {
  width: 72.8vw;
  margin: 0 auto;
  padding: 0 13.6vw;
  background-color: #f3f4f5;
  display: none;
}
.home {
  padding: 2.7vw 0 3.2vw;
}
.header {
  display: flex;
  padding: 0 16.3vw;
}
.header p,
.header h1 {
  font-size: 3.85vw;
  font-family: "Orion-Black", sans-serif;
}
.headerLeftWrapper {
  color: #8b94a1;
  opacity: 0.3;
  transition: 0.2s ease;
}
.poapperDisable .headerLeftWrapper {
  color: #000;
  opacity: 1;
  transition: 0.2s ease;
}
h1.headerTxt {
  color: #ff3a7a;
  opacity: 1;
  transition: 0.2s ease;
}

.poapperDisable h1.headerTxt {
  color: #8b94a1;
  opacity: 0.3;
  transition: 0.2s ease;
}
h1.headerTxt span {
  font-size: 4.4vw;
  margin-left: -0.2vw;
  position: relative;
  top: -0.15vw;
}
.headerRightWrapper {
  line-height: 0.8;
  text-align: left;
}
.poapperDisable .headerRightWrapper p {
  color: #8b94a1;
  opacity: 0.3;
  transition: 0.2s ease;
}
.headerRightWrapper p {
  padding-left: 0.25vw;
  color: #ff3a7a;
  opacity: 1;
  transition: 0.2s ease;
}
.headerLeftWrapper {
  line-height: 0.8;
}
.headerLeftWrapper .headerTxt {
  line-height: 1.01;
}
.headreRight {
  margin-right: 0.1vw;
  margin-top: 2.6vw;
}
.headreLeft {
  margin-top: 2.6vw;
}
.headerTxt {
  letter-spacing: -0.4vw;
}
.headreMiddle {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0vw 1.75vw 0;
}
.headerToggle {
  width: 4.1vw;
  height: 2.05vw;
  background: #8b94a1;
  opacity: 0.3;
  border-radius: 50vw;
  position: relative;
  cursor: pointer;
  margin: 2vw auto 0;
}
.headerToggle.active {
  width: 4.1vw;
  height: 2.05vw;
  background: #ff3a7a;
  opacity: 1;
  border-radius: 50vw;
  position: relative;
  cursor: pointer;
  margin: 2vw auto 0;
}
.mobile .headerToggle.active .ToggleCircle,
.mobile .headerToggle .ToggleCircle{
  animation: shake-horizontal2 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}


.headerToggle .ToggleCircle {
  position: absolute;
  top: 0.1vw;
  right: 2.1vw;
  height: 1.8vw;
  width: 1.8vw;
  background: #fff;
  border-radius: 50vw;
  transition: 0.5s ease;
  animation: shake-horizontal 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
.headerToggle.active .ToggleCircle {
  position: absolute;
  top: 0.1vw;
  right: 0.3vw;
  height: 1.8vw;
  width: 1.8vw;
  background: #fff;
  border-radius: 50vw;
  transition: 0.5s ease;
  animation: shake-horizontal 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
@keyframes shake-horizontal {
    0%,
    100% {
              transform: translateX(2px);
    }
    30%,
    50%,
    70% {
              transform: translateX(5px);
    }
    40%,
    60% {
              transform: translateX(0);
    }
    80% {
              transform: translateX(3px);
    }
  }
  @keyframes shake-horizontal2 {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    30%,
    50%,
    70% {
              transform: translateX(2px);
    }
    40%,
    60% {
              transform: translateX(-2px);
    }
    80% {
              transform: translateX(1px);
    }
  }
.noPepper {
  display: none;
}
.noPepperWrapper {
  margin-top: 3.5vw;
  width: 40.4vw;
  margin: 3.7vw auto;
}
.noPepperWrapper h3 {
  font-size: 1.1vw;
  font-family: 'David Libre', serif;
  font-weight: 600;
}
.noPepperWrapper p {
  font-size: 0.95vw;
  line-height: 1.6;
  margin-top: 0.5vw;
  font-family: 'David Libre', serif;
}
.homeBodyWrapper {
  padding-top: 2.8vw;
  position: relative;
  height: 23vw;
}
.homeBodyTxt {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.4;
}
.homeBodyTxtBold {
  margin-top: 0;
}
.homeBodyTxtBold span {
  font-size: 1.25vw;
  font-family: "Orion-Bold", sans-serif;
  margin-top: 0;
}
.contentHome {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.contentHome:hover {
  -webkit-animation: vibrate-1 0.8s linear infinite both;
  animation: vibrate-1 0.8s linear infinite both;
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.contentHome img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contentHome img.imgContentHover {
  display: none;
}
.contenHome-1:hover img.imgContentHover,
.contenHome-2:hover img.imgContentHover,
.contenHome-3:hover img.imgContentHover,
.contenHome-4:hover img.imgContentHover,
.contenHome-5:hover img.imgContentHover,
.contenHome-6:hover img.imgContentHover {
  display: block;
}
.contenHome-1:hover img.imgContent,
.contenHome-2:hover img.imgContent,
.contenHome-3:hover img.imgContent,
.contenHome-4:hover img.imgContent,
.contenHome-5:hover img.imgContent,
.contenHome-6:hover img.imgContent {
  display: none;
}

.contentHome .homeContentImagWrapper {
  border-radius: 100vw;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 0 8px #8b94a180;
  position: relative;
}
.conetnHomeTxt {
  margin-top: 0.5vw;
  font-size: 0.95vw;
  text-align: center;
}
.contenHome-1 {
  top: 17.1vw;
  right: 0;
}
.contenHome-1 .homeContentImagWrapper {
  width: 6.9vw;
  height: 6.9vw;
}
.contenHome-2 {
  top: 9.8vw;
  right: 12.7vw;
}
.contenHome-2 .homeContentImagWrapper {
  width: 12.65vw;
  height: 12.65vw;
  position: relative;
}
.contentHome .imgPlay {
  position: absolute;
  width: 1.31vw;
  height: 1.51vw;
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contenHome-3 {
  top: 3.8vw;
  right: 28.4vw;
}
.contenHome-3 .homeContentImagWrapper {
  width: 6.3vw;
  height: 6.3vw;
}
.contenHome-4 {
  top: 12vw;
  right: 36.6vw;
}
.contenHome-4 .homeContentImagWrapper {
  width: 12.6vw;
  height: 12.6vw;
}
.contenHome-5 {
  top: 3vw;
  right: 50.6vw;
}
.contenHome-5 .homeContentImagWrapper {
  width: 12.65vw;
  height: 12.65vw;
}
.contenHome-6 {
  top: 16.8vw;
  right: 63.3vw;
}
.contenHome-6 .homeContentImagWrapper {
  width: 7.15vw;
  height: 7.15vw;
}
.topToggleTxt p {
  font-size: 0.95vw;
  font-family: "Orion-Regular", sans-serif;
}
.topToggleTxt span {
  width: 0.3vw;
  height: 0.3vw;
  border: solid black;
  border-width: 0 0.15vw 0.15vw 0;
  display: inline-block;
  padding: 0.2vw;
  transform: translateY(0) rotate(45deg);
  margin-top: 1vw;
  /* animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); */
}
@keyframes bounce {
    50% {
        transform: translateY(-0.4vw) rotate(45deg);
      }
    }
.topToggleTxt {
  text-align: center;
}
.hr {
  width: 100%;
  height: 1px;
  background: #444545;
}
.wrapperFooter h4 {
  font-size: 1.2vw;
  font-weight: 600;
  padding: 0;
  color: #ff3a7a;
  font-family: "Orion-Bold", sans-serif;
}
.wrapperFooter h4 span {
  font-family: "Orion-Black", sans-serif;
}
.shareButtonWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -0.2vw;
}
.shareGooglePlay img {
  width: 8.6vw;
  height: auto;
  object-fit: contain;
}
.footer {
  display: none;
}
.wrapperFooter {
  text-align: center;
  padding: 1.5vw 13.6vw;
  display: flex;
}
.terms {
  flex: 3;
}
.terms p {
  font-size: 0.85vw;
  text-align: right;
  line-height: 1.2;
  padding-left: 1.5vw;
}
.shareButtons {
  flex: 1;
}
.leumiGroup {
  position: absolute;
  left: 0;
  top: 5.1vw;
}
.leumiGroup img {
  width: 4.6vw;
  height: auto;
  object-fit: cover;
}
.shareGooglePlay {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.3vw;
}
/**********************************************/
/*  SECTION
/**********************************************/
.section1,
.section2,
.section3,
.section4,
.section5,
.section6 {
  display: none;
  padding: 1vw 0 0;
}
.sectionLetfImage {
  width: 36.2vw;
  height: 37.2vw;
  object-fit: cover;
}
.section1 .sectionLetfImage {
    width: 22.4vw;
    height: auto;
    margin-left: 5.7vw;
}
.section4 .sectionLetfImage {
    width: 22.4vw;
    height: auto;
    margin-left: 5.7vw;
}
.section3 .sectionLetfImage {
  width: 22.4vw;
  height: auto;
  margin-left: -4.8vw;
}
.section5 .sectionLetfImage {
  width: 22.4vw;
  height: auto;
  margin-left: -4.8vw;
}
.section6 .sectionLetfImage {
  width: 22.4vw;
  height: auto;
  margin-left: -4.8vw;
}
.section2 .sectionLetfImage {
  width: 48.4vw;
  height: 27.2vw;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.section2 .sectionLetfImage.only_mobile {
display: none;
}
.mobile .section2 .sectionLetfImage.only_mobile {
display: block;
}
.mobile .section2 .sectionLetfImage.only_desktop {
display: none;
}
.sectionBodyCenter {
  position: relative;
  width: 48.2vw;
  height: 27.2vw;
}
.sectionBodyCenter iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.playVideoWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.8vw;
  height: 4.8vw;
  /* border: 1px solid #ff3a7a;
  border-radius: 100vw; */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.playVideo {
  width: 4.2vw;
  height: 4.2vw;
  object-fit: contain;
  padding: 0;
}
.logoPepper {
  width: 6.15vw;
  height: auto;
  object-fit: contain;
  cursor: pointer;
}
.sectionHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.backToHome {
  font-size: 0.85vw;
  margin-right: 0.2vw;
  cursor: pointer;
}
.backToHome:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
.section1 .backToHome:hover {
  text-decoration-color: #ff3a7a;
}
.section2 .backToHome:hover {
  text-decoration-color: #ff3a7a;
}
.section3 .backToHome:hover {
  text-decoration-color: #ff3a7a;
}
.section4 .backToHome:hover {
  text-decoration-color: #ff3a7a;
}
.section5 .backToHome:hover {
  text-decoration-color: #ff3a7a;
}
.section6 .backToHome:hover {
  text-decoration-color: #ff3a7a;
}
.backToHome span {
  width: 0.1vw;
  height: 0.1vw;
  border: solid black;
  border-width: 0 0.1vw 0.1vw 0;
  display: inline-block;
  padding: 0.1vw 0.1vw 0.1vw;
  transform: rotate(45deg);
  -webkit-transform: rotate(315deg);
  margin-bottom: 0.1vw;
}
.sectionBody {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 1.8vw 0 0;
}
.section2 .sectionBody {
    padding: 0vw 0 4vw;
}
.section3 .sectionBody,
.section4 .sectionBody,
.section5 .sectionBody,
.section6 .sectionBody {
  align-items: flex-start;
}
.sectionBodyRight h4 {
  font-size: 3.13vw;
  font-family: "Orion-Black", sans-serif;
  line-height: 1.1;
}
.section5 .sectionBodyRight h4 span {
  font-size: 2.8vw;
  font-family: "Orion-Black", sans-serif;
  color: #cfff00;
  background: #000;
  padding: 0 1vw;
}
.section3 .sectionBodyRight h4 {
  margin-top: 3vw;
}
.section6 .sectionBodyRight h4 span {
  font-size: 1.1vw;
  font-family: "Orion-Black", sans-serif;
}
.sectionBodyRight p {
  margin-top: 1vw;
  line-height: 1.4;
  padding-left: 17.6vw;
  font-size: 0.95vw;
}
.section1 .sectionBodyRight p {
  padding-left: 7.6vw;
}
.sectionBodyRight p.txtColor {
  color: #ff3a7a;
  font-family: "Orion-Bold", sans-serif;
  padding-left: 19.6vw;
  margin-top: 2.6vw;
}
.section1 .sectionBodyRight p.txtColor {
    padding-left: 27.6vw;
}

.section5 .sectionBodyRight p,
.section3 .sectionBodyRight p,
.section6 .sectionBodyRight p {
  padding-left: 0;
}
.section3 .sectionBodyRight p img {
  width: 0.9vw;
  height: 0.9vw;
  object-fit: contain;
  top: 0.1vw;
  position: relative;
}
.section5 .sectionBodyRight > p {
  padding-left: 22vw;
  margin-top: 1.2vw;
}
.section5 .sectionBodyRight > h5 {
  margin-top: 1.2vw;
  font-size: 1.25vw;
  font-family: "Orion-Black", sans-serif;
}
.section3 .sectionBodyRight > h5 {
  margin-top: 1.2vw;
  font-size: 1.25vw;
  font-family: "Orion-Black", sans-serif;
}
.section4 .sectionBodyRight p {
  margin-top: 0.2vw;
  line-height: 1.3;
  padding-left: 0;
}
.sectionBodyRight {
  margin-bottom: 1.9vw;
  flex: 1;
}
.section4 .sectionBodyRight {
  margin-bottom: 0;
  flex: 1;
}
.section5 .sectionBodyRight {
  padding-top: 2vw;
  margin-bottom: 0;
  padding-left: 1.6vw;
  width: 100%;
}
.section3 .sectionBodyRight {
  margin-bottom: 0;
  padding-left: 1.6vw;
  width: 100%;
}
.section6 .sectionBodyRight {
  margin-bottom: 0;
  padding-left: 1.6vw;
  width: 100%;
  padding-top: 2vw;
}
.section6 .titleQuestions {
  color: #ff3a7a;
  font-family: "Orion-Black", sans-serif;
  font-size: 1.25vw;
  margin: 0 0 0.7vw 0;
}
.arrowWrapper {
  width: 1.67vw;
  height: 1.67vw;
  border-radius: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrowWrapper span {
  width: 0.2vw;
  height: 0.3vw;
  border: solid #000;
  border-width: 0 0.15vw 0.15vw 0;
  display: inline-block;
  padding: 0.1vw;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-bottom: 0.3vw;
  transition: 0.6s ease;
}
.item_question {
  width: 26.3vw;
  margin-bottom: 1vw;
}
.item_question.active .arrowWrapper span {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  margin-bottom: -0.1vw;
  transition: 0.6s ease;
}
.questionAnswer {
    transition: all .5s ease-in-out;
    overflow: hidden;
    height: 0;
  }
.mobile .item_question.active .questionAnswer {
    transition: all .5s ease-in-out;
    overflow: hidden;
    height: fit-content;
}
.item_question.active .questionAnswer {
    transition: all .5s ease-in-out;
    overflow: hidden;
    height: fit-content;
}
.questionTop h5 {
  font-size: 0.95vw;
  font-family: "Orion-Bold", sans-serif;
  padding-left: 3vw;
  line-height: 1.2;
  flex: 1;
}
.questionAnswer p span {
  font-size: 0.95vw;
}
.hrQuestion {
  width: 100%;
  height: 1px;
  background-color: #000;
}
.questions {
  margin-top: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.questionTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1vw 0.2vw;
  cursor: pointer;
}
.wrapperQuestion {
  background: #fff;
  padding: 0 1vw;
  border-radius: 1vw;
}
.questionAnswer {
  margin-top: -1vw;
  padding-bottom: 1vw;
}
.questionAnswer a{
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
.questionAnswer p {
  padding: 0;
}
.imageBenefit {
  width: 2.15vw;
  height: 2.15vw;
  background: #eb1660;
  border-radius: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2vw;
}
.imageBenefit img {
  width: 2.15vw;
  height: 2.15vw;
  object-fit: contain;
}
.contentBenefit h5 {
  font-size: 0.95vw;
  font-family: "Orion-Bold", sans-serif;
}
.section4 .contentBenefit h5 {
  font-size: 1.25vw;
  font-family: "Orion-Black", sans-serif;
}
.contentBenefit p {
  font-size: 0.95vw;
}
.wrapperBenefits {
  padding-left: 2.2vw;
}
.itemBenefit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.35vw;
}
.contentBenefit {
  margin-right: 1vw;
}
.invest {
  margin-top: 1vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.invest p {
  font-size: 0.95vw;
  font-family: "Orion-Bold", sans-serif;
  line-height: 1.3;
  margin-right: 1.1vw;
}
.imageinvest {
  width: 2.08vw;
  height: 2.08vw;
  object-fit: contain;
  margin-top: 0.8vw;
}
.animateBg {
  /* background-color: #cfff00; */
  position: absolute;
  width: 150vw;
  height: 150vw;
  border-radius: 100vw;
  z-index: 1;
  transform: scale(0);
  transition: 0.3s ease-in-out;
}
.animateBg1 {
  background-color: #ff3a7a;
}
.animateBg2 {
  background-color: #ff3a7a;
}
.animateBg3 {
  background-color: #ff3a7a;
}
.animateBg4 {
  background-color: #ff3a7a;
}
.animateBg5 {
  background-color: #ff3a7a;
}
.animateBg6 {
  background-color: #ff3a7a;
}
.animateBg.active {
  transform: scale(1.5);
  transition: 0.6s ease-in-out;
}
.animateBg1 {
  top: -43.5vw;
  right: -54.2vw;
}
.animateBg1.back {
  top: -56.5vw;
  right: -1.2vw;
}
.animateBg2 {
  top: -46.5vw;
  right: -41.5vw;
}
.animateBg2.back {
  top: -51.5vw;
  right: -25.2vw;
}
.animateBg3 {
  top: -53.8vw;
  right: -29.6vw;
}
.animateBg3.back {
  top: -56.5vw;
  right: -1.2vw;
}
.animateBg4 {
  top: -43.8vw;
  right: -20.3vw;
}
.animateBg4.back {
  top: -56.5vw;
  right: -1.2vw;
}
.animateBg5 {
  top: -52.3vw;
  right: -9.3vw;
}
.animateBg5.back {
  top: -56.5vw;
  right: -1.2vw;
}
.animateBg6 {
  top: -43.4vw;
  right: 0.3vw;
}
.animateBg6.back {
  top: -56.5vw;
  right: -1.2vw;
}
.backToPapper {
  margin-top: 2vw;
}
.backToPapper p {
  font-size: 1.25vw;
  font-family: "Orion-Black", sans-serif;
  line-height: 1.2;
}
.backPapper {
  width: 2.1vw;
  height: 2.1vw;
  object-fit: contain;
  cursor: pointer;
  margin-top: 0.8vw;
}
/**********************************************/
/*  MOBILE
/**********************************************/
.mobile .main {
    width: inherit;
    padding: inherit;
    background-color: inherit;
}
.mobile .home {
    padding: 0;
}
.mobile .header p, .mobile .header h1 {
    font-size: 8.1vw;
    position: relative;
}
.mobile .topToggleTxt p {
    font-size: 3.6vw;
}
.mobile .header {
    width: 88.8vw;
    position: relative;
    background-color: #f3f4f5;
    padding: 8.7vw 6.2vw 7.2vw 5vw;
}
.mobile .headreMiddle {
    padding: 0;
}
.mobile .headerMiddleWrapper{
    width: 24vw;
}
.mobile .topToggleTxt {
    position: absolute;
    top: 4vw;
    margin-right: -1.2vw;
}
.mobile h1.headerTxt span {
    font-size: 10.4vw;
    top: -2.25vw;
    position: absolute;
    right: -2vw;
}
.mobile .headerRightWrapper {
    line-height: 0.95;
}
.mobile .headerLeftWrapper {
    line-height: 0.92;
}
.mobile .topToggleTxt span {
    width: 1.5vw;
    height: 1.5vw;
    transform: translateY(0) rotate(45deg);
    /* animation: bounce2 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); */
    margin-right: 1.2vw;
}
@keyframes bounce2 {
    50% {
        transform: translateY(-1vw) rotate(45deg);
      }
    }
.mobile .headerToggle {
    width: 14.6vw;
    height: 6.4vw;
    margin: 8vw auto 0;
}
.mobile .headerToggle.active {
    width: 14.6vw;
    height: 6.4vw;
    margin: 8vw auto 0;
}
.mobile .headerToggle .ToggleCircle{
    top: 0.3vw;
    right: 8.5vw;
    height: 5.5vw;
    width: 5.5vw;
}
.mobile .headerToggle.active .ToggleCircle {
    top: 0.3vw;
    right: 0.5vw;
    height: 5.5vw;
    width: 5.5vw;
}
.mobile .homeBodyWrapper {
    padding-top: 3.8vw;
    height: 137vw;
    margin-top: -2vw;
}
.mobile .homeBodyTxt {
    font-size: 4.1vw;
    line-height: 1.2;
    text-align: center;
}
.mobile .contenHome-1 {
    top: 113vw;
    right: 47.6vw;
}
.mobile .contenHome-2 {
    top: 21vw;
    right: 5.5vw;
}
.mobile .contenHome-3 {
    top: 65vw;
    right: 36.6vw;
}
.mobile .contenHome-4 {
    top: 91.5vw;
    right: 5.5vw;
}
.mobile .contenHome-5 {
    top: 25vw;
    left: 5.5vw;
    right: unset;
}
.mobile .contenHome-6 {
    top: 80.5vw;
    right: 64.6vw;
}
.mobile .homeBodyTxtBold span {
    font-size: 4.3vw;
    font-family: "Orion-Black", sans-serif;
}
.mobile .homeBodyTxtBold {
    margin-top: 1vw;
    text-align: center;
}
.mobile .terms p {
    font-size: 4.1vw;
    padding-left: 0;
    line-height: 1.4;
}
.mobile .wrapperFooter {
    display: block;
    padding: 18.5vw 5.5vw 5vw;
}
.mobile .shareGooglePlay img {
    width: 36.4vw;
}
.mobile .shareGooglePlay {
    justify-content: flex-start;
    padding-top: 12vw;
}
.mobile .appStore{
    margin-right: 4vw;
}
.mobile .wrapperFooter h4{
    display: none;
}
.mobile .leumiGroup img {
    width: 23.1vw;
}
.mobile .leumiGroup {
    right: 53.8vw;
    top: 3.1vw;
    left: unset;
}
.mobile .conetnHomeTxt {
    margin-top: 1.5vw;
    font-size: 3.6vw;
}
.mobile .contenHome-4 .homeContentImagWrapper,
.mobile .contenHome-5 .homeContentImagWrapper,
.mobile .contenHome-2 .homeContentImagWrapper{
    width: 37vw;
    height: 37vw;
}
.mobile .contenHome-1 .homeContentImagWrapper ,
.mobile .contenHome-3 .homeContentImagWrapper {
    width: 20.3vw;
    height: 20.3vw;
}
.mobile .contenHome-6 .homeContentImagWrapper {
    width: 18.8vw;
    height: 18.8vw;
}
.stikyButton{
    display: none;
}
.mobile .stikyButton{
    width: 100%;
    height: 16.5vw;
    position: fixed;
    bottom: 0;
    z-index: 1;
    background: #000;
    color: #FF3A7A;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform: translateY(17vw); */
    /* display: block; */
    transition: all 0.6s ease-in-out;
}
.mobile .stikyButton .show{
    transform: translateY(0vw);
    transition: all 0.6s ease-in-out;
}
.mobile .stikyButton span{
    width: 1.3vw;
    height: 1.3vw;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 0.1vw;
    transform: rotate( 135deg); 
    margin-bottom: 0.45vw;
    margin-right: 1vw;
}
.mobile .stikyButton .arrow{
    margin-top: 0;
    padding-bottom: 0.2vw;
    animation: arrow 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@keyframes arrow {
    50% {
        transform: translateX(-1vw);
      }
    }
.mobile .stikyButton span:nth-last-of-type(1){
    margin-right: -1vw;
}
.mobile .stikyButton p{
    font-size: 4.3vw;
    font-family: 'Orion-Black';
}
.mobile .wrapperStickyButton{
    display: flex;
}
.mobile .noPepperWrapper h3 {
    font-size: 4.3vw;
}
.mobile .noPepperWrapper p {
    font-size: 4.1vw;
    margin-top: 3vw;
}
.mobile .noPepperWrapper {
    margin-top: 3.5vw;
    width: 89vw;
    margin: 4.7vw auto 0;
}
.mobile .backPapper {
    width: 15.5vw;
    height: 15.5vw;
    margin-top: 3.8vw;
}
.mobile .backToPapper p{
    margin-top: 5vw;
}
.mobile .logoPepper {
    width: 31.8vw;
    margin-left: 5.5vw;
}
.mobile .backToHome {
    font-size: 4.1vw;
    margin-right: 5.5vw;
}
.mobile .backToHome span {
    width: 1.1vw;
    height: 1.1vw;
    margin-bottom: 0.7vw;
}
.mobile .section1,
.mobile .section2,
.mobile .section3,
.mobile .section4,
.mobile .section5,
.mobile .section6 {
    display: none;
    padding: 0;
    background-color: #F3F4F5;
}
.mobile .sectionHeader {
    padding: 9.2vw 0 0 0;
}
.section2 h4{
    font-size: 3.13vw;
    font-family: "Orion-Black", sans-serif;
    line-height: 1.1;
    padding: 0vw 12.1vw 0 0;
}
.mobile .section2 h4{
    font-size: 8.5vw;
    font-family: "Orion-Black", sans-serif;
    line-height: 1.1;
    padding: 9vw 5.5vw 0;
}
.mobile .section2 .sectionBody {
    padding: 11vw 0;
}
.mobile .sectionBodyCenter {
    position: relative;
    width: 71vw;
    height: 106vw;
    margin: 0 auto;
}
.mobile .section2 .sectionLetfImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: -10vw 0;
}
.mobile .playVideo {
    width: 20.5vw;
    height: 20.5vw;
}
.mobile .animateBg {
    width: 170vw;
    height: 170vw;
}
.mobile .animateBg1.back ,
.mobile .animateBg2.back ,
.mobile .animateBg3.back ,
.mobile .animateBg4.back ,
.mobile .animateBg5.back ,
.mobile .animateBg6.back {
    top: -56.5vw;
    right: -50vw;
}
.mobile .sectionBody {
    display: flex;
    margin: 1.8vw 0 0;
    padding: 0 5.5vw 20vw;
    flex-direction: column-reverse;
}
.mobile .section6 .sectionLetfImage ,
.mobile .section3 .sectionLetfImage ,
.mobile .section5 .sectionLetfImage ,
.mobile .section4 .sectionLetfImage ,
.mobile .section1 .sectionLetfImage {
    width: 72vw;
    padding: 0 8vw;
    margin-left: 0;
    margin-right: 5vw;
}
.mobile .animateBg.active {
    transform: scale(3.5);
}
.mobile .sectionBodyLeft h4{
    font-size: 8.5vw;
    font-family: "Orion-Black", sans-serif;
    line-height: 1.1;
    margin: 9vw 0 11vw 0;
}
.mobile .section1 .sectionBodyRight p {
    padding-left: 0;
    font-size: 4.3vw;
}
.mobile .section1 .sectionBodyRight p.txtColor {
    margin-top: 5vw;
    margin-bottom: 10vw;
}
.mobile .imageBenefit img {
    width: 10.5vw;
    height: 10.5vw;
    object-fit: cover;
}
.mobile .section4 .contentBenefit h5 {
    font-size: 4.3vw;
}
.mobile .contentBenefit p {
    font-size: 4.3vw;
    padding-left: 1vw;
}
.mobile .contentBenefit {
    margin-right: 5.8vw;
}
.mobile .wrapperBenefits {
    padding-left: 0;
}
.mobile .imageBenefit {
    width: 10.5vw;
    height: 10.5vw;
}
.mobile .itemBenefit {
    margin-top: 5.5vw;
}
.mobile .section5 .sectionBodyLeft h4 span {
    font-size: 8.5vw;
    font-family: "Orion-Black", sans-serif;
    color: #cfff00;
    background: #000;
    padding: 0 1vw;
    line-height: 1.3;
}
.mobile .section5 .sectionBodyRight {
    padding-top: 2vw;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.mobile .sectionBodyRight p {
    margin-top: 1vw;
    line-height: 1.4;
    padding-left: 0;
    font-size: 4.3vw;
}
.mobile .section5 .sectionBodyRight > p {
    padding-left: 0;
    margin-top: 1.2vw;
}
.mobile .section5 .sectionBodyRight > h5 {
    margin-top: 8.2vw;
    font-size: 4.3vw;
}
.mobile .questions {
    margin-top: 7.5vw;
}
.mobile .questions {
    margin-top: 7.5vw;
    display: block;
}
.mobile .item_question {
    width: 100%;
    margin-bottom: 5.2vw;
}
.mobile .questionTop h5 {
    font-size: 4.3vw;
    padding-left: 6vw;
    color: #ff3a7a;
}
.mobile .wrapperQuestion {
    background: #fff;
    padding: 5.55vw 5vw;
    border-radius: 3vw;
}
.mobile .arrowWrapper {
    width: 3.67vw;
    height: 3.67vw;
}
.mobile .arrowWrapper span {
    width: 7.2vw;
    height: 3.3vw;
    margin-bottom: 3.3vw;
}
.mobile .sectionBodyRight .questionAnswer p {
    margin-top: 4vw;
}
.mobile .section3 .sectionBodyRight > h5 {
    margin-top: 6.2vw;
    font-size: 4.3vw;
}
.mobile .section3 .sectionBodyRight p img {
    width: 3.9vw;
    height: 3.9vw;
}
.mobile .section6 .questions {
    margin-top: 0;
    display: block;
}
.mobile .section6 .sectionBodyRight p {
    margin-bottom: 7vw;
}
.mobile .section6 .sectionBodyRight p.two {
    margin-bottom: 7vw;
    margin-top: 13vw;
}
.mobile .section3 .questionTop h5 {
    color: #000;
}