/* ACF Form Styling */
.acf-form {
    max-width: 1200px;
    margin: 0 auto;
}

/* Create a two-column layout for form fields */
.acf-fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.acf-field {
    padding: 15px !important;
    border-top: none !important;
    width: 50% !important;
    box-sizing: border-box;
}

/* Full width for certain fields */
.acf-field[data-name="property_images"],
.acf-field[data-name="title_deed"],
.acf-field[data-name="description"],
.acf-field[data-name="features"] {
    width: 100% !important;
}

/* Style the field labels */
.acf-label label {
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
}

/* Style the input fields */
.acf-input input[type="text"],
.acf-input input[type="number"],
.acf-input textarea,
.acf-input select {
    padding: 10px !important;
    border-radius: 4px !important;
    border: 1px solid #ddd !important;
    width: 100% !important;
}

/* Style the submit button */
.acf-form-submit {
    margin-top: 20px !important;
    text-align: right !important;
}

.acf-form-submit input[type="submit"] {
    background-color: #000 !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    transition: background-color 0.3s ease !important;
}

.acf-form-submit input[type="submit"]:hover {
    background-color: #333 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .acf-field {
        width: 100% !important;
    }
}