.section-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.section-categories a {
  padding: 4px 16px;
  border-radius: 24px;
  border: 1px solid #ddd;
}
.section-categories a:hover {
  color: #36B44A;
  border-color: #36B44A;
}

.section-hot {
  display: grid;
  grid-template-columns: 1.18fr 1fr;
  gap: 20px;
}
.section-hot .news-layout:nth-child(1) {
  display: block;
  grid-area: 1/1/6/1;
}
.section-hot .news-layout:nth-child(1) .news-title {
  font-size: 20px;
}
.section-hot .news-layout:nth-child(1) img {
  width: 100%;
  margin-bottom: 16px;
}

.section-main {
  display: grid;
  grid-template-columns: auto 290px;
  gap: 20px;
}

hr {
  background: #EEEEEE;
}

.section-news {
  display: flex;
  gap: 20px;
}
.section-news .news-layout {
  width: calc(100% - 20px - 280px);
  grid-template-columns: 1fr 1fr;
}
.section-news ul {
  width: 280px;
  border-left: 1px solid #eee;
  padding-left: 30px;
  margin: 0;
}

.sticky {
  position: sticky;
  top: 80px;
}

.section-expert a {
  display: grid;
  grid-template-columns: 64px auto;
  gap: 16px;
  margin-bottom: 16px;
}
.section-expert a img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

@media (max-width: 768px) {
  .section-hot {
    grid-template-columns: 1fr;
  }
  .section-main {
    grid-template-columns: 1fr;
  }
  .section-news {
    flex-wrap: wrap;
  }
  .section-news .news-layout {
    width: 100%;
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=news-categories.css.map */