body, html {
    height: 100%;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}
.login-container {
    height: 100vh;

    padding-right: calc(var(--bs-gutter-x)* .0)!important;
    padding-left: calc(var(--bs-gutter-x)* .0)!important;
}
.login-container .left-section{
        padding-right: calc(var(--bs-gutter-x)* .0)!important;
    padding-left: calc(var(--bs-gutter-x)* .0)!important;
}
.form-section {
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-section {
width: 225px;

/* text-align: center; */
}
.footer-part a{
    color: black;
    text-decoration: none;
}
.footer-part a:hover{
    color: blue;
    text-decoration: underline;
}
.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
     }
 .slide-img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.slide-img{
    opacity: 0.7;
}
@media (max-width: 768px) {
   .left-section{
    display: none;
   }
   .form-section {
    margin-top: 20px;
}
.right-section{
    width: 100%!important;
}
}
.custom-caption {
    top: 1px; /* Adjust to control the distance from the top */
    left: 25px; /* Adjust to control the distance from the left */
    position: absolute; /* Needed to position relative to the carousel */
    transform: none; /* Ensures no centering transformation */
}

.logo-img {
    width: 200px; /* Adjust to control logo size */
    height: auto; /* Maintain aspect ratio */
}