.elementor-22900 .elementor-element.elementor-element-6e8a6be > .elementor-widget-container{margin:20px 20px 20px 20px;padding:10px 10px 10px 10px;}/* Start custom CSS for edublink-contact-form-seven, class: .elementor-element-6e8a6be *//* Apply styles to form fields and labels */
.designform {
    margin-bottom: 20px;
    font-family: Segoe UI, sans-serif;
    color: #555;
    font-size: 16px;
}

.designform input[type="text"],
.designform input[type="email"],
.designform textarea,
.designform input[type="tel"] {
    width: calc(100% - 20px);
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.3s ease;
}

.designform input[type="text"]:focus,
.designform input[type="email"]:focus,
.designform textarea:focus,
.designform input[type="tel"]:focus {
    border-color: #007bff;
}

.designform span.wpcf7-form-control-wrap::before {
    content: '*';
    color: red;
    margin-right: 4px; /* Adjust spacing as needed */
}

/* Apply styles to the submit button */
.designform input[type="submit"] {
    background-color: #009044; /* Background color */
    color: #fff;
    width: 100%;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.designform input[type="submit"]:hover {
    background-color: #007e3a; /* Darker shade on hover */
}/* End custom CSS */