.elementor-21 .elementor-element.elementor-element-e0928b0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-6fb975a *//* Fix for Know Child Name AI Plugin Form Styles */
.shortcode-form-container {
    background: #FFFFFF !important; /* Ensures form background is white */
    padding: 2rem !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Style for the form labels */
.shortcode-form-container label {
    color: #1A3C34 !important; /* Dark Green Text */
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
    text-align: left;
}

/* Style for input fields and dropdowns */
.shortcode-form-container input[type="text"],
.shortcode-form-container input[type="email"],
.shortcode-form-container input[type="date"],
.shortcode-form-container select {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px !important;
    color: #1A3C34 !important; /* Dark Green Text */
    background-color: #FAF6F0 !important; /* Cream background for fields */
}

/* Style for the submit button */
.shortcode-form-container button[type="submit"] {
    background-color: #1A3C34 !important; /* Dark Green Background */
    color: #FFFFFF !important; /* White Text */
    width: 100% !important;
    padding: 14px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    margin-top: 1rem !important;
}

/* Hover effect for the button */
.shortcode-form-container button[type="submit"]:hover {
    background-color: #D4AF37 !important; /* Gold Background */
    color: #1A3C34 !important; /* Dark Green Text */
    transform: scale(1.02);
}/* End custom CSS */