/* Start custom CSS for html, class: .elementor-element-c3dfcbf *//* Style the form container as a card */
form {
    background-color: #fefefe;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Card-like shadow */
    padding: 20px;
    border-radius: 10px; /* Rounded corners for card look */
    width: 100%;
    max-width: 500px;
    margin: 40px 0; /* Removed centering and added spacing */
    border-top: 5px solid #FE4A31; /* Accent color on top */
    text-align: left; /* Align text to the left */
    position: relative; /* For better control */
    left: 0; /* Left-align the card */
}

/* Style the form labels */
form label {
    font-size: 16px;
    font-weight: bold;
    color: black;
    display: block;
    margin-bottom: 8px;
    text-align: left; /* Left-align the labels */
}

/* Style the input fields */
form input[type="text"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 14px;
    color: black;
    text-align: left; /* Ensure text input is left-aligned */
}

/* Style the submit button */
form button {
    background-color: #FE4A31;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 10px;
    text-align: left; /* Align button to the left */
    transition: background-color 0.3s ease;
}

/* Hover effect for the button */
form button:hover {
    background-color: black;
}

/* Style the result section */
#adsense-result {
    background-color: #FE4A31;
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Card-like shadow for result */
    font-family: Arial, sans-serif;
    text-align: left; /* Align result text to the left */
}

/* Result headings */
#adsense-result h3 {
    color: black;
    margin-bottom: 10px;
}

/* Result paragraphs */
#adsense-result p {
    font-size: 18px;
    margin: 5px 0;
}/* End custom CSS */