.elementor-58 .elementor-element.elementor-element-ca7c112{--display:flex;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:13%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-58 .elementor-element.elementor-element-ca7c112{--content-width:1100px;}}/* Start custom CSS for shortcode, class: .elementor-element-1337a8c *//* Center-align the field titles (labels) */
.forminator-label {
    text-align: center;
    width: 100%;
    margin-bottom: 10px; /* Optional: space between label and input field */
}


/* Center the entire form */
#forminator-module-56 {
    margin: 0 auto; /* Center the form */
    width: 100%; /* Full width */
    max-width: 700px; /* Max width of 700px for the form fields */
}




/* Center and width for the dropdown fields (select elements) */
.Select-fields {
    width: 90% !important; /* Set the dropdown to 90% of the container width */
    max-width: 400px !important; /* Max width of 700px */
    margin: 0 auto; /* Center the dropdown */
    display: block; /* Make sure it's block-level for centering */
}

#text-3  {
    width: 90% !important; /* Set the dropdown to 90% of the container width */
    max-width: 400px !important; /* Max width of 700px */
    margin: 0 auto; /* Center the dropdown */
    display: block; /* Make sure it's block-level for centering */  
}


/* Set the dropdown width to match the select field */
.Select-fields .select2-container {
    width: 600px !important; /* Match the width of the select field */
}

/* Ensure the dropdown options match the select field's width */
.Select-fields .select2-dropdown {
    width: 600px !important; /* Set the width of the dropdown */
    left: 0 !important;  /* Align the dropdown with the select field */
}



/* Set the width of the date field to 600px */
.forminator-field-date input {
    width: 350px !important;
    margin-left: auto !important; /* Center the date field on the left */
    margin-right: auto !important; /* Center the date field on the right */
    background-color: #EDEDED !important;
}



/* Center the pagination buttons */
.forminator-pagination-footer {
    display: flex; /* Use flexbox to arrange the buttons */
    justify-content: center !important; /* Center the buttons */
    margin-top: 20px; /* Optional: Adds space above the buttons */
}

/* Optional: Add space between the buttons (if needed) */
.forminator-button-next, .forminator-button-back {
    margin: 0 10px !important; /* Adds space between the buttons */
}




/* Center-align the radio fields */
.forminator-field-radio {
    display: flex;
    flex-direction: column; /* Stack radio buttons vertically */
    align-items: center; /* Center the radio buttons horizontally */
    width: 100%;
}

/* Center the radio button labels */
.forminator-radio {
    text-align: center;
    margin-bottom: 10px; /* Optional: space between radio button and label */
}

/* Optional: Style the radio buttons for consistency */
.forminator-radio input[type="radio"] {
    margin-right: 10px; /* Adds space between radio button and label */
}



/* Center-align the slider amount (forminator-slider-amount) */
.forminator-slider-amount,
.forminator-slider-amount-bottom {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    width: 100%;
    margin-top: 10px; /* Optional: space above the slider amount */
}

/* Optional: Adjust the amount text for better alignment */
.forminator-slider-amount .forminator-slider-value {
    text-align: center;
}



/* Center the email field and set its width to 400px */
.forminator-field-email input {
    width: 400px !important; /* Set the width of the email input */
    margin-left: auto !important; /* Center the email field on the left */
    margin-right: auto !important; /* Center the email field on the right */
        background-color: #EDEDED !important;
    
}



/* Style Forminator Thank You Message */
.forminator-response-message.forminator-success {
    font-size: 38px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color-text: white !important; /* choose any fun color */
    margin-top: 20px;
}


/* Center buttons and control spacing */
.forminator-pagination-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 8px !important; /* Smaller space between buttons */
    margin-top: 20px;
}

/* Make buttons wider */
.forminator-pagination-footer .forminator-button {
    padding: 12px 40px !important; /* Increase horizontal button size */
    width: auto !important;
    display: inline-block !important;
    flex: 0 0 auto;
    border-radius: 6px; /* optional: softer button corners */
}




/* Make rows with columns behave as a flex row */
#forminator-module-56 .forminator-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;   /* center content inside the row */
}

/* Full-width columns (most fields / titles) */
#forminator-module-56 .forminator-row > .forminator-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Half-width columns (business name + website, name + phone) */
#forminator-module-56 .forminator-row > .forminator-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

/* Make sure the inputs inside those half-width columns use full width */
#forminator-module-56 .forminator-col-6 .forminator-field {
    width: 100%;
}
#forminator-module-56 .forminator-col-6 .forminator-input {
    width: 100% !important;
}


#forminator-module-56 .forminator-row > .forminator-col-6 {
    padding-left: 8px;
    padding-right: 8px;
}/* End custom CSS */