.custom-banner img {
    width: 100%;
    display: block;
    max-width: 100%;
}

.custom-banners {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px 15px;
}

.custom-banner {
    display: flex;
    align-items: center;
    border: 1px solid;
}

.custom-banner-container {
    max-width: 1280px;
}



.custom-banner-inner {
    padding: 10px;
}

.form-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 600px; /* Adjust as needed */
    margin: 0 auto;
}

.login-form, .signup-form {
    width: 48%; /* Adjust width to fit nicely */
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border: 1px solid #ddd; /* Border around each form */
    border-radius: 8px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background */
}

.form-container > div {
    margin-right: 20px; /* Space between forms */
}

.form-container > div:last-child {
    margin-right: 0; /* Remove margin from last form */
}

h2 {
    margin-bottom: 15px; /* Space between heading and inputs */
}

label {
    display: block;
    margin-bottom: 5px; /* Space between label and input */
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    width: 100%; /* Full width for inputs */
    padding: 10px;
    margin-bottom: 15px; /* Space between inputs */
    border: 1px solid #ccc; /* Border for inputs */
    border-radius: 4px; /* Rounded corners for inputs */
}

input[type="submit"] {
    background-color: #0073aa; /* WordPress blue */
    color: white; /* White text for submit */
    border: none; /* Remove default border */
    cursor: pointer; /* Pointer cursor on hover */
}

input[type="submit"]:hover {
    background-color: #005177; /* Darker blue on hover */
}