@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background: #f7f9fc;
  line-height: 1.5;
}

.stat-card{
    transition:transform .15s ease;cursor:default
}

.stat-card:hover{
    transform:translateY(-4px)
}

.btn-brand {
  background-color: #37B34A;
  color: #fff;
  border: none;
}

.btn-brand:hover {
  background-color: #2d8f3a; /* a bit darker on hover */
  color: #fff;
}

    /* LOGIN LOGIN LOGIN */
/* Image container and styling of Login */
.image-container {
    width: 100%;
    height: 100%; /* Fill the entire height of parent */
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.login-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767.98px) {
    .image-container {
        display: none;
    }
}