/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2026 | 01:18:17 */
/* ==========================================================================
   FORM 1 ONLY: COMPLETELY CENTERED INLINE HORIZONTAL ROW
   ========================================================================== */

/* 1. Force the PowerPack container layout to center cleanly on the page grid */
.pp-gf-content {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 2. Ensure Gravity Forms wrapper layer shares the exact same center alignment */
#gform_wrapper_1 {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

/* 3. Force the main form elements to align side-by-side perfectly */
.pp-gf-content #gform_wrapper_1 form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important; 
    border: 1px solid #757575 !important;
    overflow: hidden !important; 
    max-width: 500px !important;
    margin: 0 auto !important;
    background-color: #fff !important;
    width: 100% !important;
}

/* Ensure list wrapper fills the space inside the centered form frame */
#gform_wrapper_1 .gform_body,
#gform_wrapper_1 ul.gform_fields {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-grow: 1 !important;
    display: block !important;
}

#gform_wrapper_1 .gfield {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Strip input borders so it feels like a unified single-line bar */
#gform_wrapper_1 .gfield input {
    transition: 0.1s all linear !important;
    margin-bottom: 0 !important; 
    border: none !important;
    height: 60px !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    padding-left: 20px !important;
}

/* Base style for the floating label */
#gform_wrapper_1 .gfield label.gfield_label {
    position: absolute !important;
    top: 15px !important;
    left: 20px !important;
    transition: 0.1s all linear !important;
    cursor: text !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* Restores your original label transformation state */
#gform_wrapper_1 .gfield.active label.gfield_label {
    top: 4px !important;
    left: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* Align and stretch the footer container to fill form height */
#gform_wrapper_1 .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-self: stretch !important;
}

/* Style the button back to its perfect right-side block state with correct colors */
#gform_wrapper_1 input.gform_button.button {
    white-space: nowrap !important;
    height: 100% !important;
    min-height: 60px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 40px !important; 
    align-self: stretch !important;
    box-sizing: border-box !important;
    background-color: #310094 !important; /* Restored original deep purple */
    color: #ffffff !important;            /* Restored white text */
}
/* ==========================================================================
   FORM 2 ONLY: PRODUCTION STRUCTURE & SCOPED TEXT FIELD ENGINE
   ========================================================================== */

/* 1. Base Structure Isolation */
#gform_wrapper_2, 
#gform_wrapper_2 form {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

#gform_wrapper_2 .gfield,
#gform_wrapper_2 .ginput_complex span {
    position: relative !important;
}

/* 2. Floating Label Initial Resting Positions (Broadened for Modern Theme Containers) */
#gform_wrapper_2 label.gfield_label,
#gform_wrapper_2 .gfield_address_complex label,
#gform_wrapper_2 .gfield_name_complex label,
#gform_wrapper_2 .gform-theme__js-container label:not(.gfield_choice_header) {
    position: absolute !important; 
    top: 18px !important; 
    left: 20px !important;
    transition: 0.15s all linear !important;
    cursor: text !important;
    z-index: 10 !important;
    pointer-events: none !important;
    font-size: 15px !important;
    font-weight: normal !important;
    color: #757575 !important;
    transform: none !important;
    margin: 0 !important;
}

/* 3. Floating Label Active Animated State */
#gform_wrapper_2 label.label-float-active,
#gform_wrapper_2 .gform-theme__js-container label.label-float-active {
    top: 4px !important;
    left: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #555 !important;
    z-index: 20 !important;
    position: absolute !important;
}

/* 4. Text-Based Inputs 58px Sizing Constraints */
#gform_wrapper_2 .gfield input[type="text"],
#gform_wrapper_2 .gfield input[type="email"],
#gform_wrapper_2 .gfield input[type="tel"],
#gform_wrapper_2 .gfield select,
#gform_wrapper_2 .gfield textarea {
    height: 58px !important;
    padding-top: 22px !important;
    padding-bottom: 4px !important;
    transition: 0.1s all linear !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    width: 100% !important;
    display: block !important;
}

/* 5. Section/Group Header Overrides (Bypass Floating) */
#gform_wrapper_2 .gfield_choice_header,
#gform_wrapper_2 legend.gfield_label,
#gform_wrapper_2 .gsection_title {
    position: relative !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #440099 !important;
    margin: 0 0 12px 0 !important;
    transform: none !important;
    left: 0 !important;
    top: 0 !important;
}

/* 6. Dynamic Address Grid Integration */
#gform_wrapper_2 .gfield_address_complex {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}
#gform_wrapper_2 .ginput_full {
    grid-column: span 2 !important;
}

/* ==========================================================================
   FORM 2 ONLY: PRODUCTION STRUCTURE & SCOPED TEXT FIELD ENGINE
   ========================================================================== */

/* 1. Base Structure Isolation */
#gform_wrapper_2, 
#gform_wrapper_2 form {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

#gform_wrapper_2 .gfield,
#gform_wrapper_2 .ginput_complex span {
    position: relative !important;
}

/* 2. Floating Label Initial Resting Positions (Broadened for Modern Theme Containers) */
#gform_wrapper_2 label.gfield_label,
#gform_wrapper_2 .gfield_address_complex label,
#gform_wrapper_2 .gfield_name_complex label,
#gform_wrapper_2 .gform-theme__js-container label:not(.gfield_choice_header) {
    position: absolute !important; 
    top: 18px !important; 
    left: 20px !important;
    transition: 0.15s all linear !important;
    cursor: text !important;
    z-index: 10 !important;
    pointer-events: none !important;
    font-size: 13px !important;
    font-weight: normal !important;
    color: #777 !important;
    transform: none !important;
    margin: 0 !important;
}

/* 3. Floating Label Active Animated State */
#gform_wrapper_2 label.label-float-active,
#gform_wrapper_2 .gform-theme__js-container label.label-float-active {
    top: 4px !important;
    left: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #555 !important;
    z-index: 20 !important;
    position: absolute !important;
}

/* 4. Text-Based Inputs 58px Sizing Constraints */
#gform_wrapper_2 .gfield input[type="text"],
#gform_wrapper_2 .gfield input[type="email"],
#gform_wrapper_2 .gfield input[type="tel"],
#gform_wrapper_2 .gfield select,
#gform_wrapper_2 .gfield textarea {
    height: 58px !important;
    padding-top: 22px !important;
    padding-bottom: 4px !important;
    transition: 0.1s all linear !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    width: 100% !important;
    display: block !important;
}

/* 5. Section/Group Header Overrides (Bypass Floating) */
#gform_wrapper_2 .gfield_choice_header,
#gform_wrapper_2 legend.gfield_label,
#gform_wrapper_2 .gsection_title {
    position: relative !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #440099 !important;
    margin: 0 0 12px 0 !important;
    transform: none !important;
    left: 0 !important;
    top: 0 !important;
}

/* 6. Dynamic Address Grid Integration */
#gform_wrapper_2 .gfield_address_complex {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}
#gform_wrapper_2 .ginput_full {
    grid-column: span 2 !important;
}

/* ==========================================================================
   FORM 2 ONLY: GRAVITY FORMS NEW THEME CHOICE CONTAINERS (EXACT MARKUP)
   ========================================================================== */

/* 1. Target the true container wrappers and mold them into 58px input rows */
#gform_wrapper_2 .gchoice,
#gform_wrapper_2 .gform-theme__choice-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Locks all internal elements to visual vertical center */
    justify-content: flex-start !important;
    
    /* Box Styling Matching Your Text Inputs Exactly */
    height: 58px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    
    /* Box spacing and padding */
    margin: 0 0 12px 0 !important;
    padding: 0 20px !important; /* Perfect left padding field alignment */
    position: relative !important;
}

/* 2. Style and clean layout alignment for framework checkbox elements */
#gform_wrapper_2 input.gfield-choice-input,
.gform-theme--framework #gform_wrapper_2 input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework #gform_wrapper_2 input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 14px 0 0 !important; /* Clean structural gap before text */
    padding: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    position: relative !important;
    top: 0 !important;
    cursor: pointer !important;
}

/* 3. Strip framework inline shifts and force labels to self-center vertically */
#gform_wrapper_2 label.gform-field-label--type-inline,
#gform_wrapper_2 .gchoice label,
#gform_wrapper_2 .gform-theme__choice-container label {
    display: inline-flex !important;
    align-items: center !important; /* Snaps text exactly to horizontal midpoint */
    align-self: center !important;
    height: 100% !important;
    
    /* Complete neutralization of framework text shifting */
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    color: #000000 !important;
    line-height: normal !important;
    pointer-events: auto !important;
}

/* 4. Active Selection State: Highlight entire card row on check */
#gform_wrapper_2 .gchoice:has(input:checked),
#gform_wrapper_2 .gform-theme__choice-container:has(input:checked) {
    border-color: #440099 !important; /* Brand purple frame highlight */
    background-color: #f9f5ff !important; /* Soft selection background tint */
}

/* ==========================================================================
   FORM 2 ONLY: BUTTON NAVIGATION & COLOR SYSTEM
   ========================================================================== */
#gform_wrapper_2 .gform_page_footer input[type="button"],
#gform_wrapper_2 .gform_page_footer .gform_next_button,
#gform_wrapper_2 .gform_page_footer .gform_previous_button,
#gform_wrapper_2 .gform_footer input[type="submit"] {
    background-color: #310094 !important; /* Core brand deep purple */
    color: #ffffff !important;            /* Clean white text */
    border: none !important;
    border-radius: 4px !important;        /* Main structural rounded corner sync */
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: background-color 0.1s linear !important;
}

#gform_wrapper_2 .gform_page_footer input[type="button"]:hover,
#gform_wrapper_2 .gform_page_footer .gform_next_button:hover,
#gform_wrapper_2 .gform_footer input[type="submit"]:hover {
    background-color: #24006e !important; /* Responsive visual hover deepening accent */
}



input.gfield-choice-input{
	border:1px solid #ccc !important;
}

/* 1. Remove the global 40px row-gap for this specific page of the form */
#gform_fields_2_2, #gform_fields_2_9, #gform_fields_2_10 {
    row-gap: 8px !important; /* Set this to whatever tight spacing you prefer */
    display: grid;
    grid-template-columns: 100% !important; /* Forces fields to stack neatly */
}

#gform_fields_2_9{
row-gap: 0px !important; 
}

/* 2. Tighten the specific GField containers */
#gform_fields_2_2 .gfield, #gform_fields_2_9  {
    margin-bottom: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* 3. Ensure your section titles have a little breathing room but stay tight */
#gform_fields_2_2 .gfield--type-section, #gform_fields_2_9 .gfield--type-section {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}