:root {
  font-family: Inter, sans-serif;
  font-feature-settings: "liga" 1, "calt" 1; /* fix for Chrome */
}

@supports (font-variation-settings: normal) {
  :root {
    font-family: InterVariable, sans-serif;
  }
}
body {
  font-family: Inter, sans-serif;
}

.news .hero {
  background: #03193b;
  padding: 70px 0;
}
.news .hero h1 {
  color: #fff;
  font-size: 33px;
  margin: 0;
  text-align: center;
}
.news .hero .category-filter {
  margin-top: 20px;
}
.news .hero .category-filter ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0;
}
.news .hero .category-filter ul li {
  list-style: none;
}
.news .hero .category-filter ul li a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: 0.3s;
}
.news .hero .category-filter ul li a:hover {
  color: #5fcae0;
}
.news .hero .category-filter ul li a.active {
  color: #5fcae0;
}
.news .articles-grid {
  margin-top: -30px;
}
.news article h3 {
  text-decoration: none;
  color: #03193b;
  margin-bottom: 10px;
}
.news article h3 a {
  text-decoration: none;
  color: #03193b;
}
.news article h3:hover {
  color: #5fcae0;
}
.news article .categories {
  display: flex;
  gap: 20px;
}
.news article .categories a {
  text-decoration: none;
}
.news article .article-info {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.news article .article-info .author span {
  font-size: 16px;
}
.news article .article-info date {
  font-size: 16px;
  color: #03193b;
  font-weight: 600;
}
.news.single article {
  margin-top: -30px;
}
.news.single article .article-footer .share h5 {
  font-size: 14px;
  font-weight: 600;
}
.news.single article .article-footer .share ul {
  display: flex;
  gap: 10px;
  padding: 0;
}
.news.single article .article-footer .share ul li {
  list-style: none;
}
.news.single article .article-footer .share ul li a {
  font-size: 24px;
}
.news.single article .article-footer .share ul li a svg {
  color: #5fcae0;
  transition: 0.3s;
}
.news.single article .article-footer .share ul li a:hover svg {
  color: #03193b;
}