.products-navigation .page-item.active .page-link {
  background-color: #185a95;
  border-color: #185a95;
  color: #fff !important;
}
.products-navigation .page-link {
  width: initial;
  line-height: 1.25 !important;
  color: #185a95 !important;
  transition-duration: 200ms;
}
.products-navigation .page-item:not(.active) .page-link:hover {
  background: none;
  background-color: #e9ecef !important;
  border-color: #dee2e6 !important;
}

.product {
  height: 100%;
  display: grid;
  grid-auto-rows: 0fr 1fr 0fr;
  align-items: center;
  text-align: center;
  border-radius: 18px;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.75);
  position: relative;
}
.product > div {
  padding: 1rem;
}
.product > div > footer {
  position: absolute;
  bottom: 5px;
  width: 100%;
}
.product > header {
  background-color: #245e98;
  color: white;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}

#banner {
  padding-top: 2rem;
  padding-inline: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}
#banner > p {
  font-size: 13pt;
  padding: 1rem;
}
#banner > h2,
#banner > p {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: center;
  filter: invert(1) grayscale(1) contrast(9);
}
#banner > picture > img {
  height: 9rem;
  -o-object-fit: contain;
     object-fit: contain;
}

#cards .products-container {
  display: grid;
  justify-content: flex-start;
  grid-template-columns: repeat(auto-fill, minmax(228px, 273px));
  gap: 1rem;
}
#cards h2 {
  font-size: 1.125rem; /* 18px */
}
@media screen and (max-width: 992px) {
  #cards h2 {
    text-align: center;
  }
  #cards .products-container {
    justify-content: center;
  }
}

.products-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 572px) and (max-width: 767.98px) {
  .products-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .products-list:has(> :last-child:nth-child(3n+1)),
  .products-list:has(> :last-child:nth-child(3n+2)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 963.98px) {
  .products-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .products-list:has(> :last-child:nth-child(4n+1)),
  .products-list:has(> :last-child:nth-child(4n+2)) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 964px) and (max-width: 1159.98px) {
  .products-list {
    grid-template-columns: repeat(5, 1fr);
  }
  .products-list:has(> :last-child:nth-child(5n+1)),
  .products-list:has(> :last-child:nth-child(5n+2)) {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1160px) {
  .products-list {
    grid-template-columns: repeat(6, 1fr);
  }
  .products-list:has(> :last-child:nth-child(6n+1)),
  .products-list:has(> :last-child:nth-child(6n+2)) {
    grid-template-columns: repeat(5, 1fr);
  }
  .products-list:has(> :last-child:nth-child(6n+1)):has(> :last-child:nth-child(5n+1)),
  .products-list:has(> :last-child:nth-child(6n+1)):has(> :last-child:nth-child(5n+2)),
  .products-list:has(> :last-child:nth-child(6n+2)):has(> :last-child:nth-child(5n+1)),
  .products-list:has(> :last-child:nth-child(6n+2)):has(> :last-child:nth-child(5n+2)) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.product-card-new {
  width: 100% !important;
}