/* Custom CSS */
/* Background Image */
body {
    background-image: url('../img/2.jpeg');
    background-size: cover; /* Ensures the image covers the entire background */
    background-position: center; /* Centers the background image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}

/* For small devices like phones */
@media only screen and (max-width: 600px) {
    body {
        background-image: url('../img/2.jpeg');
        background-size: cover;
    }
}

/* For medium devices like tablets */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    body {
        background-image: url('../img/2.jpeg');
        background-size: cover;
    }
}

/* For larger devices like desktops */
@media only screen and (min-width: 1025px) {
    body {
        background-image: url('../img/2.jpeg');
        background-size: cover;
    }
}

/* Login Card */
.bg-light-transparent {
    background-color: #F3F6F99c !important;
    border: 1px solid #dee2e6 !important;
}