.root,
body {
   background-repeat: no-repeat;
}
.sosmed-feed,
.sosmed-shorts,
.title-kanal,
.title-kanal-bold {
   position: relative;
}
.artikel-item a,
.artikel-kanal-wrap a,
.breadcrumb a,
.video-main a {
   text-decoration: none;
}
body {
    background-color: #ffffff;
    background-image: url(https://asset-1.tribunnews.com/img/chbrand/superhub/pemkotbekasi/bg.png);
    background-size: cover;
    background-position: center 2%;
}
.main * {
   box-sizing: border-box;
   font-family: Karla, sans-serif;
}
.video-list .video-item,
img {
   width: 100%;
}
.container {
   width: 1150px;
   margin: 0 auto;
}
.main {
    padding: 50px 0 0;
    width: 100%;
    min-height: 100vh;
}
.theader > ul > li {
   border-right: none !important;
}
.theader > ul > li .active,
.theader > ul > li:hover a {
   border-bottom: 2px solid #DA3F1C;
}
.title-kanal {
   color: #0A558D;
   margin: 50px 0;
   text-align: center;
}
.title-kanal:after {
   content: "";
   position: absolute;
   width: 350px;
   height: 5px;
   background: #2B6240;
   bottom: -15px;
   left: 35%;
   border-radius: 3px;
}
.title-kanal-small {
   font-size: 20px;
   font-weight: 400;
}
.title-kanal-bold {
   font-size: 40px;
   font-weight: 700;
}
.breadcrumb {
   color: #DA3F1C;
   font-weight: 700;
   font-size: 18px;
   margin: 20px 0;
}
.breadcrumb a {
   color: #DA3F1C;
}
.title-kanal h1 {
   font-size: 32px;
   width: fit-content;
   margin: auto;
}
.title-kanal h1::after {
   content: "";
   display: block;
   width: 100%;
   height: 3px;
   border-radius: 20px;
   margin-top: 5px;
   background-color: #DA3F1C;
}
.title-kanal img {
   width: 65px;
   height: auto;
}
.headline-item {
   height: 600px;
   border-radius: 10px;
   overflow: hidden;
}
.headline-kanal .swiper-pagination,
.sosmed-feed .swiper-pagination,
.sosmed-shorts .swiper-pagination, .kader .swiper-pagination {
   display: flex;
   flex-wrap: wrap;
   place-content: flex-end;
   padding: 10px;
   z-index: 10;
}
.headline-kanal .swiper-pagination-bullet {
   background-color: #fffbf1;
   opacity: 0.4;
   width: 12px;
   height: 12px;
   margin: 0 4px;
   border-radius: 50%;
}
.headline-kanal .swiper-pagination-bullet-active {
   background-color: #fff;
   opacity: 1;
}
.headline-kanal .swiper-button-next,
.headline-kanal .swiper-button-prev {
   font-size: 30px;
   line-height: 40px;
   background-color: #fff;
   background-image: none;
   color: #000;
   width: 29px;
   height: 29px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 10;
   position: absolute;
   top: 60%;
   transform: translateY(-50%);
}
.event-kategori .swiper-button-next,
.headline-kanal .swiper-button-next,
.section-kanal .bx-wrapper .bx-next,
.sosmed-feed .swiper-button-next,
.sosmed-shorts .swiper-button-next, 
.kader .swiper-button-next {
   right: 10px;
}
.event-kategori .swiper-button-prev,
.headline-kanal .swiper-button-prev,
.section-kanal .bx-wrapper .bx-prev,
.sosmed-feed .swiper-button-prev,
.sosmed-shorts .swiper-button-prev, 
.kader .swiper-button-prev{
   left: 10px;
}
.event-kategori .swiper-button-next::after,
.headline-kanal .swiper-button-next::after,
.sosmed-feed .swiper-button-next::after,
.sosmed-shorts .swiper-button-next::after, 
.kader .swiper-button-next::after {
   content: "›";
   color: #000;
}
.event-kategori .swiper-button-prev::after,
.headline-kanal .swiper-button-prev::after,
.sosmed-feed .swiper-button-prev::after,
.sosmed-shorts .swiper-button-prev::after, 
.kader .swiper-button-prev::after {
   content: "‹";
   color: #000;
}
.sosmed-feed .swiper-button-next,
.sosmed-feed .swiper-button-prev,
.sosmed-shorts .swiper-button-next,
.sosmed-shorts .swiper-button-prev, 
.kader .swiper-button-next, 
.kader .swiper-button-prev {
   font-size: 30px;
   line-height: 40px;
   background-color: #fff;
   background-image: none;
   color: #000;
   width: 29px;
   height: 29px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 100;
   position: absolute;
   top: 60%;
   transform: translateY(-50%);
}
.artikel-list .artikel-desc,
.artikel-title,
.event-item-title,
.headline-title p,
.sosmed-feed-title,
.sosmed-shorts-title, 
.kader-title,
.video-title p {
   word-break: break-word;
   line-height: 1.3;
   -webkit-box-orient: vertical;
}
.content-video iframe,
.event-item-image,
.headline-img,
.sosmed-feed-image,
.sosmed-shorts-image,
.kader-image {
   width: 100%;
   height: 100%;
}

.kader-image img{
   object-fit: cover;
}
.headline-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.headline-title {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 270px;
   padding: 20px 20px 70px;
   display: flex;
   align-items: flex-end;
   color: #fff;
   font-size: 32px;
   font-weight: 700;
   background: #000;
   background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.7) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0) 100%
   );
}
.headline-title p {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
}
.section-wrap {
   padding: 0 15px;
}
.section-kanal {
   position: relative;
   width: 100%;
   margin: 50px 0;
}
.section-title {
   font-size: 32px;
   font-weight: 800;
   text-align: center;
   width: fit-content;
   margin: auto auto 30px;
}
.section-title::after {
   content: "";
   display: block;
   width: 100%;
   height: 3px;
   border-radius: 20px;
   margin-top: 5px;
   background-color: #2B6240
}
.artikel-kategori {
   margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: calc((100px + 10px) * 8);
    margin-left: auto;
    margin-right: auto;
}
.artikel-tab-link,
.tab-link {
   cursor: pointer;
}
.artikel-tab-link {
   border-radius: 8px;
   font-size: 14px;
   font-weight: 600;
   color: #2B6240;
   border: 2px solid #2B6240;
   padding: 4px 10px;
   display: block;
   width: 200px;
   background-color: transparent;
}
.artikel-item,
.video-item {
   border-radius: 10px;
   overflow: hidden;
}
.artikel-tab-link.active {
   background-color: #2B6240;
   border-color: #2B6240;
   color: #fff;
}
.scroll-wrap {
   display: flex;
   gap: 20px;
   overflow-x: auto;
   flex-wrap: wrap;
}
.scroll-wrap::-webkit-scrollbar {
   height: 0;
}
.artikel-item {
   width: 370px;
   flex-shrink: 0;
   background-color: rgba(255, 255, 255, 0.8);
}
.artikel-image {
   width: 100%;
   height: 200px;
}
.artikel-title-wrap {
   padding: 20px;
   font-weight: 600;
}
.artikel-small {
   text-transform: uppercase;
   color: #E62129;
   font-size: 14px;
}
.artikel-title {
   margin-top: 4px;
   font-size: 18px;
   color: #0a2331;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
}
.video-wrap {
   margin: 0 0 10px;
}
.video-item {
   width: 370px;
   flex-shrink: 0;
   position: relative;
}
.video-image {
   width: 100%;
   height: 208px;
   position: relative;
}
.video-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   align-items: end;
   padding: 15px;
}
.sosmed-shorts-icon-play,
.video-icon-play {
   width: 60px;
   height: 60px !important;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}
.sosmed-feed-item,
.sosmed-shorts-item, 
.kader-item {
   width: 272px;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
}
.event-item-title,
.sosmed-feed-title,
.video-title p {
   color: #fff;
   font-weight: 600;
   font-size: 18px;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
}
.lihat-semua {
   display: flex;
   align-items: center;
   justify-content: end;
   gap: 2px;
   color: #000;
   font-weight: 600;
   margin-top: 10px;
}
.section-sosmed {
   margin-bottom: 0;
   padding-bottom: 30px;
}
.div-sosmed{
   position: relative;
}
.div-sosmed:after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 2%, 
      rgba(255, 255, 255, 0) 80%, 
      rgba(255, 255, 255, 1) 98%, 
      rgba(255, 255, 255, 1) 100%);
}

.sosmed-feed-wrap,
.sosmed-shorts-wrap,
.kader-wrap {
   justify-content: center;
}
.sosmed-feed h3,
.sosmed-shorts h3, 
.kader h3 {
   font-size: 18px;
   font-weight: 700;
   text-align: center;
   width: fit-content;
   margin: 20px auto;
}
.sosmed-shorts, .kader {
   margin-top: 30px;
}
.sosmed-feed-item {
   height: 272px;
   flex-shrink: 0;
}
.kader-item{
   height: 180px;
   flex-shrink: 0;
}
.sosmed-shorts-item {
   height: 444px;
   flex-shrink: 0;
}
.sosmed-feed-overlay,
.sosmed-shorts-overlay, 
.kader-overlay {
   background: #000;
   background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8) 0,
      rgba(0, 0, 0, 0.5) 20%,
      rgba(0, 0, 0, 0.25) 35%,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0) 75%,
      rgba(0, 0, 0, 0.5) 90%,
      rgba(0, 0, 0, 0.7) 100%
   );
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 15px;
}
.sosmed-feed-top,
.sosmed-shorts-top, 
.kader-top {
   display: flex;
   justify-content: space-between;
}
.sosmed-feed-akun,
.sosmed-shorts-akun {
   display: flex;
   align-items: center;
   color: #fff;
   font-weight: 600;
   gap: 4px;
}
.sosmed-feed-akun-image,
.sosmed-shorts-akun-image {
   width: 25px;
   height: 25px;
   background: #fff;
   padding: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px;
}
.sosmed-feed-akun-image img,
.sosmed-shorts-akun-image img {
   max-width: 100%;
}
.sosmed-feed-platform,
.sosmed-shorts-platform {
   width: 25px;
   height: 25px;
}
.sosmed-feed-platform img,
.sosmed-shorts-platform img {
   height: 100%;
   object-fit: contain;
}
.kader-title{
   position: relative;
   top: 105px;
   -webkit-line-clamp: 2 !important;
}
.sosmed-shorts-title, .kader-title {
   color: #fff;
   font-weight: 600;
   font-size: 18px;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
}
.laporan-item img {
   width: 100%;
   height: auto;
   object-fit: cover;
}
.laporan-item.swiper-slide {
   transform: scale(0.9);
}
.laporan-item.swiper-slide-active {
   transform: scale(1);
   z-index: 1;
}
.laporan-pagination-container {
   display: flex;
   align-items: center;
   justify-content: center;
}
.laporan-chevron {
   font-size: 24px;
   cursor: pointer;
   background-color: #fff;
   width: 29px;
   height: 29px;
   text-align: center;
   line-height: 29px;
   border-radius: 50%;
   color: #333;
   -webkit-box-shadow: 4px 7px 14px -6px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 4px 7px 14px -6px rgba(0, 0, 0, 0.75);
   box-shadow: 4px 7px 14px -6px rgba(0, 0, 0, 0.75);
}
.content-sosmed .content-title,
.laporan-slider {
   margin-top: 20px;
}
.laporan-pagination {
   display: flex;
   list-style: none;
   padding: 0;
   margin: 40px 0;
   max-width: 50%;
   overflow-x: hidden;
}
.laporan-pagination li {
   margin: 0 20px;
   cursor: pointer;
   padding: 5px 20px;
   border-radius: 5px;
   font-weight: 700;
   color: #333;
}
.laporan-pagination li.active,
.laporan-pagination li:hover {
   background-color: #0A558D;
   color: #fff;
}
.div-event {
   background: #fff;
   position: relative;
}

.section-event {
   margin: 0;
   padding-bottom: 80px;
   padding-top: 20px;
}
.event-bulan {
   display: flex;
   justify-content: center;
   padding: 0 15px;
   margin: 12px -15px;
   gap: 8px;
}
.tab-link {
   padding: 6px 10px;
   background-color: transparent;
   border: none;
   color: #5c5c5c;
   font-size: 14px;
}
.event-item,
.video-main {
   border-radius: 10px;
   overflow: hidden;
}
.tab-link.active {
   background-color: #2B6240;
   color: #fff;
   border-radius: 6px;
   font-weight: 600;
}
.event-list-wrap {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 20px;
}
.event-item {
   width: 100%;
   height: 200px;
   position: relative;
}
.event-item-overlay {
   display: flex;
   flex-direction: column;
   justify-content: end;
   padding: 10px 15px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.7) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0) 100%
   );
}
.artikel-kanal-wrap,
.content-wrap,
.video-main {
   background-color: rgba(255, 255, 255, 1);
}
.event-item-tanggal {
   color: #fff;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 6px;
}
.event-item-icon {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 25px;
   height: 25px;
}
.artikel-tab-content,
.tab-content {
   display: none;
}
.tab-content > a {
   margin: 15px 0;
   display: block;
}
.artikel-image img,
.event-item-image img,
.sosmed-feed-image img,
.video-image img {
   height: 100%;
   object-fit: cover;
}
.video-list {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
}
.video-main {
   position: relative;
   width: 100%;
   margin-bottom: 30px;
}
.video-main a {
   display: flex;
}
.video-main .video-image {
   width: 50%;
   height: 323px;
}
.video-main .video-title {
   padding: 25px;
   width: 50%;
   display: flex;
   align-items: center;
}
.video-main .video-title p {
   color: #000;
   -webkit-line-clamp: 3;
   font-size: 24px;
}
.content-wrap {
   border-radius: 10px 10px 0 0;
   padding: 20px 20px 40px;
}
.content-title {
   font-size: 32px;
   font-weight: 700;
}
.content-video {
   aspect-ratio: 16/9;
}
.content-text p {
   margin: 15px 0;
   font-size: 16px;
   line-height: 1.5;
   overflow-wrap: break-word;
}
.content-text ol {
   margin: 15px 0;
   font-size: 16px;
   line-height: 1.5;
}
.content-text ol li {
   list-style: auto;
   margin-left: 20px;
}
.content-image {
   border-radius: 10px;
   overflow: hidden;
}
.content-subtitle {
   color: #DA3F1C;
   font-weight: 700;
   font-size: 16px;
   margin-bottom: 8px;
}
.content-detail {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 20px 0;
}
.artikel-kanal-wrap {
   padding: 20px;
   border-radius: 10px 10px 0 0;
}
.artikel-main a {
   display: flex;
   gap: 30px;
}
.artikel-main .artikel-title-wrap {
   width: 560px;
   padding: 0;
}
.artikel-main .artikel-small,
.content-event-detail-text {
   font-size: 16px;
}
.artikel-main .artikel-title {
   font-size: 24px;
}
.artikel-main .artikel-image {
   margin-bottom: 15px;
   width: 560px;
   height: 300px;
   border-radius: 8px;
   overflow: hidden;
}
.artikel-highlight {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   border-top: 1px solid #e4e1e1;
   padding: 15px 0;
   gap: 30px;
}
.artikel-highlight .artikel-item {
   width: 100%;
   background: 0 0;
   border-radius: 0;
}
.artikel-highlight .artikel-image {
   height: 120px;
   width: 120px;
   flex-shrink: 0;
   border-radius: 10px;
   overflow: hidden;
}
.artikel-highlight .artikel-sub {
   color: #DA3F1C;
}
.artikel-list .artikel-item {
   width: 100%;
   border-radius: 0;
   margin: 15px 0;
   background-color: transparent;
}
.artikel-list .artikel-item:first-child {
   border-top: 1px solid #e4e1e1;
   padding-top: 15px;
   margin-top: 0;
}
.artikel-item-detail {
   display: flex;
   gap: 15px;
   align-items: center;
   justify-content: space-between;
}
.artikel-list .artikel-sub {
   font-size: 14px;
   color: #DA3F1C;
}
.artikel-highlight .artikel-title,
.artikel-list .artikel-title {
   font-weight: 600;
   margin-bottom: 5px;
}
.artikel-list .artikel-image {
   width: 250px;
   height: 140px;
   flex-shrink: 0;
   border-radius: 10px;
   overflow: hidden;
}
.artikel-list .artikel-desc {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
}
.content-event-image {
   border-radius: 10px;
   overflow: hidden;
   height: auto;
   margin-bottom: 30px;
}
.content-event-detail {
   margin: 15px 0;
   display: flex;
   gap: 10px;
}
.content-event-detail-image {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
}
.content-sosmed {
   display: flex;
   gap: 20px;
}
.content-sosmed .content-embed {
   width: 465px;
   margin-bottom: 40px;
}
.content-sosmed .content-wrap {
   width: 665px;
   height: fit-content;
   border-radius: 10px;
}
.event-item-wrap {
   width: 262px;
   flex-shrink: 0;
}
.event-kategori {
   overflow: hidden;
   position: relative;
   border-top: 1px solid #e4e1e1;
   padding-top: 15px;
   margin-top: 30px;
}
.event-kategori .swiper-button-next,
.event-kategori .swiper-button-prev {
   font-size: 30px;
   line-height: 40px;
   background-color: #fff;
   background-image: none;
   color: #000;
   width: 29px;
   height: 29px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 10;
   position: absolute;
   top: 80%;
   transform: translateY(-50%);
}
.event-kategori-title {
   font-size: 16px;
   color: #636363;
   font-weight: 700;
   margin-bottom: 15px;
}
.share-block {
   display: flex;
   align-items: center;
   gap: 10px;
}
.share-list {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 10px;
   width: 266px;
   flex-shrink: 0;
}
.share-button,
.share-list {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.share-button {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
   width: 36px;
}
.share-button span {
   pointer-events: none;
}
.share-button.-tooltip:before {
   content: attr(data-title);
   position: absolute;
   width: auto;
   background: #000;
   color: #fff;
   padding: 2px 5px;
   border-radius: 4px;
   font-size: 10px;
   text-align: center;
   white-space: nowrap;
   top: -20px;
}
.share-txt {
   font-size: 11px;
   font-weight: 400;
}
.icon-share {
   position: relative;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background-color: #000;
}
.btn-tampilkan,
.footer a {
   display: block;
   width: fit-content;
}
.icon-share:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-position: 50%;
   background-size: auto;
   background-repeat: no-repeat;
   -webkit-filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg)
      brightness(110%) contrast(101%);
   filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg)
      brightness(110%) contrast(101%);
}
.icon-facebook:after {
   background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.857 3.49H9.5V.626A21.22 21.22 0 0 0 7.107.5C4.738.5 3.113 1.99 3.113 4.73v2.52H.5v3.2h2.613v8.05h3.206v-8.05h2.509l.4-3.2H6.319v-2.2c0-.925.25-1.558 1.538-1.558V3.49Z' fill='%23000'/%3E%3C/svg%3E");
}
.icon-twitter:after,
.icon-x:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23000' d='M9.522 6.904 15.48 0h-1.412L8.895 5.995 4.765 0H0l6.247 9.065L0 16.305h1.412l5.461-6.33 4.363 6.33H16l-6.478-9.4ZM7.59 9.145l-.633-.903L1.92 1.06h2.168l4.064 5.796.633.903 5.283 7.535H11.9L7.589 9.145Z'/%3E%3C/svg%3E");
}
.icon-whatsapp:after {
   background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.573 11.297c-.223-.112-1.32-.65-1.524-.726-.204-.075-.353-.112-.5.112-.147.224-.576.726-.706.875-.13.15-.26.168-.483.056a6.09 6.09 0 0 1-1.797-1.108 6.724 6.724 0 0 1-1.241-1.545c-.13-.223-.014-.344.1-.455.114-.11.223-.26.335-.39a1.52 1.52 0 0 0 .223-.373.41.41 0 0 0-.019-.39c-.056-.113-.5-1.21-.688-1.657-.188-.446-.365-.376-.5-.383a8.41 8.41 0 0 0-.428-.008.82.82 0 0 0-.595.28 2.5 2.5 0 0 0-.781 1.86c.073.842.39 1.644.911 2.308a9.945 9.945 0 0 0 3.808 3.367c.415.18.84.336 1.272.47.455.138.936.168 1.405.088a2.302 2.302 0 0 0 1.506-1.06c.146-.334.191-.703.13-1.062-.056-.093-.2-.149-.428-.26v.001ZM9.5 16.854a7.41 7.41 0 0 1-3.777-1.034l-.271-.16-2.808.736.75-2.738-.176-.28A7.42 7.42 0 1 1 9.5 16.853Zm6.318-13.736A8.93 8.93 0 0 0 1.767 13.891L.5 18.517l4.733-1.24a8.921 8.921 0 0 0 9.228-.42 8.932 8.932 0 0 0 1.357-13.739Z' fill='%23000'/%3E%3C/svg%3E");
}
.icon-line:after {
   background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.955 8.875a.568.568 0 1 1 0 1.137h-1.582v1.016h1.582a.568.568 0 0 1 0 1.135H15.8a.57.57 0 0 1-.565-.567v-4.3a.57.57 0 0 1 .568-.568h2.151a.568.568 0 0 1 0 1.136h-1.581v1.01h1.582Zm-3.475 2.718a.567.567 0 0 1-.568.565.556.556 0 0 1-.46-.225l-2.2-2.99v2.65a.568.568 0 1 1-1.133 0v-4.3a.565.565 0 0 1 .556-.567.583.583 0 0 1 .446.229l2.219 3V7.293a.569.569 0 0 1 1.136 0l.004 4.3Zm-5.175 0a.567.567 0 0 1-1.134 0v-4.3a.567.567 0 0 1 1.134 0v4.3Zm-2.223.567h-2.15a.571.571 0 0 1-.568-.567v-4.3a.568.568 0 1 1 1.136 0v3.735h1.583a.568.568 0 0 1 0 1.135l-.001-.003Zm15.051-2.876c0-4.841-4.854-8.781-10.817-8.781S.5 4.44.5 9.28c0 4.337 3.849 7.97 9.045 8.66.352.074.832.233.954.532.084.318.095.65.034.973l-.148.919c-.041.27-.216 1.069.946.58a34.866 34.866 0 0 0 8.505-6.286 7.771 7.771 0 0 0 2.3-5.38' fill='%23000'/%3E%3C/svg%3E");
}
.icon-telegram:after {
   background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.375 12.263-.357 5.026a1.248 1.248 0 0 0 1-.483l2.4-2.29 4.966 3.637c.911.508 1.553.24 1.8-.838l3.26-15.275C22.733.694 21.957.167 21.07.497L1.9 7.83C.595 8.339.615 9.068 1.68 9.4l4.9 1.524L17.958 3.8c.535-.355 1.022-.158.622.2l-9.205 8.263Z' fill='%23000'/%3E%3C/svg%3E");
}
.icon-copy-link:after {
   background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5 12.5 6-6M11.5 13.658l-2.567 2.567a4.353 4.353 0 0 1-7.433-3.08c0-1.154.459-2.262 1.275-3.078L5.342 7.5M13.658 11.5l2.567-2.567a4.354 4.354 0 1 0-6.158-6.158L7.5 5.342' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn-tampilkan {
   font-size: 14px;
   padding: 6px 10px;
   background-color: rgba(255, 255, 255, 0.8);
   border: 2px solid #016fba;
   border-radius: 8px;
   font-weight: 600;
   color: #016fba;
   margin: 20px auto;
}
.paging {
   display: flex;
   justify-content: center;
   margin: 20px 0;
}
.paging a {
   float: none;
}
.footer {
   background-color: #0A558D;
   padding: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.footer-content {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
}

.footer-left,
.footer-right {
  flex: 1;
  display: flex;
  justify-content: center;
}

.footer-center {
  flex: 2;
  text-align: center;
  color: white;
}

.footer-img {
  width: 200px;
  height: auto;
}

.footer-logo {
  width: 120px;
  height: auto;
  margin-bottom: 10px;
}

.footer-text {
  font-size: 26px;
    line-height: 1.5;
    font-weight: bold;
}
.footer a {
   margin: auto;
}
.kcm__stick__wrap {
   position: relative;
   width: 100%;
}
.kcm__stick {
   position: fixed;
   top: 65px;
   z-index: 10;
   width: 1300px;
   transition: top 0.2s;
}
.kcm__stick--left {
   left: -115px;
   position: absolute;
}
.kcm__stick--right {
   right: 35px;
   position: absolute;
}
.bx-wrapper .bx-controls-direction a {
   opacity: 1;
   border-radius: 50%;
   padding: 3px 10px;
   background-color: #fff;
   color: #000;
   box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
   text-decoration: none;
}
.bx-wrapper .bx-prev {
   left: -10px;
}
.bx-wrapper .bx-next {
   right: -10px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
   color: transparent;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #fff;
}
.section-kanal .bx-pager {
   position: absolute;
   bottom: 0;
   text-align: right;
   padding-bottom: 10px;
   padding-right: 10px;
}
.content-text img {
   max-width: 100%;
   width: inherit;
   height: auto;
}

.aduan-wrap {
   background-image: url(https://asset-1.tribunnews.com/img/chbrand/superhub/wonosobohebat/lapor-wonosobo.png);
   display: flex;
   overflow: hidden;
   flex-flow: column;
   align-items: center;
   justify-content: center;
   margin-top: 20px;
   padding: 14rem 8rem 5rem;
   background-position: center;
   background-repeat: no-repeat;
}

.aduan-wrap h2 {
   font-size: 40px;
    color: white;
    text-align: center;
}

.aduan-wrap a{
   padding: 10px 50px;
    font-size: 20px;
    background-color: #2B6240;
    color: white;
    border-radius: 5px;
    margin-top: 20px;
}

.aduan-artikel-wrap {
   background-color: rgba(255, 245, 245, 0.8);
   width: 70%;
   padding: 20px;
}

.aduan-artikel-kategori {
   gap: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 90%;
   border-bottom: solid 2px #c4bbbe;
   padding-bottom: 15px;
}

.aduan-tab-link {
   padding: 6px 10px;
   background-color: transparent;
   border: none;
   color: #000;
   font-size: 16px;
   font-weight: bold;
   cursor: pointer;
}

.aduan-tab-link.active {
   background-color: #0065B1;
   color: #fff;
   font-weight: 700;
   border-radius: 6px;
}

.aduan-artikel {
   height: 300px;
   overflow-y: auto;
   padding-right: 10px;
   margin-top: 15px;
}

.aduan-artikel::-webkit-scrollbar {
   width: 6px;
   background-color: #ede6e6;
   border-radius: 6px;
}

.aduan-artikel::-webkit-scrollbar-thumb {
   width: 6px;
   background-color: #0065B1;
   border-radius: 6px;
}

.aduan-artikel .artikel-item:first-child {
   padding-top: 0;
   border-top: 0;
}

.tab-content .lihat-semua {
   display: flex;
   margin-bottom: 0;
}

.aduan-lapor-wrap {
   width: 30%;
   background-image: url(https://asset-1.tstatic.net/img/chbrand/superhub/sulutmaju/bg-aduan.png);
   background-size: cover;
   background-position: center;
   padding: 40px 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
}

.aduan-lapor-icon {
   width: 200px;
   margin: auto;
}

.aduan-lapor-text {
   color: #fff;
   font-weight: 700;
   text-align: center;
}

.aduan-lapor-text div:first-child {
   font-size: 20px;
}

.aduan-lapor-text div:last-child {
   font-size: 24px;
}

.aduan-lapor-btn {
   background-color: #fff;
   color: #0065B1;
   text-decoration: none;
   font-weight: 700;
   font-size: 16px;
   padding: 8px 20px;
   border-radius: 8px;
}

.aduan-lapor-btn:hover {
   text-decoration: none;
}

.jawaban-artikel-kategori {
   margin: 15px 0;
   gap: 10px;
   display: flex;
   align-items: center;
}

.form-aduan {
   background-color: rgba(255, 245, 245, 0.8);
   padding: 40px;
   border-radius: 8px;
}

.form-judul-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
}

.form-judul {
   font-size: 32px;
   font-weight: 700;
}

.form-share {
   display: flex;
   align-items: center;
   gap: 10px;
}

.form-input-wrap {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 16px;
}

.form-input-wrap label {
   font-weight: 700;
   font-size: 16px;
}

.form-input-wrap input:not([type="file"]),
.form-input-wrap textarea,
.form-input-wrap select {
   padding: 8px;
   border: solid 1px #dbdcde;
   font-size: 16px;
   border-radius: 6px;
}

.form-input-wrap input::placeholder,
.form-input-wrap textarea::placeholder {
   color: #c4bbbe;
   font-style: italic;
}

.form-input-wrap input::file-selector-button {
   font-family: "Karla", sans-serif;
   padding: 4px 8px;
   border-radius: 6px;
   border: solid 1px #c4bbbe;
   font-size: 14px;
}

.form-input-wrap textarea {
   resize: none;
}

.form-input-wrap button {
   width: fit-content;
   margin: auto;
   background-color: #0065B1;
   border: none;
   padding: 8px 16px;
   color: #fff;
   border-radius: 6px;
   font-size: 16px;
   cursor: pointer;
}

.tata-cara-aduan {
   position: relative;
   display: flex;
   justify-content: space-between;
   width: 90%;
   margin: 60px auto 80px;
}

.tata-cara-aduan::before {
   content: "";
   position: absolute;
   width: 80%;
   height: 2px;
   top: 45px;
   left: 0;
   right: 0;
   margin: auto;
   border-top: dashed 2px #0065B1;
}

.tata-cara-item {
   width: 225px;
   display: flex;
   gap: 10px;
   flex-direction: column;
   align-items: center;
   text-align: center;
}

.tata-cara-img {
   width: 90px;
   position: relative;
   z-index: 1;
}

.tata-cara-judul {
   font-weight: 700;
   color: #0065B1;
   font-size: 18px;
   margin-bottom: 5px;
}

.aduan-berhasil {
   background-color: #fff;
   display: none;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 80px 20px;
   text-align: center;
}

.aduan-berhasil-img {
   width: 90px;
   margin-bottom: 10px;
}

.aduan-berhasil-text {
   font-size: 16px;
}

.aduan-berhasil-judul {
   font-weight: 700;
   color: #0065B1;
   font-size: 20px;
   margin-bottom: 5px;
}

.jawaban-tab-link:hover {
   text-decoration: none;
}
.page-title{
   margin: 20px 0px;
}
.page-title h2{
   font-size: 30px;
   line-height: 40px;
   font-weight: bold;
   color: white;
}
.slider-cat-container{
   position: relative;
   width: fit-content;
    margin: 0 auto;
}
.slider-cat-container .chev-prev{
   font-size: 30px;
    line-height: 40px;
    color: #000;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    top: 40%;
    left: -40px;
    transform: translateY(-50%);
    cursor: pointer;
}
.slider-cat-container .chev-next{
   font-size: 30px;
    line-height: 40px;
    color: #000;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    top: 40%;
    right: -40px;
    transform: translateY(-50%);
    cursor: pointer;
}

.slider-aduan-container{
   position: relative;
}
.slider-aduan-container .chev-prev{
   font-size: 30px;
    line-height: 40px;
    color: #000;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    top: 30%;
    left: 0px;
    transform: translateY(-50%);
    cursor: pointer;
}
.slider-aduan-container .chev-next{
   font-size: 30px;
    line-height: 40px;
    color: #000;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    top: 30%;
    right: 0px;
    transform: translateY(-50%);
    cursor: pointer;
}