.elementor-89 .elementor-element.elementor-element-5a3aeb07{--display:flex;--min-height:720px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-89 .elementor-element.elementor-element-495ccec6{--display:flex;--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:15%;}.elementor-89 .elementor-element.elementor-element-495ccec6:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-495ccec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-af3b071 ) 0%, var( --e-global-color-64acc8d ) 20%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );color:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-4453053b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:58px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:72px;letter-spacing:0px;color:#EAEAEA;}.elementor-89 .elementor-element.elementor-element-9dfe008 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:normal;font-style:normal;text-decoration:none;line-height:32px;letter-spacing:0px;color:#EAEAEA;}.elementor-89 .elementor-element.elementor-element-92dde08{--display:flex;--justify-content:flex-start;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-89 .elementor-element.elementor-element-40070cd:after{content:"0.66";position:absolute;color:transparent;}.elementor-89 .elementor-element.elementor-element-40070cd{--grid-row-gap:0px;width:var( --container-widget-width, 92% );max-width:92%;--container-widget-width:92%;--container-widget-flex-grow:0;--grid-column-gap:0px;}.elementor-89 .elementor-element.elementor-element-40070cd.elementor-element{--align-self:center;}.elementor-89 .elementor-element.elementor-element-40070cd a .elementor-portfolio-item__overlay{background-color:#7BD0FFC7;}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filter{color:#EAEAEA;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:normal;text-transform:capitalize;font-style:normal;text-decoration:none;}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filter.elementor-active{color:#7BD0FF;}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filter:not(:last-child){margin-right:calc(0px/2);}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filter:not(:first-child){margin-left:calc(0px/2);}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filters{margin-bottom:16px;}@media(min-width:768px){.elementor-89 .elementor-element.elementor-element-495ccec6{--width:70%;}.elementor-89 .elementor-element.elementor-element-92dde08{--width:30%;}}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-5a3aeb07{--min-height:465px;}.elementor-89 .elementor-element.elementor-element-495ccec6{--padding-top:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-89 .elementor-element.elementor-element-4453053b .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-89 .elementor-element.elementor-element-9dfe008 .elementor-heading-title{font-size:18px;line-height:1.5em;}.elementor-widget-portfolio .elementor-portfolio-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-portfolio .elementor-portfolio__filter{font-size:var( --e-global-typography-primary-font-size );}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filter{font-size:36px;line-height:1.4em;}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-5a3aeb07{--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-89 .elementor-element.elementor-element-495ccec6{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:5;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-89 .elementor-element.elementor-element-4453053b{margin:12em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;text-align:center;}.elementor-89 .elementor-element.elementor-element-4453053b .elementor-heading-title{font-size:24px;line-height:1.3em;}.elementor-89 .elementor-element.elementor-element-9dfe008{text-align:center;}.elementor-89 .elementor-element.elementor-element-9dfe008 .elementor-heading-title{font-size:16px;}.elementor-widget-portfolio .elementor-portfolio-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-portfolio .elementor-portfolio__filter{font-size:var( --e-global-typography-primary-font-size );}.elementor-89 .elementor-element.elementor-element-40070cd .elementor-portfolio__filter{font-size:36px;}}/* Start custom CSS for portfolio, class: .elementor-element-40070cd *//* display judul */

.elementor-portfolio-item__title {
    display: block!important;
    margin-top: 12px!important;
    padding: 12px 0px!important;
    font-weight: 500!important;
    line-height: 1.5!important;
    font-size: 18px!important;
    font-family: "Montserrat", Sans-serif!important;
    color: #EAEAEA!important;
}

.elementor-posts-container .elementor-post {
    margin: 24px 12px!important;
}

.elementor-portfolio__filters {
    justify-content: left!important;
    border-bottom: 1px solid #353535!important;
}


/* Sembunyikan item yang belum waktunya tampil */
.elementor-portfolio-item.is-hidden {
  display: none !important;
}

/* Styling Tombol Show More */
.portfolio-show-more-wrapper {
  text-align: center;
  margin-top: 30px;
  width: 100%;
  clear: both;
}

.portfolio-show-more-btn {
  background-color: transparent;
  color: #eaeaea;
  padding: 12px 28px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.portfolio-show-more-btn:hover {
  background-color: #333333;
  transform: translateY(-2px);
}

/* Aturan khusus untuk Tablet dan Mobile (layar <= 1024px) */
@media (max-width: 1024px) {
  .elementor-portfolio__filters {
    display: flex !important;
    flex-wrap: nowrap !important;       /* Mencegah filter turun/tumpuk ke bawah */
    overflow-x: auto !important;        /* Mengaktifkan scroll horizontal */
    overflow-y: hidden;
    white-space: nowrap !important;     /* Menjaga teks tetap satu baris */
    justify-content: flex-start !important; /* Mulai dari kiri agar bisa di-scroll */
    
    /* Sentuhan UI agar scroll halus di mobile */
    -webkit-overflow-scrolling: touch; 
    scroll-behavior: smooth;
    padding-bottom: 10px !important;    /* Memberi ruang agar tidak terpotong */
    
    /* Menyembunyikan scrollbar bawaan browser agar lebih rapi */
    scrollbar-width: none;              /* Firefox */
  }

  /* Menyembunyikan scrollbar untuk Chrome/Safari/Edge */
  .elementor-portfolio__filters::-webkit-scrollbar {
    display: none;
  }

  /* Ukuran Font dan Jarak antar item filter */
  .elementor-portfolio__filter {
    font-size: 16px !important;         /* Ukuran font 16px */
    flex-shrink: 0 !important;          /* Mencegah item mengecil saat berderet */
    padding: 8px 16px !important;       /* Area sentuh (touch area) yang lebih nyaman */
    margin-right: 8px !important;       /* Jarak antar opsi filter */
  }
}/* End custom CSS */