.styled-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust spacing between items */
    align-items: center;
}

.form-group {
    display: flex;
    flex-direction: column; /* Stack label above select */
}

label {
    margin-bottom: 5px; /* Space between label and select */
}

input[type="submit"] {
    height: 36.5px ;
   
    padding: 10px 20px; /* Padding for the button */
    background-color: #2b307e !important ;
    color: white; /* Text color */
    border: none; /* Remove border */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    margin-top: 10px;
    padding-bottom: 32px;

}



select {
    width: 200px;
}
.form-control{

    height: auto !important;

}

.print-button {
    background-color: #007BFF; /* Button color */
    border: none; /* No border */
    color: white; /* White text */
    padding: 10px 20px; /* Top and bottom padding, left and right padding */
    text-align: center; /* Center the text */
    text-decoration: none; /* No underline */
    display: inline-block; /* Make it an inline-block element */
    font-size: 16px; /* Font size */
    margin: 4px 2px; /* Margin around the button */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s, transform 0.2s; /* Transition for hover effects */
}

.print-button:hover {
    background-color: #0056b3; /* Darker shade on hover */
    transform: scale(1.05); /* Slightly larger on hover */
}

.button-container {
    display: flex; /* Use Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically (if needed) */
    height: 100px; /* Set height for vertical centering */
    margin: 20px; /* Add some margin around the container */
}

div div div svg g text {
    fill: black !important;
}



/* Mobile screen styles */
/* @media (max-width: 768px) {
    .gender-report,
    .university-report,
    .age-report,
    .prof-state-report,
    .governorate-report {
        width: 80% !important; 
        max-width: 80% !important;
    }
} */