/* Style the entire form wrapper */
.gform_wrapper {
    background-color: #f9f9f9; /* Light background color */
    padding: 20px;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Style the input fields */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ddd; /* Light gray border */
    border-radius: 5px;
    margin-bottom: 15px; /* Space between fields */
}

/* Focus state for input fields */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper textarea:focus {
    border-color: #0073e6; /* Blue border when focused */
    outline: none; /* Remove the default outline */
}

/* Style the labels */
.gform_wrapper label {
    font-size: 18px;
    color: #333; /* Dark text for labels */
    margin-bottom: 5px; /* Space between label and field */
    display: block; /* Ensure labels are on their own line */
}

/* Style the description text (below the fields) */
.gform_wrapper .gfield_description {
    font-size: 14px;
    color: #777; /* Gray text for description */
}

/* Style the submit button */
.gform_wrapper .gform_button {
    background-color: #0073e6; /* Blue background */
    color: white; /* White text */
    font-size: 18px;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer; /* Cursor changes to pointer */
}

/* Hover effect on the submit button */
.gform_wrapper .gform_button:hover {
    background-color: #005bb5; /* Darker blue when hovered */
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .gform_wrapper {
        padding: 15px; /* Less padding on mobile */
    }
    .gform_wrapper input[type="text"],
    .gform_wrapper input[type="email"],
    .gform_wrapper input[type="tel"],
    .gform_wrapper textarea {
        font-size: 14px; /* Smaller font size on mobile */
        padding: 10px;
    }
    .gform_wrapper .gform_button {
        font-size: 16px;
        padding: 12px 25px;
    }
}