.elementor-3368 .elementor-element.elementor-element-6a01790{--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3368 .elementor-element.elementor-element-96a0ea9{--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;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-fd3c545 *//*
 * iOS Style for Gravity Forms
 * This CSS aims to give Gravity Forms a clean, modern iOS-like appearance.
 * It targets common form elements to apply consistent styling.
 */

/* Base form container styling */
.gform_wrapper {
    /* Set a clean, neutral background for the form area */
    background-color: #f9f9f9;
    /* Add subtle rounded corners to the entire form container */
    border-radius: 12px;
    /* Apply a light shadow for depth, typical of iOS elements */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* Add internal padding for spacing */
    padding: 30px;
    /* Ensure the form takes full available width */
    width: 100%;
    /* Max width to prevent it from becoming too wide on large screens */
    max-width: 700px;
    /* Center the form on the page */
    margin: 40px auto;
    /* Use a system font stack similar to iOS */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    /* Smooth font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Default text color */
    color: #333;
}

/* Form title and description */
.gform_wrapper .gform_title {
    font-size: 28px;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 15px;
}

.gform_wrapper .gform_description {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5;
}

/* Individual field container */
.gform_wrapper .gfield {
    margin-bottom: 20px;
}

/* Field labels */
.gform_wrapper .gfield_label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    display: block; /* Ensure label is on its own line */
}

/* Text input fields, email, number, URL, etc. */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper select,
.gform_wrapper textarea {
    /* Full width of their container */
    width: 100%;
    /* Padding inside the input for better text spacing */
    padding: 12px 15px;
    /* Border style, light grey, subtle */
    border: 1px solid #e0e0e0;
    /* Rounded corners for an iOS look */
    border-radius: 8px;
    /* Font size for readability */
    font-size: 16px;
    /* Text color */
    color: #333;
    /* Background color */
    background-color: #fff;
    /* Smooth transitions for focus and hover states */
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    /* Remove default outline on focus for custom styling */
    outline: none;
    /* Ensure consistent box model */
    box-sizing: border-box;
    /* Placeholder text color */
    opacity: 0.8;
}

/* Focus state for input fields */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    /* Highlight border color on focus */
    border-color: #007aff; /* iOS blue */
    /* Add a subtle shadow on focus, mimicking iOS text fields */
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
}

/* Textarea specific styling */
.gform_wrapper textarea {
    /* Allow vertical resizing but prevent horizontal */
    resize: vertical;
    /* Set a minimum height */
    min-height: 100px;
}

/* Select dropdowns */
.gform_wrapper select {
    /* Remove default browser arrow for custom styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add a custom arrow using background image */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px;
    padding-right: 40px; /* Make space for the custom arrow */
}

/* Radio buttons and checkboxes (custom styling) */
.gform_wrapper .gfield_radio li input[type="radio"],
.gform_wrapper .gfield_checkbox li input[type="checkbox"] {
    /* Hide default browser radio/checkbox */
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.gform_wrapper .gfield_radio li label,
.gform_wrapper .gfield_checkbox li label {
    position: relative;
    padding-left: 30px; /* Space for custom icon */
    cursor: pointer;
    font-size: 16px;
    color: #333;
    line-height: 1.5; /* Ensure proper line height for text */
}

/* Custom radio button appearance */
.gform_wrapper .gfield_radio li label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%; /* Make it circular for radio */
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

.gform_wrapper .gfield_radio li input[type="radio"]:checked + label::before {
    border-color: #007aff; /* iOS blue */
    background-color: #007aff; /* iOS blue */
}

.gform_wrapper .gfield_radio li input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
}

/* Custom checkbox appearance */
.gform_wrapper .gfield_checkbox li label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 6px; /* Slightly rounded square for checkbox */
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

.gform_wrapper .gfield_checkbox li input[type="checkbox"]:checked + label::before {
    border-color: #007aff; /* iOS blue */
    background-color: #007aff; /* iOS blue */
}

.gform_wrapper .gfield_checkbox li input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Submit button styling */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer input[type="button"] {
    /* Full width button */
    width: 100%;
    /* Padding for a comfortable click area */
    padding: 15px 25px;
    /* iOS blue background */
    background-color: #007aff;
    /* White text color */
    color: #fff;
    /* Bold font weight */
    font-weight: 600;
    /* Larger font size */
    font-size: 18px;
    /* Rounded corners */
    border-radius: 10px;
    /* Remove default border */
    border: none;
    /* Cursor indicates interactivity */
    cursor: pointer;
    /* Smooth transition for hover/active states */
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    /* Remove default outline */
    outline: none;
    /* Add a subtle shadow for depth */
    box-shadow: 0 4px 10px rgba(0, 122, 255, 0.3);
    /* Ensure consistent box model */
    box-sizing: border-box;
}

/* Submit button hover state */
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type="button"]:hover {
    /* Slightly darker blue on hover */
    background-color: #005bb5;
    /* Increase shadow for more emphasis */
    box-shadow: 0 6px 15px rgba(0, 122, 255, 0.4);
}

/* Submit button active state (when clicked) */
.gform_wrapper .gform_footer input[type="submit"]:active,
.gform_wrapper .gform_footer input[type="button"]:active {
    /* Even darker blue and reduced shadow for a pressed effect */
    background-color: #004c99;
    box-shadow: 0 2px 5px rgba(0, 122, 255, 0.2);
    transform: translateY(1px); /* Slight press effect */
}

/* Error messages */
.gform_wrapper .gfield_description.validation_message,
.gform_wrapper .validation_message {
    color: #ff3b30; /* iOS red for errors */
    font-size: 13px;
    margin-top: 5px;
    padding-left: 5px;
}

/* Required field indicator */
.gform_wrapper .gfield_required {
    color: #ff3b30; /* Red asterisk */
    margin-left: 3px;
}

/* Confirmation message styling */
.gform_confirmation_wrapper {
    background-color: #e6f7ff; /* Light blue background */
    border: 1px solid #007aff; /* iOS blue border */
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    font-size: 18px;
    color: #007aff;
    margin: 40px auto;
    max-width: 700px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Specific styling for list items within radio/checkbox fields */
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
    margin-bottom: 10px; /* Spacing between options */
}

/* Hide Gravity Forms default list styles */
.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Address field specific styling (if applicable) */
.gform_wrapper .address_line input {
    margin-bottom: 10px; /* Space between address lines */
}

/* Multi-page form navigation (if applicable) */
.gform_wrapper .gform_page_footer {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.gform_wrapper .gform_page_footer .gform_previous_button,
.gform_wrapper .gform_page_footer .gform_next_button {
    /* Inherit button styles, but perhaps with a different color for previous */
    background-color: #e0e0e0; /* Light grey for previous */
    color: #333;
    box-shadow: none;
}

.gform_wrapper .gform_page_footer .gform_previous_button:hover,
.gform_wrapper .gform_page_footer .gform_next_button:hover {
    background-color: #d0d0d0;
    box-shadow: none;
}

/* Ensure all form elements have box-sizing border-box */
.gform_wrapper *,
.gform_wrapper *::before,
.gform_wrapper *::after {
    box-sizing: border-box;
}

/* Placeholder text styling */
.gform_wrapper ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

.gform_wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

.gform_wrapper ::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gform_wrapper {
        padding: 20px;
        margin: 20px auto;
        border-radius: 8px;
    }

    .gform_wrapper .gform_title {
        font-size: 24px;
    }

    .gform_wrapper .gform_description {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .gform_wrapper input[type="text"],
    .gform_wrapper input[type="email"],
    .gform_wrapper input[type="tel"],
    .gform_wrapper input[type="number"],
    .gform_wrapper input[type="url"],
    .gform_wrapper input[type="password"],
    .gform_wrapper select,
    .gform_wrapper textarea {
        padding: 10px 12px;
        font-size: 15px;
        border-radius: 6px;
    }

    .gform_wrapper .gfield_label {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .gform_wrapper .gform_footer input[type="submit"],
    .gform_wrapper .gform_footer input[type="button"] {
        padding: 12px 20px;
        font-size: 16px;
        border-radius: 8px;
    }

    .gform_wrapper .gfield_radio li label,
    .gform_wrapper .gfield_checkbox li label {
        font-size: 15px;
    }

    .gform_wrapper .gfield_radio li label::before,
    .gform_wrapper .gfield_checkbox li label::before {
        width: 18px;
        height: 18px;
    }

    .gform_wrapper .gfield_radio li input[type="radio"]:checked + label::after {
        left: 4px;
        width: 9px;
        height: 9px;
    }

    .gform_wrapper .gfield_checkbox li input[type="checkbox"]:checked + label::after {
        left: 5px;
        width: 5px;
        height: 10px;
    }
}

/* Further adjustments for very small screens */
@media (max-width: 480px) {
    .gform_wrapper {
        padding: 15px;
        margin: 15px auto;
        border-radius: 6px;
    }

    .gform_wrapper .gform_title {
        font-size: 22px;
    }

    .gform_wrapper .gform_description {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .gform_wrapper .gform_footer input[type="submit"],
    .gform_wrapper .gform_footer input[type="button"] {
        padding: 10px 15px;
        font-size: 15px;
    }
}/* End custom CSS */