section{
    display:flex;
    align-items: center;
    height: 800px;
    background-color: #9b9bc2;
    background-size: cover; /* Cover the entire background */
    background-position: center; /* Center the background image */
}
.containerC {
max-width: 600px; /* Maximum width of the container */
margin: 100px auto; /* Center the container */
padding: 30px; /* Padding around the container */
background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
border-radius: 8px; /* Rounded corners */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}
h1 {
font-size: 2.5rem; /* Larger font for the main heading */
margin-bottom: 20px; /* Space below the heading */
color: #333; /* Darker text color for contrast */
}
h5 {
font-size: 1.2rem; /* Size for the subtitle */
margin-bottom: 30px; /* Space below the subtitle */
color: #666; /* Muted color for the subtitle */
}
.form-group {
margin-bottom: 20px; /* Space between form fields */
}
.form-control {
border-radius: 5px; /* Rounded corners for inputs */
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Inner shadow for input fields */
border: 1px solid #ccc; /* Default border */
transition: border-color 0.3s, box-shadow 0.3s; /* Smooth transition */
}
.form-control:focus {
border-color: #007bff; /* Border color on focus */
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Shadow on focus */
}
.btn {
background-color: #007bff; /* Primary button color */
color: white; /* White text color */
border-radius: 5px; /* Rounded corners */
font-size: 1.1rem; /* Slightly larger font size */
border: none; /* Remove default border */
padding: 10px 15px; /* Padding for the button */
width: 100%; /* Full width */
transition: background-color 0.3s, transform 0.2s; /* Smooth transition */
}
.btn:hover {
background-color: #0056b3; /* Darker shade on hover */
transform: translateY(-2px); /* Slight lift effect on hover */
}