.elementor-51715 .elementor-element.elementor-element-7889b68{--display:flex;--overflow:hidden;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-51715 .elementor-element.elementor-element-7889b68:not(.elementor-motion-effects-element-type-background), .elementor-51715 .elementor-element.elementor-element-7889b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, var( --e-global-color-9ef5005 ) 0%, #005628 100%);}.elementor-51715 .elementor-element.elementor-element-ce25714{--display:flex;--position:absolute;--min-height:368px;--border-radius:1000px 1000px 1000px 1000px;top:-241px;}.elementor-51715 .elementor-element.elementor-element-ce25714:not(.elementor-motion-effects-element-type-background), .elementor-51715 .elementor-element.elementor-element-ce25714 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00A34D;}body:not(.rtl) .elementor-51715 .elementor-element.elementor-element-ce25714{right:-149px;}body.rtl .elementor-51715 .elementor-element.elementor-element-ce25714{left:-149px;}.elementor-51715 .elementor-element.elementor-element-91f424f{--display:flex;--position:absolute;--min-height:368px;--border-radius:1000px 1000px 1000px 1000px;bottom:-218px;}.elementor-51715 .elementor-element.elementor-element-91f424f:not(.elementor-motion-effects-element-type-background), .elementor-51715 .elementor-element.elementor-element-91f424f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#007839;}body:not(.rtl) .elementor-51715 .elementor-element.elementor-element-91f424f{left:-150px;}body.rtl .elementor-51715 .elementor-element.elementor-element-91f424f{right:-150px;}.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-51715 .elementor-element.elementor-element-ed8becd{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-51715 .elementor-element.elementor-element-ed8becd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-51715 .elementor-element.elementor-element-ed8becd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:52px;font-weight:700;color:#FFFFFF;}.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-51715 .elementor-element.elementor-element-d4bf1ac{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:start;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-51715 .elementor-element.elementor-element-d4bf1ac.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-51715 .elementor-element.elementor-element-384bbc2{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-51715 .elementor-element.elementor-element-641100a{--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-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-51715 .elementor-element.elementor-element-c4db6bf{--grid-row-gap:28px;--grid-column-gap:28px;}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.76 * 100% );}.elementor-51715 .elementor-element.elementor-element-c4db6bf:after{content:"0.76";}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-post__thumbnail__link{width:100%;}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-post__meta-data span + span:before{content:"•";}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-post__text{margin-top:20px;}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-post__badge{right:0;}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-51715 .elementor-element.elementor-element-04c2375{--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-51715 .elementor-element.elementor-element-1ecef9b{--display:flex;}.elementor-51715 .elementor-element.elementor-element-2b7a9da{--display:flex;}.elementor-51715 .elementor-element.elementor-element-5ea4846{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-51715 .elementor-element.elementor-element-ce25714{--width:368px;}.elementor-51715 .elementor-element.elementor-element-91f424f{--width:368px;}.elementor-51715 .elementor-element.elementor-element-641100a{--width:100%;}.elementor-51715 .elementor-element.elementor-element-04c2375{--width:50%;}}@media(max-width:1024px){.elementor-51715 .elementor-element.elementor-element-7889b68{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-51715 .elementor-element.elementor-element-ed8becd{width:var( --container-widget-width, 554.675px );max-width:554.675px;--container-widget-width:554.675px;--container-widget-flex-grow:0;}.elementor-51715 .elementor-element.elementor-element-d4bf1ac{width:var( --container-widget-width, 621.775px );max-width:621.775px;--container-widget-width:621.775px;--container-widget-flex-grow:0;}.elementor-51715 .elementor-element.elementor-element-384bbc2{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-51715 .elementor-element.elementor-element-7889b68{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-51715 .elementor-element.elementor-element-ce25714{right:-242px;}body.rtl .elementor-51715 .elementor-element.elementor-element-ce25714{left:-242px;}body:not(.rtl) .elementor-51715 .elementor-element.elementor-element-91f424f{left:-222px;}body.rtl .elementor-51715 .elementor-element.elementor-element-91f424f{right:-222px;}.elementor-51715 .elementor-element.elementor-element-91f424f{bottom:-301px;}.elementor-51715 .elementor-element.elementor-element-ed8becd .elementor-heading-title{font-size:30px;}.elementor-51715 .elementor-element.elementor-element-d4bf1ac{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:18px;}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-51715 .elementor-element.elementor-element-c4db6bf:after{content:"0.5";}.elementor-51715 .elementor-element.elementor-element-c4db6bf .elementor-post__thumbnail__link{width:100%;}.elementor-51715 .elementor-element.elementor-element-1ecef9b.e-con{--align-self:flex-start;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');

:root{
  --ab-green-900:#065C2E;
  --ab-green-700:#097E40;
  --ab-green-100:#E3F3EA;
  --ab-ink:#1C1F1D;
  --ab-ink-soft:#5B615C;
  --ab-line:#DEDDD6;
  --ab-accent:#F7760A;
  --ab-accent-soft:#FDEAD9;
  --ab-white:#FFFFFF;
  --ab-wa:#25D366;
  --ab-radius-lg:16px;
  --ab-radius-md:10px;
  --ab-font:'Roboto', sans-serif;
}

.text-gradient {
  background: linear-gradient(90deg, #DBFFEC, #37FF95);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#ab-content-wrap,
#ab-content-wrap *{ font-family:var(--ab-font); }

/* ============ LAYOUT ============ */
#ab-content-wrap{ align-items:flex-start; }
#ab-main-col{ min-width:0; }
#ab-sidebar-col{ display:flex; flex-direction:column; gap:20px; }

/* ============ CARD BASE (bungkus search/recent/cta/promo) ============ */
.ab-card{
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius-lg);
  overflow:hidden;
  background:var(--ab-white);
  position:relative;
}
.ab-card::before{
  content:"";
  display:block; height:5px;
  background:repeating-linear-gradient(90deg, var(--ab-accent) 0 10px, transparent 10px 20px);
  opacity:.5;
}

/* ============ SEARCH (custom HTML form) ============ */
.ab-card--search{ padding:0; }
form.ab-search{
  display:flex; align-items:center; gap:8px;
  margin:16px; padding:4px 4px 4px 16px;
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius-md);
}
.ab-search__input{
  flex:1; border:none; outline:none; font-size:15px; padding:10px 0; background:transparent;
}

/* --- Tombol search: SATU definisi saja, tidak ada lagi duplikat --- */
.ab-search__btn{
  background:var(--ab-green-700); border:none; color:#fff;
  width:44px; height:44px; border-radius:8px;
  display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0;
  transition:background .15s ease, opacity .15s ease;
}
.ab-search__btn svg{
  width:22px !important;
  height:22px !important;
  color:#fff !important;
  stroke:#fff !important;
  flex-shrink:0;
}
.ab-search__btn:hover,
.ab-search__btn:focus{
  background:var(--ab-green-900) !important;
  opacity:1;
}
.ab-search__btn:hover svg,
.ab-search__btn:focus svg{
  color:#fff !important;
  stroke:#fff !important;
}

/* ============ POSTS CARDS — GRID UTAMA (skin Cards) ============ */
.ab-posts .elementor-post__card{
  border:1px solid var(--ab-line) !important;
  border-radius:var(--ab-radius-lg) !important;
  overflow:hidden;
  background:var(--ab-white);
  box-shadow:none !important;
  transition:transform .18s ease, box-shadow .18s ease;
}
.ab-posts .elementor-post__card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(9,126,64,.12) !important;
}
.ab-posts .elementor-post__thumbnail img{
  aspect-ratio:16/10; object-fit:cover;
}
.ab-posts .elementor-post__badge{
  background:var(--ab-green-700) !important;
  color:#fff !important;
  font-size:11px !important; font-weight:600 !important; letter-spacing:.04em;
  text-transform:uppercase;
  padding:4px 10px !important; border-radius:20px !important;
}
.ab-posts .elementor-post__title a{
  font-weight:700 !important; color:var(--ab-ink) !important;
}
.ab-posts .elementor-post__title a:hover{
  color:var(--ab-green-700) !important;
}
.ab-posts .elementor-post__excerpt p{
  color:var(--ab-ink-soft) !important;
}
.ab-posts .elementor-post__read-more{
  color:var(--ab-green-700) !important;
  font-weight:600 !important; text-decoration:none;
  border-bottom:1.5px solid var(--ab-green-700);
  padding-bottom:2px;
}
.ab-posts .elementor-post__meta-data{
  font-size:11px !important; text-transform:uppercase; letter-spacing:.05em;
  color:var(--ab-ink-soft) !important;
}
/* avatar kosong (nggak ada gravatar) -> disembunyikan biar nggak ada ruang kosong ganjil */
.ab-posts .elementor-post__avatar{
  display:none !important;
}

/* ============ RECENT POSTS (SIDEBAR) — WP NATIVE "Recent Posts" WIDGET
   Widget ini cuma render <ul><li><a> + optional <span class="post-date">,
   TIDAK ada thumbnail. Styling dibuat jadi list rapi dengan divider tipis,
   bukan lagi layout thumbnail-kiri seperti Elementor Posts widget.
   Kasih widget ini CSS Class "ab-recent-posts" di tab Advanced Elementor. */
.ab-recent-posts ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.ab-recent-posts li{
  padding-bottom:14px !important;
  margin-bottom:14px !important;
  border-bottom:1px solid var(--ab-line) !important;
}
.ab-recent-posts li:last-child{
  border-bottom:none !important; margin-bottom:0 !important; padding-bottom:0 !important;
}
.ab-recent-posts li a{
  display:block !important;
  font-size:13.5px !important; font-weight:700 !important;
  line-height:1.45 !important; color:var(--ab-ink) !important;
  text-decoration:none !important;
}
.ab-recent-posts li a:hover{ color:var(--ab-green-700) !important; }
.ab-recent-posts li .post-date{
  display:block !important;
  margin-top:4px !important;
  font-size:11px !important; text-transform:uppercase; letter-spacing:.05em;
  color:var(--ab-ink-soft) !important;
}

/* ============ HEADING "Recent Posts" DI SIDEBAR ============ */
.ab-card--recent{ padding:20px; }
.ab-recent__heading h2,
.ab-recent-posts .widgettitle,
.ab-recent-posts h2{
  font-size:13px !important; text-transform:uppercase; letter-spacing:.08em;
  color:var(--ab-green-700) !important; margin:0 0 12px !important;
}

/* ============ CTA WHATSAPP ============ */
.ab-card--cta{ background:var(--ab-green-100); }
.ab-cta{ padding:20px; }
.ab-cta__title{ font-weight:700; font-size:17px; color:var(--ab-green-900); margin:0 0 8px; }
.ab-cta__desc{ font-size:13.5px; color:var(--ab-ink-soft); line-height:1.55; margin:0 0 16px; }
.ab-cta__btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--ab-wa); color:#fff; text-decoration:none;
  font-size:14px; font-weight:600; padding:10px 16px; border-radius:8px;
  transition:opacity .2s;
}
.ab-cta__btn:hover{ opacity:.9; color:#fff; }

/* ============ PAGINATION ============ */
.elementor-pagination{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:8px; margin-top:32px;
}
.elementor-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; padding:0 10px;
  border:1px solid var(--ab-line); border-radius:8px;
  color:var(--ab-ink); font-size:14px; font-weight:600;
  text-decoration:none; background:var(--ab-white);
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.elementor-pagination .page-numbers:hover{
  border-color:var(--ab-green-700); color:var(--ab-green-700);
}
.elementor-pagination .page-numbers.current{
  background:var(--ab-green-700); border-color:var(--ab-green-700); color:#fff;
}
.elementor-pagination .page-numbers.dots{ border:none; }

/* ============ RESPONSIVE ============ */
*, #ab-content-wrap, #ab-content-wrap *{ box-sizing:border-box; }
#ab-content-wrap{ overflow-x:hidden; max-width:100%; }

@media (max-width:1024px){
  #ab-content-wrap{ flex-direction:column; }
  #ab-sidebar-col{ width:100% !important; }
}
@media (max-width:767px){
  .ab-posts .elementor-posts-container{ grid-template-columns:1fr !important; }
  .ab-card{ border-radius:12px; width:100%; max-width:100%; }
  .ab-recent-posts li a{ font-size:13px !important; }
  .ab-card--recent, .ab-card--cta{ padding:16px; }
  .ab-cta__title{ font-size:16px; }
  .ab-cta__desc{ font-size:13px; }
  .elementor-pagination .page-numbers{
    min-width:32px; height:32px; font-size:13px; padding:0 8px;
  }
}/* End custom CSS */