.display-1, .display-2, .display-3, .display-4, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Anek Gujarati', sans-serif;
  font-weight: bold;
}

p, ul, ol, a, button, tr, td, th {
  font-family: 'Nunito', sans-serif;
}

html {
  scroll-behavior: smooth;
}

.scrollToTopBtn {
  position: fixed;
  z-index: 9999;
  bottom: 70px;
  right: 20px;
  padding: 8px 4px;
  transform: translateY(100);
  opacity: 0;
  transition: transform 0.5s, opacity 0.3s;
}
.showScrollBtn {
  transform: translateY(0);
  opacity: 1;
}

/* ----------- HTMX ------------ */
.htmx-indicator{
  display: none;
  transition: opacity 500ms ease-in;
}
/* state during loading */
/* indicator */
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: inherit;
}
/* content state during loading */
.htmx-request .htmx-content {
  display: none;
}

.page-link:hover{
  color: #fff;
  background-color: #206bc4 !important;
  border-color: #206bc4;
}

.avatar-country {
  height: 2.175rem;
  width: 2.875rem;
}
.avatar-country-lg {
  height: 6.425rem;
  width: 8.625rem;
}

.table.table-dark thead th, .table .thead-dark th {
  color: #eaeaea;
}

/*
  placeholder
  credit : https://preview.tabler.io/docs/placeholder.html
*/
.placeholder:not(.avatar):not([class*="card-img-"]) {
  border-radius: 4px;
}
.placeholder:not(.btn):not([class*="bg-"]) {
  background-color: currentColor !important;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: .2;
}

.banner {
  background-size: cover;
  background-position: center center;
}
.bg-overlay {
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}