body {
     font-family: 'Roboto', sans-serif;
     background-color: #f1f4fb;
 }

 .text-primary {
     color: #214099 !important;
 }

 .bg-primary {
     background-color: #214099 !important;
 }

 .btn-primary {
     background-color: #214099 !important;
     border: none;
 }

 .btn-primary:hover {
     background-color: #1a357f !important;
 }

 .card-login {
     max-width: 100%;
     width: 100%;
     max-width: 400px;
     padding: 2.5rem 2rem;
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
     border-radius: 12px;
     background-color: #fff;
 }


 @media (max-width: 768px) {
     .text-left-col {
         text-align: center;
         margin-bottom: 2rem;
     }
 }

 .min-vh-75 {
     min-height: 75vh !important;
 }