/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 29 2025 | 10:00:56 */
/* General Form Styles */
.wpcf7-form {
    max-width: 800px;
    margin: 0 auto; /* Center the form */
    display: flex;
    flex-wrap: wrap;
    gap: 0px; /* Reduced gap between fields */
    color: #fff; /* Light text for better readability on dark background */
    border-radius: 8px;
}

/* Row Styling */
.wpcf7-form .row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Reduced gap between rows */
    width: 100%;
}

/* Half-Width Fields for Two-Column Layout */
.wpcf7-form .field.half {
    width: calc(50% - 7.5px); /* Adjusted width to avoid extra space */
}

/* Full-Width Fields */
.wpcf7-form .row.full-width .field {
    width: 100%; /* Full width for fields that span the whole row */
}

/* Labels Styling */
.wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #fff; /* Light color for labels to contrast with dark background */
}

/* Input Fields Styling (with Bottom Border Only) */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: none; /* Remove default border */
    border-bottom: .5px solid #fff; /* White bottom border for contrast */
    background: transparent; /* Transparent background */
    color: #fff; /* White text for better visibility */
    font-family: inherit;
    outline: none; /* Remove outline on focus */
}

/* Placeholder Text Styling */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Light gray for placeholders */
    font-style: italic;
}

/* Input Focus - Bottom Border Turns Blue */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-bottom-color: #2563EB; /* Blue bottom border on focus */
	 background: rgba(0, 0, 0, 0.1); 
}

/* Textarea (Message Box) Styling */
.wpcf7-form textarea {
    height: 80px; /* Adjusted height for message box */
    resize: vertical; /* Allow vertical resizing */
}

/* Submit Button Styling */
.wpcf7-form input[type="submit"] {
    background: transparent linear-gradient(270deg,#03c2f6,#107cd0);
    color: white; /* White text */
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Submit Button Hover */
.wpcf7-form input[type="submit"]:hover {
    background-color: #1D47B7; /* Darker blue on hover */
    color: white;
}

/* Responsive Design: Mobile View (Single Column) */
@media (max-width: 768px) {
    .wpcf7-form .field.half {
        width: 100%; /* Full-width fields on mobile */
    }
}