/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
#main-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}

/******************/
/* Container */
.custom-contact { max-width: 720px !important; margin: 0 auto !important; padding: 24px !important; background: #ffffff !important; border: 1px solid #e6e8eb !important; border-radius: 14px !important; box-shadow: 0 4px 16px rgba(0,0,0,.06) !important; }

/* Labels */
.custom-contact label { display: block !important; font-size: 15px !important; font-weight: 600 !important; color: #1f2937 !important; margin-bottom: 8px !important; }
.custom-contact .required { color: #ef4444 !important; font-weight: 700 !important; }

/* Inputs & Textareas & Selects */
.custom-contact input[type="text"],
.custom-contact input[type="email"],
.custom-contact input[type="tel"],
.custom-contact select,
.custom-contact textarea { width: 100% !important; box-sizing: border-box !important; padding: 12px 14px !important; border: 1px solid #d1d5db !important; border-radius: 10px !important; font-size: 15px !important; line-height: 1.4 !important; color: #111827 !important; background: #f9fafb !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; outline: none !important; }

/* Placeholder */
.custom-contact ::placeholder { color: #9ca3af !important; opacity: 1 !important; }

/* Hover / Focus */
.custom-contact input[type="text"]:hover,
.custom-contact input[type="email"]:hover,
.custom-contact input[type="tel"]:hover,
.custom-contact select:hover,
.custom-contact textarea:hover { border-color: #9ca3af !important; background: #ffffff !important; }

.custom-contact input[type="text"]:focus,
.custom-contact input[type="email"]:focus,
.custom-contact input[type="tel"]:focus,
.custom-contact select:focus,
.custom-contact textarea:focus { border-color: #C0DCBE  !important; box-shadow: 0 0 0 4px rgb(192 220 190 / 50%) !important; background: #ffffff !important; }

/* Textarea */
.custom-contact textarea { min-height: 160px !important; resize: vertical !important; }

/* Submit button */
.custom-contact .submit-wrap { margin-top: -15px !important; }
.custom-contact .btn-submit { display: inline-block !important; padding: 12px 20px !important; border: 0 !important; border-radius: 9999px !important; background: #C0DCBE  !important; color: #ffffff !important; font-weight: 700 !important; font-size: 15px !important; line-height: 1 !important; cursor: pointer !important; text-transform: none !important; letter-spacing: .2px !important; box-shadow: 0 6px 18px rgb(192 220 190 / 50%) !important; transition: transform .08s ease, box-shadow .2s ease, background .2s ease !important; }

.custom-contact .btn-submit:hover { background: #a4bfa2 !important; box-shadow: 0 10px 24px rgb(192 220 190 / 50%) !important; transform: translateY(-1px) !important; }
.custom-contact .btn-submit:active { transform: translateY(0) !important; box-shadow: 0 4px 12px rgba(29,78,216,.35) !important; }

/* CF7 validation tips */
.custom-contact .wpcf7-not-valid-tip { margin-top: 6px !important; font-size: 13px !important; color: #dc2626 !important; }
.custom-contact .wpcf7 form.invalid .wpcf7-response-output { border-color: #dc2626 !important; color: #991b1b !important; background: #fee2e2 !important; }
.custom-contact .wpcf7 form.sent .wpcf7-response-output { border-color: #16a34a !important; color: #065f46 !important; background: #d1fae5 !important; }

/* CF7 response output */
.custom-contact .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border: 1px solid #e5e7eb !important; border-radius: 10px !important; }

/* Spinner */
.custom-contact .wpcf7-spinner { margin-left: 10px !important; }

/* Mobile tweaks */
@media (max-width: 560px) {
  .custom-contact { padding: 16px !important; border-radius: 12px !important; }
  .custom-contact label { font-size: 14px !important; }
  .custom-contact .btn-submit { width: 100% !important; text-align: center !important; }
}
.wpcf7-form.custom-contact p {
    padding-bottom: 0px !important;
}
.middle .et_pb_column{
    margin: auto;
}
.mobile_menu_bar:before{
	color:#C0DCBE !important;
}
@media (max-width: 980px) {
    .et_header_style_left #logo {
        max-width: 60% !important;
    }
}
.et_mobile_menu {
    border-top: 0px solid #2ea3f2 !important;
}
.et_overlay:before {
    color: #cce3ca !important;
}