.elementor-26 .elementor-element.elementor-element-392d6d4{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-37e3c4f{--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-size:var( --e-global-typography-text-font-size );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-26 .elementor-element.elementor-element-8ebb084 a{color:var( --e-global-color-f2544ff );}.elementor-26 .elementor-element.elementor-element-8ebb084 a:hover, .elementor-26 .elementor-element.elementor-element-8ebb084 a:focus{color:var( --e-global-color-677d70a );}.elementor-26 .elementor-element.elementor-element-a531b2b{--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;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-37e3c4f{--width:35%;}.elementor-26 .elementor-element.elementor-element-a531b2b{--width:60%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-10c4a88 *//* Container setup */
#responsive-form {
    width: 100%;
    max-width: 800px; /* Adjust as needed */
    margin: 0 auto;
}

/* Create the flex row */
.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between columns */
    margin-bottom: 20px;
}

/* Half width columns */
.column-half {
    flex: 1;
    min-width: calc(50% - 10px); /* Subtract half the gap */
}

/* Full width columns */
.column-full {
    flex: 0 0 100%;
}

/* Fix for Contact Form 7's default span wrappers */
.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Make inputs look consistent */
#responsive-form input[type="text"],
#responsive-form input[type="email"],
#responsive-form input[type="tel"],
#responsive-form select,
#responsive-form textarea {
    width: 100% !important;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
/* Style the Submit Button */
#responsive-form input[type="submit"] {
    background-color: #5cb8e4; /* Your light blue color */
    color: #ffffff;            /* White text */
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: auto;               /* Keeps it from stretching unless you want it full width */
    display: block;
    margin: 20px 0;            /* Adds space above/below */
}

/* Hover effect */
#responsive-form input[type="submit"]:hover {
    background-color: #4a9ec5; /* A slightly darker blue for the hover state */
    transform: translateY(-2px); /* Subtle lift effect */
}

/* Active/Click effect */
#responsive-form input[type="submit"]:active {
    transform: translateY(0);
}

/* Centering the button container */
.column-full {
    text-align: center; /* This centers the button if it's in a full-width row */
}

/* Mobile Responsive: Stack columns on screens smaller than 600px */
@media (max-width: 600px) {
    .column-half {
        flex: 0 0 100%;
    }
    
    .form-row {
        gap: 10px;
    }
}/* End custom CSS */