.elementor-201 .elementor-element.elementor-element-5318aa2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-f25f8aa .bdt-post-featuerd-image img{width:100%;height:790px;}.elementor-201 .elementor-element.elementor-element-158840e{--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-201 .elementor-element.elementor-element-6498ba3{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:8px;--padding-right:8px;}.elementor-201 .elementor-element.elementor-element-75e55a5{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 01px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:01px;border-color:var( --e-global-color-uicore_primary );--border-color:var( --e-global-color-uicore_primary );--margin-top:0px;--margin-bottom:0px;--margin-left:-9px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-99bc47a .elementor-icon-list-icon{width:14px;}.elementor-201 .elementor-element.elementor-element-99bc47a .elementor-icon-list-icon i{font-size:14px;}.elementor-201 .elementor-element.elementor-element-99bc47a .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-201 .elementor-element.elementor-element-99bc47a .elementor-icon-list-text, .elementor-201 .elementor-element.elementor-element-99bc47a .elementor-icon-list-text a{color:var( --e-global-color-uicore_primary );}.elementor-201 .elementor-element.elementor-element-99bc47a .elementor-icon-list-item{font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;}.elementor-201 .elementor-element.elementor-element-99bc47a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-201 .elementor-element.elementor-element-5a0be5b{text-align:start;font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;color:var( --e-global-color-uicore_primary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-201 .elementor-element.elementor-element-84ccd6c{--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-201 .elementor-element.elementor-element-1154207{text-align:start;}.elementor-201 .elementor-element.elementor-element-1154207 .elementor-heading-title{font-family:"Satoshi Light", Sans-serif;font-size:48px;letter-spacing:-0.2px;}.elementor-201 .elementor-element.elementor-element-c3887c8{font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;}.elementor-201 .elementor-element.elementor-element-fe32247{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0;--padding-right:0;--e-con-transform-origin-x:center;--e-con-transform-origin-y:center;}.elementor-201 .elementor-element.elementor-element-fe32247.e-con{--align-self:stretch;--e-con-transform-scale:1.3;}.elementor-201 .elementor-element.elementor-element-0d3e0fa{--e-image-carousel-slides-to-show:3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-transform-scale:1.7;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-201 .elementor-element.elementor-element-0d3e0fa .swiper-wrapper{display:flex;align-items:center;}.elementor-201 .elementor-element.elementor-element-0d3e0fa .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-0d3e0fa .elementor-image-carousel-caption{text-align:start;font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;}.elementor-201 .elementor-element.elementor-element-0d3e0fa.elementor-element{--align-self:flex-start;}.elementor-201 .elementor-element.elementor-element-d0a0d58{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0;--padding-right:0;--e-con-transform-origin-x:center;--e-con-transform-origin-y:center;}.elementor-201 .elementor-element.elementor-element-d0a0d58.e-con{--align-self:stretch;--e-con-transform-scale:0.8;}.elementor-201 .elementor-element.elementor-element-ba33258{--spacer-size:69px;}.elementor-201 .elementor-element.elementor-element-68f5d31{--e-image-carousel-slides-to-show:3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-transform-scale:1.7;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-201 .elementor-element.elementor-element-68f5d31 .swiper-wrapper{display:flex;align-items:center;}.elementor-201 .elementor-element.elementor-element-68f5d31 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-68f5d31 .elementor-image-carousel-caption{text-align:start;font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;}.elementor-201 .elementor-element.elementor-element-68f5d31.elementor-element{--align-self:flex-start;}.elementor-201 .elementor-element.elementor-element-2214b0d{--spacer-size:50px;}.elementor-201 .elementor-element.elementor-element-c2b3f56{--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;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:8px;--padding-right:8px;}.elementor-201 .elementor-element.elementor-element-a949fc2{--display:flex;--min-height:105px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-a949fc2.e-con{--align-self:center;}.elementor-201 .elementor-element.elementor-element-3ac13a3{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-3ac13a3 .elementor-heading-title{font-family:"Satoshi Regular", Sans-serif;font-size:27px;letter-spacing:0.2px;}.elementor-201 .elementor-element.elementor-element-e6fa1d5{text-align:left;font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-8243ee7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-9becb6d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-617b8d74{text-align:end;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-617b8d74 .elementor-heading-title{font-family:"Satoshi Regular", Sans-serif;font-size:27px;font-weight:normal;line-height:130%;letter-spacing:2%;color:var( --e-global-color-uicore_secondary );}.elementor-201 .elementor-element.elementor-element-e805a75{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-ad803d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-2ea6b50e{--display:flex;--min-height:209px;--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:8px;--padding-right:8px;}.elementor-201 .elementor-element.elementor-element-2ea6b50e:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-2ea6b50e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD;}.elementor-201 .elementor-element.elementor-element-63d6a00{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-63d6a00 .elementor-heading-title{font-family:"Satoshi Light", Sans-serif;font-size:48px;font-weight:normal;text-transform:uppercase;line-height:58px;letter-spacing:-0.2px;color:var( --e-global-color-uicore_secondary );}.elementor-201 .elementor-element.elementor-element-592a875c{text-align:center;font-family:"Satoshi Regular", Sans-serif;font-size:16px;letter-spacing:0.2px;}.elementor-201 .elementor-element.elementor-element-592a875c p{margin-block-end:0px;}.elementor-201 .elementor-element.elementor-element-1d4683a2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-1d4683a2:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-1d4683a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD;}.elementor-201 .elementor-element.elementor-element-568089d3{--swiper-slides-to-display:3;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-slides-gap:10px;--arrow-normal-color:var( --e-global-color-uicore_primary );--arrow-hover-color:var( --e-global-color-uicore_primary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-568089d3 .swiper-slide > .elementor-element{height:100%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-0d3e0fa{padding:0px 14px 0px 14px;--e-transform-scale:0.8;}.elementor-201 .elementor-element.elementor-element-68f5d31{padding:0px 14px 0px 14px;--e-transform-scale:0.8;}.elementor-201 .elementor-element.elementor-element-568089d3{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-201 .elementor-element.elementor-element-6498ba3{--width:35%;}.elementor-201 .elementor-element.elementor-element-84ccd6c{--width:66.6666%;}.elementor-201 .elementor-element.elementor-element-fe32247{--width:100%;}.elementor-201 .elementor-element.elementor-element-d0a0d58{--width:100%;}.elementor-201 .elementor-element.elementor-element-a949fc2{--content-width:55%;}.elementor-201 .elementor-element.elementor-element-9becb6d{--width:35%;}.elementor-201 .elementor-element.elementor-element-e805a75{--width:66.6666%;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-1154207 .elementor-heading-title{font-size:30px;}.elementor-201 .elementor-element.elementor-element-fe32247{--padding-top:80px;--padding-bottom:80px;--padding-left:7px;--padding-right:7px;}.elementor-201 .elementor-element.elementor-element-d0a0d58{--padding-top:80px;--padding-bottom:80px;--padding-left:7px;--padding-right:7px;}.elementor-201 .elementor-element.elementor-element-63d6a00 .elementor-heading-title{font-size:30px;}.elementor-201 .elementor-element.elementor-element-568089d3{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-568089d3 *//* ======== BASE WRAPPER ======== */
.elementor-swiper {
  position: relative;
  padding-bottom: 767px; /* ruang untuk navigasi */
}

/* ======== ARROWS (LEFT & RIGHT) ======== */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
  position: absolute !important;
  top: auto !important;
  bottom: -20px !important;
  transform: none !important;
  z-index: 5;
  opacity: 0.8;
  transition: all 0.3s ease;
}

/* Hover efek biar smooth */
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Arrow kiri di ujung kiri konten */
.elementor-swiper-button-prev {
  left: 0 !important;
}

/* Arrow kanan di ujung kanan konten */
.elementor-swiper-button-next {
  right: 0 !important;
}

/* ======== DOTS (PAGINATION) ======== */
.elementor-swiper-pagination {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px;
}

/* Style dasar dots */
.elementor-swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #b8b8b8; /* warna dots non-aktif */
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Dot aktif (seperti di gambar: lebih besar dan warna solid) */
.elementor-swiper-pagination-bullet-active {
  width: 24px;
  height: 8px;
  border-radius: 20px;
  background-color: #222; /* ubah sesuai warna utama desainmu */
}

/* ======== RESPONSIVE ======== */
@media (max-width: 767px) {
  .elementor-swiper {
    padding-bottom: 60px;
  }
  .elementor-swiper-button-prev {
    left: 10px !important;
  }
  .elementor-swiper-button-next {
    right: 10px !important;
  }
}


/* ======= Wrapper & ruang ======= */
.elementor-widget-image-carousel .elementor-swiper,
.elementor-widget-swiper .elementor-swiper,
.elementor-widget-image-carousel .swiper-container {
  position: relative;
  padding-bottom: 70px !important;
}

/* ======= Arrows ======= */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.elementor-widget-image-carousel .elementor-swiper-button-next,
.elementor-widget-swiper .elementor-swiper-button-prev,
.elementor-widget-swiper .elementor-swiper-button-next,
.swiper-button-prev, .swiper-button-next {
  position: absolute !important;
  bottom: -18px !important;
  top: auto !important;
  opacity: 0.95;
  z-index: 20;
  transform: none !important;
}

/* Arrow kiri */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.swiper-button-prev {
  left: 0 !important;
}

/* Arrow kanan */
.elementor-widget-image-carousel .elementor-swiper-button-next,
.swiper-button-next {
  right: 0 !important;
}

/* ======= Dots di tengah bawah ======= */
.elementor-widget-image-carousel .elementor-swiper-pagination,
.elementor-widget-swiper .elementor-swiper-pagination,
.swiper-pagination {
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  z-index: 21;
}

/* Dot default (lingkaran) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet,
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #4a7dab !important;
  opacity: 0.6 !important;
  transition: all .22s ease !important;
}

/* Dot aktif (garis pendek di tengah) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px !important;
  height: 4px !important;
  border-radius: 3px !important;
  background-color: #4a7dab !important;
  opacity: 1 !important;
}

/* Responsive tweak (mobile) */
@media (max-width: 767px) {
  .elementor-widget-image-carousel .elementor-swiper,
  .swiper-container { padding-bottom: 56px !important; }

  .elementor-widget-image-carousel .elementor-swiper-button-prev,
  .elementor-widget-image-carousel .elementor-swiper-button-next,
  .swiper-button-prev, .swiper-button-next {
    bottom: 12px !important;
  }

  .elementor-widget-image-carousel .elementor-swiper-pagination,
  .swiper-pagination {
    bottom: 12px !important;
  }
}


/* ======= Wrapper & ruang ======= */
.elementor-widget-image-carousel .elementor-swiper,
.elementor-widget-swiper .elementor-swiper,
.elementor-widget-image-carousel .swiper-container {
  position: relative;
  padding-bottom: 70px !important;
}

/* ======= Arrows ======= */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.elementor-widget-image-carousel .elementor-swiper-button-next,
.elementor-widget-swiper .elementor-swiper-button-prev,
.elementor-widget-swiper .elementor-swiper-button-next,
.swiper-button-prev, .swiper-button-next {
  position: absolute !important;
  bottom: -18px !important;
  top: auto !important;
  opacity: 0.95;
  z-index: 20;
  transform: none !important;
}

/* Arrow kiri */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.swiper-button-prev {
  left: 0 !important;
}

/* Arrow kanan */
.elementor-widget-image-carousel .elementor-swiper-button-next,
.swiper-button-next {
  right: 0 !important;
}

/* ======= Dots di tengah bawah ======= */
.elementor-widget-image-carousel .elementor-swiper-pagination,
.elementor-widget-swiper .elementor-swiper-pagination,
.swiper-pagination {
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  z-index: 21;
}

/* Dot default (lingkaran) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet,
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #4a7dab !important;
  opacity: 0.6 !important;
  transition: all .22s ease !important;
}

/* Dot aktif (garis pendek di tengah) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px !important;
  height: 4px !important;
  border-radius: 3px !important;
  background-color: #4a7dab !important;
  opacity: 1 !important;
}

/* Responsive tweak (mobile) */
@media (max-width: 767px) {
  .elementor-widget-image-carousel .elementor-swiper,
  .swiper-container { padding-bottom: 56px !important; }

  .elementor-widget-image-carousel .elementor-swiper-button-prev,
  .elementor-widget-image-carousel .elementor-swiper-button-next,
  .swiper-button-prev, .swiper-button-next {
    bottom: 12px !important;
  }

  .elementor-widget-image-carousel .elementor-swiper-pagination,
  .swiper-pagination {
    bottom: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-568089d3 *//* ======== BASE WRAPPER ======== */
.elementor-swiper {
  position: relative;
  padding-bottom: 767px; /* ruang untuk navigasi */
}

/* ======== ARROWS (LEFT & RIGHT) ======== */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
  position: absolute !important;
  top: auto !important;
  bottom: -20px !important;
  transform: none !important;
  z-index: 5;
  opacity: 0.8;
  transition: all 0.3s ease;
}

/* Hover efek biar smooth */
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Arrow kiri di ujung kiri konten */
.elementor-swiper-button-prev {
  left: 0 !important;
}

/* Arrow kanan di ujung kanan konten */
.elementor-swiper-button-next {
  right: 0 !important;
}

/* ======== DOTS (PAGINATION) ======== */
.elementor-swiper-pagination {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px;
}

/* Style dasar dots */
.elementor-swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #b8b8b8; /* warna dots non-aktif */
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Dot aktif (seperti di gambar: lebih besar dan warna solid) */
.elementor-swiper-pagination-bullet-active {
  width: 24px;
  height: 8px;
  border-radius: 20px;
  background-color: #222; /* ubah sesuai warna utama desainmu */
}

/* ======== RESPONSIVE ======== */
@media (max-width: 767px) {
  .elementor-swiper {
    padding-bottom: 60px;
  }
  .elementor-swiper-button-prev {
    left: 10px !important;
  }
  .elementor-swiper-button-next {
    right: 10px !important;
  }
}


/* ======= Wrapper & ruang ======= */
.elementor-widget-image-carousel .elementor-swiper,
.elementor-widget-swiper .elementor-swiper,
.elementor-widget-image-carousel .swiper-container {
  position: relative;
  padding-bottom: 70px !important;
}

/* ======= Arrows ======= */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.elementor-widget-image-carousel .elementor-swiper-button-next,
.elementor-widget-swiper .elementor-swiper-button-prev,
.elementor-widget-swiper .elementor-swiper-button-next,
.swiper-button-prev, .swiper-button-next {
  position: absolute !important;
  bottom: -18px !important;
  top: auto !important;
  opacity: 0.95;
  z-index: 20;
  transform: none !important;
}

/* Arrow kiri */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.swiper-button-prev {
  left: 0 !important;
}

/* Arrow kanan */
.elementor-widget-image-carousel .elementor-swiper-button-next,
.swiper-button-next {
  right: 0 !important;
}

/* ======= Dots di tengah bawah ======= */
.elementor-widget-image-carousel .elementor-swiper-pagination,
.elementor-widget-swiper .elementor-swiper-pagination,
.swiper-pagination {
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  z-index: 21;
}

/* Dot default (lingkaran) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet,
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #4a7dab !important;
  opacity: 0.6 !important;
  transition: all .22s ease !important;
}

/* Dot aktif (garis pendek di tengah) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px !important;
  height: 4px !important;
  border-radius: 3px !important;
  background-color: #4a7dab !important;
  opacity: 1 !important;
}

/* Responsive tweak (mobile) */
@media (max-width: 767px) {
  .elementor-widget-image-carousel .elementor-swiper,
  .swiper-container { padding-bottom: 56px !important; }

  .elementor-widget-image-carousel .elementor-swiper-button-prev,
  .elementor-widget-image-carousel .elementor-swiper-button-next,
  .swiper-button-prev, .swiper-button-next {
    bottom: 12px !important;
  }

  .elementor-widget-image-carousel .elementor-swiper-pagination,
  .swiper-pagination {
    bottom: 12px !important;
  }
}


/* ======= Wrapper & ruang ======= */
.elementor-widget-image-carousel .elementor-swiper,
.elementor-widget-swiper .elementor-swiper,
.elementor-widget-image-carousel .swiper-container {
  position: relative;
  padding-bottom: 70px !important;
}

/* ======= Arrows ======= */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.elementor-widget-image-carousel .elementor-swiper-button-next,
.elementor-widget-swiper .elementor-swiper-button-prev,
.elementor-widget-swiper .elementor-swiper-button-next,
.swiper-button-prev, .swiper-button-next {
  position: absolute !important;
  bottom: -18px !important;
  top: auto !important;
  opacity: 0.95;
  z-index: 20;
  transform: none !important;
}

/* Arrow kiri */
.elementor-widget-image-carousel .elementor-swiper-button-prev,
.swiper-button-prev {
  left: 0 !important;
}

/* Arrow kanan */
.elementor-widget-image-carousel .elementor-swiper-button-next,
.swiper-button-next {
  right: 0 !important;
}

/* ======= Dots di tengah bawah ======= */
.elementor-widget-image-carousel .elementor-swiper-pagination,
.elementor-widget-swiper .elementor-swiper-pagination,
.swiper-pagination {
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  z-index: 21;
}

/* Dot default (lingkaran) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet,
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #4a7dab !important;
  opacity: 0.6 !important;
  transition: all .22s ease !important;
}

/* Dot aktif (garis pendek di tengah) */
.elementor-widget-image-carousel .elementor-swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px !important;
  height: 4px !important;
  border-radius: 3px !important;
  background-color: #4a7dab !important;
  opacity: 1 !important;
}

/* Responsive tweak (mobile) */
@media (max-width: 767px) {
  .elementor-widget-image-carousel .elementor-swiper,
  .swiper-container { padding-bottom: 56px !important; }

  .elementor-widget-image-carousel .elementor-swiper-button-prev,
  .elementor-widget-image-carousel .elementor-swiper-button-next,
  .swiper-button-prev, .swiper-button-next {
    bottom: 12px !important;
  }

  .elementor-widget-image-carousel .elementor-swiper-pagination,
  .swiper-pagination {
    bottom: 12px !important;
  }
}/* End custom CSS */