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

html {
    scroll-behavior: smooth;
}

fieldset {
    border: none;
}

/* body:not(.mobile) .field.field-checkbox:focus-within .checkbox-v, */
/* body:not(.mobile) .field:not(.field-checkbox):focus-visible, */
/* body:not(.mobile) .field:not(.field-checkbox):focus-within, */
body:not(.mobile) a:focus-visible,
body:not(.mobile) button:focus-visible {
    border: 1px solid #fe56b5 !important;
}

:root {
    --color1: #ffffff;
    --color2: #000000;
    --color3: #1e3c95;
    --color4: #cbc2f2;
    --color5: #f4f8fe;
}

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

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

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

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

a {
    color: inherit;
}

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

ul {
    list-style-type: none;
}

img {
    object-fit: contain;
}

/* body {
  display: none;
} */
body .only_desktop {
    display: block;
}

.hideFromScreen {
    overflow: hidden;
    height: 0;
    width: 0;
}

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

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

/* Form */

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

.formContent {
    position: fixed;
    top: 0;
    left: 0;
    width: 25.78vw;
    height: 100%;
    z-index: 4;
    align-items: center;
    justify-content: center;
    background: var(--color5);
    overflow-y: scroll;
    padding-top: 0;
    box-shadow: 0.05vw -0.05vw 0.83vw 0 rgba(30, 60, 149, 0.1);
}

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

.formContent::-webkit-scrollbar {
    display: none !important;
}

.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: 3;
    display: block;
}

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

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

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

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

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

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

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

.containerForm {
    text-align: center;
}

.containerForm h3 {
    font-size: calc(1.77vw + 2px);
    font-family: "PloniMaccabiMLv2AAA-Bold";
    line-height: 0.95;
    text-align: right;
    margin-top: 2.08vw;
    color: var(--color3);
    width: 100%;
    height: 3.5vw;
}

.containerForm .must {
    font-size: calc(0.57vw + 2px);
    margin-top: 2.08vw;
    text-align: right;
    color: var(--color3);
    contain: layout;
}

.mobile .containerForm h3 {
    font-size: 6.51vw;
    text-align: right;
    margin-top: 9.3vw;
    height: 12.3vw;
}

.mobile .containerForm .must {
    font-size: 3.4vw;
    margin-top: 4.8vw;
    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.13vw;
    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; */
    padding-right: 0;
    padding-bottom: 0;
    border: 1px solid #bacbff;
}

.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: 1vw;
    padding-right: 0;
    margin-top: 2.08vw;
    border: none;
}

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

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

@keyframes SlideDown {
    0% {
        transform: translateY(-1vw) 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(-1vw) scale(0.8) translateX(0.5vw);
    }
}

.field-placeholder {
    font-size: calc(0.89vw + 2px);
    position: absolute;
    margin-top: 0vw;
    color: var(--color3);
    z-index: 0;
    padding-right: 1.3vw;
}

.wichTime,
.wichKupa {
    color: var(--color1);
    font-size: calc(0.89vw + 2px);
    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: calc(0.89vw + 2px);
    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: calc(1.41vw + 2px);
    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: calc(1.25vw + 2px);
    color: var(--color3);
    width: 100%;
    z-index: 1;
    height: 100%;
    top: 0;
    border-radius: 2.6vw;
    position: relative;
    padding-right: 1.3vw;
}

#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: calc(0.89vw + 2px);
    color: var(--color3);
    position: relative;
    top: -0.1vw;
}

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

.error-m {
    display: none;
}

.error-m {
    font-size: calc(0.73vw + 2px);
    position: absolute;
    left: 1.3vw;
    top: 1.1vw;
    font-family: "PloniMaccabiMLv2AAA-Bold";
}

.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: calc(1.04vw + 2px);
    color: var(--color3);
}

.send-btn {
    width: 100%;
    height: 2.81vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color3);
    border-radius: 2.6vw;
    margin-bottom: 1.04vw;
    margin-top: 2.08vw;
}

.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;
    border-radius: 2.6vw;
}

.txt-send-button {
    font-size: calc(0.89vw + 2px);
    font-weight: 400;
    color: var(--color1);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.txt-send-button .txtButtonSend {
    font-family: "PloniMaccabiMLv2AAA-Bold";
    letter-spacing: 0.05vw;
    position: relative;
    top: 0.1vw;
}

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

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

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

.tnx {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 6vw;
    right: 0;
    background: var(--color5);
    z-index: -1;
    opacity: 0;
}

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

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

.wrapperTnx img {
    margin-top: 1.04vw;
    width: 2.6vw;
    height: 2.6vw;
}

.mobile .wrapperTnx img {
    margin-top: 2.33vw;
    width: 11.63vw;
    height: 11.63vw;
}

.wrapperTnx h2 {
    font-size: calc(3.28vw + 2px);
    font-family: "Mandatory-29", sans-serif;
    font-weight: 400;
}

.wrapperTnx p {
    font-size: calc(1.72vw + 2px);
    line-height: 1.05;
    color: var(--color3);
    font-family: "PloniMaccabiMLv2AAA-Bold";
    letter-spacing: 0.03vw;
}

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

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

.field input[type="checkbox"] {
    width: 0;
    height: 0;
}

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

.field-checkbox label .checkbox-title {
    color: var(--color3);
    padding: 0;
    line-height: 1;
    opacity: 1;
    font-size: calc(0.68vw + 2px);
    top: -0.1vw;
    margin-right: 0.5vw;
    width: 50vw;
    position: relative;
    contain: layout;
}

.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;
    transform: translate(-50%, -50%);
    font-size: calc(0.78vw + 2px);
    transition: all 0.4s ease-in-out;
    top: 0.4vw;
    left: 0.5vw;
    font-weight: 600;
}

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

.mobile .error-m {
    font-size: 3.72vw;
    top: 6vw;
    left: 4vw;
}

.error-m.choosen {
    top: 0.1vw;
}

.mobile .error-m.choosen {
    top: 0.5vw;
}

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

.mobile .field {
    margin-top: 4.65vw;
    height: 16.28vw;
    border-radius: 12.5vw;
    padding-right: 6.3vw;
    border: 1px solid var(--color4);
}

.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: 4vw;
    top: 4vw;
    font-size: 4.5vw;
}

.interestedWrapper {
    margin-top: 2.08vw;
    position: relative;
}

.mobile .interestedWrapper {
    margin-top: 4.65vw;
    position: relative;
}

.titleInterested {
    font-size: calc(0.89vw + 2px);
    color: var(--color3);
    width: fit-content;
}

.mobile .titleInterested {
    font-size: 4.19vw;
}

.choose {
    margin-top: 0.52vw;
    display: flex;
    align-items: center;
    gap: 0.52vw;
    position: relative;
}

.mobile .choose {
    margin-top: 2.33vw;
    gap: 2.33vw;
}

.interestButton {
    height: 2.5vw;
    width: 9vw;
    border-radius: 2.6vw;
    border: 2px solid var(--color3);
    transition: 0.3s all;
    cursor: pointer;
}

.interestButton.interestButton-2 {
    width: 13vw;
}

.mobile .interestButton.interestButton-2 {
    width: 51vw;
}

.mobile .interestButton {
    height: 11.16vw;
    width: 37.7vw;
    border-radius: 11.63vw;
}

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

.mobile .interestButton:hover {
    background-color: inherit;
}

.mobile .interestButton.active {
    background-color: var(--color3);
    transition: 0.3s all;
}

.interestButton:hover span,
.interestButton.active span {
    color: var(--color1);
    transition: 0.3s all;
}

.mobile .interestButton:hover span {
    color: inherit;
}

.mobile .interestButton.active span {
    color: var(--color1);
    transition: 0.3s all;
}

.interestButton span {
    font-size: calc(0.78vw + 2px);
    color: var(--color3);
    padding: 0.78vw 1.04vw;
    line-height: 0.8;
    width: 100%;
    height: 100%;
}

.mobile .interestButton span {
    font-size: 4.19vw;
    padding: 3.49vw 0;
}

.mobile .send-btn {
    height: 12.56vw;
    margin-top: 8.14vw;
    border-radius: 12.5vw;
}

.mobile .wrapperSendButtonForm {
    width: 100%;
    border-radius: 12.5vw;
}

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

.mobile .txt-send-button .txtButtonSend {
    font-family: "PloniMaccabiMLv2AAA-Bold";
    letter-spacing: 0.2vw;
}

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

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

.mobile .wrapperTnx p {
    font-size: 6.51vw;
    font-family: "PloniMaccabiMLv2AAA-Bold";
}

.wrapperTnx p.moreTnx {
    font-size: calc(0.89vw + 2px);
    margin-top: 1.04vw;
    color: var(--color2);
    font-family: inherit;
}

.mobile .wrapperTnx p.moreTnx {
    font-size: 4.19vw;
    margin-top: 2.33vw;
    color: var(--color2);
}

.mobile .field-checkbox label .checkbox-title {
    font-size: 3.72vw;
    top: -0.1vw;
    margin-right: 2.5vw;
    width: 100%;
}

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

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

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

.logoForm {
    position: relative;
    width: 100%;
    text-align: center;
}

.mobile .logoForm {
    z-index: 2;
    position: relative;
    text-align: right;
}

.logoForm img {
    width: 9.01vw;
    height: 2.6vw;
    object-fit: contain;
}

.mobile .logoForm img {
    width: 40vw;
    height: 11.63vw;
}

.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: calc(0.83vw + 2px);
}

.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;
    width: 100%;
}

.mobile .main {
    width: 100%;
}

.content {
    position: relative;
    width: 73.96vw;
    padding: 0 8.33vw;
}

.mobile .content {
    width: 100vw;
    padding: 29.21vw 4.65vw 0;
}

.stickyButton {
    display: none;
}

.mobile .stickyButton {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 28.16vw;
    background-color: var(--color4);
    padding: 4.65vw;
    text-align: center;
    z-index: 1;
}

.mobile .stickyButton h3 {
    font-size: 6.51vw;
    color: var(--color3);
    font-family: "PloniMaccabiMLv2AAA-Bold";
    line-height: 0.8;
}

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

.c2c {
    width: 44.19vw;
    height: 12.56vw;
    display: flex;
    background: var(--color1);
    border-radius: 12.9vw;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
    border: 2px solid var(--color3);
}

.c2c p {
    font-size: 4.65vw;
    color: var(--color3);
    /* font-weight: 600; */
    font-family: "PloniMaccabiMLv2AAA-Bold";
    letter-spacing: 0.1vw;
}

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

.abuttonForm {
    width: 44.19vw;
    height: 12.56vw;
    display: flex;
    background: var(--color3);
    border-radius: 12.9vw;
    align-items: center;
    justify-content: center;
    padding-bottom: 1vw;
    text-align: right;
}

.abuttonForm p {
    font-size: 4.65vw;
    color: var(--color1);
    line-height: 0.8;
    position: relative;
    top: 0.7vw;
    /* font-weight: 600; */
    font-family: "PloniMaccabiMLv2AAA-Bold";
    letter-spacing: 0.1vw;
}

.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.55vw;
    margin-right: 1.5vw;
}

.abuttonForm img {
    width: 4.19vw;
    height: 3.95vw;
    position: relative;
    margin-right: 2.42vw;
}

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

header {
    width: 100%;
    height: fit-content;
    position: relative;
    top: 0;
    padding: 0 8.33vw;
    margin-top: 4.17vw;
    width: 73.96vw;
}

.mobile header {
    height: 30.23vw;
    box-shadow: 0px 0.23vw 3.72vw -0.47vw rgba(112, 144, 185, 0.16);
    position: fixed;
    top: 0;
    padding: 0;
    margin-top: 0;
    width: 100%;
}

.bgTeeth {
    position: absolute;
    top: -4vw;
    right: 33vw;
    width: 39.84vw;
    height: 39.84vw;
    transform: rotate(-365deg);
    /* filter: blur(1.5px); */
    object-fit: contain;
}

.mobile .bgTeeth {
    display: none;
}

.logoMain {
    width: 15.36vw;
    height: 3.91vw;
    position: relative;
    right: -1vw;
}

.mobile .logoMain {
    width: 40.93vw;
    height: 11.63vw;
    position: absolute;
    top: 13.95vw;
    right: 4.65vw;
}

.mobile header {
    width: 100%;
    height: 20.23vw;
    box-shadow: 0px 0.23vw 3.72vw -0.47vw rgba(112, 144, 185, 0.16);
    position: fixed;
    top: 0;
    background: var(--color1);
    z-index: 1;
}

.mobile .logoMain {
    width: 40.93vw;
    height: 11.63vw;
    position: absolute;
    top: 3.95vw;
    right: 4.65vw;
    object-fit: cover;
}

.firstSection h1 {
    font-size: calc(2.45vw + 2px);
    font-family: "PloniMLv2AAA-U-Bold";
    color: var(--color3);
    margin-top: 1.7vw;
    line-height: 0.7;
}

.mobile .firstSection h1 {
    font-size: 8.14vw;
    margin-top: 0;
    margin-bottom: 4.6vw;
}

.teeth .cards {
    display: flex;
    flex-direction: column-reverse;
}

.singleCard {
    padding: 0.52vw 2.08vw 0.52vw;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    border-radius: 1.04vw;
    /* background-color: var(--color1);
	box-shadow: 0 0.05vw 0.83vw -0.1vw rgba(112, 144, 185, 0.16); */
    width: 100%;
}

.mobile .singleCard {
    padding: 0 4.65vw;
    gap: 0;
    /* border-radius: 2.33vw;
	box-shadow: 0 0.23vw 3.72vw -0.47vw rgba(112, 144, 185, 0.16); */
    width: 100%;
}

.wrapperCollapse {
    margin-top: 2.08vw;
    border-radius: 1.04vw;
    background-color: var(--color1);
    box-shadow: 0 0.05vw 0.83vw -0.1vw rgba(112, 144, 185, 0.16);
}

.mobile .wrapperCollapse {
    margin-top: 4.65vw;
    border-radius: 2.33vw;
    box-shadow: 0 0.23vw 3.72vw -0.47vw rgba(112, 144, 185, 0.16);
}

.cradTitleWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}

.mobile .cradTitleWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}

.cradTitleWrapper img {
    width: 0.75vw;
    height: 0.5vw;
    transition: 0.6s all;
    -webkit-transform: rotateX(180deg);
}

.mobile .cradTitleWrapper img {
    width: 3.1vw;
    height: 2vw;
}

.active .cradTitleWrapper img {
    transition: 0.6s all;
    -webkit-transform: rotateX(0);
}

.cradTitleWrapper h2 {
    font-size: calc(0.89vw + 2px);
    font-weight: 400;
    color: var(--color3);
    padding: 1.05vw 0;
}

.mobile .cradTitleWrapper h2 {
    font-size: 4.19vw;
    padding: 5vw 0;
}

.cardDescWrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0.52vw 2.08vw 0.52vw;
}

.mobile .cardDescWrapper {
    padding: 4.65vw;
}

.cardDescWrapper {
    display: none;
}

body.default #botoxContent,
body.botox #botoxContent,
body.teeth #teethContent {
    display: block;
}

.cardMainImage {
    position: absolute;
    left: 0;
    top: 0;
    width: 25.52vw;
    height: 17.4vw;
    object-fit: cover;
}

.mobile .cardMainImage {
    width: 90.7vw;
    height: 90.7vw;
    position: relative;
    right: -4.65vw;
    margin-top: 4.65vw;
}

.cardDescTitle {
    font-size: calc(1.72vw + 2px);
    color: var(--color3);
    font-family: "PloniMLv2AAA-U-Bold";
    line-height: 1;
    text-align: right;
}

.mobile .cardDescTitle {
    font-size: 6.51vw;
}

.cardText {
    font-size: calc(0.89vw + 2px);
    line-height: 1.1;
    color: var(--color3);
    margin-top: 1.04vw;
    text-align: right;
}

.mobile .cardText {
    font-size: 4.19vw;
    margin-top: 2.33vw;
}

.wrapperServices {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.04vw;
    margin: 2.08vw 0 1.56vw;
}

.mobile .wrapperServices {
    gap: 4.65vw;
    margin: 4.65vw 0;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}

.serviceCard {
    width: 16.98vw;
    height: 6.35vw;
    padding: 1.04vw;
    background-color: var(--color1);
    box-shadow: 0 0.05vw 0.83vw -0.1vw rgba(112, 144, 185, 0.16);
    border-radius: 0.52vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.63vw;
}

.mobile .serviceCard {
    width: 100%;
    height: 33.49vw;
    padding: 4.65vw;
    box-shadow: 0 0.23vw 3.72vw -0.47vw rgba(112, 144, 185, 0.16);
    border-radius: 2.33vw;
    gap: 2.33vw;
    display: flex;
    flex-direction: row;
    height: 21.49vw;
    justify-content: flex-start;
}

.contentWrapDesc {
    height: 17.4vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mobile .contentWrapDesc {
    height: fit-content;
}

.serviceCard img {
    width: 2.6vw;
    height: 2.6vw;
}

.mobile .serviceCard img {
    width: 11.63vw;
    height: 11.63vw;
}

.serviceCard p {
    font-size: calc(0.89vw + 2px);
    line-height: 1.1;
    color: var(--color3);
    position: relative;
    top: 0.2vw;
}

.mobile .serviceCard p {
    font-size: 4.19vw;
    top: 1.5vw;
}

.cards h3.between {
    font-size: calc(1.72vw + 2px);
    color: var(--color3);
    font-family: "PloniMLv2AAA-U-Bold";
    line-height: 1;
    margin-top: 4.17vw;
}

.mobile .cards h3.between {
    font-size: 6.51vw;
    margin-top: 0;
    text-align: right;
    margin-top: 9.3vw;
}

.footer {
    margin: 4.17vw 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.95vw 0;
    width: 100%;
    height: 6.05vw;
}

.mobile .footer {
    height: 43.26vw;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 9.3vw 0 31vw;
}

.footerLogo img {
    width: 6.46vw;
    height: 1.88vw;
}

.mobile .footerLogo img {
    width: 28.84vw;
    height: 8.37vw;
}

.footer a {
    font-size: calc(0.78vw + 2px);
    color: var(--color3);
    text-decoration: underline;
    text-underline-offset: 0.15vw;
    text-decoration-thickness: 1px;
    line-height: 1;
}

.mobile .footer a {
    font-size: 4.19vw;
    text-underline-offset: 0.7vw;
}

.footerLogo {
    order: 2;
}

.mobile .footerLogo {
    order: 1;
}

.footerLinks_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.04vw;
    order: 1;
}

.mobile .footerLinks_1 {
    gap: 4.65vw;
    order: 2;
    margin-top: 2.33vw;
}

.footerLinks_2 {
    order: 3;
}

.mobile .footerLinks_2 {
    order: 3;
    margin-top: 3.49vw;
}

@supports (-webkit-touch-callout: none) {
    .mobile .cardText {
        letter-spacing: -0.01vw;
    }

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

    .mobile .field-checkbox label .checkbox-title {
        top: -0.7vw;
    }
}