body {
        font-family: 'Cairo', sans-serif !important;
      }
      :root {
        --bs-primary: #124288;
        --bs-primary-rgb: 18, 66, 136;
      }
      .btn-primary {
        background-color: #124288 !important;
        border-color: #124288 !important;
      }
      .btn-primary:hover {
        background-color: #0d3166 !important;
        border-color: #0d3166 !important;
      }
      .text-primary {
        color: #124288 !important;
      }
      .app-brand-text {
        color: #124288 !important;
      }
      .form-check-input:checked {
        background-color: #124288 !important;
        border-color: #124288 !important;
      }
      .app-brand-logo {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(18, 66, 136, 0.35);
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(18, 66, 136, 0.12);
      }
      .app-brand-logo .bx {
        font-size: 1.75rem;
        color: #124288;
      }
      
      .invalid-feedback {
        display: block;
      }