.elementor-5346 .elementor-element.elementor-element-a7a7d2d{--display:flex;--min-height:60vh;--justify-content:center;--overlay-opacity:0.35;}.elementor-5346 .elementor-element.elementor-element-a7a7d2d:not(.elementor-motion-effects-element-type-background), .elementor-5346 .elementor-element.elementor-element-a7a7d2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clamonic.com/wp-content/uploads/2026/07/DSC06849-HDR-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5346 .elementor-element.elementor-element-a7a7d2d::before, .elementor-5346 .elementor-element.elementor-element-a7a7d2d > .elementor-background-video-container::before, .elementor-5346 .elementor-element.elementor-element-a7a7d2d > .e-con-inner > .elementor-background-video-container::before, .elementor-5346 .elementor-element.elementor-element-a7a7d2d > .elementor-background-slideshow::before, .elementor-5346 .elementor-element.elementor-element-a7a7d2d > .e-con-inner > .elementor-background-slideshow::before, .elementor-5346 .elementor-element.elementor-element-a7a7d2d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-5346 .elementor-element.elementor-element-a6da017{text-align:center;}.elementor-5346 .elementor-element.elementor-element-a6da017 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;text-decoration:underline;color:var( --e-global-color-3b17fef );}.elementor-5346 .elementor-element.elementor-element-55a23ec{--display:flex;--padding-top:60px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-5346 .elementor-element.elementor-element-51d14fe{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:0px 0px 0px 0px;--e-filter-space-between:35px;--e-filter-normal-text-color:#9D9D9D;--e-filter-hover-text-color:#000000;--e-filter-active-text-color:#000000;}.elementor-5346 .elementor-element.elementor-element-51d14fe .e-filter-item{font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5346 .elementor-element.elementor-element-eb30ed7{--grid-columns:3;}body.elementor-page-5346:not(.elementor-motion-effects-element-type-background), body.elementor-page-5346 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF5EE;}@media(min-width:768px){.elementor-5346 .elementor-element.elementor-element-55a23ec{--width:1190px;}}@media(max-width:1024px){.elementor-5346 .elementor-element.elementor-element-eb30ed7{--grid-columns:2;}}@media(max-width:767px){.elementor-5346 .elementor-element.elementor-element-eb30ed7{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-51d14fe *//* 1. Reset style tab */
.elementor-5346 .elementor-element.elementor-element-51d14fe .e-filter-item {
    position: relative;
    background: transparent !important;
    border: none !important;
    padding-bottom:10px; /* Memberi sedikit ruang untuk garis di bawah teks */
}

/* 2. ::after sebagai garis ABU-ABU STATIS (selalu tampil) */
.elementor-5346 .elementor-element.elementor-element-51d14fe .e-filter::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

/* 3. ::before sebagai garis HITAM BERJALAN yang akan menimpa ::after */
.elementor-5346 .elementor-element.elementor-element-51d14fe .e-filter-item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; /* Lebar awal 0 agar tidak terlihat */
    height: 1px;
    background-color: #C36E43;
  transform: scaleX(0);
  transform-origin: right; /* Animasi menghilang bergeser ke kanan saat hover selesai */
  transition: transform 0.3s ease-in-out;
    z-index: 2; /* Posisinya di atas garis abu-abu */
}

/* 4. Saat di-hover atau aktif, garis hitam (::before) melebar penuh menjadi 100% */
.elementor-5346 .elementor-element.elementor-element-51d14fe .e-filter-item:hover::before,
.elementor-5346 .elementor-element.elementor-element-51d14fe .e-filter-item[aria-pressed="true"]::before {
    transform: scaleX(1);
  transform-origin: left;   
}/* End custom CSS */