.elementor-13032 .elementor-element.elementor-element-0d90c34{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13032 .elementor-element.elementor-element-adf9acd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--padding-top:06px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13032 .elementor-element.elementor-element-88bb105{width:100%;max-width:100%;}.elementor-13032 .elementor-element.elementor-element-88bb105 > .elementor-widget-container{background-color:#FFF2E0;padding:066px 32px 32px 32px;border-radius:15px 15px 15px 15px;}.elementor-13032 .elementor-element.elementor-element-88bb105.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-13032 .elementor-element.elementor-element-0d90c34{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-88bb105 *//* --- Style the main form container --- */
.my-custom-form {
    background-color: #FFF2E0;
    border-radius: 10px;
}

/* --- Style the form fields (text, email, dropdowns, etc.) --- */
.my-custom-form .wpcf7-form-control.wpcf7-text,
.my-custom-form .wpcf7-form-control.wpcf7-textarea,
.my-custom-form .wpcf7-form-control.wpcf7-select {
    background-color: #fffaf7; /* Light background color */
    border: 1px solid #f06a5b; /* Coral colored border */
    border-radius: 8px; /* Rounded corners */
    padding: 12px 15px; /* Spacing inside the fields */
}

/* Add a style for when the field is in focus (clicked on) */
.my-custom-form .wpcf7-form-control:focus {
    border-color: #e65a4c; /* Slightly darker border on focus */
}

/* --- Style the Submit Button --- */
/* --- Style the Submit Button and Center it --- */
.my-custom-form .wpcf7-submit {
    background-color: #f06a5b; /* Coral background color */
    color: #fff; /* White text */
    padding: 12px 30px; /* Spacing inside the button */
    border: none; /* Remove any default border */
    border-radius: 8px; /* Rounded corners */
    
    /* --- New Code to Center the Button --- */
    display: block; /* Make the button a block-level element */
    margin: 20px auto 0 auto; /* Set top margin and center horizontally */
    max-width: 250px; /* Limit the button's width for a better look */
}

/* Add a style for when the button is hovered over */
.my-custom-form .wpcf7-submit:hover {
    background-color: #e65a4c; /* Slightly darker on hover */
}/* End custom CSS */