/* hebrew */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzamW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzZmW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzaGW5Kb8VZA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzamW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzZmW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzaGW5Kb8VZA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzamW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzZmW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzaGW5Kb8VZA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzamW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzZmW5Kb8VZBHR.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/2sDcZGJYnIjSi6H75xkzaGW5Kb8VZA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "mikhmoret-rounded";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/mikhmoret-rounded-light-aaa.ttf) format("ttf");
}
@font-face {
  font-family: "mikhmoret-rounded";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/mikhmoret-rounded-regular-aaa.ttf) format("ttf");
}
@font-face {
  font-family: "mikhmoret-rounded";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/mikhmoret-rounded-bold-aaa.ttf) format("ttf");
}
.join-form .elementor-field-type-checkbox .elementor-field-option {
  display: flex;
  height: 3rem;
}
.join-form .elementor-field-subgroup {
  width: 100%;
}
.join-form .elementor-field-option input[type=checkbox] {
  display: none !important;
}
.join-form .elementor-field-option label {
  height: 100%;
  text-align: center;
  line-height: 3rem;
  border: 1px solid #B88352;
  border-radius: 5px;
  background-color: #fff;
  transition: background-color 0.3s, color 0.3s;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
}
.join-form .elementor-field-option input[type=checkbox]:checked + label {
  background-color: #B88352;
  color: #fff;
}
.join-form .elementor-field-type-html {
  font-size: 2rem !important;
  margin-bottom: 0.5rem !important;
  text-align: center;
}

.site-footer--bottom-line {
  text-align: center;
  font-size: 1.4rem;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  html {
    font-size: 8px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1700px) {
  html {
    font-size: 9px;
  }
}

body {
  margin: 0;
  padding: 0;
  font-family: "Assistant", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  background-color: #fff;
  color: #000;
  direction: rtl;
  overflow-x: hidden;
}
body.home {
  position: relative;
}

main {
  margin: 0;
}

.container {
  width: 120rem;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .container {
    width: 100%;
    margin: 0;
  }
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  color: #005296;
  font-weight: 700;
}

h1,
.h1 {
  font-size: 3.4rem;
}

h2,
.h2 {
  font-size: 2.5rem;
}

h3,
.h3 {
  font-size: 2rem;
}

h4,
.h4 {
  font-size: 1.8rem;
}

section {
  position: relative;
}

a {
  color: #005296;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
}

.decorative-image {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.hidden-content {
  display: none;
}

@media (max-width: 1023px) {
  .desktop {
    display: none !important;
  }
}

.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .mobile {
    display: initial;
  }
}

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 2rem 0;
}
.video-container:after {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.sweetango-gold-quiz {
  direction: rtl;
  color: #282829;
  font-family: "Open Sans", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.3;
}

.quiz--container {
  width: 100%;
}
.quiz--container.with-sides {
  display: grid;
  grid-template-columns: 11rem 1fr 25rem;
  gap: 7rem;
}
@media (max-width: 1023px) {
  .quiz--container.with-sides {
    grid-template-areas: "progress step" "progress gauge";
    grid-template-columns: 6rem 1fr;
    grid-template-rows: auto auto;
    gap: 2rem;
  }
}
.quiz-progress {
  display: flex;
  justify-content: end;
}
@media (max-width: 1023px) {
  .quiz-progress {
    grid-area: progress;
  }
}
.quiz-next-button {
  color: #F6F6F6;
  background: #282829;
  border: none;
  border-radius: 999px;
  width: 23rem;
  text-align: center;
  padding: 2rem;
  font-size: 2.7rem;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Open Sans", sans-serif;
}
.quiz-next-button:hover {
  background-color: #AE966B;
}
@media (max-width: 1023px) {
  .quiz-next-button {
    width: 15rem;
    font-size: 1.9rem;
    padding: 1.3rem;
  }
  .quiz-next-button.center {
    margin-right: 7rem;
    margin-top: 2rem;
  }
}
@media (min-width: 1024px) {
  .quiz-next-button.center {
    margin-right: 30rem;
  }
}
.quiz--bold-text {
  font-size: 2.7rem;
  font-weight: 700;
}
.quiz--bold-text p {
  font-weight: 300;
}
@media (max-width: 1023px) {
  .quiz--bold-text {
    font-size: 1.6rem;
    font-weight: 800;
  }
  .quiz--bold-text p {
    margin: 0;
  }
}
.quiz-step {
  display: none;
}
.quiz-step.active {
  display: block;
}
@media (max-width: 1023px) {
  .quiz-step {
    grid-area: step;
  }
}
.quiz-step--container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 5rem;
}
@media (max-width: 1023px) {
  .quiz-step--container {
    gap: 0;
  }
}
.quiz-step--side {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 1023px) {
  .quiz-step--side {
    gap: 0;
    align-items: center;
    justify-content: center;
    gap: 3rem;
  }
  .quiz-step--side img {
    max-width: 70% !important;
  }
}
.quiz-step--side img {
  max-height: 40rem;
  width: auto;
  align-self: baseline;
}
.quiz-step--side .quiz--bold-text {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.quiz-step--side .quiz--bold-text.active {
  opacity: 1;
}
.quiz-step .less-sec {
  font-size: 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .quiz-step .less-sec {
    height: 24rem;
  }
}
.quiz-step .less-sec--value {
  font-size: 7rem;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .quiz-step .less-sec--value {
    font-size: 3.5rem;
  }
}
@media (max-width: 1023px) {
  .quiz-step .less-sec {
    font-size: 1.6rem;
  }
}
.quiz-step.step-0 {
  max-width: 64rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 1023px) {
  .quiz-step.step-0 {
    gap: 1.5rem;
  }
}
.quiz-step.step-5 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: min(75rem, 100%);
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .quiz-step.step-5 .quiz-title,
  .quiz-step.step-5 .quiz-description {
    text-align: right;
  }
}
.quiz-step.step-5 .quiz-next-button {
  width: auto;
  padding: 1.8rem 5rem;
}
.quiz-step.step-5 input {
  padding: 1.8rem 4rem;
}

.mobile-step-header {
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 2rem;
}

.form-step--footer {
  display: flex;
  justify-content: space-between;
  gap: 6rem;
}
@media (max-width: 1023px) {
  .form-step--footer {
    flex-direction: column;
    gap: 2rem;
  }
}
.form-step--footer-checkbox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.form-step--footer .checkbox-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  font-size: 2.1rem;
}
@media (max-width: 1023px) {
  .form-step--footer .checkbox-group {
    font-size: 1.3rem;
    justify-content: center;
  }
}
.form-step--footer .checkbox-group input[type=checkbox] {
  padding: 0;
  margin: 0;
  width: 1.9rem;
  height: 1.9rem;
  min-width: 1.9rem;
  min-height: 1.9rem;
  border: 1.5px solid #000000;
  border-radius: 50%;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  position: relative;
  transition: all 0.3s ease;
}
@media (max-width: 1023px) {
  .form-step--footer .checkbox-group input[type=checkbox] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    border: 1px solid #000000;
  }
}
.form-step--footer .checkbox-group input[type=checkbox]:checked {
  background-color: #000000;
}
@media (max-width: 1023px) {
  .form-step--footer .quiz-next-button {
    width: 15rem;
    margin: 0 auto;
  }
}
.form-step--inputs {
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 1023px) {
  .form-step--inputs {
    padding: 1rem 0 0;
    gap: 1rem;
  }
}
.form-step--inputs .form-group {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .form-step--inputs .form-group {
    gap: 2rem;
  }
}
.form-step--inputs .file-input-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.form-step--inputs .file-upload-button {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: 37rem;
  padding: 0.6rem;
  background-color: #F5F5F5;
  border: 1.5px solid #000000;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 2.7rem;
  font-weight: 300;
  color: #282829;
  direction: rtl;
  flex: 1;
}
@media (max-width: 1023px) {
  .form-step--inputs .file-upload-button {
    font-size: 1.7rem;
    padding: 0.5rem;
    width: auto;
    border: 1px solid #000000;
  }
}
.form-step--inputs .file-upload-button:hover {
  background-color: #EEEEEE;
}
.form-step--inputs .file-upload-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  background-color: #282829;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .form-step--inputs .file-upload-icon {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.form-step--inputs .file-upload-icon svg {
  width: 2.8rem;
  height: 2.8rem;
  transition: opacity 0.3s ease;
}
@media (max-width: 1023px) {
  .form-step--inputs .file-upload-icon svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.form-step--inputs .file-upload-icon .icon-checkmark {
  display: none;
}
.form-step--inputs .file-upload-text {
  flex: 1;
  padding-right: 3.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-step--inputs .divider {
  height: 100%;
  width: 1px;
  background-color: #000000;
}
.form-step--inputs .choose-color {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .form-step--inputs .choose-color {
    gap: 0.5rem;
    font-size: 1.6rem;
  }
}
.form-step--inputs .choose-color .color-selector {
  display: flex;
  gap: 1.2rem;
  height: 100%;
}
.form-step--inputs .choose-color .color-selector--color {
  border-radius: 999px;
  border: 1.5px solid #000000;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 2.7rem;
  padding: 0 5rem;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .form-step--inputs .choose-color .color-selector--color {
    font-size: 1.6rem;
    padding: 0 2rem;
    border: 1px solid #000000;
  }
}
.form-step--inputs .choose-color .color-selector--color:hover {
  transform: scale(1.1);
}
.form-step--inputs .choose-color .color-selector--color.selected {
  border-width: 3px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

.share-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding-bottom: 1rem;
}
.share-steps-wrapper {
  font-size: 1.9rem;
}
@media (max-width: 1023px) {
  .share-steps-wrapper {
    font-size: 1.3rem;
  }
}
.share-steps-title {
  font-weight: 700;
  padding-bottom: 1rem;
}
@media (max-width: 1023px) {
  .share-steps-title {
    padding-bottom: 2rem;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .share-steps {
    gap: 0.5rem;
  }
}
.share-steps .step-arrow-icon {
  flex-shrink: 0;
  width: auto;
  height: 100%;
}

.result--wrapper {
  width: 100%;
  margin: 0 auto;
  border-radius: 24px;
  padding: 2rem;
  padding-bottom: 5rem;
  margin-top: 2rem;
  min-height: 67.5rem;
}
@media (min-width: 1024px) {
  .result--wrapper {
    width: 45rem;
    margin-top: 1rem;
  }
}
.result--container {
  color: #F6F6F6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.result--container img {
  max-width: 25rem !important;
  margin-top: 2rem;
}
.result--name {
  font-size: 3.5rem;
  font-weight: 700;
}
.result--title {
  font-size: 1.6rem;
}
.result--sugar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 2rem 0;
}
.result--sugar-label {
  font-size: 1.4rem;
  text-align: center;
}
.result--sugar-value {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}
.result--sugar-divider {
  width: 1px;
  height: 5rem;
  background-color: #F5F5F5;
}
.result--gauge {
  padding-right: 0 !important;
  gap: 2rem !important;
  padding-bottom: 0.5rem;
}
.result--gauge .gauge-container {
  width: 20rem;
  height: 20rem;
}
@media (max-width: 1023px) {
  .result--gauge .gauge-container {
    width: 15rem;
    height: 15rem;
  }
}
.result--gauge .gauge-content-title {
  font-size: 4rem;
}
.result--gauge .gauge-content-description {
  font-size: 1.6rem;
}
.result--buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 3rem 0;
}
@media (max-width: 1023px) {
  .result--buttons {
    padding: 2rem 0;
  }
}
.result--button {
  padding: 1.8rem 5rem;
  line-height: 1;
  font-size: 1.9rem;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid #282829;
  border-radius: 999px;
  background-color: #282829;
  color: #F6F6F6;
  transition: all 0.3s ease;
  font-family: "open sans", sans-serif;
}
@media (max-width: 1023px) {
  .result--button {
    font-size: 1.3rem;
  }
}
.result--button:hover {
  background-color: #AE966B;
}
.result--button.download-button {
  background-color: #F6F6F6;
  color: #282829;
}

.step-6 .quiz-title {
  font-size: 3rem;
}

.quiz-title {
  font-size: 3.5rem;
  color: #282829;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .quiz-title {
    font-size: 2.7rem;
  }
}

.quiz-description {
  font-size: 2.7rem;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
.quiz-description p {
  margin: 0;
}
@media (max-width: 1023px) {
  .quiz-description {
    font-size: 1.6rem;
  }
}

input,
select {
  width: 100%;
  padding: 1.8rem 4rem;
  border: 1.5px solid #000000;
  border-radius: 999px;
  font-size: 2.7rem;
  outline: none;
  transition: all 0.3s ease;
  background: transparent;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
input::-moz-placeholder, select::-moz-placeholder {
  color: #282829;
  font-size: 2.7rem;
}
input::placeholder,
select::placeholder {
  color: #282829;
  font-size: 2.7rem;
}
@media (max-width: 1023px) {
  input::-moz-placeholder, select::-moz-placeholder {
    font-size: 1.6rem;
  }
  input::placeholder,
  select::placeholder {
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  input,
  select {
    font-size: 1.6rem;
    padding: 1.2rem 2.4rem;
    border: 1px solid #000000;
  }
}

select {
  max-width: 40rem;
  margin: 0 auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7501 0.750065L10.4571 9.04302C10.0666 9.43355 9.43342 9.43355 9.04289 9.04302L0.749935 0.750065" stroke="black" stroke-width="1.5" stroke-linecap="round" /> </svg> ');
  background-repeat: no-repeat;
  background-position: left 3rem center;
  background-size: 2rem;
  padding-left: 3.2rem;
  cursor: pointer;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group input[type=text],
.form-group input[type=email] {
  padding: 15px;
  border: 1px solid #000000;
  border-radius: 8px;
  font-size: 16px;
  text-align: right;
  direction: rtl;
  outline: none;
  transition: border-color 0.3s;
  font-family: "Open Sans", sans-serif;
}

.form-group input[type=text]:focus,
.form-group input[type=email]:focus {
  border-color: #333333;
}

.error-message {
  color: #FF3B30;
  font-size: 2.1rem;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .error-message {
    font-size: 1.3rem;
    text-align: center;
  }
}

.quantity-selector {
  width: 36rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 999px;
  padding: 1rem;
  border: 1px solid #000000;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .quantity-selector {
    padding: 0.5rem;
    width: 100%;
  }
}
.quantity-selector--button {
  width: 4.6rem;
  height: 4.6rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quantity-selector--value {
  font-size: 3.6rem;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .quantity-selector--value {
    font-size: 3rem;
    font-weight: 400;
  }
}

.progress-steps {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.progress-steps::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 98%;
  left: 50%;
  width: 1px;
  height: 99%;
  background-color: #C0A985;
  z-index: 0;
  transform: translate(-50%, -50%);
}
.progress-step {
  width: 5.3rem;
  height: 5.3rem;
  border-radius: 50%;
  border: 1px solid #C0A985;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  position: relative;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .progress-step {
    width: 2.3rem;
    height: 2.3rem;
    font-size: 1.6rem;
  }
}
.progress-step.completed {
  background-color: #AE966B;
  border-color: #AE966B;
  color: #ffffff;
}
.progress-step-name {
  position: absolute;
  top: 50%;
  left: 9rem;
  transform: translateY(-50%);
  font-size: 2.1rem;
  color: #282829;
}
.progress-step-name span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: inline-block;
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .progress-step-name {
    left: 5rem;
    font-size: 1.3rem;
  }
}

.gauge {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
}
.gauge-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5rem;
}
@media (max-width: 1023px) {
  .gauge-wrapper {
    align-items: center;
    gap: 1rem;
  }
}
.gauge-section {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}
@media (max-width: 1023px) {
  .gauge-section {
    grid-area: gauge;
  }
}
.gauge--title {
  font-size: 3.5rem;
  font-weight: 300;
  text-align: center;
  color: #AE966B;
  margin-bottom: auto;
  display: none;
}
@media (max-width: 1023px) {
  .gauge--title {
    font-size: 1.8rem;
  }
}
.gauge-container {
  position: relative;
  width: 24rem;
  height: 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .gauge-container {
    width: 15rem;
    height: 15rem;
  }
}
.gauge svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
}
.gauge .background {
  stroke: #C0A985;
  stroke-width: 5;
  fill: none;
  opacity: 0.44;
}
@media (max-width: 1023px) {
  .gauge .background {
    stroke-width: 10;
  }
}
.gauge .progress {
  stroke: #AE966B;
  stroke-width: 5;
  fill: none;
  stroke-dasharray: 283;
  stroke-dashoffset: var(--offset, 283);
  transition: stroke-dashoffset 1s ease-out;
}
@media (max-width: 1023px) {
  .gauge .progress {
    stroke-width: 10;
  }
}
.gauge-content {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  max-width: 80%;
  max-height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.gauge-content-title {
  font-size: 6rem;
  font-weight: 700;
  color: #AE966B;
}
@media (max-width: 1023px) {
  .gauge-content-title {
    font-size: 3.5rem;
  }
}
.gauge-content-description {
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .gauge-content-description {
    font-size: 1.6rem;
  }
}

@media (max-width: 1023px) {
  .desk {
    display: none;
  }
}

@media (min-width: 1024px) {
  .mobile {
    display: none;
  }
}

.recipe-image {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: center;
     object-position: center;
  top: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .recipe-image {
    -o-object-position: top;
       object-position: top;
  }
}

.recipes-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1fr;
}
@media (max-width: 1023px) {
  .recipes-container {
    grid-template-columns: repeat(6, 1fr);
  }
}
.recipes-container .recipe-item:nth-child(1), .recipes-container .recipe-item:nth-child(5) {
  grid-column: span 2;
}
@media (max-width: 1023px) {
  .recipes-container .recipe-item:nth-child(1), .recipes-container .recipe-item:nth-child(6) {
    grid-column: span 4;
  }
  .recipes-container .recipe-item:nth-child(2), .recipes-container .recipe-item:nth-child(5) {
    grid-column: span 2;
  }
  .recipes-container .recipe-item:nth-child(3), .recipes-container .recipe-item:nth-child(4) {
    grid-column: span 3;
  }
}

@keyframes progress-animation {
  from {
    stroke-dashoffset: 283;
  }
  to {
    stroke-dashoffset: var(--offset);
  }
}
.elementor-widget-form .elementor-message {
  font-size: 1.7rem !important;
  color: #FF0000;
}

.elementor-field-type-hidden {
  display: block !important;
  height: 0 !important;
  margin-bottom: 3rem !important;
}

.elementor-message-success {
  color: #33cccc !important;
}

.join-error,
.join-success {
  font-size: 3rem;
  padding: 3rem 0;
}

.swal2-container {
  font-family: "mikhmoret-rounded", sans-serif !important;
}

.swal-title {
  font-size: 6rem !important;
  font-weight: 700 !important;
  padding: 0 !important;
}

.swal2-cancel {
  font-size: 2rem !important;
  background: #33CCCC !important;
  font-family: "mikhmoret-rounded", sans-serif !important;
  border: none !important;
}/*# sourceMappingURL=style.css.map */