html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}

a,
button,
input,
select,
textarea,
[role="button"] {
  -webkit-tap-highlight-color: rgba(206, 121, 68, 0.18);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--token-8593ded5-60a5-43df-85cc-06af7006036e, #ce7944) !important;
  outline-offset: 3px !important;
}

@media (max-width: 809.98px) {
  .framer-form-input-wrapper,
  .framer-form-input,
  form,
  label {
    max-width: 100% !important;
  }

  form .framer-form-input {
    width: 100% !important;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  label:has(input[type="radio"]),
  label:has(input[type="checkbox"]) {
    max-width: 100% !important;
  }

  form [role="radiogroup"],
  form [data-framer-name*="Catering"],
  form [data-framer-name*="catering"] {
    align-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body > div[id^="jivo"],
  jdiv[class*="globalClass"],
  jdiv[class*="wrap"] {
    max-width: calc(100vw - 24px) !important;
  }
}