.elementor-1881 .elementor-element.elementor-element-f4a94d9{margin-top:0px;margin-bottom:0px;}.elementor-1881 .elementor-element.elementor-element-ad7be60 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-1881 .elementor-element.elementor-element-e079571{margin-top:0px;margin-bottom:-130px;}.elementor-1881 .elementor-element.elementor-element-d9a1811 .cta-area .primery-heading h2{color:#0B0D0E;font-size:48px;}/* Start custom CSS for map-section, class: .elementor-element-ad7be60 *//* 1. Set a fixed height for the form container to match the map */
.wpcf7 {
    height: 500px; 
    overflow-y: auto; 
    padding: 20px 0; 
}

/* 2. Change label text color to bright green when its field is in use */
.wpcf7-form label:focus-within {
    color: #00e676 !important; 
    transition: color 0.3s ease; 
}

/* 3. Style for the input fields and textarea (Light Green) */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    background-color: #e8f5e9;
    border: 1px solid #a5d6a7;
    color: #333333;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    outline: none; 
}

/* 4. Style for the Submit button (Bright Green) */
.wpcf7-form input[type="submit"] {
    background-color: #00e676;
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

/* 5. Hover effect for the Submit button */
.wpcf7-form input[type="submit"]:hover {
    background-color: #00c853;
}/* End custom CSS */