/* Ensure the carousel item takes up full width and adjusts height automatically */
  .carousel-item {
    min-height: 400px; /* Ensure a minimum height */
  }
  
  .carousel-item img {
    width: 100%; /* Image takes up full width of parent */
    height: 400px; /* Force height */
    object-fit: cover; /* Ensures the image covers the entire area without stretching */
  }

/* Write your font name */
* {
    font-family: Cairo, sans-serif;
  }
  
  /* Reset */
  a {
    text-decoration: none;
  }
  
  /* Optional */
  a {
    color: #1877F2;
  }
  
  /* Theme */
  .btn-primary {
    --bs-btn-bg: #1877F2;
    --bs-btn-border-color: #1877F2;
    --bs-btn-hover-bg: #1877F2;
    --bs-btn-hover-border-color: #1877F2;
    --bs-btn-active-bg: #1877F2;
    --bs-btn-active-border-color: #1877F2;
    --bs-btn-disabled-bg: #1877F2;
    --bs-btn-disabled-border-color: #1877F2;
  }
  
  .btn-outline-primary {
    --bs-btn-color: #1877F2;
    --bs-btn-border-color: #1877F2;
    --bs-btn-hover-bg: #1877F2;
    --bs-btn-hover-border-color: #1877F2;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-bg: #1877F2;
    --bs-btn-active-border-color: #1877F2;
    --bs-btn-disabled-color: #1877F2;
    --bs-btn-disabled-border-color: #1877F2;
  }
  
  .btn-outline-primary {
    color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-check:focus+.btn-outline-primary,
  .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
  }
  
  .btn-check:checked+.btn-outline-primary,
  .btn-check:active+.btn-outline-primary,
  .btn-outline-primary:active,
  .btn-outline-primary.active,
  .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-check:checked+.btn-outline-primary:focus,
  .btn-check:active+.btn-outline-primary:focus,
  .btn-outline-primary:active:focus,
  .btn-outline-primary.active:focus,
  .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
  }
  
  .btn-outline-primary:disabled,
  .btn-outline-primary.disabled {
    color: #1877F2;
    background-color: transparent;
  }
  
  .table-primary {
    --bs-table-bg: #1877F2;
    --bs-table-striped-bg: #1877F2;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #1877F2;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #1877F2;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #1877F2;
  }
  
  .alert-primary {
    color: #1877F2;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  
  .alert-primary .alert-link {
    color: #1877F2;
  }
  
  .bg-primary {
    background-color: #1877F2 !important;
  }
  
  .text-primary {
    color: #1877F2 !important;
  }
  
  .border-primary {
    border-color: #1877F2 !important;
  }
  
  .link-primary {
    color: #1877F2;
  }
  
  .link-primary:hover,
  .link-primary:focus {
    color: #1877F2;
  }
  
  .list-group-item-primary {
    color: #1877F2;
    background-color: #ffffff;
  }
  
  .list-group-item-primary.list-group-item-action:hover,
  .list-group-item-primary.list-group-item-action:focus {
    color: #1877F2;
    background-color: #ffffff;
  }
  
  .list-group-item-primary.list-group-item-action.active {
    color: #ffffff;
    background-color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-primary {
    color: #ffffff;
    background-color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-primary:hover {
    color: #ffffff;
    background-color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-check:focus+.btn-primary,
  .btn-primary:focus {
    color: #ffffff;
    background-color: #1877F2;
    border-color: #1877F2;
    box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
  }
  
  .btn-check:checked+.btn-primary,
  .btn-check:active+.btn-primary,
  .btn-primary:active,
  .btn-primary.active,
  .show>.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #1877F2;
    border-color: #1877F2;
  }
  
  .btn-check:checked+.btn-primary:focus,
  .btn-check:active+.btn-primary:focus,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
  }
  
  .btn-primary:disabled,
  .btn-primary.disabled {
    color: #ffffff;
    background-color: #1877F2;
    border-color: #1877F2;
  }