.elementor-200 .elementor-element.elementor-element-0c7f59a{--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;}.elementor-200 .elementor-element.elementor-element-e13e3e7{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:25%;}.elementor-200 .elementor-element.elementor-element-39b521a{--spacer-size:150px;}.elementor-200 .elementor-element.elementor-element-439db33 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-200 .elementor-element.elementor-element-cfdacf6{--spacer-size:50px;}.elementor-200 .elementor-element.elementor-element-0c00c65{--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;}.elementor-200 .elementor-element.elementor-element-43a1f71{--display:flex;}.elementor-200 .elementor-element.elementor-element-a7251fd{--spacer-size:70px;}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-post__thumbnail__link{padding-bottom:calc( 0.75 * 100% );}.elementor-200 .elementor-element.elementor-element-cf2d405:after{content:"0.75";position:absolute;color:transparent;}.elementor-200 .elementor-element.elementor-element-cf2d405{--grid-row-gap:35px;--grid-column-gap:35px;}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio-item__img, .elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio-item__overlay{border-radius:5px 5px 5px 5px;}.elementor-200 .elementor-element.elementor-element-cf2d405 a .elementor-portfolio-item__overlay{background-color:#242424AB;}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio__filter{font-family:var( --e-global-typography-4686288-font-family ), Sans-serif;font-size:var( --e-global-typography-4686288-font-size );font-weight:var( --e-global-typography-4686288-font-weight );}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio__filter:not(:last-child){margin-right:calc(8px/2);}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio__filter:not(:first-child){margin-left:calc(8px/2);}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio__filters{margin-bottom:25px;}.elementor-200 .elementor-element.elementor-element-571d3c7{--spacer-size:150px;}.elementor-200 .elementor-element.elementor-element-d658df7{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;bottom:35px;--z-index:9999;}body:not(.rtl) .elementor-200 .elementor-element.elementor-element-d658df7{left:0px;}body.rtl .elementor-200 .elementor-element.elementor-element-d658df7{right:0px;}.elementor-200 .elementor-element.elementor-element-35f82aa{--display:flex;}.elementor-200 .elementor-element.elementor-element-57c963f{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;bottom:25px;--z-index:9999;}body:not(.rtl) .elementor-200 .elementor-element.elementor-element-57c963f{left:0px;}body.rtl .elementor-200 .elementor-element.elementor-element-57c963f{right:0px;}.elementor-200 .elementor-element.elementor-element-ca6a2a2{--display:flex;}@media(min-width:768px){.elementor-200 .elementor-element.elementor-element-e13e3e7{--width:100%;}.elementor-200 .elementor-element.elementor-element-0c00c65{--width:100%;}.elementor-200 .elementor-element.elementor-element-35f82aa{--content-width:100%;}.elementor-200 .elementor-element.elementor-element-ca6a2a2{--content-width:40%;}}@media(max-width:1024px){.elementor-200 .elementor-element.elementor-element-e13e3e7{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio__filter{font-size:var( --e-global-typography-4686288-font-size );}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-a7251fd{--spacer-size:70px;}.elementor-200 .elementor-element.elementor-element-cf2d405 .elementor-portfolio__filter{font-size:var( --e-global-typography-4686288-font-size );}.elementor-200 .elementor-element.elementor-element-571d3c7{--spacer-size:100px;}.elementor-200 .elementor-element.elementor-element-d658df7{bottom:25px;--z-index:9999;}.elementor-200 .elementor-element.elementor-element-35f82aa{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-200 .elementor-element.elementor-element-57c963f{bottom:25px;--z-index:9999;}.elementor-200 .elementor-element.elementor-element-ca6a2a2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for portfolio, class: .elementor-element-cf2d405 */ul.elementor-portfolio__filters {
  display: flex;
  justify-content: flex-start;
}

ul.elementor-portfolio__filters li {
  position: relative;
  margin-right: 10px; /* Atur jarak antara setiap elemen li */
}

/* Scroll horizontal filter asli Elementor */
.elementor-portfolio__filters {
  display: flex !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: smooth !important;
  gap: 10px !important;
  padding: 10px 0 !important;
}

/* Sembunyikan scrollbar di HP */
.elementor-portfolio__filters::-webkit-scrollbar {
  display: none;
}

/* Biar item scrollable */
.elementor-portfolio__filter {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}



.elementor-portfolio__filters {
  display: none !important;
}/* End custom CSS */