.blog_nav {
  padding: 7.5rem 0 2.4rem;
}
.blog_nav strong {
  font-size: 1.7rem;
  font-weight: 300;
  color: #2b2b2b;
  display: block;
  margin-bottom: 2rem;
  letter-spacing: 2.9px;
}
.blog_nav .head h1 {
  font-size: 4.8rem;
  line-height: normal;
}
.blog_nav .nav_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem 4.35%;
  margin-top: 5.3rem;
}
.blog_nav .nav_list .nav_item {
  display: block;
  font-size: 1.7rem;
  font-weight: 500;
  color: #2b2b2b;
  transition: all 0.3s;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 1.1rem 1.85rem;
  letter-spacing: 2.85px;
}
.blog_nav .nav_list .nav_item.active,
.blog_nav .nav_list .nav_item:hover {
  background-color: var(--theme_color);
  color: #fff;
}
.blog_main {
  padding: 2.4rem 0 14rem;
}
.blog_main .items ul {
  display: grid;
  grid-template-columns: 1fr 31.63121%;
  gap: 3.1rem 5.17730496%;
}
.blog_main .items a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog_main .items a:hover img {
  transform: scale(1.02);
}
.blog_main .items li:first-child {
  grid-area: span 2;
}
.blog_main .items li:first-child .img {
  padding-bottom: 56.30631%;
  border-radius: 12px;
}
.blog_main .items li:first-child .info {
  margin-top: 4.3rem;
}
.blog_main .items li:first-child .title {
  font-size: 3.8rem;
  line-height: 4.7rem;
  margin-top: 1.7rem;
}
.blog_main .items .img {
  width: 100%;
  padding-bottom: 57.3991%;
  border-radius: 7px;
}
.blog_main .items .info {
  flex: 1;
  margin-top: 2.8rem;
}
.blog_main .items .metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.8rem;
  color: rgba(63, 63, 63, 0.85);
  gap: 1.2rem;
}
.blog_main .items .metas .cat {
  font-weight: 500;
  color: var(--theme_color);
  text-transform: uppercase;
}
.blog_main .items .title {
  font-size: 2.6rem;
  line-height: 3.5rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 1rem;
}
.blog_main .items .desc {
  font-size: 2.1rem;
  line-height: 3.3rem;
  color: #4c4c4c;
  margin-top: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.blog_main .items .btn_b {
  margin-top: 2.6rem;
  min-width: 20.1rem;
}
.blog_main .list {
  margin-top: 7.8rem;
}
.blog_main .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem 2.05673758%;
}
.blog_main p.center:has(.btn_b) {
  margin-top: 6rem;
  min-height: 5.8rem;
}
/*# sourceMappingURL=blog.css.map */