.article-main {
  margin-top: 156px;
}
.article-sidebar {
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
}
.article-category ul li {
  margin-top: 12px;
  margin-bottom: 12px;
}
.article-category .badge {
  border-radius: var(--rounded-2xl, 16px);
  background: var(--uiInk-brand-orange-01, #ed8910);
  height: 24px;
  min-width: 24px;
  max-width: 40px;
  padding: var(--spacing-0, 0px) var(--spacing-2, 8px);
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #fff;
}
.article-detail_wrapper {
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
  padding: 30px 20px;
}
@media screen and (max-width: 989px) {
  .article-detail_wrapper {
    padding: 20px;
  }
}
.article-new ul li {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 12px;
}
.article-body {
  margin-top: 32px;
  font-family: "Onest", serif;
  color: #334155;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.article-body img,
.article-body div {
  width: 100% !important;
}
.article-body .article-intro p {
  color: #ed8910;
  font-family: "Onest", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.article-body p {
  color: #334155;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.article-body h2 {
  color: #985300;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 32px;
  margin-top: 32px;
}
.article-body h3 {
  color: #ed8910;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.article-body ul {
  margin-top: 10px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.article-body ul li {
  list-style: disc;
}
.article-body figure {
  width: 70%;
  margin: 24px 0;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
}
.article-body figure img {
  width: 100%;
}
.article-slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns by default */
  gap: 24px; /* Space between the articles */
}
.article-slider .slick-slide {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 40px;
}
.article-slider .article-card-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  background: linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #000 100%);
  width: 200px;
  height: 200px;
  z-index: 1;
}