body {
    color: rgb(8, 94, 128);
    background-image: linear-gradient(
        180deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #e8f0fe inset !important;
    /* Change 'white' to your desired background */
    -webkit-text-fill-color: #000 !important;
    /* Change text color if needed */
    transition: background-color 5000s ease-in-out 0s;
    background: #e8f0fe !important;
    padding: 0.8rem;
    /* Prevent future color changes */
}

button {
    padding: 0.8rem !important;
    background:  var(--primary-color) !important;
    border: 1px solid #000 !important;
    font-weight: bold;
}

.password-group {
    background: #e8f0fe !important;
}

.password-field {
    width: 100%;
    border: none;
    outline: none;
    padding: 0.5rem;
    background: #e8f0fe !important;
}

#show_password {
    cursor: pointer;
    font-size: 18px !important;
}

.login-card {
}

.login-logo-container {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.login-logo {
    width: 25vw;
    object-fit: cover;
}

.site-logo-overlay {
    display: none;
}

@media (max-width: 768px) {
    .login-card {
        border-radius: 0px !important;
    }

    .login-logo-container {
        height: 100%;
    }

    .login-logo {
        width: 100%;
    }

    .site-logo-overlay {
        display: block;
        position: absolute;
        top: 25%;
        left: 15%;
    }

    .brandLogoOverlay {
        width: 70vw;
    }
}

.loginBtn {
    color:  var(--primary-color) !important;
    background-image: linear-gradient(
        180deg,
        #474747 0%,
        #070707 100%
    ) !important;
    border: 0.2666666667vw solid #222;
    font-weight: bold;
}


.brand-marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

.brand-track {
  display: inline-flex;
  animation: scroll-left 8s linear infinite;
}

.brand-track img {
  margin-right: 1.3rem;
  object-fit: contain;
}

/* Keyframes for smooth scrolling */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}