.elementor-51 .elementor-element.elementor-element-cb1c732 > .elementor-element-populated{margin:0px 0px 0px 100px;--e-column-margin-right:0px;--e-column-margin-left:100px;}.elementor-51 .elementor-element.elementor-element-7870d7a > .elementor-element-populated{margin:0px 0px 0px 200px;--e-column-margin-right:0px;--e-column-margin-left:200px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-51 .elementor-element.elementor-element-df7b657{text-align:center;}@media(max-width:1024px){.elementor-51 .elementor-element.elementor-element-cb1c732 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-51 .elementor-element.elementor-element-7870d7a > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-51 .elementor-element.elementor-element-d95e939{width:100%;}.elementor-51 .elementor-element.elementor-element-cb1c732{width:100%;}.elementor-51 .elementor-element.elementor-element-3f0d0d3{width:100%;}.elementor-51 .elementor-element.elementor-element-7870d7a{width:100%;}}/* Start custom CSS for bdevs-contact-form, class: .elementor-element-a1f72c4 *//* Container for the entire form */
.contact-form {
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    font-family: 'Inter', sans-serif; /* A clean modern font */
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Form Heading Styles */
.contact-form h2 {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
}

.contact-form p {
    color: #666;
    margin-bottom: 24px;
}

/* Wrapper for each input field */
.field-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.field-group label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
}

/* Styling the input boxes */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    outline: none;
    background-color: #f9f9f9;
}

/* Hover & Focus Effect for input boxes */
input:hover, select:hover {
    border-color: #bbb;
}

input:focus, select:focus {
    border-color: #000;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

/* The Bright Yellow Submit Button */
.submit-btn {
    width: 100%;
    background-color: #FFDE00; /* Bright Yellow */
    color: #000;
    padding: 14px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin-top: 10px;
}

/* Submit Button Hover Effect */
.submit-btn:hover {
    background-color: #F0D000;
    transform: translateY(-1px);
}

.submit-btn:active {
    transform: translateY(0);
}/* End custom CSS */