div#header-inner {
  z-index: 99999;

  position: relative;
}

#ant-header:not(.home) {
  position: sticky !important;
  background: #0a1628;
}

.home #ant-header {
  position: fixed !important;
  background: transparent;
}

.btn-primary:hover {
  transform: scale(1.05);

  transition: all 0.3s ease;
}

.item-field ul {
  display: grid;

  grid-template-columns: 1fr 1fr;

  width: 100%;

  margin-top: 1rem;

  gap: 8px;
}

.item-field ul li::before {
  content: url(../img/check.svg);

  width: 16px;

  height: 16px;
}

.item-field ul li {
  display: flex;

  align-items: center;

  gap: 8px;

  position: relative;
}

.archive-banner {
  background: #0a1628;
}

.btn-pagination[aria-current="page"] {
  --tw-text-opacity: 1;

  color: rgb(10 22 40 / var(--tw-text-opacity, 1));

  font-weight: 600;
}

.btn-pagination {
  color: #d3ab3a;

  transition: all 0.3s ease;

  font-weight: 600;
}

.btn-pagination:hover {
  background: var(--Linear, linear-gradient(90deg, #d3ab3a 0%, #ffe7a1 100%));

  font-weight: var(--font-weight-700, 700);

  color: rgb(10 22 40 / var(--tw-text-opacity, 1)) !important;

  transition: all 0.3s ease;
}

/* Typography for Single Project Content */

.single-project-content h2 {
  color: #ffffff;

  font-size: 32px;

  font-weight: 700;

  margin-top: 2rem;

  margin-bottom: 1.5rem;

  line-height: 1.3;
}

.single-project-content h2:first-child {
  margin-top: 0;
}

.single-project-content h3 {
  color: #c9a84c;

  font-size: 22px;

  font-weight: 700;

  margin-top: 2.5rem;

  margin-bottom: 1rem;

  line-height: 1.4;
}

.single-project-content p {
  color: #a3b1c6;

  margin-bottom: 1.5rem;

  line-height: 1.8;
}

.single-project-content ul {
  list-style-type: none; /* We use custom bullets */

  padding-left: 0;

  margin-bottom: 1.5rem;

  margin-top: 1rem;
}

.single-project-content ul li {
  position: relative;

  padding-left: 1.5rem;

  margin-bottom: 1rem;

  color: #a3b1c6;

  line-height: 1.8;
}

.single-project-content ul li::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0.6rem;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: #c9a84c;
}

.single-project-content strong,
.single-project-content b {
  color: #c9a84c;

  font-weight: 700;
}
