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

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: #ED008C;
    --color5: #BDD8F9;
    --color6: #f4f9ff;
    --color7: #f9edf5;
    --color8: #08428F;
    --color9: #36BB22;
    --swiper-theme-color: #0D47A1 !important;
}

* {
    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(--color1);
}

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

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

.hide {
    display: none !important;
}

.headerLogoContainer {
    text-align: center;
}

.mobile .headerLogoContainer {
    padding-top: 6vw;
    text-align: right;
    width: 95vw;
    margin: 0 auto;
}

.headerLogo {
    width: 10vw;
    padding-top: 3.5vw;
}

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

.signScreen {}

.mobile .signScreen {}

.signScreenTitleAndAppLogoContainer {
    text-align: center;
}

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

.signScreenTitle {
    font-family: 'PloniMLv2AAA-U-Bold';
    color: var(--color3);
    font-size: 2.5vw;
    line-height: 1.05;
    text-align: center;
    padding-top: 5vw;
}

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

.signScreenAppLogo {
    text-align: center;
    width: 20vw;
    padding-top: 2vw;
}

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

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

.mobile .beforeAllTitle {
    text-align: center;
    color: var(--color3);
    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;
    padding-top: 3vw;
}

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

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

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

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

.mobile .buttonOne p {
    font-size: 4vw;
}

.buttonTwo {
    background: linear-gradient(180deg, rgba(26, 103, 218, 1) 0%, rgba(14, 73, 164, 1) 100%);
    width: 19.2vw;
    text-align: center;
    height: 3.4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10vw;
    cursor: pointer;
}

.mobile .buttonTwo {
    background: linear-gradient(180deg, rgba(26, 103, 218, 1) 0%, rgba(14, 73, 164, 1) 100%);
    width: 90vw;
    text-align: center;
    height: 12vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10vw;
}

.buttonTwo p {
    font-family: 'PloniMLv2AAA-U-Bold';
    color: white;
    font-size: 1.2vw;
}

.mobile .buttonTwo p {
    font-size: 4vw;
}

.mainScreen {
    margin-right: 8vw;
}

.mobile .mainScreen {
    text-align: center;
    position: relative;
    margin-right: 0;
    background-color: white;
}

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

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

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

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

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

.mobile .meetUpAppExp {
    color: var(--color3);
    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: 0;
    color: var(--color3);
    font-size: 1.5vw;
    padding-top: 1vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .whatWaitTitle {
    text-align: center;
    color: var(--color3);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
    font-size: 6vw;
    padding-right: 0;
    padding-top: 0vw;
    line-height: 1;
}

.selectionContainer {}

.mobile .selectionContainer {}

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

.mobile .questionsContainer {
    width: 100vw;
    background-color: white;
    height: 100vh;
    right: 0;
    padding-bottom: 30vw;
}

.upSubTitle {
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    color: var(--color4);
    position: relative;
    left: 0.5vw;
}

.mobile .upSubTitle {
    left: 0.7vw;
}

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

.mobile .downloadOrSignBottomButtonContainer {
    position: fixed;
    bottom: 0;
    background: white;
    width: 100vw;
    height: 28vw;
    display: flex;
    flex-direction: column;
    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;
    background: var(--color3);
    row-gap: 1vw;
}

.bottomButton {
    width: 21vw;
    height: 3.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(26, 103, 218, 1) 0%, rgba(14, 73, 164, 1) 100%);
    color: white;
    border-radius: 10vw;
    cursor: pointer;
}

.mobile .bottomButton {
    width: 75vw;
    height: 12vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color4);
    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-DemiBold';
    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-DemiBold';
    padding-right: 1vw;
    position: relative;
    top: 0.5vw;
}

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

.mobile .questionsTitle {
    text-align: center;
    padding-bottom: 2vw;
    padding-top: 7vw;
    font-size: 4.5vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    color: var(--color3);
}

.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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .singleQuestionTitle {
    font-size: 4.5vw;
    color: var(--color3);
    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: 1.5px;
    background: var(--color4);
}

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

.selection {}

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

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

.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: 100%;
    height: 3.2vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10vw;
    margin-top: 1.2vw;
    cursor: pointer;
    border: 1px solid var(--color3);
}

.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.8vw;
    color: var(--color4);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

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

.moreInfoButton span {
    font-size: 1.8vw;
    color: var(--color4);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
    padding-right: 0.3vw;
}

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

.optionContainer {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    flex-direction: column;
    background: white;
    width: 10vw;
    height: 13vw;
    border-radius: 0.5vw;
    padding-right: 2vw;
}

.mobile .optionContainer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 77vw;
    height: 24vw;
    margin: 0 auto;
    background: white;
    border-radius: 3vw;
    padding-left: 0vw;
    padding-right: 5vw;
    margin-bottom: 6vw;
    flex-direction: revert;
    padding-right: 0vw;
}

.swipeOption {
    background: var(--color6);
    margin-right: 10vw;
    margin-top: 4vw;
    margin-left: 10vw;
}

.mobile .swipeOption {
    background: var(--color6);
    width: 85vw;
    margin: 0 auto;
    border-radius: 3vw;
    height: 191vw;
    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(--color3);
    font-size: 2.5vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .swipeOptionTitle {
    font-size: 6vw;
    color: var(--color3);
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    padding-bottom: 5vw;
    padding-top: 5vw;
}

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

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

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

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

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

.mobile .optionContainerTitle {
    text-align: right;
    font-size: 4.8vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    color: var(--color3);
}

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

.phoneImage {}

.mobile .phoneImage {
    width: 77vw;
    position: absolute;
    right: 3.5vw;
    bottom: 3.9vw;
    border-radius: 3vw;
}

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

.mobile .swipeOptionSubTitle {
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
    font-size: 3.8vw;
    color: var(--color3);
    padding-bottom: 4vw;
}

.fullCardImage {}

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

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

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

.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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .singleQuestionContainerAnswer p {
    text-align: right;
    font-size: 4.8vw;
    color: var(--color3);
    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 {
    position: absolute;
    left: 4.5vw;
    top: 3vw;
}

.mobile .closeIconQuestionsContainer {
    position: absolute;
    left: 4.5vw;
    top: 6.9vw;
}

.closeIconContainer {
    position: absolute;
    left: 2.5vw;
    top: 3.5vw;
}

.mobile .closeIconContainer {
    position: relative;
    height: 15vw;
    top: 0;
    left: 0;
}

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

.mobile .popUpCloseQuestionsIcon {
    height: 4vw;
    width: 4vw;
    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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    text-align: center;
    padding-top: 4vw;
    padding-bottom: 2vw;
}

.mobile .moreInfoButtonPopupTitle {
    font-size: 5.5vw;
    color: var(--color3);
    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(--color3);
}

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

.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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .moreInfoSelectionImageAndTitle p {
    font-size: 4.5vw;
    color: var(--color3);
    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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

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

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

.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(--color3);
    font-size: 1.5vw;
    line-height: 0;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
    cursor: pointer;
}

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

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

.mobile .goBackToLoginButton span {
    color: var(--color3);
    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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    font-size: 4.5vw;
}

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

.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(--color3);
    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: white;
    overflow-y: scroll;
    box-shadow: 3px 5px 5px lightgray;
}


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

.formContent {
    transform: translateX(0vw);
}

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

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

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

.containerForm {
    text-align: center;
}

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

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

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

.mobile .containerForm .must {
    font-size: 3.4vw;
    margin-top: 5vw;
    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(--color3);
    z-index: 0;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.wichTime,
.wichKupa {
    color: var(--color3);
    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;
}

.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(--color3);
    position: relative;
    top: -0.1vw;
}

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

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

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

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

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

.mobile .itemWhichDay p {
    font-size: 6vw;
    color: var(--color3);
    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(--color3);
}

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

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

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

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

.itemWhichKupa p {
    font-size: 1.05vw;
    color: var(--color3);
    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(--color3);
}

.send-btn {
    width: 100%;
    height: 4.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top: 1.05vw; */
    background: linear-gradient(180deg, rgba(26, 103, 218, 1) 0%, rgba(14, 73, 164, 1) 100%);
    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;
}

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

.field-checkbox label .checkbox-title {
    color: var(--color3);
    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(--color3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2vw;
    transition: all 0.4s ease-in-out;
    top: 0.3vw;
    left: 0.6vw;
}

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

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

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

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

.mobile .wrapperSendButtonForm {
    width: 100%;
    height: 18.2vw;
}

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

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

.mobile .wrapperTnx p {
    font-size: 5.8vw;
}

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

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


/* 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: 69.5vw;
    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(--color3) !important;
    background: white !important;
}

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

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

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

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

.mobile .headerLogoMainScreenContainer {}

.headerLogoMainScreen {
    width: 10vw;
}

.mobile .headerLogoMainScreen {}

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

.mobile .qrCodeContainer {}

.qrCodeImage {
    width: 5vw;
}

.mobile .qrCodeImage {}

.qrCodeTitle {
    color: var(--color3);
    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: 25vw;
    height: auto;
}

.poweredByMoveLogo {
    width: 10vw;
}

.mobile .poweredByMoveLogo {
    width: 40vw;
}

.moreQuestionsTitleContainer {
    background: white;
    width: 100%;
    height: 3.2vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10vw;
    margin-top: 1.2vw;
    cursor: pointer;
    border: 1px solid var(--color3);
}

.mobile .moreQuestionsTitleContainer {
    height: 9vw;
    margin-top: 3vw;
}

.moreQuestionsTitle {
    font-size: 1.8vw;
    color: var(--color4);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .moreQuestionsTitle {
    font-size: 4vw;
    position: relative;
    top: 0.3vw;
}

.moreQuestionsTitleContainer span {
    font-size: 1.8vw;
    color: var(--color4);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
    padding-right: 0.3vw;
}

.mobile .moreQuestionsTitleContainer span {
    font-size: 4vw;
    position: relative;
    top: 0.3vw;
}

.moreQuestionsImage {
    width: 1.2vw;
}

.mobile .moreQuestionsImage {}

.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: 19.2vw;
    right: -3vw;
}

.optionsTitlesContainer p {
    padding-right: 10vw;
    color: var(--color3);
    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(--color4);
}

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

.singleQuestionContainerAnswer tr {
    vertical-align: baseline;
}

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

.singleQuestionContainerAnswer a {
    text-align: right;
    font-size: 1.2vw;
    color: var(--color3);
    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(--color3);
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

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

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


/* singleQuestionContainer */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 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-list10.active .moreInfoExp,
.popupMoreInfoContainer.item-list11.active .moreInfoExp {
    height: 2vw;
}

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

.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-list7.active .moreInfoExp {
    height: 17vw;
}

.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: 21vw;
}

.upUpLogoAndTitleContainer {
    display: flex;
    align-items: center;
}

.mobile .upUpLogoAndTitleContainer {
    display: block;
}

.upUpHebLogo {
    width: 14vw;
}

.mobile .upUpHebLogo {
    width: 50vw;
}

.upUpHebTitle {
    color: var(--color8);
    font-size: 5.2vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    padding-right: 0.8vw
}

.mobile .upUpHebTitle {
    font-size: 9vw;
    padding-top: 0vw;
}

.sportsContainer {
    width: 44vw;
    border-radius: 20px;
    background: var(--lightblue, #EAF7FD);
    padding-right: 1.5vw;
    position: relative;
    margin-top: 2vw;
    padding-bottom: 1.5vw;
}

.mobile .sportsContainer {
    width: 90vw;
    margin: 0 auto;
    padding-bottom: 4.8vw;
}

.upUpLineTitle {}

.mobile .upUpLineTitle {}

.sportsTitleOne {
    padding-right: 0vw;
    color: var(--color3);
    font-size: 2vw;
    padding-top: 1vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .sportsTitleOne {
    font-size: 4.5vw;
    padding-bottom: 4vw;
    padding-top: 4vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.sportsTitleTwo {
    padding-right: 0vw;
    color: var(--color4);
    font-size: 2vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .sportsTitleTwo {
    font-size: 4.5vw;
}

.activitiesContainer {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4vw;
    padding-bottom: 2vw;
    padding-top: 2vw;
}

.mobile .activitiesContainer {
    padding-right: 0vw;
    padding-bottom: 4.8vw;
    padding-top: 4vw;
}

.activity {
    width: 22%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.mobile .activity {
    width: 50%;
}

.activityImage {
    width: 3.6vw;
}

.mobile .activityImage {
    width: 14vw;
}

.activityTitle {
    color: var(--color3);
    font-size: 1vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
    padding-right: 0.6vw;
}

.mobile .activityTitle {
    font-size: 4vw;
    text-align: right;
}

.twoFirstsFree {
    width: 8.3vw;
    height: 8.3vw;
    background: var(--color4);
    position: absolute;
    top: 6vw;
    right: 39.8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100px;
    color: white;
}

.mobile .twoFirstsFree {
    width: 100%;
    height: 14.5vw;
    background: var(--color4);
    position: static;
    border-radius: 0;
}

.twoFirstsFree p {
    font-size: 1.05vw;
    line-height: 1;
}

.twoFirstsFree p span {
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .twoFirstsFree p {
    font-size: 4.3vw;
    position: relative;
    top: 0.2vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.howDoesThisWorksTitle {
    padding-right: 0;
    color: var(--color4);
    font-size: 1.7vw;
    padding-top: 1vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .howDoesThisWorksTitle {
    font-size: 6vw;
    padding-top: 4vw;
}

.bottomContainer {
    width: 44vw;
    padding-bottom: 3vw;
}

.mobile .bottomContainer {
    width: 90vw;
    margin: 0 auto;
    padding-bottom: 48vw;
}

.callActivityActionTitle {
    padding-right: 0;
    color: var(--color3);
    font-size: 1.7vw;
    padding-top: 0vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .callActivityActionTitle {
    font-size: 6vw;
}

.thatWillHelpTitle {
    padding-right: 0;
    color: var(--color3);
    font-size: 1.7vw;
    padding-top: 0vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .thatWillHelpTitle {
    font-size: 5vw;
    padding-top: 2vw;
    padding-bottom: 3vw;
}

.providersAndWhatsAppContainer {
    display: flex;
    column-gap: 2vw;
}

.mobile .providersAndWhatsAppContainer {
    flex-wrap: wrap-reverse;
    row-gap: 3vw;
    padding-top: 1vw;
}

.providersBtn {
    padding-right: 0;
    color: white;
    font-size: 1.5vw;
    padding-top: 0vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .providersBtn {
    font-size: 4vw;
    padding-top: 2.3vw;
}

.downloadArrow {
    width: 2vw;
}

.mobile .downloadArrow {
    width: 5vw;
    top: 1.2vw;
    right: 2.77vw;
    position: relative;
}

.providersBtnContainer {
    background-color: var(--color3);
    width: 21vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5vw;
    height: 3.2vw;
    border-radius: 50px;
}

.mobile .providersBtnContainer {
    width: 100%;
    height: 9vw;
    align-items: baseline;
}

.whatsAppBtnContainer {
    background-color: var(--color9);
    width: 21vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5vw;
    height: 3.2vw;
    border-radius: 50px;
}

.mobile .whatsAppBtnContainer {
    width: 100%;
    height: 9vw;
    align-items: baseline;
}

.whatsAppNumberContainer {
    display: flex;
    align-items: center;
    column-gap: 0.5vw;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
}

.mobile .whatsAppNumberContainer {
    justify-content: center;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
}

.whatsAppBtn {
    padding-right: 0;
    color: white;
    font-size: 1.5vw;
    padding-top: 0vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .whatsAppBtn {
    font-size: 4vw;
    padding-top: 2.3vw;
}

.whatsAppLogo {
    width: 2vw;
}

.mobile .whatsAppLogo {
    position: relative;
    width: 5vw;
    top: 1.2vw;
    right: 2vw;
}

.whatsAppNumber {
    padding-right: 0;
    color: var(--color3);
    font-size: 2.5vw;
    padding-top: 0vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.mobile .whatsAppNumber {
    font-size: 6vw;
}

.whatsAppLogoTransp {
    width: 2.2vw;
    position: relative;
    bottom: 0.15vw;
}

.mobile .whatsAppLogoTransp {
    width: 5.5vw;
    bottom: 0.4vw;
}

.fourOffersTitle {
    padding-right: 0vw;
    color: var(--color3);
    font-size: 0.8vw;
    padding-top: 1vw;
    font-family: 'PloniMaccabiMLv2AAA-DemiBold';
}

.mobile .fourOffersTitle {
    font-size: 3.5vw;
    text-align: right;
    padding-top: 4vw;
}

.mobile .notMemberTitle {
    color: white;
    font-size: 7vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
}

.moreTxt {
    width: 17.3vw;
    height: 2.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ED008C;
    border-bottom: 1px solid #ED008C;
}

.moreTxt p {
    font-size: 1.3vw;
    font-family: 'PloniMaccabiMLv2AAA-Bold';
    color: #ED008C;
    position: relative;
    top: 0.1vw;
}

.mobile .moreTxt {
    width: 100%;
    height: inherit;
    border: none;
}

.mobile .moreTxt p {
    font-size: 4.3vw;
    top: 0;
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .mobile .swipeOption {
        height: 198vw;
    }
    /* singleQuestionContainer */
    .mobile .singleQuestionContainer.item-list1.active .singleQuestionContainerAnswer {
        height: 45vw;
    }
    .mobile .singleQuestionContainer.item-list2.active .singleQuestionContainerAnswer {
        height: 40vw;
    }
    .mobile .singleQuestionContainer.item-list3.active .singleQuestionContainerAnswer {
        height: 32vw;
    }
    .mobile .singleQuestionContainer.item-list4.active .singleQuestionContainerAnswer {
        height: 35vw;
    }
    .mobile .singleQuestionContainer.item-list5.active .singleQuestionContainerAnswer {
        height: 75vw;
    }
    .mobile .singleQuestionContainer.item-list6.active .singleQuestionContainerAnswer {
        height: 35vw;
    }
    .mobile .singleQuestionContainer.item-list7.active .singleQuestionContainerAnswer {
        height: 35vw;
    }
    .mobile .singleQuestionContainer.item-list8.active .singleQuestionContainerAnswer {
        height: 45vw;
    }
    .mobile .singleQuestionContainer.item-list9.active .singleQuestionContainerAnswer {
        height: 35vw;
    }
    .mobile .singleQuestionContainer.item-list10.active .singleQuestionContainerAnswer {
        height: 40vw;
    }
    .mobile .singleQuestionContainer.item-list11.active .singleQuestionContainerAnswer {
        height: 35vw;
    }
    .mobile .singleQuestionContainer.item-list12.active .singleQuestionContainerAnswer {
        height: 30vw;
    }
    .mobile .singleQuestionContainer.item-list13.active .singleQuestionContainerAnswer {
        height: 25vw;
    }
    /* 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-list6.active .moreInfoExp,
    .mobile .popupMoreInfoContainer.item-list8.active .moreInfoExp,
    .mobile .popupMoreInfoContainer.item-list9.active .moreInfoExp {
        height: 19vw;
    }
    .mobile .whatsAppBtn {
        padding-top: 1.5vw;
    }
    .mobile .providersBtn {
        padding-top: 1.5vw;
    }
}