.elementor-12798 .elementor-element.elementor-element-43e1429{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12798 .elementor-element.elementor-element-43e1429:not(.elementor-motion-effects-element-type-background), .elementor-12798 .elementor-element.elementor-element-43e1429 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEBE6;}.elementor-12798 .elementor-element.elementor-element-43e1429.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12798 .elementor-element.elementor-element-5dae2d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:4rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12798 .elementor-element.elementor-element-5dae2d7:not(.elementor-motion-effects-element-type-background), .elementor-12798 .elementor-element.elementor-element-5dae2d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEBE6;}.elementor-12798 .elementor-element.elementor-element-5dae2d7.e-con{--align-self:center;}.elementor-12798 .elementor-element.elementor-element-b4f1298{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12798 .elementor-element.elementor-element-4d9c6c9{--display:flex;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-field-type-html{padding-bottom:0px;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-button[type="submit"]{color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-12798 .elementor-element.elementor-element-aa3f817{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12798 .elementor-element.elementor-element-43e1429{--width:100%;}.elementor-12798 .elementor-element.elementor-element-5dae2d7{--width:1180px;}}@media(max-width:1024px) and (min-width:768px){.elementor-12798 .elementor-element.elementor-element-5dae2d7{--width:100%;}.elementor-12798 .elementor-element.elementor-element-b4f1298{--width:100%;}}@media(max-width:1024px){.elementor-12798 .elementor-element.elementor-element-888d406 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-12798 .elementor-element.elementor-element-2743010 > .elementor-widget-container{padding:0rem 2rem 0rem 2rem;}.elementor-12798 .elementor-element.elementor-element-309f433 > .elementor-widget-container{padding:0rem 2rem 0rem 2rem;}.elementor-12798 .elementor-element.elementor-element-0f9a696 > .elementor-widget-container{padding:0rem 2rem 0rem 2rem;}.elementor-12798 .elementor-element.elementor-element-632d9b4 > .elementor-widget-container{padding:0rem 2rem 0rem 2rem;}.elementor-12798 .elementor-element.elementor-element-14e822c > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-12798 .elementor-element.elementor-element-5dae2d7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-12798 .elementor-element.elementor-element-6eb04a4 > .elementor-widget-container{padding:0rem 2rem 0rem 2rem;}}/* Start custom CSS for html, class: .elementor-element-2743010 */.kk .kk-btn--whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  background:#25D366;
  border:2px solid #25D366;
  color:#fff !important;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .2s ease, border-color .2s ease, transform .1s ease;
}
.kk .kk-btn--whatsapp:hover,
.kk .kk-btn--whatsapp:focus{
  background:#1EBE5B;
  border-color:#1EBE5B;
  color:#fff !important;
}
.kk .kk-btn--whatsapp:active{ transform:translateY(1px); }
.kk .kk-wa-ico{
  width:1.15em;
  height:1.15em;
  flex:0 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d9c6c9 */.form-styled,
.kk-form{
  /* ---------- FONTS ----------
     Headings: Libre Baskerville  ·  Body: Source Sans 3
     Both are loaded by the <link> above, so this works whether or not
     your Elementor global fonts are set to them. */
  --kk-display:"Libre Baskerville", Georgia, "Times New Roman", serif;
  --kk-body:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---------- BRAND COLOURS (sampled from kosherklaf.com) ---------- */
  --kk-bg:#EEEBE6;          /* page greige                */
  --kk-bg2:#F1EEE9;         /* lighter greige / field bg  */
  --kk-white:#FFFFFF;
  --kk-slate:#5E727E;       /* dark section bars          */
  --kk-slate-dk:#4C606B;
  --kk-gold:#A8742A;        /* primary accent             */
  --kk-gold-dk:#7D6229;
  --kk-gold-lt:#D4AC6B;
  --kk-ink:#0F172A;
  --kk-ink2:#111111;
  --kk-muted:#8B847B;
  --kk-line:#E3DED4;
  --kk-on-slate:#F4F1EC;

  --kk-r:16px;
  --kk-r-sm:10px;
  --kk-shadow:0 2px 16px rgba(15,23,42,.055);
  --kk-shadow-lg:0 6px 30px rgba(15,23,42,.09);
  --kk-wrap:1180px;
  --kk-gut:clamp(18px,4.5vw,56px);
}

/* =================================================================
   ELEMENTOR FORM SKIN  —  Mezuzah House Call
   Written against your actual form markup.
   The widget already has the CSS class  form-styled  — that is what
   every rule below hooks onto. (.kk-form also works, if you prefer.)

   !important is used on the field and button rules on purpose:
   Elementor generates its own per-widget CSS with very high
   specificity, and without it your skin loses to the defaults.
   ================================================================= */

.form-styled,
.kk-form{
  background:var(--kk-white);
  border-radius:var(--kk-r);
  padding:clamp(1.3rem,3vw,2.1rem);
  box-shadow:var(--kk-shadow-lg);
  font-family:var(--kk-body);
}

/* ---------- row / column spacing ---------- */
.form-styled .elementor-form-fields-wrapper,
.kk-form .elementor-form-fields-wrapper{
  --e-form-row-gap:16px;
  --e-form-column-gap:16px;
}
.form-styled .elementor-field-group,
.kk-form .elementor-field-group{margin-bottom:16px}
.form-styled .e-form__buttons,
.kk-form .e-form__buttons{margin-bottom:0}

/* ---------- labels ---------- */
.form-styled .elementor-field-group > .elementor-field-label,
.kk-form .elementor-field-group > .elementor-field-label{
  font-family:var(--kk-body)!important;
  font-size:.68rem!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  color:var(--kk-muted)!important;
  line-height:1.4;
  margin-bottom:.4rem;
  padding-bottom:0;
}

/* gold asterisk on required fields.
   If you also switch ON "Required Mark" in the widget's Content tab,
   delete this rule or you will get two asterisks. */
.form-styled .elementor-field-required > .elementor-field-label::after,
.kk-form .elementor-field-required > .elementor-field-label::after{
  content:" *";
  color:var(--kk-gold);
  font-weight:700;
  letter-spacing:0;
}

/* ---------- inputs, selects, textarea ---------- */
.form-styled .elementor-field-group .elementor-field-textual,
.kk-form .elementor-field-group .elementor-field-textual{
  font-family:var(--kk-body)!important;
  font-size:.94rem!important;
  line-height:1.5!important;
  color:var(--kk-ink2)!important;
  background-color:var(--kk-bg2)!important;
  border:1.5px solid transparent!important;
  border-radius:var(--kk-r-sm)!important;
  padding:.72rem .85rem!important;
  width:100%;
  min-height:0;
  box-shadow:none!important;
  transition:border-color .18s,background-color .18s;
}
.form-styled .elementor-field-textual::placeholder,
.kk-form .elementor-field-textual::placeholder{color:#B4ADA4;opacity:1}

.form-styled .elementor-field-group .elementor-field-textual:focus,
.kk-form .elementor-field-group .elementor-field-textual:focus{
  background-color:#fff!important;
  border-color:var(--kk-gold)!important;
  outline:none!important;
  box-shadow:none!important;
}

/* ---------- select + its caret ---------- */
.form-styled .elementor-select-wrapper,
.kk-form .elementor-select-wrapper{position:relative;display:block}
.form-styled .elementor-select-wrapper select,
.kk-form .elementor-select-wrapper select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding-right:2.4rem!important;
  cursor:pointer;
}
.form-styled .elementor-select-wrapper .select-caret-down-wrapper,
.kk-form .elementor-select-wrapper .select-caret-down-wrapper{
  position:absolute;top:50%;transform:translateY(-50%);
  inset-inline-end:.95rem;right:.95rem;left:auto;
  width:11px;height:11px;pointer-events:none;display:flex;align-items:center;
}
.form-styled .elementor-select-wrapper svg,
.kk-form .elementor-select-wrapper svg{
  width:11px;height:11px;fill:var(--kk-gold);display:block;
}

.form-styled textarea.elementor-field-textual,
.kk-form textarea.elementor-field-textual{resize:vertical;min-height:88px}

/* ---------- checkbox row ---------- */
.form-styled .elementor-field-type-checkbox .elementor-field-subgroup,
.form-styled .elementor-field-type-acceptance .elementor-field-option,
.kk-form .elementor-field-type-checkbox .elementor-field-subgroup,
.kk-form .elementor-field-type-acceptance .elementor-field-option{
  background:var(--kk-bg2);
  border-radius:var(--kk-r-sm);
  padding:.85rem 1rem;
}
.form-styled .elementor-field-subgroup .elementor-field-option,
.kk-form .elementor-field-subgroup .elementor-field-option{
  display:flex;align-items:flex-start;gap:.7rem;
}
.form-styled .elementor-field-subgroup label,
.form-styled .elementor-field-type-acceptance .elementor-field-option label,
.kk-form .elementor-field-subgroup label,
.kk-form .elementor-field-type-acceptance .elementor-field-option label{
  font-family:var(--kk-body)!important;
  font-size:.88rem!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#4C5158!important;
  line-height:1.5;
  margin:0;
}
.form-styled input[type=checkbox],
.form-styled input[type=radio],
.kk-form input[type=checkbox],
.kk-form input[type=radio]{
  accent-color:var(--kk-gold);
  width:17px;height:17px;flex:0 0 17px;margin:.12rem 0 0;
}

/* ---------- submit ---------- */
.form-styled .e-form__buttons,
.kk-form .e-form__buttons{
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;
}
.form-styled .elementor-button[type=submit],
.kk-form .elementor-button[type=submit]{
  font-family:var(--kk-body)!important;
  font-weight:600!important;
  font-size:.92rem!important;
  letter-spacing:.01em;
  line-height:1;
  background-color:var(--kk-gold)!important;
  color:#fff!important;
  border:1.5px solid transparent!important;
  border-radius:999px!important;
  padding:.95rem 1.85rem!important;
  width:auto!important;
  flex:0 0 auto;
  min-height:0;
  box-shadow:0 3px 12px rgba(168,116,42,.24);
  transition:background-color .2s,box-shadow .2s,transform .14s;
}
.form-styled .elementor-button[type=submit]:hover,
.kk-form .elementor-button[type=submit]:hover{
  background-color:var(--kk-gold-dk)!important;
  box-shadow:0 4px 16px rgba(125,98,41,.3);
}
.form-styled .elementor-button[type=submit]:active,
.kk-form .elementor-button[type=submit]:active{transform:translateY(1px)}

/* OPTIONAL — the small reassurance line beside the button, exactly as
   in the mockup, with no extra widget. Uncomment to switch it on.
.form-styled .e-form__buttons::after{
  content:"We'll confirm by phone or text, usually within a few hours. No deposit taken online.";
  flex:1 1 180px;
  font-family:var(--kk-body);
  font-size:.79rem;
  line-height:1.55;
  color:var(--kk-muted);
}
*/


/* ---------- optional reassurance line as its own widget ----------
   Add a Text Editor widget under the form, give it CSS class kk-fine. */
.kk-fine,.kk-fine p{
  font-family:var(--kk-body);
  font-size:.79rem;line-height:1.55;color:var(--kk-muted);margin:0;
}
.kk-fine{
  --kk-body:"Source Sans 3",-apple-system,"Segoe UI",sans-serif;
  --kk-muted:#8B847B;
}

/* ---------- success / error messages ---------- */
.form-styled .elementor-message,
.kk-form .elementor-message{
  margin-top:1rem;padding:.85rem 1.05rem;border-radius:var(--kk-r-sm);
  font-family:var(--kk-body);font-size:.9rem;
  background:rgba(168,116,42,.1);
  border:1.5px solid var(--kk-gold);
  color:var(--kk-gold-dk);
}
.form-styled .elementor-message.elementor-message-danger,
.kk-form .elementor-message.elementor-message-danger{
  background:rgba(94,114,126,.1);
  border-color:var(--kk-slate);
  color:var(--kk-slate-dk);
}
.form-styled .elementor-field-group .elementor-field-textual.elementor-error,
.kk-form .elementor-field-group .elementor-field-textual.elementor-error{
  border-color:var(--kk-slate)!important;
}

/* ---------- focus visibility ---------- */
.form-styled :focus-visible,
.kk-form :focus-visible{outline:2px solid var(--kk-gold);outline-offset:2px}

/* ---------- mobile ---------- */
@media(max-width:600px){
  .form-styled,.kk-form{padding:1.25rem}
  .form-styled .e-form__buttons .elementor-button[type=submit],
  .kk-form .e-form__buttons .elementor-button[type=submit]{width:100%!important}
}



/* Three things try to draw an arrow on a select: Elementor's inline
   SVG, the browser's native control, and many themes add a third as a
   background-image. Hide all three, draw one. */

.form-styled .elementor-select-wrapper .select-caret-down-wrapper,
.kk-form .elementor-select-wrapper .select-caret-down-wrapper{
  display:none!important;
}

.form-styled .elementor-select-wrapper select,
.form-styled .elementor-field-group select.elementor-field-textual,
.kk-form .elementor-select-wrapper select,
.kk-form .elementor-field-group select.elementor-field-textual{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23A8742A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1.5 2l4.5 4.5L10.5 2'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right .95rem center!important;
  background-size:11px 7px!important;
  padding-right:2.7rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  cursor:pointer;
}

.form-styled select::-ms-expand,
.kk-form select::-ms-expand{display:none}

/* Bonus: stop the submit button stretching full width and being
   uppercased by the theme. Delete these five lines if you prefer the
   full-width button. */
.form-styled .elementor-button[type=submit],
.form-styled.elementor-button-align-stretch .elementor-field-type-submit .elementor-button,
.kk-form .elementor-button[type=submit]{
  width:auto!important;
  flex-basis:auto!important;
  align-self:flex-start;
  text-transform:none!important;
}
@media(max-width:600px){
  .form-styled .elementor-button[type=submit],
  .kk-form .elementor-button[type=submit]{width:100%!important}
}/* End custom CSS */