* {
    font-family: "Cairo", sans-serif;
}

body {
    font-family: "Cairo", sans-serif;
    font-optical-sizing: auto;
}

.alexandria-font {
    font-family: "Alexandria", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.cairo-font {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

.tajawal-font {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* 
   .beiruti-h2 is defined but not used in the project. 
   It can be removed or kept for future use.
*/
.beiruti-h2 {
  font-family: "Beiruti", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
   
    border-bottom-width: .55rem;
  
    border-radius: .25rem
    }
    
    .bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem
    }
    
    .bd-callout p:last-child {
    margin-bottom: 0
    }
    
    .bd-callout code {
    border-radius: .25rem
    }
    
    .bd-callout+.bd-callout {
    margin-bottom: -.25rem
    }
    
    .bd-callout-info {
    border-bottom-color: #5bc0de
    }
    
    .bd-callout-info h4 {
    color: #5bc0de
    }
    
    .bd-callout-warning {
    border-bottom-color: #f0ad4e
    }
    
    .bd-callout-warning h4 {
    color: #f0ad4e
    }
    
    .bd-callout-danger {
    border-bottom-color: #d9534f
    }
    
    .bd-callout-danger h4 {
    color: #d9534f
    }
    
    .bd-callout-primary{
    border-bottom-color: var(--bs-primary, #1a6be6)
    }
    
    .bd-callout-primary h4 {
    color: var(--bs-primary, #062d68)
    }
    
    .bd-callout-success{
    border-bottom-color: #28a745
    }
    
    .bd-callout-success h4 {
    color: #28a745
    }
    
    .bd-callout-default{
    border-bottom-color: #6c757d
    }
    
    .bd-callout-default h4 {
    color: #6c757d
    }