.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1603 .elementor-element.elementor-element-b209239{--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-html .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-html .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-96ca884 */select#countryCode {
    width: 27%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b209239 */<!-- Mobile Number -->
<div class="form-group">
  <label>Mobile Number <span class="required">*</span></label>

  <div class="phone-input-wrapper">
    <select id="countryCode" name="countryCode" class="country-select">
      <option value="+91" data-length="10">🇮🇳 +91 (India)</option>
      <option value="+1" data-length="10">🇺🇸 +1 (USA)</option>
      <option value="+44" data-length="10">🇬🇧 +44 (UK)</option>
      <option value="+971" data-length="9">🇦🇪 +971 (UAE)</option>
      <option value="+65" data-length="8">🇸🇬 +65 (Singapore)</option>
      <option value="+61" data-length="9">🇦🇺 +61 (Australia)</option>
      <option value="+49" data-length="10">🇩🇪 +49 (Germany)</option>
      <option value="+33" data-length="9">🇫🇷 +33 (France)</option>
      <option value="+81" data-length="10">🇯🇵 +81 (Japan)</option>
      <option value="+86" data-length="11">🇨🇳 +86 (China)</option>
    </select>

    <input
      type="tel"
      id="mobileNumber"
      name="mobileNumber"
      placeholder="Enter mobile number"
      inputmode="numeric"
      required
    >
  </div>

  <span class="error-message">Please enter a valid mobile number</span>
</div>/* End custom CSS */