.icon {
  color: #ffffff;
}

.hero-height {
  height: 600px;
}

.hero-blog {
  height: 600px;
  background: linear-gradient(0deg, #202020, rgba(32, 32, 32, 0.31)), url("/assets/img/registos.webp?h=0989f9739aaa957150f46988874b2e31") center/cover !important;
}

.section-post {
  height: auto;
  padding: 10rem 3rem;
}
@media (max-width: 992px) {
  .section-post {
    padding: 5rem 1rem;
  }
}

.hero-blog-page {
  background-attachment: fixed;
  height: 600px;
}

.blog-loop {
  margin: 0 10rem;
}
@media (max-width: 992px) {
  .blog-loop {
    margin: 0 1rem;
  }
}

.card {
  background: linear-gradient(90deg, rgba(217, 217, 217, 0.046) 0%, rgba(217, 217, 217, 0.1) 0.01%, rgba(217, 217, 217, 0.084) 100%);
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(136deg, rgba(255, 255, 255, 0.2), rgba(207, 32, 39, 0.7));
  border-image-slice: 1;
}

.card-body {
  min-height: 12.5rem;
}

.pagination {
  gap: 12px;
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: $White;
  --bs-pagination-bg: transparent;
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: transparent;
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: #F7D116;
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-hover-border-color: transparent;
  --bs-pagination-focus-color: transparent;
  --bs-pagination-focus-bg: transparent;
  --bs-pagination-focus-box-shadow: transparent;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #ffffff45;
  --bs-pagination-active-border-color: transparent;
  --bs-pagination-disabled-color: transparent;
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: transparent;
  display: flex;
  padding-left: 0;
  list-style: none;
}