:root {
    --primary: #00528E;
    --accent-100: #2196F3;
    --accent-200: #003f8f;
    --text-100: #333333;
    --text-200: #5c5c5c;
    --bg-100: #FFFFFF;
    --bg-200: #FFF;
    --bg-300: #f5f5f5;
    --bg-400: #cccccc;
  }
  
  body {
    font-family: Arial, sans-serif;
    background-color: var(--bg-200);
    margin: 0;
    padding: 0;
  }
  
  .bsb-btn-xl {
    --bs-btn-padding-y: 0.625rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-font-size: calc(1.26rem + 0.12vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  
  @media(min-width:1200px) {
    .bsb-btn-xl {
      --bs-btn-font-size: 1.35rem;
    }
  }
  
  .bsb-btn-2xl {
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-font-size: calc(1.27rem + 0.24vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  
  @media(min-width:1200px) {
    .bsb-btn-2xl {
      --bs-btn-font-size: 1.45rem;
    }
  }
  
  .bsb-btn-3xl {
    --bs-btn-padding-y: 0.875rem;
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-font-size: calc(1.28rem + 0.36vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  
  @media(min-width:1200px) {
    .bsb-btn-3xl {
      --bs-btn-font-size: 1.55rem;
    }
  }
  
  .bsb-btn-4xl {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: calc(1.29rem + 0.48vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  
  @media(min-width:1200px) {
    .bsb-btn-4xl {
      --bs-btn-font-size: 1.65rem;
    }
  }
  
  .bsb-btn-5xl {
    --bs-btn-padding-y: 1.125rem;
    --bs-btn-padding-x: 2.25rem;
    --bs-btn-font-size: calc(1.3rem + 0.6vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  
  @media(min-width:1200px) {
    .bsb-btn-5xl {
      --bs-btn-font-size: 1.75rem;
    }
  }
  
  #firstName{
    direction: rtl;
    text-align: right;
  }
  
  
  .form-control {      
    direction: rtl !important; 
    display: flex; 
    align-items: center; 
  }
  
  .form-check {
    direction: rtl; 
    display: flex; 
    align-items: center; 
  }
  
  .form-check #form-check .form-check-label {
    margin-right: 10px; 
    text-align: right; 
  }
  
  .form-check #form-check .form-check-input {
    margin-left: 10px; 
  }
  
  
  #logo{
    color: #00528E;
  }
  
  .form-check {
    direction: rtl !important; 
    display: flex !important; 
    align-items: center !important; 
  }
  
  .form-check-label {
    margin-right: 10px !important; 
    text-align: right !important; 
  }
  
  .form-check-input {
    margin-left: 10px !important; 
  }

.bi-eye {
  font-size: 1.25rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}

.bi-eye:hover {
  color: rgba(0, 0, 0, 0.8);
}