body {
    background-image: url('../images/banner-bg.png'); /* Your image filename */
    background-size: cover; /* Ensures the entire image is visible */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-attachment: fixed; /* Make the background fixed */
    height: 100vh; /* Set height to full viewport height */
}

                .form-control {
                    font-size: 16px;
                    /* Increase font size */
                    padding: 10px 15px;
                    /* Increase padding */
                    border-radius: 8px;
                    /* Rounded corners */
                    border: 1px solid #ced4da;
                    /* Default border */
                    transition: border-color 0.3s, box-shadow 0.3s;
                    /* Transition for focus effect */
                }

                .form-control:focus {
                    border-color: #80bdff;
                    /* Change border color on focus */
                    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
                    /* Add shadow on focus */
                    outline: none;
                    /* Remove default outline */
                }

.gradient-btn {
    background-color: #34495E; 
    /* background: linear-gradient(to right, #ff416c, #ff4b2b); */
    /* background: #90090e; */
    border: none; /* Remove default border */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for size */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background 0.3s ease; /* Smooth transition */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
}

.gradient-btn:hover {
    opacity: 0.9; /* Slightly darken on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4); /* Darker shadow on hover */
}

.footer {
    background-color: #212529; /* Footer background color */
    color: lightgray; /* Text color */
    padding: 20px 0; /* Add some padding for spacing */
}

.footer a {
    color: #8391a2; /* Link color */
    text-decoration: none; /* Remove underline */
}

.footer a:hover {
    text-decoration: underline; /* Underline on hover for links */
}