.btn-primary {
  --bs-btn-bg: #217893;
  --bs-btn-border-color: #217893;
  --bs-btn-hover-bg: #217893;
  --bs-btn-hover-border-color: #217893;
  --bs-btn-active-bg: #217893;
  --bs-btn-active-border-color: #217893;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #217893;
  --bs-btn-disabled-border-color: #217893;
}

.text-primary {
  color: #217893 !important;
}

.pagination {
  --bs-pagination-color: #217893;
  --bs-pagination-hover-color: #217893;
  --bs-pagination-focus-color: #217893;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(33, 120, 147, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #217893;
  --bs-pagination-active-border-color: #217893;
}

.form-check-input:checked {
  background-color: #217893;
  border-color: #217893;
}

.form-check-input:focus {
  border-color: #42a3c1;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(33, 120, 147, 0.25);
}

.nav-link {
  color: #217893;
}

.nav-link:hover, .nav-link:focus {
  color: #217893;
}

#imagePreview {
  border: 1px solid gray;
  width: 50%;
  height: auto;
}

#addSliderImageForm {
  width: 50%;
}

.card-img-top {
  width: 100%;
  height: 70%;
  -o-object-fit: cover;
     object-fit: cover;
}

.filter-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  color: #217893;
}
.filter-icon i:hover {
  cursor: pointer;
}

@media (max-width: 991px) {
  #addSliderImageForm {
    width: 90%;
  }
  #imagePreview {
    width: 90%;
  }
}