.news-feed-block .inner-wrap {
  grid-gap: 4rem;
}
.news-feed-block .post-wrap {
  position: relative;
}
.news-feed-block .post-wrap .excerpt {
  font-size: 1.25rem;
}
.news-feed-block .image-wrap {
  mask: url('data:image/svg+xml,<svg fill="none" height="374" viewBox="0 0 463 374" width="463" xmlns="http://www.w3.org/2000/svg"><path d="m462.245 373.5-456.42786-18.492-5.81710808-304.5988 433.04996808-50.40910875z" fill="%23133d70"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100%;
  position: relative;
}
.news-feed-block .image-wrap .category {
  position: absolute;
  background-color: #030C35;
  color: #F9F5ED;
  padding: 1.2rem;
  top: 0;
  left: 0;
  padding-top: 13%;
  font-weight: 400;
}
.news-feed-block .image-wrap img {
  aspect-ratio: 6/5;
}
.news-feed-block .text-wrap * {
  margin: 1.5rem 0;
}
.news-feed-block .text-wrap .date {
  display: flex;
  align-items: center;
}
.news-feed-block .text-wrap .date:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1.5rem;
  background-image: url('data:image/svg+xml,<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.34375 2.25H10.4062V0.84375C10.4062 0.386719 10.7578 0 11.25 0C11.707 0 12.0938 0.386719 12.0938 0.84375V2.25H13.5C14.7305 2.25 15.75 3.26953 15.75 4.5V15.75C15.75 17.0156 14.7305 18 13.5 18H2.25C0.984375 18 0 17.0156 0 15.75V4.5C0 3.26953 0.984375 2.25 2.25 2.25H3.65625V0.84375C3.65625 0.386719 4.00781 0 4.5 0C4.95703 0 5.34375 0.386719 5.34375 0.84375V2.25ZM1.6875 15.75C1.6875 16.0664 1.93359 16.3125 2.25 16.3125H13.5C13.7812 16.3125 14.0625 16.0664 14.0625 15.75V6.75H1.6875V15.75Z" fill="%23030C35"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1rem;
}
.news-feed-block .text-wrap .news-link {
  font-weight: 400;
  color: #030C35;
  transition: 0.3s ease-in-out;
  display: inline-block;
  margin-top: 0;
  position: relative;
}

.news-filter fieldset {
  border: none;
}
.news-filter fieldset .category-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 0;
}
.news-filter fieldset .category-wrap legend {
  font-weight: 600;
}
.news-filter fieldset .category-wrap label {
  margin: 0;
}

.pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6rem;
  flex-wrap: wrap;
  gap: 1rem 0;
}
.pagination-container span {
  margin: 0;
}
.pagination-container span.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.pagination-container span.prev {
  margin: 0 calc((90vw - 198px) / 2);
}
.pagination-container span.next {
  margin: 0 calc((90vw - 156px) / 2);
}
.pagination-container .page-numbers {
  width: 48px;
  height: 48px;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: center;
}
.pagination-container .page-numbers.current {
  background-image: url('data:image/svg+xml,<svg fill="none" height="139" viewBox="0 0 148 139" width="148" xmlns="http://www.w3.org/2000/svg"><path d="m6.70437 138.531 140.51463-2.54-21.94-135.99103805-125.27909399 5.81195805z" fill="%2349C1E2"/></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (min-width: 600px) {
  .pagination-container span.prev {
    margin-right: 3rem;
    margin-left: 0;
  }
  .pagination-container span.next {
    margin-right: 0;
    margin-left: 3rem;
  }
}
@media screen and (min-width: 800px) {
  .news-feed-block .inner-wrap .news-feed-inner .all-posts {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .news-feed-block .inner-wrap .news-feed-inner .all-posts .post-wrap:nth-of-type(3) {
    display: none;
  }
}
@media screen and (min-width: 850px) {
  .news-feed-block .inner-wrap h2 {
    grid-column: 1/7;
  }
  .news-feed-block .inner-wrap .btn {
    grid-column: 8/13;
    justify-self: end;
  }
  .news-feed-block .inner-wrap .news-feed-wrap {
    grid-column: 1/13;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts {
    align-items: start;
    gap: 4rem 4.75rem;
    grid-template-columns: 1fr 1fr;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap {
    transition: 0.3s ease-in-out;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap .news-link:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    clip-path: polygon(100% 76.216%, 0% 100%, 3.2628% 0%, 95.031% 0%);
    background-color: #5AD58D;
    opacity: 0;
    transition: 0.3s ease-in-out;
    transform: translateY(0rem) translateX(-5px);
    bottom: 0;
    position: absolute;
    background-size: 100%;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap .news-link:hover:before {
    opacity: 1;
    transform: translateY(0.5rem) translateX(-5px);
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap .image-wrap {
    transition: 0.3s ease-in-out;
    width: 100%;
    background-color: #030C35;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap .image-wrap img {
    opacity: 1;
    transition: 0.3s ease-in-out;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap:hover .image-wrap {
    width: 98%;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap:hover .image-wrap img {
    opacity: 0.7;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .all-posts .post-wrap:hover .news-link:before {
    opacity: 1;
    transform: translateY(0.5rem) translateX(-5px);
  }
}
.custom-radio a {
  position: relative;
}

.custom-radio a:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  clip-path: polygon(100% 76.216%, 0% 100%, 3.2628% 0%, 95.031% 0%);
  background-color: #5AD58D;
  opacity: 0;
  transition: 0.3s ease-in-out;
  transform: translateY(0rem);
  bottom: 0;
  position: absolute;
  background-size: 100%;
}

.custom-radio a.active:before {
  opacity: 1;
}

.custom-radio a:hover:before,
.custom-radio a.active:before,
.category-wrap:not(:has(.active)) .custom-radio:first-of-type a:before {
  opacity: 1;
  transform: translateY(0.5rem);
}

@media screen and (min-width: 1024px) {
  .news-feed-block .inner-wrap h2 {
    grid-column: 1/7;
  }
  .news-feed-block .inner-wrap .news-feed-wrap {
    grid-column: 1/13;
  }
  .news-feed-block .inner-wrap .news-feed-wrap .post-wrap {
    grid-column: span 4;
  }
  .news-feed-block .inner-wrap .news-feed-inner .all-posts.grid {
    grid-template-columns: repeat(12, 1fr);
    gap: 2rem;
  }
  .news-feed-block .inner-wrap .news-feed-inner .all-posts.grid .post-wrap:nth-of-type(3) {
    display: block;
  }
}
.custom-radio {
  margin: 0 24px;
}

.custom-radio input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.custom-radio label {
  display: inline-block;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.custom-radio label:hover {
  transform: translateY(-0.25rem);
}

.custom-radio label:after,
.custom-radio input[type=radio]:checked + label:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-image: url('data:image/svg+xml,<svg fill="none" height="7" viewBox="0 0 154 7" width="154" xmlns="http://www.w3.org/2000/svg"><path d="m154 5.33512-154 1.66488 5.02472-7h141.32328z" fill="%235AD58D"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: 0.3s ease-in-out;
  transform: translateY(-0.25rem);
}

.custom-radio label:hover:after,
.custom-radio input[type=radio]:checked + label:after {
  opacity: 1;
  transform: translateY(0.25rem);
}
