.elementor-1542 .elementor-element.elementor-element-81969f9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1542 .elementor-element.elementor-element-1d0149d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1542 .elementor-element.elementor-element-f50577a{--e-search-results-columns:1;}.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-1542 .elementor-element.elementor-element-afa67f8{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-1542 .elementor-element.elementor-element-078100d{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-1542 .elementor-element.elementor-element-0041c8c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1542 .elementor-element.elementor-element-0cb0d5d{--grid-columns:2;}.elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item > .elementor-section, .elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item > .elementor-section > .elementor-container, .elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item > .e-con, .elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1542 .elementor-element.elementor-element-ebebd41{--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;}@media(min-width:768px){.elementor-1542 .elementor-element.elementor-element-1d0149d{--width:33.3333%;}.elementor-1542 .elementor-element.elementor-element-0041c8c{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1542 .elementor-element.elementor-element-0041c8c{--width:100%;}}@media(max-width:1024px){.elementor-1542 .elementor-element.elementor-element-0cb0d5d{--grid-columns:2;}}@media(max-width:767px){.elementor-1542 .elementor-element.elementor-element-0cb0d5d{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-0cb0d5d *//* ===== PAGINATION HOME STYLE ===== */
.elementor-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 2rem 0;
}

.elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1.5px solid #E8934A;
  background: #ffffff;
  color: #1B3A6B;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.18s ease;
  cursor: pointer;
}

.elementor-pagination .page-numbers:hover {
  background: #FDF3EB;
  border-color: #E8934A;
}

/* Halaman aktif */
.elementor-pagination .page-numbers.current {
  background: #1B3A6B;
  color: #ffffff;
  border-color: #1B3A6B;
  pointer-events: none;
}

/* Tombol prev / next */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
  color: #E8934A;
  border-color: #E8934A;
  font-size: 18px;
  padding: 0;
}

.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
  background: #FDF3EB;
}

/* Dots / ellipsis */
.elementor-pagination .page-numbers.dots {
  border: none;
  background: transparent;
  color: #7a8aaa;
  pointer-events: none;
  min-width: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81969f9 *//* =============================================
   Astera Project Filter v3 — Polished
   ============================================= */

/* ---- Wrapper layout ---- */
.elementor-element-81969f9 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  align-items: flex-start !important;
}

/* ---- Sidebar kiri ---- */
.elementor-element-1d0149d {
  width: 240px !important;
  max-width: 240px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* ---- Search box ---- */
.elementor-element-f50577a .e-search-form {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #c8a96e !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  margin-bottom: 16px;
  transition: box-shadow 0.2s ease !important;
}

.elementor-element-f50577a .e-search-form:focus-within {
  box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.15) !important;
}

.elementor-element-f50577a .e-search-input {
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
  padding: 11px 8px !important;
  color: #333 !important;
  flex: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}

.elementor-element-f50577a .e-search-input::placeholder {
  color: #bbb !important;
}

.elementor-element-f50577a .e-search-submit {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: unset !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}

.elementor-element-f50577a .e-search-submit span {
  display: none !important;
}

.elementor-element-f50577a .e-search-submit::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ---- Filter card: heading + buttons dalam satu card ---- */
.elementor-element-878eb60,
.elementor-element-2689e36 {
  background: #fff !important;
  border: 1px solid #efefef !important;
  border-bottom: none !important;
  border-radius: 10px 10px 0 0 !important;
  padding: 16px 18px 8px 18px !important;
  margin-bottom: 0 !important;
}

.elementor-element-afa67f8,
.elementor-element-078100d {
  background: #fff !important;
  border: 1px solid #efefef !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  padding: 0 18px 14px 18px !important;
  margin-bottom: 16px !important;
}

/* ---- Heading filter ---- */
.elementor-element-878eb60 .elementor-heading-title,
.elementor-element-2689e36 .elementor-heading-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: #aaa !important;
  text-transform: uppercase !important;
}

/* ---- Filter wrapper ---- */
.elementor-element-afa67f8 .e-filter,
.elementor-element-078100d .e-filter {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Sembunyikan tombol "All" bawaan Elementor */
.elementor-element-afa67f8 .e-filter-item[data-filter="__all"],
.elementor-element-078100d .e-filter-item[data-filter="__all"] {
  display: none !important;
}

/* ---- Filter item — radio style ---- */
.elementor-element-afa67f8 .e-filter-item,
.elementor-element-078100d .e-filter-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 9px 0 !important;
  font-size: 13.5px !important;
  color: #aaa !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
  transition: color 0.15s ease !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

/* Radio dot */
.elementor-element-afa67f8 .e-filter-item::before,
.elementor-element-078100d .e-filter-item::before {
  content: '' !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  border: 1.5px solid #ddd !important;
  background: #fff !important;
  flex-shrink: 0 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Hover state */
.elementor-element-afa67f8 .e-filter-item:hover,
.elementor-element-078100d .e-filter-item:hover {
  color: #666 !important;
}

.elementor-element-afa67f8 .e-filter-item:hover::before,
.elementor-element-078100d .e-filter-item:hover::before {
  border-color: #c8a96e !important;
}

/* Active state */
.elementor-element-afa67f8 .e-filter-item[aria-pressed="true"],
.elementor-element-078100d .e-filter-item[aria-pressed="true"] {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.elementor-element-afa67f8 .e-filter-item[aria-pressed="true"]::before,
.elementor-element-078100d .e-filter-item[aria-pressed="true"]::before {
  border-color: #c8a96e !important;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 8px #c8a96e !important;
}

/* ---- Grid kanan ---- */
.elementor-element-0041c8c {
  flex: 1 !important;
  min-width: 0 !important;
}

/* ---- Project cards ---- */
.elementor-element-0cb0d5d .e-loop-item {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #eee !important;
  background: #fff !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  cursor: pointer !important;
}

.elementor-element-0cb0d5d .e-loop-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.09) !important;
  border-color: #e0d0b4 !important;
}

/* Hover: gambar sedikit zoom */
.elementor-element-0cb0d5d .e-loop-item .elementor-widget-image img {
  transition: transform 0.35s ease !important;
}

.elementor-element-0cb0d5d .e-loop-item:hover .elementor-widget-image img {
  transform: scale(1.04) !important;
}

/* ---- No results ---- */
#astera-no-results {
  display: none;
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  color: #bbb;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  .elementor-element-81969f9 > .e-con-inner {
    flex-direction: column !important;
  }
  .elementor-element-1d0149d {
    width: 100% !important;
    max-width: 100% !important;
  }
}/* End custom CSS */