.card{
    background: rgba(3, 10, 89, 0.1) !important; /* White background with 10% opacity */
    backdrop-filter: blur(10px) !important; /* Blur the content behind the element */
    border: none !important; /* Remove border */
    border-radius: 10px !important; /* Optional: for rounded corners */
}

.glass-effect .card-body {
    color: #111111 !important; /* White text color */
    background: rgba(255, 255, 255, 0.1) !important;
}

.vh-70{
    height: 70vh!important;
}

/* #login-body{
    background: rgb(76,93,167);
    background: radial-gradient(circle, rgba(76,93,167,1) 0%, rgba(20,57,91,1) 84%);

}

nav{
    background: rgb(76,93,167);
    background: radial-gradient(circle, rgba(76,93,167,1) 0%, rgba(20,57,91,1) 84%);
} */

#login-body{
    background: rgb(91,123,184);
    background: radial-gradient(circle, rgba(91,123,184,1) 0%, rgba(13,11,45,1) 100%);

    /* height: 96vh!important; */
}
form{
    color: white;
}

nav{
background-color: #5263AE;
}

.navbar .navbar-brand{
    color: white!important;
}

.btn-primary {
    background-color: #201D36!important;
    border-color: #201D36!important; /* Light grey border for subtle contrast */
}

.btn-primary:hover {
    background-color: #0D0B2D!important; /* Slightly lighter shade for hover effect */
    border-color: #0D0B2D!important; /* A bit lighter border color for better visibility on hover */
}


#hero {
    background-attachment: fixed;
    background-image: url(/assets/images/bg-slider4.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
    width: auto;
    height: calc(100vh - 55px); /* Replace 50px with the actual height of your nav */
}

/* nav #login {
    margin-left: -5rem;
    padding-left: -5rem;
} */

.navbar-brand  img {
    height: 29px;
    margin-left: 8rem;
}


#login-container img{
    height: 75px;
}