.cpost_banner {
  background: url("../img/case-post.webp") no-repeat;
  background-size: cover;
  background-color: #050304;
}
.cpost_banner .top {
  padding: 101px 0 95px;
  background: url(../img/post-mask.svg) no-repeat center / cover;
  background-position-x: -78px;
  background-size: cover;
}
.cpost_banner .top h1,
.cpost_banner .top strong {
  font-size: 48px;
  line-height: 64px;
  color: #fff;
  font-weight: 700;
  max-width: 841px;
  text-transform: unset;
  min-height: 8rem;
  display: flex;
  align-items: center;
}
.cpost_banner .breadcrumbs {
  padding: 24px 0;
}
.cpost_banner .breadcrumbs > span {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 300;
  display: flex;
  overflow: auto;
  gap: 12px;
}
.cpost_banner .breadcrumbs > span::before {
  content: '';
  display: block;
  width: 19px;
  min-width: 19px;
  height: 19px;
  background: url(../img/home-icon.svg) no-repeat center / contain;
  filter: contrast(0) brightness(2);
  transform: translateY(2px);
}
.cpost_banner .breadcrumbs > span span a {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  transition: all 0.3s;
  font-weight: 300;
  white-space: nowrap;
}
.cpost_banner .breadcrumbs > span span a:hover {
  color: #8b8b8b;
}
.cpost_main {
  padding-top: 5rem;
  padding-bottom: 162px;
}
.cpost_main .sidebar {
  width: max(200px, 22.95082%);
}
.cpost_main .sidebar strong {
  color: #c81528;
  font-size: 24px;
  font-weight: 800;
}
.cpost_main .sidebar ul {
  margin: 20px 0;
}
.cpost_main .sidebar ul li {
  margin: 0;
  line-height: 1.5;
}
.cpost_main .sidebar ul li a {
  color: #9fa0a0 !important;
  font-weight: 600;
  transition: all 0.3s;
  padding: 10px 20px 10px 0;
  word-break: break-word;
  line-height: 1.5;
  display: block;
  font-size: 1rem;
}
.cpost_main .sidebar ul li a:hover {
  color: var(--theme_color) !important;
}
.cpost_main .sidebar .menu > li > a {
  font-size: 18px;
  color: #000;
}
.cpost_main .sidebar .sub-menu {
  margin: 0;
}
.cpost_main .right {
  flex: 1;
}