.elementor-30952 .elementor-element.elementor-element-551cb24{--display:flex;--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;}.elementor-30952 .elementor-element.elementor-element-0e193fc{--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;--border-radius:50px 50px 50px 50px;--padding-top:65px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}.elementor-30952 .elementor-element.elementor-element-0e193fc:not(.elementor-motion-effects-element-type-background), .elementor-30952 .elementor-element.elementor-element-0e193fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jjhsupport.com/wp-content/uploads/2026/03/popup.jpg");background-size:cover;}.elementor-30952 .elementor-element.elementor-element-473da76{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;}.elementor-30952 .elementor-element.elementor-element-e99b66b{--display:flex;--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;}.elementor-30952 .elementor-element.elementor-element-1ee5b9f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50px 50px 50px 50px;--padding-top:70px;--padding-bottom:70px;--padding-left:50px;--padding-right:50px;}.elementor-30952 .elementor-element.elementor-element-1ee5b9f:not(.elementor-motion-effects-element-type-background), .elementor-30952 .elementor-element.elementor-element-1ee5b9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form-control-wrap{margin-bottom:10px;}.elementor-30952 .elementor-element.elementor-element-9302859 .thegem-cf7 .with-label{margin-bottom:10px;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio){padding:10px 30px 10px 30px;border-radius:30px 30px 30px 30px;background-color:#F1F1F1;}.elementor-30952 .elementor-element.elementor-element-9302859 .combobox-wrapper .combobox-text{padding:10px 30px 10px 30px;}.elementor-30952 .elementor-element.elementor-element-9302859 .combobox-wrapper{border-radius:30px 30px 30px 30px;background-color:#F1F1F1;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form-control-wrap textarea{height:130px;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio), .elementor-30952 .elementor-element.elementor-element-9302859 .combobox-wrapper .combobox-text{font-size:16px;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form-control:not(.wpcf7-submit):placeholder-shown{font-size:16px;}.elementor-30952 .elementor-element.elementor-element-9302859 label{text-align:left;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form p:nth-last-of-type(1){align-items:flex-start;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-form .submit-outer{align-items:flex-start;}.elementor-30952 .elementor-element.elementor-element-9302859 .wpcf7-submit{margin:20px 0px 0px 0px;}@media(max-width:1600px){.elementor-30952 .elementor-element.elementor-element-0e193fc{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-30952 .elementor-element.elementor-element-1ee5b9f{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1024px){.elementor-30952 .elementor-element.elementor-element-0e193fc{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-30952 .elementor-element.elementor-element-1ee5b9f{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-30952 .elementor-element.elementor-element-1ee5b9f{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-30952 .elementor-element.elementor-element-0e193fc{--width:100%;}.elementor-30952 .elementor-element.elementor-element-1ee5b9f{--width:100%;}}<div class="jjh-onboarding-form">

  <!-- Step 1: Base Contact Information -->
  <label> Full Name (As written on passport) *
    [text* client-name placeholder "John Doe"] </label>

  <label> Corporate Email Address *
    [email* client-email placeholder "john@company.com"] </label>

  <label> WhatsApp Active Phone Number *
    [tel* client-phone placeholder "+234..."] </label>

  <label> Select Required Service *
    [select* service-type include_blank "VIP Protocol Support & Passenger Mobility" "E-Visa Processing & Visa Logistics"] </label>

  <!-- SEGMENT A: VIP PROTOCOL FIELDS -->
  [group protocol-group]
    <label> Upload Passport Data Page (PDF/JPG, Max 5MB) *
      [file* passport-file filetypes:pdf|jpg|jpeg limit:5mb] </label>

    <label> Upload Flight Ticket (PDF, Max 5MB) *
      [file* ticket-file filetypes:pdf limit:5mb] </label>

    <div class="form-row">
      <div class="form-col"><label> Arrival Schedule * [datetime* arrival-datetime] </label></div>
      <div class="form-col"><label> Departure Schedule * [datetime* departure-datetime] </label></div>
    </div>

    <label> Vehicle Fleet Request *
      [select* vehicle-request include_blank "Premium Executive Sedan (e.g., Mercedes-Benz)" "Luxury Security SUV (e.g., Toyota Prado)" "Executive Coaster Bus (For Corporate Groups)" "None (Terminal Protocol Only)"] </label>
  [/group]

  <!-- SEGMENT B: VISA PROCESS FIELDS -->
  [group visa-group]
    <label> Visa Application Type *
      [radio visa-class use_label_element default:1 "E-Visa Process Application" "Tourist Visa" "Business Visa" "Work Permit"] </label>
  [/group]

  <!-- Step 3: Shared Destination, Notes & Consent -->
  <label> Hotel Destination / Operational Processing Notes *
    [textarea* processing-notes placeholder "Enter destination address, nationality, or specific instructions for our terminal teams..."] </label>

  <label>[checkbox* data-consent use_label_element "I authorize JJH Support Services Ltd. to securely process my passport and travel records for terminal synchronization and security protocols."] </label>

  [submit class:jjh-btn "SUBMIT OFFICIAL DEPLOYMENT REQUEST"]

</div>
/* Core Form Container Styles */
.jjh-onboarding-form {
    max-width: 650px;
    margin: 0 auto;
    font-family: inherit;
}

/* Universal Inputs High-Clarity Framework */
.jjh-onboarding-form input[type="text"],
.jjh-onboarding-form input[type="email"],
.jjh-onboarding-form input[type="tel"],
.jjh-onboarding-form input[type="date"],
.jjh-onboarding-form select,
.jjh-onboarding-form textarea {
    border: 2px solid #1a2e40 !important;      /* Thick, highly visible deep navy border line */
    background-color: #f8f9fa !important;    /* Soft light gray background tint for text contrast */
    color: #1a2e40 !important;               /* Dark readable text values */
    border-radius: 6px !important;
    padding: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

/* Interaction Focus State Highlight */
.jjh-onboarding-form input:focus,
.jjh-onboarding-form select:focus,
.jjh-onboarding-form textarea:focus {
    background-color: #ffffff !important;    /* Shifts to clear pure white background when active */
    border-color: #d4af37 !important;        /* Crisp corporate gold highlight boundary line */
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.4) !important;
    outline: none !important;
}

/* High-Visibility Custom Radio & Checkbox Buttons */
.jjh-onboarding-form input[type="radio"],
.jjh-onboarding-form input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 2px solid #1a2e40 !important;      /* Extra clear thick navy border lines */
    background-color: #f8f9fa !important;    /* Matches input field fill background */
    width: 22px !important;                  /* Larger pixel dimensions for readability */
    height: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    position: relative !important;
}

.jjh-onboarding-form input[type="radio"] { border-radius: 50% !important; }
.jjh-onboarding-form input[type="checkbox"] { border-radius: 4px !important; }

/* Active Selection Visual Fill */
.jjh-onboarding-form input[type="radio"]:checked,
.jjh-onboarding-form input[type="checkbox"]:checked {
    background-color: #1a2e40 !important;    /* Deep solid navy fill core */
    border-color: #d4af37 !important;        /* Gold boundary line wrapper accent */
}

/* Inside Marker Symbols */
.jjh-onboarding-form input[type="radio"]:checked::before {
    content: "" !important;
    position: absolute !important;
    top: 6px !important; left: 6px !important;
    width: 6px !important; height: 6px !important;
    background-color: #ffffff !important;     /* White center core dot */
    border-radius: 50% !important;
}

.jjh-onboarding-form input[type="checkbox"]:checked::before {
    content: "✓" !important;
    position: absolute !important;
    top: -1px !important; left: 4px !important;
    font-size: 15px !important;
    color: #ffffff !important;               /* Clear white check symbol */
    font-weight: bold !important;
}

/* Structural Formatting Layout Alignment Blocks */
.jjh-onboarding-form .form-field-block {
    margin-bottom: 22px !important;
}
.jjh-onboarding-form label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 700 !important;             /* Extra bold text titles for visual clarity */
    color: #1a2e40 !important;
    font-size: 15px !important;
}
.jjh-onboarding-form .form-row {
    display: flex !important;
    gap: 20px !important;
    margin-bottom: 22px !important;
}
.jjh-onboarding-form .form-col { flex: 1 !important; }

/* Spacing out radio buttons stacked rows cleanly */
.jjh-onboarding-form span.wpcf7-list-item {
    display: block !important;
    margin: 12px 0 !important;
}
.jjh-onboarding-form span.wpcf7-list-item-label {
    font-weight: 500 !important;
    color: #333333 !important;
}

/* Premium Corporate Action Button */
.jjh-onboarding-form .jjh-btn {
    background-color: #1a2e40 !important;
    color: #ffffff !important;
    border: 2px solid #1a2e40 !important;
    padding: 16px 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}
.jjh-onboarding-form .jjh-btn:hover {
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
    color: #1a2e40 !important;
}