.elementor-219 .elementor-element.elementor-element-0d34600{--display:flex;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-219 .elementor-element.elementor-element-600d60e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-219 .elementor-element.elementor-element-600d60e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-219 .elementor-element.elementor-element-600d60e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-219 .elementor-element.elementor-element-600d60e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-field-type-html{padding-bottom:0px;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-button[type="submit"]{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-600d60e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for html, class: .elementor-element-45e4884 */jQuery(function($) {
  var template = `
    <div class="results-count">
        <%= results.length %> record<%= results.length > 0 ? 's' : '' %> found.
    </div>
    <% results.forEach(function(item) { %>
    <div class="result card">
        <div class="row">
            <div class="col-md-4 mb-3">
                <div class="search-record">
                    <div class="search-label">Full Name</div>
                    <div class="search-value">
                        <%= item.NAME %>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="search-record">
                    <div class="search-label">PHONE #</div>
                    <div class="search-value">
                        <%= item.MOBILE %>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="search-record">
                    <div class="search-label">CNIC #</div>
                    <div class="search-value">
                        <%= item.CNIC %>
                    </div>
                </div>
            </div>
            <div class="col-md-12 mb-3">
                <div class="search-record">
                    <div class="search-label">Address</div>
                    <div class="search-value">
                        <%= item.ADDRESS %>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <% }) %>
  `;
  
  if (window.pageResults) {
      var output = ejs.render(template, { results: pageResults });
      $("#output").html(output);
  }

  $(document).on('submit_success', function(e, data) {
      if (data.data.results) {
        var output = ejs.render(template, { results: data.data.results });
        var currentPage = window.location.pathname; // Get the current page URL
    
        if (currentPage === '/search') {
          $("#output").html(output); // Render output as it is on the /search page
        } else {
          // Create a form element dynamically
          var form = $('<form>', {
            method: 'POST',
            action: '/search'
          });
    
          // Create an input field to hold the results data
          var resultsInput = $('<input>', {
            type: 'hidden',
            name: 'results',
            value: JSON.stringify(data.data.results)
          });
    
          // Append the input field to the form
          form.append(resultsInput);
    
          // Append the form to the document and submit it
          $('body').append(form);
          form.submit();
        }
      }
    });

});

.search-label, .results-count {
    text-transform: uppercase;
    font-size: 9pt;
    color: #a29d9d;
}

.search-value {
    text-transform: uppercase;
}

.card {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    padding: 3rem;
    margin-bottom: 1rem;
    box-shadow: 0px 2px 2px 1px rgb(0 0 0 / 7%);
    border-radius: 5px;
}

.mb-3 {
    margin-bottom: 1rem;
}

.results-count {
    text-align: center;
    margin-bottom: 0.5rem;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-600d60e */jQuery(function($) {
  var template = `
    <div class="results-count">
        <%= results.length %> record<%= results.length > 0 ? 's' : '' %> found.
    </div>
    <% results.forEach(function(item) { %>
    <div class="result card">
        <div class="row">
            <div class="col-md-4 mb-3">
                <div class="search-record">
                    <div class="search-label">Full Name</div>
                    <div class="search-value">
                        <%= item.NAME %>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="search-record">
                    <div class="search-label">PHONE #</div>
                    <div class="search-value">
                        <%= item.MOBILE %>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="search-record">
                    <div class="search-label">CNIC #</div>
                    <div class="search-value">
                        <%= item.CNIC %>
                    </div>
                </div>
            </div>
            <div class="col-md-12 mb-3">
                <div class="search-record">
                    <div class="search-label">Address</div>
                    <div class="search-value">
                        <%= item.ADDRESS %>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <% }) %>
  `;
  
  if (window.pageResults) {
      var output = ejs.render(template, { results: pageResults });
      $("#output").html(output);
  }

  $(document).on('submit_success', function(e, data) {
      if (data.data.results) {
        var output = ejs.render(template, { results: data.data.results });
        var currentPage = window.location.pathname; // Get the current page URL
    
        if (currentPage === '/search') {
          $("#output").html(output); // Render output as it is on the /search page
        } else {
          // Create a form element dynamically
          var form = $('<form>', {
            method: 'POST',
            action: '/search'
          });
    
          // Create an input field to hold the results data
          var resultsInput = $('<input>', {
            type: 'hidden',
            name: 'results',
            value: JSON.stringify(data.data.results)
          });
    
          // Append the input field to the form
          form.append(resultsInput);
    
          // Append the form to the document and submit it
          $('body').append(form);
          form.submit();
        }
      }
    });

});

.search-label, .results-count {
    text-transform: uppercase;
    font-size: 9pt;
    color: #a29d9d;
}

.search-value {
    text-transform: uppercase;
}

.card {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    padding: 3rem;
    margin-bottom: 1rem;
    box-shadow: 0px 2px 2px 1px rgb(0 0 0 / 7%);
    border-radius: 5px;
}

.mb-3 {
    margin-bottom: 1rem;
}

.results-count {
    text-align: center;
    margin-bottom: 0.5rem;
}


<form class="elementor-form" method="post" name="Search" data-h-captcha-id="ca41-99a0-dfb5-585b">
			<input type="hidden" name="post_id" value="23">
			<input type="hidden" name="form_id" value="0e08cad">
			<input type="hidden" name="referer_title" value="Sim Ownership - All Network Sim Owner Details Database 2023">

							<input type="hidden" name="queried_id" value="23">
			
			<div class="elementor-form-fields-wrapper elementor-labels-">
								<div class="elementor-field-type-hcaptcha elementor-field-group elementor-column elementor-field-group-field_dcf658f elementor-col-100">
					<div class="elementor-field" id="form-field-field_dcf658f"><div class="elementor-hcaptcha">		<div class="h-captcha" data-sitekey="f2ef071a-3b43-4b94-8722-1cb725d08de5" data-theme="light" data-size="invisible" data-auto="false">
		<iframe aria-hidden="true" data-hcaptcha-widget-id="0408p1amppny" data-hcaptcha-response="" style=""></iframe><textarea id="g-recaptcha-response-0408p1amppny" name="g-recaptcha-response" style="display: none;"></textarea><textarea id="h-captcha-response-0408p1amppny" name="h-captcha-response" style="display: none;"></textarea></div>
		</div></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-search elementor-col-70 elementor-field-required">
												<label for="form-field-search" class="elementor-field-label elementor-screen-only">
								Search							</label>
														<input size="1" type="text" name="form_fields[search]" id="form-field-search" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Enter CNIC or Phone Number" required="required" aria-required="true">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-30 e-form__buttons">
					<button type="submit" class="elementor-button elementor-size-sm">
						<span>
															<span class=" elementor-button-icon">
																										</span>
																						<span class="elementor-button-text">Search</span>
													</span>
					</button>
				</div>
			</div>
		</form>/* End custom CSS */