.elementor-2212 .elementor-element.elementor-element-6f261378{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--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-2212 .elementor-element.elementor-element-12a976cd{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2212 .elementor-element.elementor-element-4e253043.elementor-element{--align-self:center;}.elementor-2212 .elementor-element.elementor-element-4e253043 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2212 .elementor-element.elementor-element-6eb2d8a3{text-align:center;color:#5E5959;}.elementor-2212 .elementor-element.elementor-element-6ce8f01f{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--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-2212 .elementor-element.elementor-element-6ce8f01f.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2212 .elementor-element.elementor-element-85286e4{text-align:center;}.elementor-2212 .elementor-element.elementor-element-85286e4 img{width:100%;max-width:100%;height:700px;object-fit:cover;object-position:center center;}.elementor-2212 .elementor-element.elementor-element-78bc5913{--display:flex;--min-height:0px;--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;--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-2212 .elementor-element.elementor-element-78bc5913.e-con{--align-self:center;}.elementor-2212 .elementor-element.elementor-element-24a0e8e6 .qodef-qi-wp-forms{text-align:left;}.elementor-2212 .elementor-element.elementor-element-24a0e8e6 .qodef-qi-wp-forms label.wpforms-error{text-align:left;}@media(min-width:1024px){.elementor-2212 .elementor-element.elementor-element-12a976cd{--width:100%;}.elementor-2212 .elementor-element.elementor-element-6ce8f01f{--width:50%;}.elementor-2212 .elementor-element.elementor-element-78bc5913{--width:50%;}}/* Start custom CSS for qi_addons_for_elementor_wp_forms, class: .elementor-element-24a0e8e6 *//* =========================================
   WPForms – Compact + Modern (Form ID: 2186)
   - Reduced height/spacing
   - Email + Numbers on same row (desktop)
   - Button color: #105b8e
========================================= */

#wpforms-form-2186{
  max-width: 760px;
  margin: 0 auto;
}

/* Card container */
#wpforms-form-2186 .wpforms-field-container{
  background: #fff;
  border: 1px solid #e7e7ef;
  border-radius: 16px;
  padding: 18px 18px 6px;           /* reduced padding */
  box-shadow: 0 10px 26px rgba(16, 24, 40, 0.06);
}

/* Labels */
#wpforms-form-2186 .wpforms-field-label{
  font-weight: 700;
  font-size: 16px;                  /* slightly smaller */
  color: #0f172a;
  margin-bottom: 8px;               /* reduced */
}

#wpforms-form-2186 .wpforms-required-label{
  color: #ef4444;
}

/* Field spacing (reduced) */
#wpforms-form-2186 .wpforms-field{
  margin-bottom: 12px;              /* reduced */
}

/* Inputs + select compact height */
#wpforms-form-2186 input[type="text"],
#wpforms-form-2186 input[type="email"],
#wpforms-form-2186 input[type="tel"],
#wpforms-form-2186 input[type="number"],
#wpforms-form-2186 select,
#wpforms-form-2186 textarea{
  width: 100%;
  height: 42px;                     /* reduced from 48 */
  border: 1px solid #d6d9e3;
  border-radius: 12px;
  background: #fff;
  padding: 8px 12px;                /* reduced */
  font-size: 15px;
  color: #111827;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

#wpforms-form-2186 textarea{
  min-height: 105px;
  height: auto;
  resize: vertical;
}

/* Focus state (match button color) */
#wpforms-form-2186 input:focus,
#wpforms-form-2186 select:focus,
#wpforms-form-2186 textarea:focus{
  border-color: #105b8e;
  box-shadow: 0 0 0 4px rgba(16, 91, 142, 0.16);
}

/* Name field: First/Last in one row */
#wpforms-form-2186 .wpforms-field-name .wpforms-field-row{
  display: flex;
  gap: 14px;
}
#wpforms-form-2186 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
  flex: 1;
  margin: 0 !important;
}

/* Sub labels */
#wpforms-form-2186 .wpforms-field-sublabel{
  margin-top: 6px;
  font-size: 12.5px;
  color: #6b7280;
}

/* ---------- Email + Numbers in same row ---------- */
/* WPForms uses field IDs like #wpforms-2186-field_X.
   This .elementor-2212 .elementor-element.elementor-element-24a0e8e6 uses :has() to find the email field block safely.
   Modern browsers support it; if your theme uses old browsers, tell me and I'll give you a fallback. */
#wpforms-form-2186 .wpforms-field-container{
  display: grid;
  grid-template-columns: 1fr;        /* default */
  column-gap: 14px;
}

/* Keep existing WPForms markup but place specific fields into a 2-col grid */
@media (min-width: 768px){
  /* Two-column layout for most fields */
  #wpforms-form-2186 .wpforms-field-container{
    grid-template-columns: 1fr 1fr;
  }

  /* Make these fields full width */
  #wpforms-form-2186 .wpforms-field-name,
  #wpforms-form-2186 .wpforms-field-select,   /* dropdown */
  #wpforms-form-2186 .wpforms-field-radio,    /* english test */
  #wpforms-form-2186 .wpforms-field-textarea, /* if any */
  #wpforms-form-2186 .wpforms-field-html,
  #wpforms-form-2186 .wpforms-field-divider,
  #wpforms-form-2186 .wpforms-field-pagebreak{
    grid-column: 1 / -1;
  }

  /* Email + Numbers side by side */
  #wpforms-form-2186 .wpforms-field:has(input[type="email"]){
    grid-column: 1 / 2;
  }
  #wpforms-form-2186 .wpforms-field:has(input[type="tel"]),
  #wpforms-form-2186 .wpforms-field:has(input[type="number"]){
    grid-column: 2 / 3;
  }
}

/* Dropdown arrow styling */
#wpforms-form-2186 select{
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #94a3b8 50%),
    linear-gradient(135deg, #94a3b8 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 40px;
}

/* Radios: compact + neat */
#wpforms-form-2186 .wpforms-field-radio ul{
  display: flex;
  gap: 16px;
  align-items: center;
  padding-left: 0 !important;
  margin: 6px 0 0 !important;
}
#wpforms-form-2186 .wpforms-field-radio li{
  margin: 0 !important;
}
#wpforms-form-2186 .wpforms-field-radio input[type="radio"]{
  width: 16px;
  height: 16px;
  transform: translateY(2px);
}

/* Submit area */
#wpforms-form-2186 .wpforms-submit-container{
  padding: 10px 18px 18px;          /* reduced */
}

/* Button color as requested */
#wpforms-form-2186 button[type="submit"].wpforms-submit{
  background: #105b8e;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 11px 20px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .15s ease, background-color .15s ease;
  box-shadow: 0 10px 18px rgba(16, 91, 142, 0.18);
}

#wpforms-form-2186 button[type="submit"].wpforms-submit:hover{
  background: #0d4e79; /* slightly darker hover */
}

#wpforms-form-2186 button[type="submit"].wpforms-submit:active{
  transform: translateY(1px);
}

/* Mobile: everything stacks */
@media (max-width: 640px){
  #wpforms-form-2186 .wpforms-field-name .wpforms-field-row{
    flex-direction: column;
    gap: 10px;
  }
  #wpforms-form-2186 .wpforms-field-container{
    display: block; /* keep it simple on mobile */
  }
}/* End custom CSS */