.elementor-2165 .elementor-element.elementor-element-d0244cb{--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-2165 .elementor-element.elementor-element-b56780d{--display:flex;}.elementor-2165 .elementor-element.elementor-element-40481e4{--spacer-size:70px;}.elementor-msie .elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio-item{width:calc( 100% / 5 );}.elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-post__thumbnail__link{padding-bottom:calc( 0.75 * 100% );}.elementor-2165 .elementor-element.elementor-element-4434e76:after{content:"0.75";position:absolute;color:transparent;}.elementor-2165 .elementor-element.elementor-element-4434e76{--grid-row-gap:35px;--grid-column-gap:35px;}.elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio-item__img, .elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio-item__overlay{border-radius:5px 5px 5px 5px;}.elementor-2165 .elementor-element.elementor-element-4434e76 a .elementor-portfolio-item__overlay{background-color:#242424AB;}.elementor-2165 .elementor-element.elementor-element-4434e76 .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-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio__filter:not(:last-child){margin-right:calc(8px/2);}.elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio__filter:not(:first-child){margin-left:calc(8px/2);}.elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio__filters{margin-bottom:25px;}.elementor-2165 .elementor-element.elementor-element-f2c0c5e{--spacer-size:150px;}.elementor-2165 .elementor-element.elementor-element-8279611{--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-2165 .elementor-element.elementor-element-8279611{left:0px;}body.rtl .elementor-2165 .elementor-element.elementor-element-8279611{right:0px;}.elementor-2165 .elementor-element.elementor-element-69651a2{--display:flex;}.elementor-2165 .elementor-element.elementor-element-404959c{--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-2165 .elementor-element.elementor-element-404959c{left:0px;}body.rtl .elementor-2165 .elementor-element.elementor-element-404959c{right:0px;}.elementor-2165 .elementor-element.elementor-element-27b48cf{--display:flex;}@media(max-width:1024px){.elementor-msie .elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio__filter{font-size:var( --e-global-typography-4686288-font-size );}}@media(min-width:768px){.elementor-2165 .elementor-element.elementor-element-d0244cb{--width:100%;}.elementor-2165 .elementor-element.elementor-element-69651a2{--content-width:100%;}.elementor-2165 .elementor-element.elementor-element-27b48cf{--content-width:40%;}}@media(max-width:767px){.elementor-2165 .elementor-element.elementor-element-40481e4{--spacer-size:70px;}.elementor-msie .elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio-item{width:calc( 100% / 1 );}.elementor-2165 .elementor-element.elementor-element-4434e76 .elementor-portfolio__filter{font-size:var( --e-global-typography-4686288-font-size );}.elementor-2165 .elementor-element.elementor-element-f2c0c5e{--spacer-size:100px;}.elementor-2165 .elementor-element.elementor-element-8279611{bottom:25px;--z-index:9999;}.elementor-2165 .elementor-element.elementor-element-69651a2{--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-2165 .elementor-element.elementor-element-404959c{bottom:25px;--z-index:9999;}.elementor-2165 .elementor-element.elementor-element-27b48cf{--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-4434e76 */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;
}





/* Batasi tinggi maksimal ke 200px untuk elemen dan <a> */
.elementor-post__thumbnail__link,
.elementor-post__thumbnail__link a,
.elementor-portfolio-item__overlay,
.elementor-portfolio-item__overlay a,
.elementor-portfolio-item__img,
.elementor-portfolio-item__img a,
.elementor-post__thumbnail,
.elementor-post__thumbnail a,
.elementor-portfolio-item,
.elementor-portfolio-item a {
  max-height: 250px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Gambar di dalam elemen tersebut dibuat full */
.elementor-post__thumbnail__link img,
.elementor-portfolio-item__overlay img,
.elementor-portfolio-item__img img,
.elementor-post__thumbnail img,
.elementor-portfolio-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */