.elementor-18 .elementor-element.elementor-element-9486bff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-9486bff:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-9486bff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://consult.khanlegalgroup.com/wp-content/uploads/2026/08/Family-Immigration.png");}.elementor-18 .elementor-element.elementor-element-9486bff::before, .elementor-18 .elementor-element.elementor-element-9486bff > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-9486bff > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-9486bff > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-9486bff > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-9486bff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-18 .elementor-element.elementor-element-74f1a01{width:100%;max-width:100%;}.elementor-18 .elementor-element.elementor-element-74f1a01.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-dba6d8f{width:100%;max-width:100%;}.elementor-18 .elementor-element.elementor-element-dba6d8f.elementor-element{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-0f6e9f8{--display:flex;}.elementor-18 .elementor-element.elementor-element-86b0ddc{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-9486bff:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-9486bff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://consult.khanlegalgroup.com/wp-content/uploads/2026/08/istockphoto-2214481119-612x612-1.jpg");background-position:-99px -8px;background-repeat:no-repeat;}.elementor-18 .elementor-element.elementor-element-74f1a01{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-dba6d8f *//* =========================================================
   KHAN LEGAL GROUP
   PREMIUM CENTERED FORM
   READY TO PASTE
   ========================================================= */

:root {
  --klg-yellow: #fdd661;
  --klg-yellow-hover: #ffe58d;
  --klg-black: #1e2122;
  --klg-text: #626769;
  --klg-muted: #929697;
  --klg-white: #ffffff;
  --klg-border: #e1e2de;
  --klg-input-border: #d9dbd7;
  --klg-soft: #fafaf8;
}


/* =========================================================
   MAIN FORM WRAPPER
   ========================================================= */

form {
  width: min(100%, 720px) !important;
  max-width: 720px !important;

  margin: 0 auto !important;
  padding: 26px 28px 26px !important;

  border: 1.5px solid var(--klg-border) !important;
  border-radius: 18px !important;

  background: var(--klg-white) !important;

  box-shadow:
    0 14px 38px rgba(30, 33, 34, 0.06) !important;

  box-sizing: border-box !important;

  font-family:
    "Inter",
    Arial,
    sans-serif !important;
}


/* =========================================================
   PLUGIN WRAPPERS
   ========================================================= */

.wpforms-container,
.gform_wrapper {
  width: 100% !important;
  max-width: 760px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* =========================================================
   FORM HEADING
   ========================================================= */

form h2,
form h3,
form .form-title,
form .wpforms-title {
  max-width: 560px !important;

  margin:
    0
    auto
    20px !important;

  color: var(--klg-black) !important;

  font-size: 20px !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;
  letter-spacing: -0.025em !important;

  text-align: center !important;
}


/* Optional form description */

form .wpforms-description,
form .form-description,
form .gform_description {
  max-width: 580px !important;

  margin:
    -10px
    auto
    20px !important;

  color: var(--klg-text) !important;

  font-size: 11.5px !important;
  line-height: 1.6 !important;

  text-align: center !important;
}


/* =========================================================
   FIELD WRAPPERS
   ========================================================= */

form .wpforms-field,
form .gfield,
form .form-field,
form .field {
  width: 100% !important;

  margin: 0 0 13px !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* =========================================================
   LABELS
   ========================================================= */

form label {
  display: block !important;

  margin: 0 0 5px !important;

  color: var(--klg-black) !important;

  font-size: 12px !important;
  font-weight: 600 !important;

  line-height: 1.35 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],
form input[type="url"],
form input[type="date"],
form select,
form textarea {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 44px !important;

  margin: 0 !important;
  padding: 10px 12px !important;

  border: 1px solid var(--klg-input-border) !important;
  border-radius: 9px !important;

  background: var(--klg-white) !important;
  color: var(--klg-black) !important;

  font-family:
    "Inter",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  box-sizing: border-box !important;

  outline: none !important;
  box-shadow: none !important;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease !important;
}


/* PLACEHOLDERS */

form input::placeholder,
form textarea::placeholder {
  color: #a0a4a5 !important;

  opacity: 1 !important;
}


/* =========================================================
   FOCUS
   ========================================================= */

form input:focus,
form select:focus,
form textarea:focus {
  border-color: var(--klg-yellow) !important;

  background: #fffef9 !important;

  box-shadow:
    0 0 0 3px rgba(253, 214, 97, 0.16) !important;
}


/* =========================================================
   FIRST + LAST NAME
   ========================================================= */

form .wpforms-field-name .wpforms-field-row,
form .ginput_complex {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 12px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  align-items: start !important;

  position: static !important;
}


/* Name sub wrappers */

form .wpforms-field-name .wpforms-field-row-block,
form .wpforms-one-half,
form .wpforms-first,
form .ginput_complex > span,
form .ginput_left,
form .ginput_right {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  position: static !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  transform: none !important;

  box-sizing: border-box !important;
}


/* Name inputs */

form .wpforms-field-name input,
form .ginput_complex input {
  width: 100% !important;
  max-width: none !important;

  min-height: 44px !important;

  margin: 0 !important;
  padding: 10px 12px !important;
}


/* First / Last helper */

form .wpforms-field-sublabel,
form .gform-field-label--type-sub {
  display: block !important;

  margin: 4px 0 0 !important;
  padding: 0 !important;

  color: var(--klg-muted) !important;

  font-size: 9px !important;
  font-weight: 500 !important;

  line-height: 1.2 !important;

  text-align: left !important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

form textarea {
  min-height: 92px !important;

  resize: vertical !important;
}


/* =========================================================
   PHONE
   ========================================================= */

form .iti {
  display: block !important;

  width: 100% !important;
}

form .iti input {
  width: 100% !important;

  padding-left: 50px !important;
}


/* =========================================================
   SELECT
   ========================================================= */

form select {
  cursor: pointer !important;
}


/* =========================================================
   SUBMIT AREA
   ========================================================= */

.wpforms-submit-container,
.gform_footer {
  display: flex !important;

  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;

  margin: 6px 0 0 !important;
  padding: 0 !important;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

form button[type="submit"],
form input[type="submit"],
form .wpforms-submit,
form .gform_button {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 210px !important;
  min-height: 46px !important;

  margin: 0 auto !important;
  padding: 12px 22px !important;

  border: 1.5px solid #d4aa25 !important;
  border-radius: 9px !important;

  background: var(--klg-yellow) !important;
  color: var(--klg-black) !important;

  font-family:
    "Inter",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 700 !important;

  line-height: 1 !important;

  cursor: pointer !important;

  box-shadow:
    0 8px 20px rgba(30, 33, 34, 0.08) !important;

  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}


/* BUTTON HOVER */

form button[type="submit"]:hover,
form input[type="submit"]:hover,
form .wpforms-submit:hover,
form .gform_button:hover {
  transform: translateY(-2px) !important;

  background: var(--klg-yellow-hover) !important;

  border-color: #c79d1a !important;

  color: var(--klg-black) !important;

  box-shadow:
    0 11px 24px rgba(30, 33, 34, 0.11) !important;
}


/* =========================================================
   ERROR TEXT
   ========================================================= */

form .wpforms-error,
form .validation_message {
  margin-top: 4px !important;

  font-size: 9.5px !important;
  line-height: 1.3 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

  form {
    width: 100% !important;
    max-width: 100% !important;

    padding: 20px 16px !important;

    border-radius: 14px !important;
  }

  form h2,
  form h3,
  form .form-title,
  form .wpforms-title {
    margin-bottom: 17px !important;

    font-size: 18px !important;

    text-align: center !important;
  }

  form .wpforms-field,
  form .gfield,
  form .form-field,
  form .field {
    margin-bottom: 11px !important;
  }

  form .wpforms-field-name .wpforms-field-row,
  form .ginput_complex {
    grid-template-columns: 1fr !important;

    gap: 9px !important;
  }

  form input[type="text"],
  form input[type="email"],
  form input[type="tel"],
  form input[type="number"],
  form input[type="url"],
  form input[type="date"],
  form select,
  form textarea {
    min-height: 43px !important;

    padding: 10px 11px !important;

    font-size: 12px !important;
  }

  form textarea {
    min-height: 86px !important;
  }

  .wpforms-submit-container,
  .gform_footer {
    justify-content: center !important;

    margin-top: 5px !important;
  }

  form button[type="submit"],
  form input[type="submit"],
  form .wpforms-submit,
  form .gform_button {
    width: 100% !important;

    min-width: 0 !important;
    min-height: 46px !important;

    margin: 0 !important;
  }

}
/* =========================================================
   MOBILE PHONE FLAG FIX
========================================================= */

@media (max-width: 640px) {

  /* Full phone wrapper width */
  form .iti {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
  }

  /* Keep typed number clear of the flag */
  form .iti input[type="tel"],
  form input.wpforms-smart-phone-field {

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    min-height: 43px !important;

    padding-top: 10px !important;
    padding-right: 11px !important;
    padding-bottom: 10px !important;

    /* IMPORTANT */
    padding-left: 58px !important;

    text-indent: 0 !important;
  }

  /* Flag area */
  form .iti__flag-container,
  form .iti__country-container {

    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    z-index: 5 !important;
  }

  /* Country .elementor-18 .elementor-element.elementor-element-dba6d8f button */
  form .iti__selected-flag,
  form .iti__selected-country,
  form .iti__selected-country-primary {

    height: 100% !important;

    display: flex !important;

    align-items: center !important;

    padding-left: 10px !important;
    padding-right: 7px !important;
  }
  /* FIX ONLY: SERVICE DROPDOWN ICON */

form select,
form .wpforms-field-select select,
form .gfield select,
form .gfield_select {

  padding-right: 42px !important;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231e2122' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;

  background-position:
    right 13px center !important;

  background-size:
    15px 15px !important;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9486bff */.elementor-18 .elementor-element.elementor-element-9486bff::before {
  background: linear-gradient(
    90deg,
    rgba(16, 18, 19, 0.93) 0%,
    rgba(16, 18, 19, 0.80) 40%,
    rgba(16, 18, 19, 0.36) 68%,
    rgba(16, 18, 19, 0.10) 100%
  ) !important;
}/* End custom CSS */