.elementor-396 .elementor-element.elementor-element-632263b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .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-396 .elementor-element.elementor-element-12b0cac .elementor-heading-title{font-family:var( --e-global-typography-8f86578-font-family ), Sans-serif;font-size:var( --e-global-typography-8f86578-font-size );font-weight:var( --e-global-typography-8f86578-font-weight );color:var( --e-global-color-0478289 );}.elementor-396 .elementor-element.elementor-element-380307a{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:6%;--padding-right:6%;}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 3);flex:0 1 calc( 100% / 3 );flex-grow:1;padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .elementor-repeater-item-7b757f6 > *{display:inline-block;}.elementor-396 .elementor-element.elementor-element-7d80ec4 .elementor-repeater-item-a57e4d2.dce-item_image{justify-content:top;}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-posts-fallback{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-post-item{padding-bottom:35px;}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item a{color:var( --e-global-color-f5ee0cd );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item a:hover{color:var( --e-global-color-0478289 );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item.filter-active a{color:var( --e-global-color-0478289 );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters{font-family:"FreightDisp Pro", Sans-serif;font-size:15px;font-weight:500;margin:0px 0px 50px 0px;}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-separator{padding-left:30px;padding-right:30px;}body.elementor-page-396:not(.elementor-motion-effects-element-type-background), body.elementor-page-396 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2e1a92a );}@media(min-width:2400px){.elementor-396 .elementor-element.elementor-element-12b0cac .elementor-heading-title{font-size:var( --e-global-typography-8f86578-font-size );}}@media(max-width:1366px){.elementor-396 .elementor-element.elementor-element-12b0cac .elementor-heading-title{font-size:var( --e-global-typography-8f86578-font-size );}}@media(max-width:1024px){.elementor-396 .elementor-element.elementor-element-12b0cac .elementor-heading-title{font-size:var( --e-global-typography-8f86578-font-size );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2);flex:0 1 calc( 100% / 2 );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters{line-height:10px;}}@media(max-width:767px){.elementor-396 .elementor-element.elementor-element-632263b{--padding-top:80px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-12b0cac .elementor-heading-title{font-size:var( --e-global-typography-8f86578-font-size );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters{line-height:1.9em;}.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-separator{padding-left:20px;padding-right:20px;}}/* Start custom CSS for dce-dynamicposts-v2, class: .elementor-element-7d80ec4 */.dce-filters {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}

.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item a {
    color: var(--e-global-color-f5ee0cd);
    text-transform: uppercase;
    font-family: var(--e-global-typography-d7f3890-font-family), sans-serif;
    letter-spacing: 1.5px;
}

/* Base style */
.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item a {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    text-decoration: none;
    overflow: hidden;
}

/* Hidden line (start from right side) */
.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: black;
    transform: scaleX(0);
    transform-origin: right; /* 👈 direction from right to left */
    transition: transform 0.2s ease;
}

/* Hover animation: slide line from RIGHT → LEFT */
.elementor-396 .elementor-element.elementor-element-7d80ec4 .dce-filters .filters-item a:hover::after {
    transform: scaleX(1);
}

/* === HORIZONTAL SCROLL FILTER (MOBILE) === */

@media (max-width: 767px) {
  .jet-listing-grid__filters,
  .dce-filters,
  .elementor-widget-dynaposter-filters,
  .jet-smart-filters-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 20px; /* jarak antar item */
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
  }

  /* Sembunyikan scrollbar biar clean */
  .jet-listing-grid__filters::-webkit-scrollbar {
    display: none;
  }

  /* Setiap item filter */
  .jet-listing-grid__filters a,
  .dce-filters a,
  .jet-smart-filters-list a {
    flex: 0 0 auto !important;
  }
  
  .jet-listing-grid__filters a,
  .dce-filters a,
  .jet-smart-filters-list a {
    scroll-snap-align: start;
  }
  
  .jet-listing-grid__filters,
  .dce-filters,
  .jet-smart-filters-list {
    justify-content: flex-start !important;
    text-align: left !important;
    scroll-snap-type: x mandatory;
  }
  
  .elementor-396 
    .elementor-element-7d80ec4::before {
  content: "→";
  position: absolute;
  right: -18px;
  top: 7px;
  font-size: 12px;
  opacity: 0.6;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'FreightDisp Pro';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProLight-Regular.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProLight-Italic.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProMedium-Regular.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProMedium-Italic.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProBold-Regular.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProBold-Italic.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProBlack-Regular.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProBlack-Italic.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProBook-Regular.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProBook-Italic.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProSemibold-Regular.woff') format('woff');
}
@font-face {
	font-family: 'FreightDisp Pro';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://studioara.com/wp-content/uploads/2025/06/FreightDispProSemibold-Italic.woff') format('woff');
}
/* End Custom Fonts CSS */