.elementor-14280 .elementor-element.elementor-element-b0289cb{--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-14280 .elementor-element.elementor-element-2883a9d{--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-14280 .elementor-element.elementor-element-450baa6{--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-14280 .elementor-element.elementor-element-fada99b{--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-14280 .elementor-element.elementor-element-2787071{--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-14280 .elementor-element.elementor-element-b7796a5{--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-14280 .elementor-element.elementor-element-029507c{--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-14280 .elementor-element.elementor-element-4907c32{--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;}/* Start custom CSS for wpforms, class: .elementor-element-f0f7b62 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form 8093 Preview</title>
<style>
  /* Base page styles to mimic a generic WP theme */
  body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #f4f6f9;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    padding: 20px;
  }

  /* PASTED CSS FOR FORM (ID: 8093)
     ------------------------------------------
  */

  /* --- Form Card --- */
  #wpforms-8093 {
    background:#ffffff;
    padding:40px;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,0.08);
    width: 100%;
    max-width: 500px;
  }

  /* --- Labels --- */
  #wpforms-8093 .wpforms-field-label {
    font-weight:600;
    color:#020e57;
    margin-bottom:6px;
    font-size:14px;
    display: block;
  }

  /* --- Inputs / Textareas / Selects --- */
  #wpforms-8093 input,
  #wpforms-8093 textarea,
  #wpforms-8093 select {
    width: 100%;
    box-sizing: border-box;
    border:1px solid #e4e8f3 !important;
    border-radius:10px !important;
    padding:14px !important;
    font-size:15px !important;
    background:#ffffff !important;
    transition:all .25s ease;
    box-shadow:none !important;
    font-family: inherit;
  }

  /* --- Focus Effect --- */
  #wpforms-8093 input:focus,
  #wpforms-8093 textarea:focus,
  #wpforms-8093 select:focus {
    border-color:#020e57 !important;
    box-shadow:0 0 0 3px rgba(2,14,87,0.08);
    outline: none;
  }

  /* --- Placeholder Visibility --- */
  #wpforms-8093 input::placeholder,
  #wpforms-8093 textarea::placeholder {
    color:#8a93a8 !important;
    opacity:1;
    font-size:14px;
  }

  /* --- Phone Field --- */
  #wpforms-8093 .iti {
    width:100%;
    position: relative;
    display: block;
  }
  
  #wpforms-8093 .iti input {
    padding-left:60px !important;
    height:auto !important;
    line-height:1.4 !important;
  }

  .fake-flag {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    z-index: 2;
  }

  /* --- Checkbox & Radio Fix --- */
  #wpforms-8093 input[type="checkbox"],
  #wpforms-8093 input[type="radio"] {
    width: auto !important; /* Overrides the 100% width from general inputs */
    accent-color: #020e57;
    display: inline-block !important;
    margin: 4px 8px 0 0 !important; /* Adds space between box and text */
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Checkbox text alignment adjustments */
  #wpforms-8093 .wpforms-field-checkbox ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    text-align: left !important; /* Forces left alignment */
  }

  #wpforms-8093 .wpforms-field-checkbox li {
    display: flex !important;
    align-items: flex-start !important; /* Keeps box aligned to the top of multi-line text */
    text-align: left !important;
  }

  #wpforms-8093 .wpforms-field-checkbox .wpforms-field-label-inline {
    font-weight: 400 !important; /* Removes bolding from this specific label */
    font-size: 14px !important;
    display: inline !important;
    color: #555 !important;
    line-height: 1.5 !important;
  }

  /* --- Dropdown Text --- */
  #wpforms-8093 select {
    color:#333 !important;
    height:auto !important;
    line-height:1.4 !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    white-space:normal !important;
    overflow:visible !important;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23020e57%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 12px auto;
  }

  /* --- Submit Button --- */
  #wpforms-8093 button {
    background:#020e57 !important;
    color:#ffffff !important;
    border: none;
    border-radius:10px !important;
    padding:14px 26px !important;
    font-size:15px;
    font-weight:600;
    letter-spacing:.3px;
    transition:all .25s ease;
    cursor: pointer;
    width: 100%;
  }

  #wpforms-8093 button:hover {
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(2,14,87,0.2);
  }

  #wpforms-8093 .wpforms-field {
    margin-bottom:18px !important;
  }

  /* ===== FORM TITLE (CSS Injected) ===== */
  #wpforms-8093::before {
    content: "Get in Touch";
    display:block;
    font-size:22px;
    font-weight:700;
    color:#020e57;
    margin-bottom:20px;
    text-align: center;
  }

  /* ===== FAST RESPONSE GUARANTEE BANNER (CSS Injected) ===== */
  #wpforms-8093 .wpforms-submit-container::before {
    content: "⏱️ Fast Response Guarantee: Fill out the details above and our academic counselor will contact you within few hours.";
    display: block;
    background-color: #f8fcf9;
    border-left: 4px solid #25D366;
    padding: 14px 18px;
    border-radius: 6px;
    margin-bottom: 20px;
    color: #020e57;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
  }

</style>
</head>
<body>

  <!-- SIMULATED WPFORMS STRUCTURE FOR ID 8093 -->
  <div id="wpforms-8093" class="wpforms-container">
    <form class="wpforms-form">
      
      <!-- Name Field -->
      <div class="wpforms-field">
        <label class="wpforms-field-label">Full Name</label>
        <input type="text" placeholder="Enter your full name">
      </div>

      <!-- Phone Field (Simulating the .iti container) -->
      <div class="wpforms-field">
        <label class="wpforms-field-label">Phone Number</label>
        <div class="iti">
           <span class="fake-flag">🇮🇳</span>
           <input type="tel" placeholder="+91 98765 43210">
        </div>
      </div>

      <!-- Course Selection -->
      <div class="wpforms-field">
        <label class="wpforms-field-label">Select Course</label>
        <select>
          <option>Select a course...</option>
          <option>Chartered Accountancy (CA)</option>
          <option>Company Secretary (CS)</option>
          <option>CMA</option>
          <option>Class 11 & 12 Commerce</option>
        </select>
      </div>

      <!-- Message -->
      <div class="wpforms-field">
        <label class="wpforms-field-label">Message</label>
        <textarea rows="4" placeholder="How can we help you?"></textarea>
      </div>

      <!-- Consent Checkbox -->
      <div class="wpforms-field wpforms-field-checkbox">
        <ul>
          <li>
            <input type="checkbox" id="consent_checkbox">
            <label for="consent_checkbox" class="wpforms-field-label-inline">I consent to receive communications. I agree to the T&C and Privacy Policy. <span style="color:red">*</span></label>
          </li>
        </ul>
      </div>

      <!-- Submit -->
      <div class="wpforms-submit-container">
        <button type="submit">Send Enquiry</button>
      </div>

    </form>
  </div>

</body>
</html>/* End custom CSS */