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

.hide {
    display: none !important;
}

html {
    scroll-behavior: smooth;
}

/* a:focus-visible,
button:focus-visible,
a:focus,
button:focus {
	box-shadow: 0 0 4px #ed008cd9 !important;
} */
:root {
    --color1: #ffffff;
    --color2: #000000;
    --color3: #08428f;
    --color4: #ed008c;
    --color5: #dfb6c0;
    --color6: #be6090;
}

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

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

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

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

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

/* body {
    visibility: hidden;
} */

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

a {
    color: inherit;
}
a.linkMu {
    text-decoration: underline;
}

button {
    border: none;
    background-color: transparent;
}

ul {
    list-style-type: none;
}

img {
    object-fit: contain;
}

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

body.showPopup {
    overflow: hidden;
}

/*****************/

/* Form */

/*****************/
.work-input::placeholder {
    color: #1e3c95;
    font-size: 1.04vw;
    opacity: 0;
}

.mobile .work-input::placeholder {
    font-size: 4.3vw;
}

.work-input:focus::placeholder {
    opacity: 1;
}

.formContent {
    position: fixed;
    top: 0;
    left: 0;
    width: 33.9vw;
    height: 100%;
    z-index: 4;
    align-items: center;
    justify-content: center;
    background: var(--color3);
    overflow-y: scroll;
    padding-top: 0;
}
.video-container {
    position: relative;
        width: 92%;

}
.video-container img{
    position: absolute;
    top: 15vw;
    left: 13.5vw;
}
.mobile .video-container img {
    top: 44vw;
    left: 37.5vw;
}
.main-video {
        border-radius: 20px;
        width: 57%;
        height: 30vw;;
}
.mobile .main-video{
    width: 75%;
    height: 105vw;
}
.kupot .formContent  {
    display: none;
}
.mobile .formContent {
    transform: translateY(220vw);
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: 0.6s ease-in-out;
    padding-top: unset;
}

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

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

.formContent .close {
    display: none;
}

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

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

.mobile .popupLeave .closeP {
    top: 1vw;
    left: 1vw;
    width: 1.7vw;
    height: 1.7vw;
}

.popupLeave .closeP span {
    width: 1.7vw;
    height: 1px;
    background-color: var(--color2);
    position: absolute;
    margin-top: 0.4vw;
}

.formContent .close span {
    width: 1.7vw;
    height: 1px;
    background-color: var(--color1);
    position: absolute;
    margin-top: 0.4vw;
}

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

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

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

.popupLeave .closeP {
    top: 0.78vw;
    left: 0.78vw;
    width: 1.46vw;
    height: 1.46vw;
}

.mobile .popupLeave .closeP {
    top: 3.49vw;
    left: 3.49vw;
    width: 6.51vw;
    height: 6.51vw;
}

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

.popupLeave .closeP span {
    width: 1.7vw;
    height: 1px;
    margin-top: 0;
    inset-inline-start: -0.1vw;
}

.mobile .popupLeave .closeP span {
    width: 7.7vw;
    height: 1px;
    margin-top: 0;
    inset-inline-start: -0.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: 4.17vw 2.86vw 0;
    opacity: 0;
    animation: showAnimation 0.6s ease forwards;
    animation-delay: 0.3s;
}

@keyframes showAnimation {
    100% {
        opacity: 1;
    }
}

.mobile .wrapperForm {
    width: 100%;
    height: fit-content;
    padding: 0 7.7vw;
}

.containerForm {
    text-align: center;
}

.containerForm h3 {
    color: #fff;
    font-size: 2.1vw;
    text-align: right;
    line-height: 0.9;
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    letter-spacing: 0.05vw;
}

.top {
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    font-size: 2.1vw;
    line-height: 0.9;
    text-align: center;
    letter-spacing: 0;
}

.easy .top,.soldier .top, .mental .top,.disadvantaged .top,.fitness .top,.general .top  {
    text-align: right ;
}

.callDesktop {
    font-size: 1.6vw;
    font-weight: 400;
    margin-top: 0.8vw;
    line-height: 1;
    text-align: center;
    letter-spacing: 0;
}

.easy .callDesktop, .soldier .callDesktop, .mental .callDesktop,.disadvantaged .callDesktop,.fitness .callDesktop,.general .callDesktop {
    display: none;
}

.callDesktop a {
    font-family: "PloniMaccabiMLv2AAA-Bold";
    font-size: 2.1vw;
    letter-spacing: 0;
}

.bottom {
    font-size: 1.6vw;
    font-weight: 400;
    margin-top: 0.8vw;
    line-height: 1;
    text-align: center;
    letter-spacing: 0;
}

.easy .bottom, .soldier .bottom, .mental .bottom,.disadvantaged .bottom,.fitness .bottom, .general .bottom{
    display: none;
}

.containerForm .must {
    font-size: 0.75vw;
    margin-top: 1.56vw;
    text-align: right;
    color: var(--color1);
}

.mobile .containerForm h3 span,
.mobile .containerForm h3 p {
    font-size: 5.8vw;
}

.mobile .containerForm h3 {
    font-size: 7.1vw;
    text-align: right;
    margin-top: 5vw;
    line-height: 0.95;
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    letter-spacing: 0.1vw;
}

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

.fields-section {
    position: relative;
    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.13vw;
}
.field.field-checkbox.first{
    margin-top: 3.13vw;
}
.field.field-checkbox.soldier2 {
    display: none;
}
.field.field-checkbox.soldier2.active {
    display: block;
}
.soldier3 .field.field-checkbox.soldier2.active {
    display: none;
}

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

.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: 1px solid #fff;
    cursor: pointer;
}

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

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

.itemWhichDay p {
    font-size: 1.6vw;
    color: var(--color1);
    line-height: 0.9;
}

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

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

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

.itemWhichKupa:hover,
.itemWhichKupa.active {
    border: 2px solid var(--color4);
}

.itemTime:hover,
.itemTime.active {
    border: 2px solid var(--color4);
}

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

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

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

.mobile .error-m.time {
    background: #fff;
    padding: 0.5vw 1.4vw 0;
    border-radius: 2.6vw;
    top: -9vw;
    left: 0;
}

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

.mobile .error-m.kupa {
    background: #fff;
    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;
    background: var(--color5);
    border-radius: 2.6vw;
    margin-bottom: 4vw;
    margin-top: 1.3vw;
}

.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: var(--color3);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.txt-send-button p {
    font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

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

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

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

.tnx {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 3vw;
    inset-inline-start: 0;
    background: var(--color3);
    z-index: 1;
}

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

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

.wrapperTnx p {
    font-size: 1.8vw;
    line-height: 1.05;
    color: var(--color1);
    font-family: "PloniMaccabiMLv2AAA-Regular";
    letter-spacing: 0.03vw;
        font-weight: bold;

}

.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"] {
    width: 0;
    height: 0;
}

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

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

.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(--color1);
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 0.7vw;
    transition: all 0.4s ease-in-out;
    top: 0.35vw;
    left: 0.4vw;
    font-weight: 600;
}

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

@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: 18.2vw;
    margin-top: 1vw;
    border-radius: 12.5vw;
}

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

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

.mobile .txt-send-button p {
    font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.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: 8.5vw;
        font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    
}

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

.mobile .field .checkbox-v {
    width: 4.59vw;
    height: 4.59vw;
    top: -0.7vw;
}

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

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

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

.mobile .logoForm {
    display: none;
}

.logoForm img {
    width: 28.65vw;
    height: 13.6vw;
    object-fit: contain;
}

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

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

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

/*****************/

/* END Form */

/*****************/

/*****************/

/* MAIN */

/*****************/

.main {
    overflow: hidden;
}

.soldier .footer {
    padding-top: 2vw;
}

.mobile.soldier .footer {}

.content {
    position: relative;
    width: 100vw;
    height: auto;
}

.soldier .content {
    height: auto;
}

.mental .content {
    height: 188vw;
}

.mobile.haredi .content {
    height: auto;
    padding-bottom: 30vw;
}

.mobile.datal .content {
    height: auto;
    padding-bottom: 30vw;
}

.mobile .content {
    width: 100vw;
    height: 860vw;
    padding: 0;
}

.mobile.disadvantaged .content {
    width: 100vw;
    height: auto;
    padding: 0vw 0vw 20vw;
}

.mobile.soldier .content {
    height: auto;
    padding-bottom: 30vw;
}

.mobile.mental .content {
    height: 900vw;
}

.bgMain {
    position: absolute;
    top: 7vw;
    inset-inline-start: 0;
    width: 112vw;
    height: 126vw;
    object-position: 2vw 0;
}

.mobile .bgMain {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-position: 0 130vw;
}

.logoMain {
    position: absolute;
    top: 2.08vw;
    inset-inline-start: 7.81vw;
    width: 8.3vw;
    height: 4vw;
    object-fit: contain;
    cursor: pointer;
    z-index: 2;
}

.mobile .logoMain {
    top: 3vw;
    inset-inline-start: 7.25vw;
    width: 28.65vw;
    height: 13.6vw;
    z-index: 2;
}

.PersonMain {
    position: absolute;
    top: 6.7vw;
    inset-inline-start: 35.2vw;
    width: 35.94vw;
    height: 20.73vw;
}

.PersonMain.PersonMainHaredi {
    top: 6.7vw;
    inset-inline-start: 33.2vw;
    width: 33.02vw;
    height: 21.4vw;
    object-fit: cover;
}

.mobile .PersonMain.PersonMainHaredi {
    top: 6.7vw;
    inset-inline-start: 35.2vw;
    width: 35.94vw;
    height: 20.73vw;
}

.PersonMain.PersonMainDatal {
    top: 6.7vw;
    inset-inline-start: 33.2vw;
    width: 33.1vw;
    height: 21.2vw;
    object-fit: cover;
}

.mobile .PersonMain.PersonMainDatal {
    height: 79.47vw;
    width: 114vw;
    inset-inline-start: -8vw;
    top: 70.5vw;
    transform: scaleX(-1);
}

.PersonMain.PersonMainGeneral {
    top: 4.95vw;
    inset-inline-start: 34.9vw;
    width: 23.65vw;
    height: 20.2vw;
    object-fit: contain;
}

.mobile .PersonMain {
    top: 69.5vw;
    inset-inline-start: 11.25vw;
    width: 76.2vw;
    height: 80.78vw;
    object-fit: contain;
}

.mobile .PersonMain.PersonMainGeneral {
    top: 72.5vw;
    inset-inline-start: 7.25vw;
    width: 63.26vw;
    height: 56.74vw;
}

.mobile.mental .PersonMain.PersonMainGeneral {
    top: 64.5vw;
}

.mobile.haredi .PersonMain {
    height: 79.47vw;
    width: 111vw;
    inset-inline-start: -5vw;
    top: 70.5vw;
    transform: scaleX(-1);
}

.mobile.haredi .PersonMain.harediDiff {
    height: 79.47vw;
    width: 111vw;
    inset-inline-start: -5vw;
    top: 47.5vw;
    transform: scaleX(-1);
}

.mobile.haredi .listContainer {
    padding: 0;
}

.mainText {
    position: relative;
    z-index: 1;
    padding: 10.9vw 7.81vw 0;
    width: 65.9vw;
    height: 22vw;
    visibility: hidden;
}
.soldier .mainText {
    padding: 7.9vw 7.81vw 0;
    
}
.soldier .mainText span {
    color: var(--color6);
    font-weight: bolder;
    font-family: "PloniMLv2AAA-U-Bold", sans-serif;
}

.disadvantaged .mainText {
    padding: 7.5vw 7.81vw 0;
}

.general:not(.haredi):not(.datal) .mainText {
    padding: 9.6vw 7.81vw 0;
}

.alt .mainText,
.home .mainText,
.soldier .mainText,
.moving .mainText,
.disadvantaged .mainText,
.mental .mainText,
.expert .mainText,
.sos .mainText,
.easy .mainText,
.natural .mainText,
.fitness .mainText,
.birth .mainText,
.teeth .mainText,
.survey .mainText,
.haredi .mainText,
.datal .mainText,
.general .mainText {
    visibility: visible;
}

.mobile .mainText {
    width: 100%;
    height: fit-content;
    padding: 23vw 7.25vw 0;
}
.mobile.soldier.new .mainText {
    height: 82vw;
}

.mainText h1 {
    font-size: 3.65vw;
    line-height: 0.85;
    font-family: "PloniMLv2AAA-U-Bold", sans-serif;
    color: var(--color6);
    position: relative;
}

.mainText h1.facebook_harediH1 {
    color: var(--color3);
}
.mobile .mainText h1.facebook_harediH1{
    font-size: 9.08vw;
}
.last_phase {
  font-size: 1.56vw;
    position: relative;
    top: -1vw;
}
.mobile .last_phase {
    font-size: 5.56vw;

}
.coha {
    color: var(--color6);
}
.facebook_harediH1 + .sub_title {
    margin-top: -0.5vw;
    display: none;
}
.mobile .facebook_harediH1 + h2.sub_title + h2.sub_title {
    margin-top: 0.5vw;
    display: none;

}
div.mainText.facebook_hared + .filterButtons {
    margin-top: 1vw;

}
.disadvantaged .mainText h1{
    line-height: 0.75;
}

.disadvantaged,
.soldier{
    .mainText h1 {
        color: var(--color3);

    }
}

.mobile{
    &.disadvantaged,
    &.soldier{
        .mainText h1 {
            font-size: 10.5vw;
        }
    }
}
.soldier .mainText h1{
    /* font-size: 3.20vw; */
    font-size: 2.5vw;
}
.soldier.new .mainText h1 {
    color: var(--color6);
}
.soldier .mainText h1 div {
    font-family: "PloniMLv2AAA-U-Bold", sans-serif;
}
.mobile.soldier .mainText h1{
    font-size: 9vw;
    br{display: none;}
}
.mobile.new.soldier .mainText h1 {
    br{display: block;}
}
.mental .mainText h1 {
    font-size: 3.3vw;
}

.survey .mainText h1 {
    font-size: 3.2vw;
}

.alt .mainText h1 {
    font-size: 3.2vw;
}

.mobile .mainText h1 {
    font-size: 12.08vw;
    line-height: 0.9;
}

.mobile.general:not(.haredi):not(.datal) .mainText h1 {
    font-size: 12.08vw;
    text-align: right;
    line-height: 0.9;
}

.mobile.general:not(.haredi):not(.datal) .mainText {
    padding: 23vw 7.25vw 0;
}

.mobile.general:not(.haredi):not(.datal) .mainText h2 {
    font-size: 6.04vw;
    margin-top: 4vw;
    text-align: right;
    line-height: 1;
}

.mobile.general:not(.haredi):not(.datal) .listContainer {
    padding: 0;
}

.mobile.general:not(.haredi):not(.datal) .content {
    height: auto;
    padding-bottom: 30vw;
}

.mobile.survey .mainText h1 {
    font-size: 12.5vw;
}

.mobile.mental .mainText h1 {
    font-size: 10.8vw;
}

.mobile.birth .mainText h1 {
    font-size: 10.5vw;
}

.mobile.fitness .mainText h1 {
    font-size: 12.5vw;
}

.mobile.natural .mainText h1 {
    font-size: 10.5vw;
}

.mobile.easy .mainText h1 {
    font-size: 10.5vw;
}

.mobile.sos .mainText h1 {
    font-size: 12vw;
}

.mobile.expert .mainText h1 {
    font-size: 11.5vw;
}

.mobile.alt .mainText h1 {
    font-size: 9vw;
}

.mainText h2 {
    font-size: 1.56vw;
    line-height: 1;
    color: var(--color3);
    margin-top: 1vw;
    font-weight: 400;
    position: relative;
}
.soldier .mainText h3 {
    font-size: 1.56vw;
    line-height: 1;
    color: var(--color3);
    margin-top: 1vw;
    font-weight: 400;
    position: relative;
    font-weight: bolder;  
}
.mobile.soldier .mainText h3 {
    font-size: 4.8vw; 
    margin-top: -2vw;
}
.mobile.new.soldier .mainText h3 {
    margin-top: 3vw;
}
.disadvantaged  .mainText h1 .asterisk{
    inset-inline-start: 27.7vw;
}
.mobile.disadvantaged  .mainText h1 .asterisk{
    inset-inline-start: 80vw;
}
.soldier .mainText h1 .asterisk{
  
    inset-inline-start: 46.1vw;

}
.mobile.soldier .mainText h1 .asterisk{
    inset-inline-start: 34vw;

}
.disadvantaged,
.soldier{
    .mainText h1 .asterisk {
        width: 2vw;
        bottom: 1.5vw;
    }
    .mainText h2 .asterisk {
        width: 1vw;
        bottom: 0.9vw;
    }
    .mainText h1 .asterisk {
        width: 2vw;
        bottom: 0.5vw;
    }
    .mainText h2 {
        padding-right: 0.85vw;
        font-size: 2vw;
        font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
        margin-top: 0.5vw;
    }
}

.mobile{
    &.disadvantaged,
    &.soldier{
        .mainText h1 .asterisk {
            width: 6vw;
            bottom: 4vw;
        }
        .mainText h2 .asterisk {
            width: 3vw;
            bottom: 2.5vw;
        }
        .mainText h2 {
            padding-right: 2.5vw;
            margin-top: 1vw;
        }
    }
}



.mobile .mainText h2 {
    font-size: 6.04vw;
    margin-top: 4vw;
}

.moving.mobile .mainText h2 {
    font-size: 5.8vw;
}

.mobile.mental .mainText h2 {
    font-size: 4.7vw;
}

.mobile.easy .mainText h2 {
    font-size: 5.5vw;
}

.mobile.birth .mainText h2 {
    font-size: 4.7vw;
}

.mobile.sos .mainText h2 {
    font-size: 4.8vw;
}

.mobile.soldier .mainText h2 {
    font-size: 4.8vw;
}

.mobile.alt .mainText h2 {
    font-size: 4.8vw;
}

.filterButtons {
    display: flex;
    gap: 1.04vw;
    padding: 4.2vw 7.81vw 2.08vw;
}
.kupot .filterButtons {
    display: flex;
    gap: 1.04vw;
    padding: 4.2vw 7.81vw 2.08vw;
    position: relative;
    top: -4vw;
    z-index: 5;
}

.mental .filterButtons {
    padding: 7.8vw 7.81vw 2.08vw;
}

.mobile .filterButtons {
    gap: 2.42vw;
    padding: 63.13vw 4.83vw 4.83vw;
}
.mobile.soldier .filterButtons{
    background-color: #fff; margin-block: 33.10vw 4.83vw; padding-inline: 4.83vw; padding-block: 6vw 0;
}
.mobile.new.soldier .filterButtons {
    background-color: #fff;
    margin-block: 33.10vw 4.83vw;
    padding-inline: 4.83vw;
    padding-block: 6vw 0;
    padding-bottom: 4vw;
    background: #e5e5e5;
}

.mobile.disadvantaged .filterButtons {
    padding: 67.13vw 4.83vw 0;
}
.mobile.disadvantaged.kupot .filterButtons {
    padding: 69.13vw 4.83vw 0;
}

.mobile.datal .filterButtons,
.mobile.haredi .filterButtons {
    padding: 79.13vw 4.83vw 4.83vw;
}

.filterButton {
    border: 2px solid var(--color3);
    border-radius: 2.6vw;
    cursor: pointer;
    transition: 0.3s all;
}

.filterButton-1 {
    width: 9.15vw;
    order: 1;
}

.filterButton-2 {
    width: 8.06vw;
    order: 2;
}

.filterButton-3 {
    width: 7.54vw;
    order: 3;
}

.soldier .filterButton-1 {
    order: 2;
}

.soldier .filterButton-2 {
    order: 1;
}

.soldier .filterButton-3 {
    order: 3;
}

.mobile .filterButton {
    border-radius: 12.08vw;
    width: 30.92vw;
    height: 12.56vw;
    padding: 0 4.83vw;
}

.filterButton.active,
.filterButton:hover {
    background-color: var(--color5);
    transition: 0.3s all;
}

.filterButton p {
    font-size: 1.04vw;
    padding: 0.52vw 1.04vw;
    color: var(--color3);
    transition: 0.3s all;
}

.mobile .filterButton p {
    font-size: 4.35vw;
    padding: 2vw 0 1.7vw;
    line-height: 0.85;
}

.filterButton.active p,
.filterButton:hover p {
    /* color: var(--color3); */
    transition: 0.3s all;
    font-family: "PloniMaccabiMLv2AAA-Bold";
}

.listContainer {
    position: relative;
    z-index: 1;
    padding: 0;
    width: 65.9vw;
    margin-top: 1.04vw;
    display: flex;
    flex-direction: column;
}

.kupot .listContainer {
    width: 100%;
}

.mobile .listContainer {
    padding: 0;
    width: 100%;
}

/* .mobile.soldier .listContainer, */
.mobile.natural .listContainer,
.mobile.survey .listContainer,
.mobile.teeth .listContainer {
    padding: 99.3vw 0 0;
}

.mobile.sos .listContainer,
.mobile.fitness .listContainer,
.mobile.birth .listContainer {
    padding: 106.3vw 0 0;
}

.listContainer h3 {
    font-size: 2.35vw;
    line-height: 1;
    font-family: "PloniMaccabiMLv2AAA-Bold";
    color: var(--color6);
    padding: 1.56vw 7.81vw 0 0;
    position: relative;
    width: fit-content;
    z-index: 1;
}

.listContainer h3 span {
    position: absolute;
    top: 2.2vw;
    left: 0.3vw;
    width: 100%;
    height: 1.46vw;
    background: var(--color5);
    z-index: -1;
}

.mobile .listContainer h3 {
    font-size: 8.45vw;
    padding: 9.66vw 4.83vw 0 0;
}

.mobile.soldier.new .listContainer h3 {
    font-size: 8.45vw;
    padding: 0.66vw 4.83vw 0 0;
}

.list {
    margin-top: 1.45vw;
    margin-bottom: 0vw;
    padding: 0 7.81vw 2.08vw;
}

.harediSpecial .list {
    display: flex;
    flex-direction: column;
}

.mobile .list {
    margin-top: 4.9vw;
    margin-bottom: 0;
    padding: 0 4.83vw 0;
}

.wrapperImageTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0.6vw 0;
}

.mobile .wrapperImageTitle {
    padding: 5vw 0;
}

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

.listImage {
    width: 3.13vw;
    height: 3.13vw;
}
.listImage.PersonMainGeneral.PersonMainDatal.baby {
  height: 5.13vw;
}
.mobile .listImage.PersonMainGeneral.PersonMainDatal.baby {
  height: 20.13vw;
}
.mobile .listImage {
    width: 14.49vw;
    height: 14.49vw;
}

.titleList {
    font-size: 1.8vw;
    line-height: 1;
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    color: var(--color3);
    padding-right: 0.5vw;
}

.mobile .titleList {
    font-size: 5.31vw;
    padding-right: 2.42vw;
}

.arrow {
    width: 1.9vw;
    height: 1.9vw;
    transform: rotate(0deg);
    transition: 0.3s all;
    mix-blend-mode: multiply;
}

.mobile .arrow {
    width: 8.94vw;
    height: 8.94vw;
}

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

.itemList {
    margin-bottom: 1vw;
    display: block;
}

.mobile .itemList {
    margin-bottom: 0.2vw;
}

.itemList.active .descriptionList {
    height: 2.5vw;
    transition: 0.3s all;
}

.mobile .itemList.active .descriptionList {
    height: 18vw;
}

.itemList.itemList-14.active .descriptionList {
    height: 2.5vw;
}

.itemList.itemList-1f.active .descriptionList,
.itemList.itemList-2f.active .descriptionList {
    height: 3.7vw;
}

.mobile .itemList.itemList-1f.active .descriptionList,
.mobile .itemList.itemList-2f.active .descriptionList {
    height: 14.2vw;
}

.itemList.itemList-2.active .descriptionList,
.itemList.itemList-3.active .descriptionList,
.itemList.itemList-5.active .descriptionList,
.itemList.itemList-6.active .descriptionList,
.itemList.itemList-7.active .descriptionList,
.itemList.itemList-10.active .descriptionList,
.itemList.itemList-11.active .descriptionList,
.itemList.itemList-12.active .descriptionList,
.itemList.itemList-13.active .descriptionList,
.itemList.itemList-15.active .descriptionList,
.itemList.itemList-19.active .descriptionList,
.itemList.itemList-24.active .descriptionList,
.itemList.itemList-23.active .descriptionList,
.itemList.itemList-27.active .descriptionList,
.itemList.itemList-16.active .descriptionList {
    height: 2.6vw;
}
.itemList.itemList-39.active .descriptionList,.itemList.itemList-43.active .descriptionList {
    height: 3.5vw;
}
.itemList.itemList-43.active .descriptionList {
    height: 4.5vw;
}
.itemList.itemList-25.active .descriptionList,
.itemList.itemList-26.active .descriptionList,
.itemList.itemList-28.active .descriptionList,
.itemList.itemList-10.active .descriptionList,
.itemList.itemList-6.active .descriptionList,
.itemList.itemList-9.active .descriptionList {
    height: 3.6vw;
}

.itemList.itemList-18.active .descriptionList {
    height: 3.6vw;
}

.itemList.itemList-21.active .descriptionList {
    height: 5.6vw;
}

.mobile .itemList.itemList-2.active .descriptionList,
.mobile .itemList.itemList-3.active .descriptionList,
.mobile .itemList.itemList-5.active .descriptionList,
.mobile .itemList.itemList-7.active .descriptionList,
.mobile .itemList.itemList-8.active .descriptionList,
.mobile .itemList.itemList-11.active .descriptionList,
.mobile .itemList.itemList-12.active .descriptionList,
.mobile .itemList.itemList-13.active .descriptionList,
.mobile .itemList.itemList-15.active .descriptionList,
.mobile .itemList.itemList-19.active .descriptionList,
.mobile .itemList.itemList-23.active .descriptionList,
.mobile .itemList.itemList-27.active .descriptionList,
.mobile .itemList.itemList-16.active .descriptionList {
    height: 19vw;
}

.mobile .itemList.itemList-39.active .descriptionList{
    height: 29vw;
}
.mobile .itemList.itemList-41.active .descriptionList  {
   height: 27vw; 
}

.mobile .itemList.itemList-42.active .descriptionList  {
   height: 27vw; 
}
.mobile .itemList.itemList-43.active .descriptionList {
height: 34vw;
}


.mobile .itemList.itemList-24.active .descriptionList,
.mobile .itemList.itemList-28.active .descriptionList,
.mobile .itemList.itemList-10.active .descriptionList {
    height: 22vw;
}

.mobile .itemList.itemList-25.active .descriptionList {
    height: 28vw;
}

.mobile .itemList.itemList-4.active .descriptionList {
    height: 13.5vw;
}

.mobile .itemList.itemList-9.active .descriptionList {
    height: 26.5vw;
}

.mobile .itemList.itemList-22.active .descriptionList,
.mobile .itemList.itemList-14.active .descriptionList,
.mobile .itemList.itemList-17.active .descriptionList {
    height: 15vw;
}

.mobile .itemList.itemList-26.active .descriptionList,
.mobile .itemList.itemList-18.active .descriptionList {
    height: 26.6vw;
}

.mobile .itemList.itemList-21.active .descriptionList {
    height: 32vw;
}

.mobile .itemList.itemList-6.active .descriptionList {
    height: 30vw;
}

.itemList-20,
.itemList-20,
.itemList-21,
.itemList-22,
.itemList-23 {
    display: none;
}

.datal .itemList-24,
.haredi .itemList-24,
/* .haredi .itemList-28, */
.easy .itemList-24,
.soldier .itemList-24,
.soldier .itemList-27,
.soldier .itemList-8,
.soldier .itemList-10 {
    display: none;
}

.soldier .itemList-20,
.soldier .itemList-21,
.soldier .itemList-22,
.soldier .itemList-23 {
    display: block;
}
.harediSpecial .itemList.itemList-28 {
    order: 5;
}

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

.descriptionList p.only_desktop br {
    display: none;
}
.itemList-41 .descriptionList p.only_desktop br,.itemList-43 .descriptionList p.only_desktop br,.itemList-44 .descriptionList p.only_desktop br{
    display: block;
}
.itemList-7 .descriptionList p.only_desktop br{
    display: block;
}

.descriptionList p {
    font-size: 1.05vw;
    line-height: 1;
    color: var(--color3);
    padding-bottom: 0.5vw;
    padding-right: 4.9vw;
}

.descriptionList p span {
    font-size: 0.85vw;
}

.mobile .descriptionList p {
    font-size: 4.3vw;
    padding-bottom: 0;
    padding-right: 0;
    text-wrap: pretty;
}

.mobile .descriptionList p span {
    font-size: 3.3vw;
}

.hr {
    width: 100%;
    height: 2px;
    background: var(--color3);
    margin-top: 0.5vw;
}

.mobile .hr {
    width: 100%;
    height: 0.12vw;
    background: var(--color3);
    margin-top: 0;
    margin-bottom: 0;
}

.footer {
    position: relative;
    z-index: 1;
    padding: 0 7.81vw 0;
    width: 64.5vw;
}

.mobile .footer {
    padding: 4.83vw 4.83vw 0;
    width: 100%;
}

.footer p {
    font-size: 0.85vw;
    line-height: 1;
    color: var(--color3);
    margin-bottom: 1vw;
}

.mobile .footer p {
    font-size: 3.6vw;
    margin-bottom: 5vw;
}

.footer a {
    width: fit-content;
    position: relative;
    display: block;
}

.footer a p {
    font-family: "PloniMaccabiMLv2AAA-Bold";
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.stickyButton {
    display: none;
}

.mobile .stickyButton.active {
    display: block;
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 28.4vw;
    background-color: var(--color3);
    padding: 3vw 7.7vw;
    text-align: center;
    z-index: 1;
    transform: translateY(30vw);
    animation: 0.6s moveButtonUp ease forwards;
    animation-delay: 0.5s;
}
.mobile.kupot .stickyButton.active {
    display: none;
}

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

.mobile .stickyButton h3 {
    font-size: 6.04vw;
    color: var(--color1);
    font-family: "PloniMaccabiMLv2AAA-DemiBold";
}

.buttonWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vw;
    gap: 2vw;
}

.c2c {
    width: 40.34vw;
    height: 10.87vw;
    display: flex;
    background: var(--color5);
    border-radius: 12.9vw;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}

.c2c p {
    font-size: 4.35vw;
    color: var(--color3);
    /* font-weight: 600; */
}

.c2c img {
    width: 5.56vw;
    height: 5.56vw;
    position: relative;
    margin-right: 2.42vw;
}

.abuttonForm {
    width: 40.34vw;
    height: 10.87vw;
    display: flex;
    background: var(--color1);
    border-radius: 12.9vw;
    align-items: center;
    justify-content: center;
    padding-bottom: 1vw;
}

.abuttonForm p {
    font-size: 4.35vw;
    color: var(--color3);
    line-height: 0.8;
    position: relative;
    top: 0.7vw;
    /* font-weight: 600; */
}

.abuttonForm span {
    width: 2vw;
    height: 2vw;
    border-top: 2px solid var(--color3);
    border-right: 2px solid var(--color3);
    transform: rotate(-135deg);
    position: relative;
    top: 0.4vw;
    margin-right: 1.5vw;
}

.or {
    font-size: 6.04vw;
    color: var(--color1);
}

.moreTnx {
    margin-top: 1vw;
}
.mobile svg.flecha {
    margin-bottom: 4vw;
}
svg.flecha {
     margin-bottom: 1vw;
}
body p.moreTnx {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 1.3vw;
}
body.mobile p.moreTnx {
     margin-top: 5vw;
    margin-bottom: 5vw;
        font-size: 5.8vw;
}

.moreTnx a {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    font-family: "PloniMaccabiMLv2AAA-Bold";
    letter-spacing: 0.03vw;
}

/* .PersonMainGeneral, */

.list .PersonMainHaredi,
.list .PersonMainDatal {
    display: none;
}

.list .PersonMainGeneral {
    display: none;
}

.datal .list .PersonMainGeneral,
.haredi .list .PersonMainGeneral {
    display: none;
}

.haredi .list .PersonMainHaredi {
    display: block;
}

.datal .list .PersonMainDatal {
    display: block;
}

.itemListHaredi {
    display: none;
}

.haredi .itemListHaredi {
    display: block;
}

.alt .listImage.PersonMainGeneral,
.home .listImage.PersonMainGeneral,
.soldier .listImage.PersonMainGeneral,
.expert .listImage.PersonMainGeneral,
.sos .listImage.PersonMainGeneral,
.easy .listImage.PersonMainGeneral,
.natural .listImage.PersonMainGeneral,
.fitness .listImage.PersonMainGeneral,
.birth .listImage.PersonMainGeneral,
.teeth .listImage.PersonMainGeneral,
.survey .listImage.PersonMainGeneral {
    display: block;
}

.PersonMain.PersonMainAlt,
.PersonMain.PersonMaiHome,
.PersonMain.PersonMaiSoldier,
.PersonMain.PersonMaiDisadvantaged,
.PersonMain.PersonMaiExpert,
.PersonMain.PersonMaiSos,
.PersonMain.PersonMainEasy,
.PersonMain.PersonMainNatural,
.PersonMain.PersonMainFitness,
.PersonMain.PersonMainBirth,
.PersonMain.PersonMainTeeths,
.PersonMain.PersonMainSeker {
    display: none;
}

/* .survey .PersonMain.PersonMainSeker {
	display: block;
	width: 35vw;
	height: 31vw;
	right: 34vw;
	top: 2.3vw;
}

.teeth .PersonMain.PersonMainTeeths {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.birth .PersonMain.PersonMainBirth {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.fitness .PersonMain.PersonMainFitness {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.natural .PersonMain.PersonMainNatural {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.easy .PersonMain.PersonMainEasy {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.sos .PersonMain.PersonMaiSos {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.expert .PersonMain.PersonMaiExpert {
	display: block;
	width: 34.5vw;
	height: 32vw;
	right: 34.2vw;
	top: 1.9vw;
}

.alt .PersonMain.PersonMainAlt {
	display: block;
	top: 3vw;
	right: 39.3vw;
	width: 24.2vw;
	height: 27.1vw;
} */

body.soldier.new .field-checkbox.soldier2{display: none;}
.mobile .field.field-checkbox.soldier2{
    margin-top: 1vw;
}
.soldier .PersonMain.PersonMaiSoldier {
    display: block;
    width: 30vw;
    height: 18.23vw;
    inset-inline-start: 31vw;
    top: 15.85vw;
}

.soldier.new .PersonMain.PersonMaiSoldier {
    display: block;
    width: 34vw;
    height: 21.23vw;
    inset-inline-start: 32vw;
    top: 6.85vw;
}

.mobile.soldier .PersonMain.PersonMaiSoldier {
    width: 100vw;
    height: 56.2vw;
    inset-inline-start: 0;
    top: 70.5vw;

}

.mobile.new.soldier .PersonMain.PersonMaiSoldier {
    top: 58.5vw;
}

.disadvantaged .PersonMain.PersonMaiDisadvantaged {
    display: block;
    width: 30vw;
    height: auto;
    inset-inline-start: 31vw;
    top: 13.4vw;
    z-index: 1;
}

.disadvantaged.kupot .PersonMain.PersonMaiDisadvantaged {
    display: block;
    width: 36vw;
    height: auto;
    inset-inline-start: 49vw;
    z-index: 1;
    top: 10.9vw;
}

.mobile.disadvantaged .PersonMain.PersonMaiDisadvantaged {
    width: 100vw;
    height: 88.2vw;
    inset-inline-start: 0;
    top: 29vw;
}

.asterisk {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    height: auto;
}

.mobile.survey .PersonMain.PersonMainSeker {
    width: 32.86vw;
    height: 21.2vw;
    inset-inline-start: -2vw;
    top: 61.3vw;
}

.mobile.teeth .PersonMain.PersonMainTeeths {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 56.3vw;
}

.mobile.birth .PersonMain.PersonMainBirth {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 67.3vw;
}

.mobile.fitness .PersonMain.PersonMainFitness {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 69.3vw;
}

.mobile.natural .PersonMain.PersonMainNatural {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 57.3vw;
}

.mobile.easy .PersonMain.PersonMainGeneral {
    top: 68.3vw;
}

/* .mobile.easy .listContainer {
	padding: 78.3vw 0 0;
	width: 100%;
} */

.mobile.sos .PersonMain.PersonMaiSos {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 69.3vw;
}

.mobile.expert .PersonMain.PersonMaiExpert {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 52.3vw;
}

.mobile.soldier .PersonMain.PersonMainGeneral {
    top: 61.3vw;
}

.mobile.home .PersonMain.PersonMaiHome {
    width: 105vw;
    height: 124vw;
    inset-inline-start: -2vw;
    top: 53.3vw;
}

.mobile.alt .PersonMain.PersonMainAlt {
    top: 60.2vw;
    inset-inline-start: 7.7vw;
    width: 84.3vw;
    height: 95.1vw;
}

.itemList-6 .descriptionList {
    position: relative;
}

.itemList-6 .descriptionList .whatsLogo {
    position: absolute;
    top: 0.9vw;
    inset-inline-start: 26vw;
}

.mobile .itemList-6 .descriptionList .whatsLogo {
    position: absolute;
    top: 8.1vw;
    inset-inline-start: 71.5vw;
}

.itemList-6 .descriptionList .whatsLogo img {
    width: 1.3vw;
    height: 1.3vw;
}

.mobile .itemList-6 .descriptionList .whatsLogo img {
    width: 5.1vw;
    height: 5.1vw;
}

.wrapperList2,
.firstSection {
    position: relative;
    background: #e5e5e5;
}

.disadvantaged .firstSection {
    background: inherit;
}

.disadvantaged .firstSection .flahDisadvantaged {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 25.5vw;
    width: 65.9vw;
    background: #e5e5e5;
}

.disadvantaged.kupot .firstSection {
    background: #e5e5e5;
    height: 25.3vw;
}

.mobile.disadvantaged .firstSection .flahDisadvantaged {
    height: 107.1vw;
    width: 100%;
}
.mobile.disadvantaged.kupot .firstSection {
    background: #e5e5e5;
    padding-bottom: 5vw;
    height: 125vw;
}

.mobile.disadvantaged.kupot .firstSection {
   
}
.wrapperList1,
.wrapperList3 {
    position: relative;
    background: #fff;
}

.wrapperList1 {
    order: 1;
}

.wrapperList2 {
    order: 2;
}

.wrapperList3 {
    order: 3;
}

.soldier .wrapperList1 {
    order: 2;
    background: #e5e5e5;
}

.soldier .wrapperList2 {
    order: 1;
    background: #fff;
}

.soldier .wrapperList3 {
    order: 3;
}

.grecaptcha-badge {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.downAnimation {
    display: none;
}

.mobile .downAnimation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 102vw;
    left: 7.25vw;
}

.mobile.disadvantaged .downAnimation {
    z-index: 1;
    top: 46vw;
}

.moving.mobile .downAnimation {
    top: 69vw;
    left: 77vw;
}

.mobile.soldier .downAnimation {
    top: 62vw;
    left: 3.25vw;
}

.mobile .downAnimation img {
    width: 11.16vw;
    height: 13.95vw;
}

.mobile .downAnimation p {
    font-size: 3.26vw;
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    text-align: center;
    color: var(--color3);
}

.popupLeave {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100vh;
    background: #0000006e;
    z-index: 5;
}

.mobile .popupLeave {
    display: none;
}

.showPopup .popupLeave {
    display: flex;
    opacity: 0;
    animation: showBGPopup 0.6s ease-in-out forwards;
}

@keyframes showBGPopup {
    100% {
        opacity: 1;
    }
}

.showPopup.removePopup .popupLeave {
    display: flex;
    opacity: 1;
    animation: hideBGPopup 0.6s ease-in-out forwards;
}

@keyframes hideBGPopup {
    100% {
        opacity: 0;
    }
}

.wrapperPopup {
    position: relative;
    width: 31.09vw;
    height: 14.58vw;
    background-color: var(--color1);
    padding: 2.08vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    transform: translateY(200vw);
    transition: 0.6s all;
}

.mobile .wrapperPopup {
    position: relative;
    width: 80.7vw;
    height: 65.12vw;
    padding: 4.65vw;
    transform: translateY(200vw);
}

.showPopup .wrapperPopup {
    animation: downUpPopup 0.6s ease-in-out forwards;
}

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

.showPopup.removePopup .wrapperPopup {
    transform: translateY(0);
    animation: upDownPopup 0.6s ease-in-out forwards;
}

@keyframes upDownPopup {
    100% {
        transform: translateY(200vw);
    }
}

.titlePopup {
    color: var(--color3);
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    font-size: 1.82vw;
}

.mobile .titlePopup {
    font-size: 8.14vw;
}

.descPopup {
    color: var(--color3);
    font-size: 0.94vw;
    margin-top: 0;
}

.mobile .descPopup {
    font-size: 4.19vw;
    margin-top: 0;
}

.wrapperButoonsPopup {
    display: flex;
    gap: 0.52vw;
    margin-top: 0.78vw;
}

.mobile .wrapperButoonsPopup {
    flex-direction: column;
    width: 100%;
    gap: 0;
    margin-top: 0;
}

.buttonPopup {
    width: 13.18vw;
    height: 2.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.04vw;
    color: var(--color3);
    border-radius: 2.6vw;
    font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;
    cursor: pointer;
}

.mobile .buttonPopup {
    width: 100%;
    height: 11.63vw;
    font-size: 4.65vw;
    border-radius: 11.63vw;
}

.buttonPopup-1 {
    background-color: var(--color5);
    margin-top: 0;
}

.mobile .buttonPopup-1 {
    margin-top: 3.5vw;
}

.buttonPopup-2 {
    border: 2px solid var(--color5);
    margin-top: 0;
}

.mobile .buttonPopup-2 {
    margin-top: 2.33vw;
}

.buttonPopup span {
    width: 0.5vw;
    height: 0.5vw;
    border: none;
    border-top: 2px solid var(--color3);
    border-right: 2px solid var(--color3);
    transform: rotate(-135deg);
    margin-right: 0.52vw;
}

.mobile .buttonPopup span {
    width: 2vw;
    height: 2vw;
    border-top: 2px solid var(--color3);
    border-right: 2px solid var(--color3);
    transform: rotate(-135deg);
    margin-right: 2.2vw;
}

.c2c_for_mental {
    pointer-events: none;
}

.mobile .c2c_for_mental {
    pointer-events: inherit;
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    color: #0000ff;
}

.PersonMaiMoving {
    width: 30vw;
    height: 24vw;
    top: 5vw;
    inset-inline-start: 37vw;
}

.mobile .PersonMaiMoving {
    top: 52vw;
    width: 80vw;
    height: 84vw;
    inset-inline-start: unset;
    left: 0;
}

.containerTermsAccessability {
    display: flex;
    align-items: center;
    gap: 1vw;
}

.mobile .containerTermsAccessability {
    gap: 3vw;
}

@supports (-webkit-touch-callout: none) {

    /* CSS specific to iOS devices */
    .mobile .mainText h2 {
        font-size: 5.5vw;
    }

    .mobile .descriptionList p {
        font-size: 4.3vw;
    }

    .mobile .mainText h2 {
        font-size: 5.2vw;
    }

    .mobile .content {
        height: 860vw;
    }

    .mobile .itemList-6 .descriptionList .whatsLogo {
        top: 7.6vw;
        inset-inline-start: 71.5vw;
    }

    .mobile.general:not(.haredi):not(.datal) .mainText h2 {
        font-size: 5.5vw;
    }

    .mobile .listContainer h3 {
        font-size: 6.1vw;
    }

    .c2c {
        width: 36.8vw;
    }

    .abuttonForm {
        width: 36.8vw;
    }

    .abuttonForm span {
        top: 0.8vw;
    }

    .mobile.easy .mainText h2 {
        font-size: 5.4vw;
    }

    .mobile .downAnimation p {
        line-height: 1;
    }

    .mobile .descPopup {
        line-height: 1.1;
    }
}