body { background-color: #f3f4f6; }

.login-card { max-width: 980px; }

.brand-panel {
   background-color:#003366;
   position: relative;
   color: #fff;
}
.brand-panel::after {
   content: "";
   position: absolute; inset: 0;
   background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
   background-size: 18px 18px;
   pointer-events: none;
}

.brand-mark {
   width: 56px; height: 56px; border-radius: 14px;
   background: rgba(255,255,255,.15);
   display: inline-flex; align-items: center; justify-content: center;
   backdrop-filter: blur(2px);
}

.form-control { padding-top: .65rem; padding-bottom: .65rem; }

.form-control:focus, .btn:focus, .form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }

.lead-tight { line-height: 1.35; }

.fc1 {
   color:#256682;
}

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

.per_btn:hover{
   background-color:#256682;
}

@media (max-width: 575.98px) {
   .w-mobile-100 { width: 100% !important; }
}

@media (min-width: 768px) {
   .w-mobile-100 { width: auto !important; }
}