.elementor-3131 .elementor-element.elementor-element-be3d5c1{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3131 .elementor-element.elementor-element-ea3d2c9 > .elementor-widget-container{margin:20px 0px -450px 0px;}.elementor-widget-button .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-3131 .elementor-element.elementor-element-7d0b32f .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;fill:#F1F2F3;color:#F1F2F3;background-image:linear-gradient(180deg, #ABABAB21 0%, #00000017 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:99px 99px 99px 99px;padding:12px 40px 12px 40px;}.elementor-3131 .elementor-element.elementor-element-7d0b32f{width:var( --container-widget-width, 27% );max-width:27%;--container-widget-width:27%;--container-widget-flex-grow:0;}.elementor-3131 .elementor-element.elementor-element-7d0b32f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-3131 .elementor-element.elementor-element-9ed5122{text-align:center;}.elementor-3131 .elementor-element.elementor-element-9ed5122 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:700;line-height:56px;letter-spacing:0px;color:#F1F2F3;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3131 .elementor-element.elementor-element-9c4af03{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:#F1F2F3;}.elementor-3131 .elementor-element.elementor-element-61b550d .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0px;fill:#F1F2F3;color:#F1F2F3;background-image:linear-gradient(126deg, #224E2A 31%, #4EB461 100%);box-shadow:2px 2px 10px 2px rgba(0, 0, 0, 0.2);border-radius:30px 30px 30px 30px;padding:16px 70px 16px 70px;}.elementor-3131 .elementor-element.elementor-element-61b550d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3131 .elementor-element.elementor-element-5be051f{--spacer-size:90px;}.elementor-3131 .elementor-element.elementor-element-8980822{--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;}.elementor-3131 .elementor-element.elementor-element-6ee79c5{text-align:center;}.elementor-3131 .elementor-element.elementor-element-6ee79c5 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:700;line-height:44px;letter-spacing:0px;color:#0E0E0E;}.elementor-3131 .elementor-element.elementor-element-96f4ee6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:400;line-height:28px;}.elementor-3131 .elementor-element.elementor-element-96f4ee6 > .elementor-widget-container{margin:0px 0px 0px 26px;}.elementor-3131 .elementor-element.elementor-element-96f4ee6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3131 .elementor-element.elementor-element-96f4ee6 p{margin-bottom:0px;}.elementor-3131 .elementor-element.elementor-element-6cf3c1d{--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;}.elementor-3131 .elementor-element.elementor-element-9183a21{--spacer-size:40px;}@media(max-width:767px){.elementor-3131 .elementor-element.elementor-element-6ee79c5 .elementor-heading-title{font-size:24px;}.elementor-3131 .elementor-element.elementor-element-96f4ee6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3131 .elementor-element.elementor-element-96f4ee6{font-size:16px;}}
/* Start custom CSS for button, class: .elementor-element-7d0b32f */.elementor-3131 .elementor-element.elementor-element-7d0b32f{
    backdrop-filter: blur(16px);
}/* End custom CSS */








/* Start custom CSS for html, class: .elementor-element-f3cbd16 *//* CHIP FILTER */
.chip-wrapper {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  margin: 20px 0;
}
.chip {
  background: #f3f5f1;
  color: #2e5d32;
  padding: 10px 20px;
  border-radius: 999px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: 0.2s ease;
}
.chip:hover {
  background: #dfe6dc;
}
.chip.active {
  background: #2e5d32;
  color: white;
}
.badge {
  background-color: #c84328;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 20px;
  font-weight: 600;
}

/* LAYANAN CARD (KONTEN) */
.layanan-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;     
}

.layanan-card {
  flex: 1 1 30%;
  max-width: 30%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.layanan-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.icon-wrapper {
  font-size: 28px;
  color: #2e5d32;
  margin-bottom: 12px;
}

.layanan-title {
  font-size: 16px;
  font-weight: 700;
  color: #2e5d32;
  margin-bottom: 12px;
  font-family: 'Inter', sans-serif;
}

.layanan-desc {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.5;
}

.layanan-btn {
  padding: 10px 16px;
  border: 1px solid #2e5d32;
  border-radius: 999px;
  color: #2e5d32;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  transition: 0.3s ease;
  width: fit-content;
}

.layanan-btn:hover {
  background: #2e5d32;
  color: white;
}

/* Wrapper utama */
.layanan-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Jarak antar kartu */
  justify-content: center; /* Biar center kalau jumlah card tidak penuh */
}

/* Default Desktop: 3 kolom */
.layanan-card {
  flex: 1 1 calc(33.333% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start; /* Default kiri di desktop */
  text-align: left;
  padding: 20px;
  box-sizing: border-box;
}

/* Tablet: 2 kolom */
@media (max-width: 1024px) {
  .layanan-card {
    flex: 1 1 calc(50% - 20px);
  }
}

/* Mobile: 1 kolom + konten rata tengah */
@media (max-width: 767px) {
  .layanan-card {
    flex: 1 1 100%;
    max-width: 100%;
    align-items: center;    /* Center horizontal */
    text-align: center;     /* Center teks */
  }

  .layanan-card .layanan-btn {
    margin: 10px auto 0;    /* Tombol ke tengah */
  }
}

/* Wrapper chip agar bisa scroll */
.chip-wrapper {
  display: flex;
  flex-wrap: nowrap;        /* Jangan turun ke bawah */
  gap: 10px;                /* Jarak antar chip */
  overflow-x: auto;         /* Aktifkan scroll horizontal */
  -webkit-overflow-scrolling: touch; /* Smooth scroll di iOS */
  scrollbar-width: none;    /* Hide scrollbar di Firefox */
  padding: 10px 0;
}

/* CHIP WRAPPER */
.chip-wrapper {
  display: flex;
  gap: 10px;
  justify-content: center;  /* Desktop center */
  flex-wrap: wrap;          /* Desktop wrap */
}

/* MOBILE: Bisa digeser */
@media (max-width: 767px) {
  .chip-wrapper {
    flex-wrap: nowrap;           /* Jangan turun ke bawah */
    overflow-x: auto;            /* Scroll horizontal */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;       /* Hide scrollbar Firefox */
    justify-content: flex-start; /* Geser dari kiri */
    padding: 0 10px;             /* Tambah padding kiri kanan */
  }

  /* Hide scrollbar Chrome/Safari */
  .chip-wrapper::-webkit-scrollbar {
    display: none;
  }

  .chip {
    flex: 0 0 auto;      /* Jangan melar */
    white-space: nowrap; /* Text chip satu baris */
  }
}/* End custom CSS */




/* Start custom CSS */body {
  background-color: #fafafa;
}/* End custom CSS */