.elementor-22066 .elementor-element.elementor-element-4c7bc9c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-22066 .elementor-element.elementor-element-3bd45cd3{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22066 .elementor-element.elementor-element-0aa8946 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22066 .elementor-element.elementor-element-0aa8946{text-align:center;}.elementor-22066 .elementor-element.elementor-element-0aa8946 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-22066 .elementor-element.elementor-element-7a9f797 .ekit-breadcrumb{font-family:"Inter", Sans-serif;justify-content:center;}.elementor-22066 .elementor-element.elementor-element-f62fc0d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}@media(max-width:767px){.elementor-22066 .elementor-element.elementor-element-4c7bc9c0{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-22066 .elementor-element.elementor-element-3bd45cd3{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}/* Start custom CSS for html, class: .elementor-element-4465f90 */.kategori-bar {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 40px;
    margin: 32px 0 20px;
    padding: 14px 24px;
    list-style: none;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    border-left: none;
    border-right: none;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    scrollbar-width: thin;
    scrollbar-color: #d4d4d4 transparent;
    transition: all 0.3s ease;
}


.kategori-bar::-webkit-scrollbar {
  height: 6px;
}
.kategori-bar::-webkit-scrollbar-track {
  background: transparent;
}
.kategori-bar::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
  border-radius: 5px;
}

.kategori-bar li {
  flex-shrink: 0;
  min-width: max-content;
  transition: all 0.3s ease;
}

.kategori-bar a {
  font-size: 15.5px;
  color: #222;
  text-decoration: none;
  font-weight: 500;
  padding: 6px 0;
  border-bottom: 2px solid transparent;
  transition: all 0.25s ease;
}

.kategori-bar a:hover {
  color034737;
  border-bottom: 2px solid #034737;
}

@media (max-width: 768px) {
  .kategori-bar {
    gap: 24px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 6px;
  }
  .kategori-bar a {
    font-size: 14px;
  }
}/* End custom CSS */