.header {
  /* position: fixed;
  top: 0;
  left: 0;
  right: 0; */
}

.navbar {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  align-items: center;
  background: linear-gradient(to right, #bd1717, #0a57a9);
}
.logo-img {
  width: 30%;
  max-width: 135px;
  min-width: 100px;
}
.input-search-div {
  gap: 15px;
  flex-direction: row;
  padding: 10px;
  background-color: #27323f;
}
.input-search {
  padding: 10px;
  outline: none;
  border-radius: 10px;
  border: none;
  background-color: var(--input-color);
  color: var(--text-color);
  border: 1px #ffffff60 solid;
  font-size: 0.875em;
  width: 200px;
}
.input-search::placeholder {
  color: var(--input-placeholder-color);
}
.back-next-btn {
  border-radius: 100%;
  padding: 10px;
  display: flex;
  background-color: var(--btn-color);
  color: var(--text-color);
  align-items: center;
  justify-content: center;
  font-size: 1em;
}
.current-page-h3 {
  margin: 0 5px;
}

.disable {
  opacity: 0.7;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .back-next-btn:hover {
    background-color: var(--btn-color-hover);
  }
}