/* Center the form on the page */
#wpcf7-f5-o1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 50px auto;
    padding: 20px;
    max-width: 500px; /* Set a max width for the form */
    border: 2px solid #c47a4a; /* Blue border */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    background-color: #fff8e6; /* Light background for better contrast */
}

/* Style the inputs and textarea */
.wpcf7-form-control {
    width: 100%; /* Full width */
    padding: 10px;
    margin: 10px 0; /* Spacing between fields */
    border: 2px solid #c47a4a; /* Light border */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Font size */
}

/* Change border color on focus */
.wpcf7-form-control:focus {
    border-color: #c47a4a; /* Blue border on focus */
    outline: none; /* Remove default outline */
}

/* Style the submit button */
.wpcf7-submit {
    background-color: #ef8137; /* Button background */
    color: white; /* Text color */
    border: none; /* Remove default border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
}

/* Change button color on hover */
.wpcf7-submit:hover {
    background-color: #c47a4a; /* Darker blue on hover */
}

/* Add some responsive design */
@media (max-width: 600px) {
    #wpcf7-f5-o1 {
        padding: 15px; /* Reduce padding on smaller screens */
    }

    .wpcf7-form-control {
        font-size: 14px; /* Smaller font size */
    }
}

.ftco-section {
    background-image: url("../images/contact-bg.jpg"); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 50px 0; /* Adjust padding as needed */
}

.ftco-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Dulls the background */
    z-index: 1;
}

.ftco-section .container {
    position: relative;
    z-index: 2; /* Keeps the form and text content above the dull overlay */
 
}

.ftco-section h3.heading-section,
.ftco-section .row p {
    color: #f7f4f2; /* Makes text bright */
}