.elementor-336 .elementor-element.elementor-element-121d470{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:dotted;--border-style:dotted;border-color:#EFEF8B;--border-color:#EFEF8B;--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-336 .elementor-element.elementor-element-8a2f18b{--display:flex;--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;}.elementor-336 .elementor-element.elementor-element-67bec21{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(max-width:767px){.elementor-336 .elementor-element.elementor-element-92ff89f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-8a2f18b *//* ====== CF7 Modern Form (Ali) ====== */
:root{
  --c-bg: #ffffff;
  --c-surface: #f6f8fb;
  --c-border: #d9e1ea;
  --c-text: #0f172a;
  --c-muted:#64748b;
  --c-primary:#2563eb;
  --c-primary-hover:#1d4ed8;
  --c-error:#dc2626;
  --c-radius-lg:16px;
  --c-radius-sm:12px;
  --c-shadow:0 12px 30px rgba(15,23,42,.08);
  --c-ring:0 0 0 4px rgba(37,99,235,.16);
}

/* Outer card */
.wpcf7 .cf7-modern{
  background:var(--c-bg);
  border:1px solid var(--c-border);
  border-radius:var(--c-radius-lg);
  box-shadow:var(--c-shadow);
  padding: clamp(18px, 3.6vw, 32px);
  max-width:720px;
  margin:0 auto;
  display:grid;
  gap:12px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--c-text);
}

/* CF7 wraps items in <p> — treat each as a row */
.wpcf7 .cf7-modern > p{ margin:0; }

/* Inputs */
.wpcf7 .cf7-modern input[type="text"],
.wpcf7 .cf7-modern input[type="email"],
.wpcf7 .cf7-modern input[type="tel"]{
  width:100%;
  background:var(--c-surface);
  border:1px solid var(--c-border);
  border-radius:var(--c-radius-sm);
  padding:14px 16px;
  font-size:16px;
  line-height:1.35;
  color:var(--c-text);
  outline:0;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.wpcf7 .cf7-modern ::placeholder{ color:var(--c-muted); }

/* Focus */
.wpcf7 .cf7-modern input[type="text"]:focus,
.wpcf7 .cf7-modern input[type="email"]:focus,
.wpcf7 .cf7-modern input[type="tel"]:focus{
  border-color:var(--c-primary);
  box-shadow:var(--c-ring);
  background:#fff;
}

/* Submit (always under the fields) */
.wpcf7 .cf7-modern input[type="submit"]{
  width:100%;
  display:block;
  border:0;
  border-radius:999px;
  padding:14px 22px;
  background:var(--c-primary);
  color:#fff;
  font-weight:700;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(37,99,235,.25);
  transition:transform .08s ease, background-color .15s ease, box-shadow .15s ease;
}
.wpcf7 .cf7-modern input[type="submit"]:hover{
  background:var(--c-primary-hover);
  transform:translateY(-1px);
}
.wpcf7 .cf7-modern input[type="submit"]:active{
  transform:translateY(0);
  box-shadow:0 6px 18px rgba(37,99,235,.2);
}

/* Validation */
.wpcf7 .cf7-modern .wpcf7-not-valid{
  border-color:var(--c-error)!important;
  box-shadow:0 0 0 4px rgba(220,38,38,.12);
}
.wpcf7 .cf7-modern .wpcf7-not-valid-tip{
  color:var(--c-error);
  font-size:13px;
  margin-top:6px;
}

/* Success/Fail responses */
.wpcf7 .wpcf7-response-output{
  margin-top:10px!important;
  border-radius:12px;
  border:1px solid var(--c-border);
  background:#fff;
  font-size:14px;
  padding:12px 14px;
}
.wpcf7 form.sent .wpcf7-response-output{
  border-color:#a7f3d0;
  background:#ecfdf5;
  color:#065f46;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{
  border-color:#fecaca;
  background:#fef2f2;
  color:#991b1b;
}

/* Desktop polish: keep button under the grid, not floating */
@media (min-width: 900px){
  .wpcf7 .cf7-modern{
    grid-template-columns: 1fr 1fr;
    gap:14px 16px;
  }
  /* First four fields in two columns */
  .wpcf7 .cf7-modern > p:nth-child(-n+4){ grid-column:auto; }
  /* Submit row spans full width under fields */
  .wpcf7 .cf7-modern > p:last-child{ grid-column:1 / -1; }
  .wpcf7 .cf7-modern input[type="submit"]{ width:280px; margin-left:auto; margin-right:auto; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .wpcf7 .cf7-modern *{ transition:none!important; }
}/* End custom CSS */