/* =========================================================
   STEI HOMEPAGE FINAL CSS
   Sections: Hero + Featured Event + Mini Statistics
   Theme: Megatron + WPBakery
   ========================================================= */

/* =========================================================
   1. HERO SECTION
   Background image diatur dari WPBakery Row Design Options / Parallax Image
   ========================================================= */

.stei-home-hero-final {
  position: relative !important;
  min-height: 430px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.12) !important;
}

.stei-home-hero-final,
.stei-home-hero-final * {
  box-sizing: border-box !important;
}

.stei-home-hero-final::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #ffffff 30%,
      rgba(255,255,255,0.96) 43%,
      rgba(255,255,255,0.76) 58%,
      rgba(255,255,255,0.30) 78%,
      rgba(255,255,255,0.08) 100%
    ),
    linear-gradient(
      0deg,
      rgba(0, 80, 170, 0.20),
      rgba(0, 80, 170, 0.20)
    ) !important;
}

.stei-home-hero-final::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 95px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(
    0deg,
    rgba(255,255,255,0.96),
    rgba(255,255,255,0)
  ) !important;
}

.stei-home-hero-final > .vc_column_container,
.stei-home-hero-final > .vc_column_container > .vc_column-inner {
  min-height: 430px !important;
}

.stei-home-hero-final-content > .vc_column-inner {
  position: relative !important;
  z-index: 5 !important;
  min-height: 430px !important;
  padding-left: clamp(36px, 5vw, 92px) !important;
  padding-right: clamp(36px, 5vw, 92px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.stei-home-hero-final-content > .vc_column-inner > .wpb_wrapper {
  min-height: 430px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding-top: 42px !important;
  padding-bottom: 44px !important;
}

.stei-home-hero-final .wpb_content_element {
  margin-bottom: 0 !important;
}

.stei-home-hero-final-text {
  max-width: 760px !important;
  position: relative !important;
  z-index: 5 !important;
}

.stei-home-hero-final-text h1 {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  line-height: 1.12 !important;
  letter-spacing: -1.5px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.stei-home-hero-final-text p,
.stei-home-hero-final-text .wpb_wrapper,
.stei-home-hero-final-text {
  color: #06175f !important;
}

.stei-home-hero-final-text p {
  max-width: 660px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
}

.stei-home-hero-final-buttons {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.stei-home-hero-final-buttons.vc_row,
.stei-home-hero-final-buttons .vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.stei-home-hero-final-buttons .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-home-hero-final-buttons .wpb_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.stei-home-final-btn,
.stei-home-final-btn .vc_btn3-container {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.stei-home-final-btn .vc_btn3 {
  min-width: 172px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transition: all 0.22s ease !important;
}

.stei-home-final-btn-primary .vc_btn3 {
  color: #ffffff !important;
  background: #0646d8 !important;
  border: 1px solid #0646d8 !important;
  box-shadow: 0 12px 26px rgba(6, 70, 216, 0.18) !important;
}

.stei-home-final-btn-primary .vc_btn3:hover {
  color: #ffffff !important;
  background: #0337b2 !important;
  border-color: #0337b2 !important;
  transform: translateY(-2px) !important;
}

.stei-home-final-btn-outline .vc_btn3 {
  color: #0646d8 !important;
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(6, 70, 216, 0.70) !important;
}

.stei-home-final-btn-outline .vc_btn3:hover {
  color: #ffffff !important;
  background: #0646d8 !important;
  border-color: #0646d8 !important;
  transform: translateY(-2px) !important;
}

.stei-home-final-btn-outline:nth-child(2) .vc_btn3 {
  min-width: 280px !important;
}

/* =========================================================
   2. FEATURED EVENT SECTION
   Row utama 4 kolom, tiap kolom punya inner row 2 kolom
   ========================================================= */

.stei-featured-clean {
  position: relative !important;
  z-index: 20 !important;
  max-width: 1440px !important;
  margin: 32px auto 0 !important;
  padding: 34px 22px 22px !important;
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(7, 37, 112, 0.14) !important;
  border-radius: 13px !important;
  box-shadow: 0 16px 42px rgba(0, 35, 110, 0.08) !important;
}

.stei-featured-clean,
.stei-featured-clean * {
  box-sizing: border-box !important;
}

.stei-featured-clean::before {
  content: "FEATURED NOW" !important;
  position: absolute !important;
  top: 0 !important;
  left: 22px !important;
  z-index: 30 !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0646d8 !important;
  color: #ffffff !important;
  border-radius: 0 0 10px 10px !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  box-shadow: 0 10px 24px rgba(6,70,216,.20) !important;
}

.stei-featured-clean.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.stei-featured-clean .wpb_content_element,
.stei-featured-clean p {
  margin-bottom: 0 !important;
}

.stei-featured-clean-col {
  position: relative !important;
}

.stei-featured-clean-col > .vc_column-inner {
  height: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-featured-clean-col:not(:last-child) {
  border-right: 1px solid rgba(7, 37, 112, 0.14) !important;
}

.stei-featured-clean-card {
  min-height: 128px !important;
  height: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 22px !important;
  display: flex !important;
  align-items: center !important;
}

.stei-featured-clean-card > .vc_column_container > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-featured-clean-image-col,
.stei-featured-clean-text-col {
  display: flex !important;
  align-items: center !important;
}

.stei-featured-clean-image-col > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.stei-featured-clean-image,
.stei-featured-clean-icon {
  margin: 0 !important;
}

.stei-featured-clean-image,
.stei-featured-clean-image .wpb_single_image,
.stei-featured-clean-image .vc_figure,
.stei-featured-clean-image .vc_single_image-wrapper {
  width: 126px !important;
  max-width: 126px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.stei-featured-clean-image img {
  width: 126px !important;
  height: 126px !important;
  max-width: 126px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(0, 35, 110, 0.12) !important;
}

.stei-featured-clean-icon,
.stei-featured-clean-icon .wpb_single_image,
.stei-featured-clean-icon .vc_figure,
.stei-featured-clean-icon .vc_single_image-wrapper {
  width: 78px !important;
  max-width: 78px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.stei-featured-clean-icon img {
  width: 78px !important;
  height: 78px !important;
  max-width: 78px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(0, 35, 110, 0.12) !important;
}

.stei-featured-clean-icon-blue img {
  background: linear-gradient(145deg, #1349d8, #5a35c8) !important;
}

.stei-featured-clean-icon-green img {
  background: linear-gradient(145deg, #28a46f, #65bd72) !important;
}

.stei-featured-clean-icon-orange img {
  background: linear-gradient(145deg, #ee6a2a, #f7a13d) !important;
}

.stei-featured-clean-text {
  padding-left: 12px !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
}

.stei-featured-clean-label {
  display: inline-flex !important;
  margin: 0 0 7px !important;
  color: #0646d8 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.stei-featured-clean-label-orange {
  color: #f36b22 !important;
}

.stei-featured-clean-text h3 {
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-transform: none !important;
  letter-spacing: -0.1px !important;
}

.stei-featured-clean-text p,
.stei-featured-clean-text {
  color: #17234f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.stei-featured-clean-text p {
  margin: 0 0 9px !important;
  padding: 0 !important;
}

.stei-featured-clean-text a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.stei-featured-clean-text a:hover {
  color: #0337b2 !important;
}

.stei-featured-clean-card:hover .stei-featured-clean-text h3 {
  color: #0646d8 !important;
}

.stei-featured-clean-card img {
  transition: all .22s ease !important;
}

.stei-featured-clean-card:hover img {
  transform: translateY(-1px) !important;
}

/* =========================================================
   3. MINI STATISTICS SECTION
   Kecil dan ringkas seperti referensi
   ========================================================= */

.stei-stat-mini {
  position: relative !important;
  z-index: 5 !important;
  max-width: 1180px !important;
  margin: -8px auto 0 !important;
  padding: 4px 0 10px !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.14) !important;
  min-height: 0 !important;
}

.stei-stat-mini.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.stei-stat-mini,
.stei-stat-mini * {
  box-sizing: border-box !important;
}

.stei-stat-mini .wpb_content_element,
.stei-stat-mini .wpb_wrapper,
.stei-stat-mini p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.stei-stat-mini-col {
  position: relative !important;
  min-height: 0 !important;
}

.stei-stat-mini-col:not(:last-child) {
  border-right: 1px solid rgba(7, 37, 112, 0.16) !important;
}

.stei-stat-mini-col:last-child,
.stei-stat-mini-col:nth-child(5),
.stei-stat-mini .stei-stat-mini-col:nth-child(5),
.stei-stat-mini .stei-stat-mini-col:nth-child(5)::before,
.stei-stat-mini .stei-stat-mini-col:nth-child(5)::after,
.stei-stat-mini .stei-stat-mini-col:nth-child(5) > .vc_column-inner {
  border-right: 0 !important;
}

.stei-stat-mini-col > .vc_column-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 0 !important;
}

.stei-stat-mini-item {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
}

.stei-stat-mini-icon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0646d8 !important;
}

.stei-stat-mini-icon i {
  margin: 0 !important;
  color: #0646d8 !important;
  font-size: 26px !important;
  line-height: 1 !important;
}

.stei-stat-mini-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  line-height: 1 !important;
  height: auto !important;
}

.stei-stat-mini-copy strong {
  display: block !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  height: auto !important;
}

.stei-stat-mini-copy small {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 10.8px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  height: auto !important;
}

.stei-stat-mini-copy p,
.stei-stat-mini-item p,
.stei-stat-mini .wpb_text_column p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* =========================================================
   4. RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
  .stei-featured-clean {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .stei-featured-clean-col {
    width: 50% !important;
    border-right: 0 !important;
  }

  .stei-featured-clean-col:nth-child(odd) {
    border-right: 1px solid rgba(7, 37, 112, 0.14) !important;
  }

  .stei-featured-clean-col:nth-child(1),
  .stei-featured-clean-col:nth-child(2) {
    border-bottom: 1px solid rgba(7, 37, 112, 0.14) !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 991px) {
  .stei-stat-mini {
    max-width: calc(100% - 32px) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 6px 0 !important;
  }

  .stei-stat-mini-col {
    width: 50% !important;
  }

  .stei-stat-mini-col:nth-child(odd) {
    border-right: 1px solid rgba(7, 37, 112, 0.16) !important;
  }

  .stei-stat-mini-col:nth-child(even),
  .stei-stat-mini-col:nth-child(4) {
    border-right: 0 !important;
  }

  .stei-stat-mini-col:nth-child(1),
  .stei-stat-mini-col:nth-child(2) {
    border-bottom: 1px solid rgba(7, 37, 112, 0.12) !important;
  }

  .stei-stat-mini-item {
    height: 48px !important;
    min-height: 48px !important;
  }
}

@media (max-width: 767px) {
  .stei-home-hero-final,
  .stei-home-hero-final > .vc_column_container,
  .stei-home-hero-final > .vc_column_container > .vc_column-inner,
  .stei-home-hero-final-content > .vc_column-inner,
  .stei-home-hero-final-content > .vc_column-inner > .wpb_wrapper {
    min-height: 560px !important;
  }

  .stei-home-hero-final-content > .vc_column-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .stei-home-hero-final-text h1 {
    font-size: 34px !important;
    line-height: 1.16 !important;
    letter-spacing: -0.8px !important;
  }

  .stei-home-hero-final-text p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .stei-home-hero-final-buttons .wpb_wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .stei-home-final-btn,
  .stei-home-final-btn .vc_btn3-container,
  .stei-home-final-btn .vc_btn3 {
    width: 100% !important;
    min-width: 0 !important;
  }

  .stei-featured-clean {
    margin-top: 22px !important;
    padding: 42px 16px 16px !important;
    border-radius: 12px !important;
  }

  .stei-featured-clean::before {
    left: 16px !important;
  }

  .stei-featured-clean-col {
    width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(7, 37, 112, 0.14) !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
  }

  .stei-featured-clean-col:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .stei-featured-clean-card {
    padding: 0 !important;
  }

  .stei-featured-clean-image,
  .stei-featured-clean-image .wpb_single_image,
  .stei-featured-clean-image .vc_figure,
  .stei-featured-clean-image .vc_single_image-wrapper,
  .stei-featured-clean-image img,
  .stei-featured-clean-icon,
  .stei-featured-clean-icon .wpb_single_image,
  .stei-featured-clean-icon .vc_figure,
  .stei-featured-clean-icon .vc_single_image-wrapper,
  .stei-featured-clean-icon img {
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
  }

  .stei-featured-clean-text {
    padding-left: 12px !important;
  }

  .stei-featured-clean-text h3 {
    font-size: 14px !important;
  }

  .stei-stat-mini {
    margin-top: 10px !important;
    max-width: calc(100% - 32px) !important;
  }

  .stei-stat-mini-col {
    width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(7, 37, 112, 0.12) !important;
  }

  .stei-stat-mini-col:last-child {
    border-bottom: 0 !important;
  }

  .stei-stat-mini-item {
    justify-content: flex-start !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 8px !important;
  }
}

/* =========================================================
   Program tabs: actual panel-to-panel transition
   Class sementara dipasang oleh assets/js/program-tabs.js.
   ========================================================= */
.stei-program-wpb-tabs .vc_tta-panels {
  transition: min-height 280ms cubic-bezier(.22, 1, .36, 1) !important;
}

.stei-program-wpb-tabs
  .vc_tta-panel.stei-tab-leaving
  > .vc_tta-panel-body {
  opacity: 0 !important;
  transform: translate3d(0, -6px, 0) !important;
  transition:
    opacity 140ms ease,
    transform 140ms ease !important;
}

.stei-program-wpb-tabs
  .vc_tta-panel.stei-tab-entering
  > .vc_tta-panel-body {
  opacity: 0 !important;
  transform: translate3d(0, 8px, 0) !important;
}

.stei-program-wpb-tabs
  .vc_tta-panel.stei-tab-entering.stei-tab-entering-active
  > .vc_tta-panel-body {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    opacity 280ms cubic-bezier(.22, 1, .36, 1),
    transform 280ms cubic-bezier(.22, 1, .36, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .stei-program-wpb-tabs .vc_tta-panels,
  .stei-program-wpb-tabs .vc_tta-panel > .vc_tta-panel-body {
    transition: none !important;
  }
}

/* =========================================================
   5. FIND YOUR PROGRAM - WPBAKERY SAFE VERSION
   Cocok dengan CSS bawaan Megatron/STEI: semua selector dibatasi
   ke .stei-program-wpb supaya tidak bentrok dengan h3, p, a:hover global.
   ========================================================= */

.stei-program-wpb,
.stei-program-wpb * {
  box-sizing: border-box !important;
}

.stei-program-wpb {
  position: relative !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 14px 0 28px !important;
  background: #ffffff !important;
  overflow: visible !important;
}

.stei-program-wpb.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.stei-program-wpb > .vc_column_container > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-program-wpb .wpb_content_element,
.stei-program-wpb .vc_btn3-container,
.stei-program-wpb p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.stei-program-wpb-heading {
  margin: 0 0 9px !important;
  padding: 0 !important;
}

.stei-program-wpb h2.stei-program-wpb-heading,
.stei-program-wpb .wpb_wrapper h2.stei-program-wpb-heading,
.stei-program-wpb .vc_custom_heading.stei-program-wpb-heading,
.stei-program-wpb-heading h2,
.stei-program-wpb-heading .vc_custom_heading {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.35px !important;
  text-transform: none !important;
}

/* Tabs / folder WPBakery */
.stei-program-wpb-tabs,
.stei-program-wpb-tabs.vc_tta-container {
  margin: 0 !important;
  padding: 0 !important;
}

.stei-program-wpb-tabs .vc_tta-tabs-container {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.stei-program-wpb-tabs .vc_tta-tabs-list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.stei-program-wpb-tabs .vc_tta-tab {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  flex: 0 0 auto !important;
}

.stei-program-wpb-tabs .vc_tta-tab > a {
  min-width: 134px !important;
  height: 36px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(6, 70, 216, 0.28) !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.stei-program-wpb-tabs .vc_tta-tab:first-child > a {
  min-width: 214px !important;
}

.stei-program-wpb-tabs .vc_tta-tab.vc_active > a,
.stei-program-wpb-tabs .vc_tta-tab > a:hover {
  background: #0646d8 !important;
  border-color: #0646d8 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(6, 70, 216, 0.13) !important;
}

.stei-program-wpb-tabs .vc_tta-panels,
.stei-program-wpb-tabs .vc_tta-panel,
.stei-program-wpb-tabs .vc_tta-panel-body {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.stei-program-wpb-tabs .vc_tta-panel-heading {
  display: none !important;
}

/* Grid tetap memakai vc_row_inner + vc_column_inner WPBakery */
.stei-program-wpb-grid.vc_row,
.stei-program-wpb-grid.vc_row_inner {
  width: auto !important;
  max-width: none !important;
  margin-left: -7px !important;
  margin-right: -7px !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.stei-program-wpb-grid::before,
.stei-program-wpb-grid::after {
  display: none !important;
  content: none !important;
}

.stei-program-wpb-grid > .vc_column_container.stei-program-wpb-card,
.stei-program-wpb-grid > .wpb_column.stei-program-wpb-card,
.stei-program-wpb-grid > .stei-program-wpb-card {
  float: none !important;
  clear: none !important;
  min-width: 0 !important;
  margin: 0 0 14px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  display: flex !important;
}

.stei-program-wpb-six > .vc_column_container.stei-program-wpb-card,
.stei-program-wpb-six > .wpb_column.stei-program-wpb-card,
.stei-program-wpb-six > .stei-program-wpb-card {
  width: 16.666666% !important;
  max-width: 16.666666% !important;
  flex: 0 0 16.666666% !important;
}

.stei-program-wpb-three > .vc_column_container.stei-program-wpb-card,
.stei-program-wpb-three > .wpb_column.stei-program-wpb-card,
.stei-program-wpb-three > .stei-program-wpb-card {
  width: 33.333333% !important;
  max-width: 33.333333% !important;
  flex: 0 0 33.333333% !important;
}

.stei-program-wpb-one > .vc_column_container.stei-program-wpb-card,
.stei-program-wpb-one > .wpb_column.stei-program-wpb-card,
.stei-program-wpb-one > .stei-program-wpb-card {
  width: 33.333333% !important;
  max-width: 33.333333% !important;
  flex: 0 0 33.333333% !important;
}

.stei-program-wpb-card > .vc_column-inner {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.stei-program-wpb-card > .vc_column-inner > .wpb_wrapper {
  width: 100% !important;
  min-height: 246px !important;
  height: 100% !important;
  padding: 14px 10px 13px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 37, 112, 0.18) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.stei-program-wpb-card:hover > .vc_column-inner > .wpb_wrapper {
  border-color: rgba(6, 70, 216, 0.40) !important;
  box-shadow: 0 14px 30px rgba(0, 35, 110, 0.07) !important;
  transform: translateY(-2px) !important;
}

/* Image container dari elemen vc_single_image
   Fix: gambar sekarang mengisi penuh kotak rounded, bukan kecil di tengah. */
.stei-program-wpb-image,
.stei-program-wpb-image .wpb_single_image,
.stei-program-wpb-image .vc_figure,
.stei-program-wpb-image .vc_single_image-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.stei-program-wpb-image .wpb_single_image,
.stei-program-wpb-image .vc_figure {
  display: block !important;
}

.stei-program-wpb-image .vc_single_image-wrapper {
  display: block !important;
  height: 72px !important;
  min-height: 72px !important;
  border: 1px solid rgba(6, 70, 216, 0.18) !important;
  border-radius: 7px !important;
  background: #f8fbff !important;
  overflow: hidden !important;
}

.stei-program-wpb-image img,
.stei-program-wpb-image .vc_single_image-wrapper img,
.stei-program-wpb-image img.vc_single_image-img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.stei-program-wpb-title {
  margin: 32px 0 0 !important;
  padding: 0 !important;
}

.stei-program-wpb h3.stei-program-wpb-title,
.stei-program-wpb .wpb_wrapper h3.stei-program-wpb-title,
.stei-program-wpb .vc_custom_heading.stei-program-wpb-title,
.stei-program-wpb-title h3,
.stei-program-wpb-title .vc_custom_heading {
  min-height: 39px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.6px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.15px !important;
  text-align: center !important;
  text-transform: none !important;
}

.stei-program-wpb-desc,
.stei-program-wpb-desc p,
.stei-program-wpb-desc .wpb_wrapper {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  min-height: 46px !important;
  color: #17234f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 10.8px !important;
  line-height: 1.36 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.stei-program-wpb-link,
.stei-program-wpb-link.vc_btn3-container {
  margin: auto 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.stei-program-wpb-link .vc_btn3 {
  margin: 0 auto !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0646d8 !important;
  box-shadow: none !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 10.8px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.stei-program-wpb-link .vc_btn3:hover,
.stei-program-wpb-link .vc_btn3:focus {
  color: #0337b2 !important;
  background: transparent !important;
  border: 0 !important;
}

.stei-program-wpb-more-row.vc_row,
.stei-program-wpb-more-row.vc_row_inner {
  margin: 3px 0 0 !important;
  padding: 0 !important;
}

.stei-program-wpb-more-row > .vc_column_container > .vc_column-inner,
.stei-program-wpb-more-row > .vc_column_inner > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-program-wpb-see-all,
.stei-program-wpb-see-all.vc_btn3-container {
  margin: 0 !important;
  padding: 0 !important;
}

.stei-program-wpb-see-all .vc_btn3 {
  min-width: 146px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 22px !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0646d8 !important;
  background: #ffffff !important;
  border: 1px solid rgba(6, 70, 216, 0.55) !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.stei-program-wpb-see-all .vc_btn3:hover,
.stei-program-wpb-see-all .vc_btn3:focus {
  color: #ffffff !important;
  background: #0646d8 !important;
  border-color: #0646d8 !important;
}

@media (max-width: 1199px) {
  .stei-program-wpb {
    max-width: calc(100% - 44px) !important;
  }

  .stei-program-wpb-six > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-six > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-six > .stei-program-wpb-card,
  .stei-program-wpb-three > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-three > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-three > .stei-program-wpb-card,
  .stei-program-wpb-one > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-one > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-one > .stei-program-wpb-card {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex-basis: 33.333333% !important;
  }
}

@media (max-width: 767px) {
  .stei-program-wpb {
    max-width: calc(100% - 32px) !important;
    padding-top: 16px !important;
  }

  .stei-program-wpb h2.stei-program-wpb-heading,
  .stei-program-wpb .wpb_wrapper h2.stei-program-wpb-heading,
  .stei-program-wpb .vc_custom_heading.stei-program-wpb-heading,
  .stei-program-wpb-heading h2,
  .stei-program-wpb-heading .vc_custom_heading {
    font-size: 21px !important;
  }

  .stei-program-wpb-tabs .vc_tta-tabs-container {
    margin-bottom: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
  }

  .stei-program-wpb-tabs .vc_tta-tabs-list {
    width: max-content !important;
    min-width: 100% !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .stei-program-wpb-tabs .vc_tta-tab > a,
  .stei-program-wpb-tabs .vc_tta-tab:first-child > a {
    min-width: 132px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }

  .stei-program-wpb-grid.vc_row,
  .stei-program-wpb-grid.vc_row_inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 0 !important;
  }

  .stei-program-wpb-six > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-six > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-six > .stei-program-wpb-card,
  .stei-program-wpb-three > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-three > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-three > .stei-program-wpb-card,
  .stei-program-wpb-one > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-one > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-one > .stei-program-wpb-card {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .stei-program-wpb-card > .vc_column-inner > .wpb_wrapper {
    min-height: 0 !important;
    padding: 14px !important;
  }

  .stei-program-wpb-title {
    margin-top: 18px !important;
  }

  .stei-program-wpb h3.stei-program-wpb-title,
  .stei-program-wpb .wpb_wrapper h3.stei-program-wpb-title,
  .stei-program-wpb .vc_custom_heading.stei-program-wpb-title,
  .stei-program-wpb-title h3,
  .stei-program-wpb-title .vc_custom_heading,
  .stei-program-wpb-desc,
  .stei-program-wpb-desc p,
  .stei-program-wpb-desc .wpb_wrapper {
    min-height: 0 !important;
  }

  .stei-program-wpb-link,
  .stei-program-wpb-link.vc_btn3-container {
    margin-top: 16px !important;
  }
}

/* =========================================================
   6. FINAL TYPOGRAPHY OVERRIDE - menjaga heading Find Program
   tetap kecil walau theme punya h2/h3 global !important.
   ========================================================= */
.stei-program-wpb .wpb_wrapper h2.stei-program-wpb-heading,
.stei-program-wpb h2.vc_custom_heading.stei-program-wpb-heading {
  font-size: 22px !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.35px !important;
}

.stei-program-wpb .wpb_wrapper h3.stei-program-wpb-title,
.stei-program-wpb h3.vc_custom_heading.stei-program-wpb-title {
  font-size: 11.6px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.15px !important;
}

@media (max-width: 767px) {
  .stei-program-wpb .wpb_wrapper h2.stei-program-wpb-heading,
  .stei-program-wpb h2.vc_custom_heading.stei-program-wpb-heading {
    font-size: 21px !important;
  }

  .stei-program-wpb .wpb_wrapper h3.stei-program-wpb-title,
  .stei-program-wpb h3.vc_custom_heading.stei-program-wpb-title {
    font-size: 12px !important;
  }
}

/* =========================================================
   FINAL FIX - FEATURED / STATISTICS / FIND PROGRAM SPACING
   Dipasang paling bawah supaya override CSS lama + theme global.
   ========================================================= */

/* Featured jangan sampai menimpa statistik */
.stei-featured-clean {
  margin-bottom: 24px !important;
}

/* Hilangkan negative margin lama yang bikin statistik naik/ketimpa */
.stei-stat-mini,
.stei-stat-mini.vc_row {
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 1180px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 12px !important;
  padding-bottom: 14px !important;
  background: #ffffff !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.14) !important;
  overflow: visible !important;
}

.stei-stat-mini::before,
.stei-stat-mini::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.stei-stat-mini-col > .vc_column-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.stei-stat-mini-item {
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  align-items: center !important;
}

/* Supaya Find Your Program mulai setelah statistik, bukan naik ke statistik */
.stei-program-wpb,
.stei-program-wpb.vc_row {
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 1180px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 18px !important;
  padding-bottom: 30px !important;
  background: #ffffff !important;
  overflow: visible !important;
}

/* Jaga ukuran heading tetap proporsional walau theme punya h3/h2 global */
.stei-program-wpb .wpb_wrapper h2.stei-program-wpb-heading,
.stei-program-wpb h2.vc_custom_heading.stei-program-wpb-heading {
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin-bottom: 10px !important;
}

.stei-program-wpb .wpb_wrapper h3.stei-program-wpb-title,
.stei-program-wpb h3.vc_custom_heading.stei-program-wpb-title {
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  margin: 0 0 12px !important;
}

@media (max-width: 991px) {
  .stei-featured-clean {
    margin-bottom: 18px !important;
  }

  .stei-stat-mini,
  .stei-stat-mini.vc_row {
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .stei-stat-mini-item {
    height: 50px !important;
    min-height: 50px !important;
  }

  .stei-program-wpb,
  .stei-program-wpb.vc_row {
    padding-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .stei-featured-clean {
    margin-bottom: 16px !important;
  }

  .stei-stat-mini,
  .stei-stat-mini.vc_row {
    max-width: calc(100% - 32px) !important;
  }

  .stei-program-wpb,
  .stei-program-wpb.vc_row {
    max-width: calc(100% - 32px) !important;
  }
}

/* =========================================================
   FINAL INTEGRATION FIX - IUP 5 columns + Master's 4 columns
   Dipasang setelah CSS Find Your Program supaya aman.
   ========================================================= */
.stei-program-wpb-five > .vc_column_container.stei-program-wpb-card,
.stei-program-wpb-five > .wpb_column.stei-program-wpb-card,
.stei-program-wpb-five > .stei-program-wpb-card {
  width: 20% !important;
  max-width: 20% !important;
  flex: 0 0 20% !important;
}

.stei-program-wpb-four > .vc_column_container.stei-program-wpb-card,
.stei-program-wpb-four > .wpb_column.stei-program-wpb-card,
.stei-program-wpb-four > .stei-program-wpb-card {
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
}

@media (max-width: 1199px) {
  .stei-program-wpb-five > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-five > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-five > .stei-program-wpb-card,
  .stei-program-wpb-four > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-four > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-four > .stei-program-wpb-card {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex-basis: 33.333333% !important;
  }
}

@media (max-width: 767px) {
  .stei-program-wpb-five > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-five > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-five > .stei-program-wpb-card,
  .stei-program-wpb-four > .vc_column_container.stei-program-wpb-card,
  .stei-program-wpb-four > .wpb_column.stei-program-wpb-card,
  .stei-program-wpb-four > .stei-program-wpb-card {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   STEI Homepage Add-on Sections
   Sections: Why Choose STEI ITB + Explore STEI Through Video
   Scope aman untuk Megatron + WPBakery
   ========================================================= */

.stei-why-wpb,
.stei-video-wpb,
.stei-why-wpb *,
.stei-video-wpb * {
  box-sizing: border-box !important;
}

/* =========================================================
   1. WHY CHOOSE STEI ITB
   ========================================================= */

.stei-why-wpb {
  max-width: 1180px !important;
  margin: 22px auto 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(7, 37, 112, 0.13) !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
}

.stei-why-wpb.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.stei-why-wpb .wpb_content_element,
.stei-why-wpb .vc_icon_element,
.stei-why-wpb .vc_btn3-container,
.stei-why-wpb p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.stei-why-wpb-inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: stretch !important;
}

.stei-why-wpb-inner > .vc_column_container > .vc_column-inner {
  height: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  min-height: 146px !important;
  height: 100% !important;
  padding: 18px 24px 17px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.stei-why-wpb-intro > .vc_column-inner > .wpb_wrapper {
  align-items: flex-start !important;
  padding-left: 0 !important;
}

.stei-why-wpb-item {
  border-left: 1px solid rgba(7, 37, 112, 0.13) !important;
}

.stei-why-wpb-heading,
.stei-why-wpb-heading h2,
.stei-why-wpb .stei-why-wpb-heading,
.stei-why-wpb .stei-why-wpb-heading * {
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -0.35px !important;
  text-transform: none !important;
}

.stei-why-wpb-link,
.stei-why-wpb-link .vc_btn3-container,
.stei-why-wpb-link .vc_btn3 {
  margin: 0 !important;
  padding: 0 !important;
}

.stei-why-wpb-link .vc_btn3 {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #0646d8 !important;
  box-shadow: none !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-transform: none !important;
}

.stei-why-wpb-icon,
.stei-why-wpb-icon.vc_icon_element {
  margin: 0 0 9px !important;
}

.stei-why-wpb-icon .vc_icon_element-inner {
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  border: 0 !important;
  background: transparent !important;
}

.stei-why-wpb-icon .vc_icon_element-icon {
  color: #0646d8 !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

.stei-why-wpb-title,
.stei-why-wpb-title h3,
.stei-why-wpb .stei-why-wpb-title,
.stei-why-wpb .stei-why-wpb-title * {
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 13.2px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
}

.stei-why-wpb-desc,
.stei-why-wpb-desc p,
.stei-why-wpb .stei-why-wpb-desc,
.stei-why-wpb .stei-why-wpb-desc * {
  margin: 0 !important;
  padding: 0 !important;
  color: #17234f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.48 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

/* =========================================================
   2. EXPLORE STEI THROUGH VIDEO
   ========================================================= */

.stei-video-wpb {
  max-width: 1180px !important;
  margin: 20px auto 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

.stei-video-wpb.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.stei-video-wpb .wpb_content_element,
.stei-video-wpb .vc_btn3-container,
.stei-video-wpb p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.stei-video-wpb-inner {
  margin-left: -8px !important;
  margin-right: -8px !important;
  display: flex !important;
  align-items: stretch !important;
}

.stei-video-wpb-inner > .vc_column_container {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.stei-video-wpb-inner > .vc_column_container > .vc_column-inner {
  height: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper,
.stei-video-wpb-card > .vc_column-inner > .wpb_wrapper {
  min-height: 204px !important;
  height: 100% !important;
  border: 1px solid rgba(7, 37, 112, 0.13) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper {
  padding: 22px 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.stei-video-wpb-heading,
.stei-video-wpb-heading h2,
.stei-video-wpb .stei-video-wpb-heading,
.stei-video-wpb .stei-video-wpb-heading * {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.35px !important;
  text-transform: none !important;
}

.stei-video-wpb-desc,
.stei-video-wpb-desc p,
.stei-video-wpb .stei-video-wpb-desc,
.stei-video-wpb .stei-video-wpb-desc * {
  margin: 0 0 19px !important;
  padding: 0 !important;
  color: #17234f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

.stei-video-wpb-main-link .vc_btn3,
.stei-video-wpb-link .vc_btn3 {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #0646d8 !important;
  box-shadow: none !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-transform: none !important;
}

.stei-video-wpb-card > .vc_column-inner > .wpb_wrapper {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.stei-video-wpb-embed,
.stei-video-wpb-embed.wpb_video_widget,
.stei-video-wpb-card .wpb_video_widget {
  width: 100% !important;
  margin: 0 !important;
}

.stei-video-wpb-embed .wpb_video_wrapper,
.stei-video-wpb-card .wpb_video_wrapper {
  margin: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
  background: #eef4ff !important;
}

.stei-video-wpb-embed iframe,
.stei-video-wpb-card iframe {
  display: block !important;
  width: 100% !important;
  min-height: 122px !important;
  border: 0 !important;
}

.stei-video-wpb-title,
.stei-video-wpb-title h3,
.stei-video-wpb .stei-video-wpb-title,
.stei-video-wpb .stei-video-wpb-title * {
  margin: 14px 18px 7px !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 13.2px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
}

.stei-video-wpb-card-desc,
.stei-video-wpb-card-desc p,
.stei-video-wpb .stei-video-wpb-card-desc,
.stei-video-wpb .stei-video-wpb-card-desc * {
  margin: 0 18px 12px !important;
  padding: 0 !important;
  color: #17234f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

.stei-video-wpb-link {
  margin: auto 18px 16px !important;
}

.stei-video-wpb-card > .vc_column-inner > .wpb_wrapper,
.stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper,
.stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.stei-video-wpb-card:hover > .vc_column-inner > .wpb_wrapper {
  transform: translateY(-2px) !important;
  border-color: rgba(6, 70, 216, 0.28) !important;
  box-shadow: 0 16px 36px rgba(0, 35, 110, 0.08) !important;
}

/* =========================================================
   3. RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
  .stei-why-wpb,
  .stei-video-wpb {
    max-width: calc(100% - 42px) !important;
  }

  .stei-why-wpb-inner {
    flex-wrap: wrap !important;
  }

  .stei-why-wpb-intro {
    width: 100% !important;
    border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  }

  .stei-why-wpb-item {
    width: 25% !important;
  }
}

@media (max-width: 991px) {
  .stei-video-wpb-inner {
    flex-wrap: wrap !important;
  }

  .stei-video-wpb-intro {
    width: 100% !important;
    margin-bottom: 16px !important;
  }

  .stei-video-wpb-card {
    width: 33.333333% !important;
  }
}

@media (max-width: 767px) {
  .stei-why-wpb,
  .stei-video-wpb {
    max-width: calc(100% - 28px) !important;
    margin-top: 18px !important;
  }

  .stei-why-wpb-item,
  .stei-video-wpb-card {
    width: 100% !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(7, 37, 112, 0.13) !important;
  }

  .stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    min-height: 0 !important;
    padding: 20px 0 !important;
  }

  .stei-why-wpb-intro > .vc_column-inner > .wpb_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .stei-video-wpb-inner > .vc_column_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 14px !important;
  }

  .stei-video-wpb-heading,
  .stei-video-wpb-heading h2,
  .stei-why-wpb-heading,
  .stei-why-wpb-heading h2 {
    font-size: 20px !important;
  }
}

/* =========================================================
   8. WHY + VIDEO COLORFUL ALIGNED REFINEMENT
   Tujuan: section tidak terlalu polos, tetap compact, rata tinggi,
   dan tetap memakai struktur WPBakery yang sudah ada.
   Pasang paling bawah supaya override style sebelumnya.
   ========================================================= */

/* ---------- WHY CHOOSE: compact colorful cards ---------- */
.stei-why-wpb,
.stei-why-wpb.vc_row {
  max-width: 1180px !important;
  margin-top: 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.stei-why-wpb-inner.vc_row,
.stei-why-wpb-inner.vc_row_inner {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
  padding: 0 !important;
}

.stei-why-wpb-inner > .vc_column_container {
  padding-left: 6px !important;
  padding-right: 6px !important;
  border-left: 0 !important;
}

.stei-why-wpb-inner > .vc_column_container > .vc_column-inner,
.stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  height: 100% !important;
}

.stei-why-wpb-inner > .vc_column_container > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  min-height: 142px !important;
  padding: 18px 18px 17px !important;
  border: 1px solid rgba(7, 37, 112, 0.12) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow: 0 10px 26px rgba(0, 35, 110, 0.045) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
  overflow: hidden !important;
}

.stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: #0646d8 !important;
  pointer-events: none !important;
}

.stei-why-wpb-intro > .vc_column-inner > .wpb_wrapper {
  background:
    radial-gradient(circle at 90% 15%, rgba(255,255,255,.28) 0 34px, transparent 35px),
    linear-gradient(135deg, #0633b7 0%, #0666e8 62%, #12b7ff 100%) !important;
  border-color: rgba(6, 70, 216, 0.25) !important;
  box-shadow: 0 16px 34px rgba(6, 70, 216, 0.16) !important;
  justify-content: center !important;
}

.stei-why-wpb-intro > .vc_column-inner > .wpb_wrapper::before {
  background: rgba(255,255,255,.85) !important;
}

.stei-why-wpb-heading,
.stei-why-wpb-heading h2,
.stei-why-wpb .stei-why-wpb-heading,
.stei-why-wpb .stei-why-wpb-heading * {
  margin: 0 0 16px !important;
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -0.25px !important;
}

.stei-why-wpb-link .vc_btn3 {
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  opacity: .95 !important;
}

.stei-why-wpb-link .vc_btn3:hover,
.stei-why-wpb-link .vc_btn3:focus {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: underline !important;
}

/* warna berbeda tiap keunggulan */
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(2) > .vc_column-inner > .wpb_wrapper::before { background: #0755d9 !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(3) > .vc_column-inner > .wpb_wrapper::before { background: #2474e5 !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(4) > .vc_column-inner > .wpb_wrapper::before { background: #3297e8 !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(5) > .vc_column-inner > .wpb_wrapper::before { background: #5bb5eb !important; }

.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(2) > .vc_column-inner > .wpb_wrapper { background: linear-gradient(145deg, #ffffff, #f2f6ff) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(3) > .vc_column-inner > .wpb_wrapper { background: linear-gradient(145deg, #ffffff, #f3f8ff) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(4) > .vc_column-inner > .wpb_wrapper { background: linear-gradient(145deg, #ffffff, #f2f9ff) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(5) > .vc_column-inner > .wpb_wrapper { background: linear-gradient(145deg, #ffffff, #f4faff) !important; }

.stei-why-wpb-icon,
.stei-why-wpb-icon.vc_icon_element {
  margin: 0 0 12px !important;
  width: 40px !important;
  height: 40px !important;
}

.stei-why-wpb-icon .vc_icon_element-inner {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  border-radius: 12px !important;
  background: rgba(6, 70, 216, 0.09) !important;
  border: 1px solid rgba(6, 70, 216, 0.13) !important;
}

.stei-why-wpb-icon .vc_icon_element-icon {
  font-size: 22px !important;
}

.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(2) .vc_icon_element-inner { background: rgba(7, 85, 217, .10) !important; border-color: rgba(7, 85, 217, .18) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(2) .vc_icon_element-icon { color: #0755d9 !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(3) .vc_icon_element-inner { background: rgba(36, 116, 229, .10) !important; border-color: rgba(36, 116, 229, .18) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(3) .vc_icon_element-icon { color: #2474e5 !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(4) .vc_icon_element-inner { background: rgba(50, 151, 232, .10) !important; border-color: rgba(50, 151, 232, .18) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(4) .vc_icon_element-icon { color: #3297e8 !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(5) .vc_icon_element-inner { background: rgba(91, 181, 235, .11) !important; border-color: rgba(91, 181, 235, .20) !important; }
.stei-why-wpb-inner > .stei-why-wpb-item:nth-child(5) .vc_icon_element-icon { color: #5bb5eb !important; }

.stei-why-wpb-title,
.stei-why-wpb-title h3,
.stei-why-wpb .stei-why-wpb-title,
.stei-why-wpb .stei-why-wpb-title * {
  min-height: 31px !important;
  margin: 0 0 8px !important;
  color: #06175f !important;
  font-size: 12.3px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
}

.stei-why-wpb-desc,
.stei-why-wpb-desc p,
.stei-why-wpb .stei-why-wpb-desc,
.stei-why-wpb .stei-why-wpb-desc * {
  color: #20305e !important;
  font-size: 10.9px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.stei-why-wpb-inner > .vc_column_container:hover > .vc_column-inner > .wpb_wrapper {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 38px rgba(0, 35, 110, 0.08) !important;
  border-color: rgba(6, 70, 216, 0.24) !important;
}

/* ---------- VIDEO: colorful compact equal cards ---------- */
.stei-video-wpb,
.stei-video-wpb.vc_row {
  max-width: 1180px !important;
  margin-top: 18px !important;
  padding: 0 0 2px !important;
  background: transparent !important;
}

.stei-video-wpb-inner.vc_row,
.stei-video-wpb-inner.vc_row_inner {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  margin-left: -7px !important;
  margin-right: -7px !important;
}

.stei-video-wpb-inner > .vc_column_container {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.stei-video-wpb-inner > .vc_column_container > .vc_column-inner,
.stei-video-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  height: 100% !important;
}

.stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper,
.stei-video-wpb-card > .vc_column-inner > .wpb_wrapper {
  min-height: 308px !important;
  height: 100% !important;
  border-radius: 13px !important;
  border: 1px solid rgba(7, 37, 112, 0.12) !important;
  box-shadow: 0 12px 28px rgba(0, 35, 110, 0.055) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper {
  padding: 22px 22px 20px !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 96% 8%, rgba(255,255,255,.20) 0 42px, transparent 43px),
    linear-gradient(145deg, #06175f 0%, #0646d8 70%, #1fb6ff 100%) !important;
  border-color: rgba(6, 70, 216, 0.22) !important;
  color: #ffffff !important;
}

.stei-video-wpb-heading,
.stei-video-wpb-heading h2,
.stei-video-wpb .stei-video-wpb-heading,
.stei-video-wpb .stei-video-wpb-heading * {
  margin: 0 0 13px !important;
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -0.25px !important;
}

.stei-video-wpb-desc,
.stei-video-wpb-desc p,
.stei-video-wpb .stei-video-wpb-desc,
.stei-video-wpb .stei-video-wpb-desc * {
  margin: 0 0 18px !important;
  color: rgba(255,255,255,.90) !important;
  font-size: 11.2px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.stei-video-wpb-main-link .vc_btn3 {
  color: #ffffff !important;
  font-size: 11px !important;
  opacity: .95 !important;
}

.stei-video-wpb-main-link .vc_btn3:hover,
.stei-video-wpb-main-link .vc_btn3:focus {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: underline !important;
}

.stei-video-wpb-card > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  padding: 0 !important;
}

.stei-video-wpb-card > .vc_column-inner > .wpb_wrapper::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  z-index: 2 !important;
  background: #0646d8 !important;
}

.stei-video-wpb-card:nth-child(2) > .vc_column-inner > .wpb_wrapper::before { background: #1368ff !important; }
.stei-video-wpb-card:nth-child(3) > .vc_column-inner > .wpb_wrapper::before { background: #00a886 !important; }
.stei-video-wpb-card:nth-child(4) > .vc_column-inner > .wpb_wrapper::before { background: #f36b22 !important; }

.stei-video-wpb-embed,
.stei-video-wpb-embed.wpb_video_widget,
.stei-video-wpb-card .wpb_video_widget {
  width: 100% !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.stei-video-wpb-embed .wpb_video_wrapper,
.stei-video-wpb-card .wpb_video_wrapper {
  margin: 0 !important;
  border-radius: 13px 13px 0 0 !important;
  overflow: hidden !important;
  background: #eef4ff !important;
  padding-top: 53% !important;
}

.stei-video-wpb-embed iframe,
.stei-video-wpb-card iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
}

.stei-video-wpb-title,
.stei-video-wpb-title h3,
.stei-video-wpb .stei-video-wpb-title,
.stei-video-wpb .stei-video-wpb-title * {
  margin: 16px 16px 8px !important;
  min-height: 32px !important;
  color: #06175f !important;
  font-size: 12.8px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
}

.stei-video-wpb-card-desc,
.stei-video-wpb-card-desc p,
.stei-video-wpb .stei-video-wpb-card-desc,
.stei-video-wpb .stei-video-wpb-card-desc * {
  margin: 0 16px 12px !important;
  min-height: 50px !important;
  color: #20305e !important;
  font-size: 10.9px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
}

.stei-video-wpb-link {
  margin: auto 16px 16px !important;
  padding: 0 !important;
}

.stei-video-wpb-link .vc_btn3 {
  color: #0646d8 !important;
  font-size: 10.9px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.stei-video-wpb-card:hover > .vc_column-inner > .wpb_wrapper,
.stei-video-wpb-intro:hover > .vc_column-inner > .wpb_wrapper {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(0, 35, 110, 0.10) !important;
  border-color: rgba(6, 70, 216, 0.22) !important;
}

/* responsive refinement */
@media (max-width: 1199px) {
  .stei-why-wpb,
  .stei-video-wpb {
    max-width: calc(100% - 42px) !important;
  }

  .stei-why-wpb-inner.vc_row,
  .stei-why-wpb-inner.vc_row_inner {
    flex-wrap: wrap !important;
  }

  .stei-why-wpb-intro {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .stei-why-wpb-item {
    width: 25% !important;
  }

  .stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper,
  .stei-video-wpb-card > .vc_column-inner > .wpb_wrapper {
    min-height: 298px !important;
  }
}

@media (max-width: 991px) {
  .stei-video-wpb-inner.vc_row,
  .stei-video-wpb-inner.vc_row_inner {
    flex-wrap: wrap !important;
  }

  .stei-video-wpb-intro {
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  .stei-video-wpb-card {
    width: 33.333333% !important;
  }

  .stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper {
    min-height: 0 !important;
  }
}

@media (max-width: 767px) {
  .stei-why-wpb,
  .stei-video-wpb {
    max-width: calc(100% - 28px) !important;
    margin-top: 18px !important;
  }

  .stei-why-wpb-inner.vc_row,
  .stei-why-wpb-inner.vc_row_inner,
  .stei-video-wpb-inner.vc_row,
  .stei-video-wpb-inner.vc_row_inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .stei-why-wpb-inner > .vc_column_container,
  .stei-video-wpb-inner > .vc_column_container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 12px !important;
  }

  .stei-why-wpb-inner > .vc_column_container > .vc_column-inner > .wpb_wrapper,
  .stei-video-wpb-card > .vc_column-inner > .wpb_wrapper,
  .stei-video-wpb-intro > .vc_column-inner > .wpb_wrapper {
    min-height: 0 !important;
  }

  .stei-why-wpb-heading,
  .stei-why-wpb-heading h2,
  .stei-video-wpb-heading,
  .stei-video-wpb-heading h2 {
    font-size: 19px !important;
  }
}

/* =========================================================
   SMALL FIX - WHY CHOOSE TITLE COLOR
   Supaya judul Why Choose STEI ITB mengikuti warna gelap, bukan putih.
   Dipasang paling bawah agar menang dari override sebelumnya.
   ========================================================= */

.stei-why-wpb-intro > .vc_column-inner > .wpb_wrapper {
  background:
    radial-gradient(circle at 92% 14%, rgba(6,70,216,.10) 0 34px, transparent 35px),
    linear-gradient(145deg, #ffffff 0%, #f4f8ff 100%) !important;
  border-color: rgba(6, 70, 216, 0.18) !important;
  box-shadow: 0 12px 28px rgba(0, 35, 110, 0.07) !important;
}

.stei-why-wpb-intro > .vc_column-inner > .wpb_wrapper::before {
  background: #0646d8 !important;
}

.stei-why-wpb-heading,
.stei-why-wpb-heading h2,
.stei-why-wpb .stei-why-wpb-heading,
.stei-why-wpb .stei-why-wpb-heading *,
.stei-why-wpb .wpb_wrapper h2.stei-why-wpb-heading,
.stei-why-wpb h2.vc_custom_heading.stei-why-wpb-heading {
  color: #06175f !important;
}

.stei-why-wpb-link .vc_btn3 {
  color: #0646d8 !important;
  opacity: 1 !important;
}

.stei-why-wpb-link .vc_btn3:hover,
.stei-why-wpb-link .vc_btn3:focus {
  color: #0337b2 !important;
  background: transparent !important;
}

/* =========================================================
   9. LATEST NEWS + UPCOMING EVENTS - V2 FIX
   Struktur baru: card dibuat dari vc_column_inner, bukan div yang
   dibuka di vc_column_text lalu ditutup setelah shortcode.
   Ini mencegah isi blog/event loncat keluar container di WPBakery.
   ========================================================= */

.stei-news-events-wpb,
.stei-news-events-wpb *,
.stei-news-events-wpb *::before,
.stei-news-events-wpb *::after {
  box-sizing: border-box !important;
}

.stei-news-events-wpb,
.stei-news-events-wpb.vc_row {
  position: relative !important;
  max-width: 1180px !important;
  margin: 24px auto 0 !important;
  padding: 0 0 42px !important;
  background: transparent !important;
  overflow: visible !important;
}

.stei-news-events-wpb.vc_row,
.stei-news-events-grid.vc_row,
.stei-news-events-grid.vc_row_inner {
  margin-left: auto !important;
  margin-right: auto !important;
}

.stei-news-events-wpb > .vc_column_container > .vc_column-inner,
.stei-news-events-wpb > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.stei-news-events-grid.vc_row,
.stei-news-events-grid.vc_row_inner {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.stei-news-events-grid::before,
.stei-news-events-grid::after {
  display: none !important;
  content: none !important;
}

.stei-news-events-card,
.stei-news-events-grid > .vc_column_container.stei-news-events-card,
.stei-news-events-grid > .wpb_column.stei-news-events-card {
  float: none !important;
  clear: none !important;
  width: calc(50% - 7px) !important;
  max-width: calc(50% - 7px) !important;
  flex: 0 0 calc(50% - 7px) !important;
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
}

.stei-news-events-card > .vc_column-inner {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.stei-news-events-card > .vc_column-inner > .wpb_wrapper {
  position: relative !important;
  width: 100% !important;
  min-height: 286px !important;
  height: 100% !important;
  padding: 22px 24px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(6, 70, 216, 0.20) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 95% 6%, rgba(6,70,216,.085) 0 45px, transparent 46px),
    linear-gradient(145deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow: 0 14px 34px rgba(0, 35, 110, 0.055) !important;
}

.stei-news-events-card > .vc_column-inner > .wpb_wrapper::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #0646d8, #22b7ff) !important;
  pointer-events: none !important;
}

.stei-news-events-event-card > .vc_column-inner > .wpb_wrapper::before {
  background: linear-gradient(90deg, #0646d8, #7a4dff, #22b7ff) !important;
}

.stei-news-events-wpb .wpb_content_element,
.stei-news-events-wpb .vc_btn3-container,
.stei-news-events-wpb p,
.stei-news-events-wpb figure,
.stei-news-events-wpb ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.stei-news-events-head,
.stei-news-events-head.wpb_content_element {
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.stei-news-events-head-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
}

.stei-news-events-head-inner h2,
.stei-news-events-head h2,
.stei-news-events-wpb .wpb_wrapper .stei-news-events-head h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.35px !important;
  text-transform: none !important;
}

.stei-news-events-head-inner a,
.stei-news-events-head a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.stei-news-events-head-inner a:hover,
.stei-news-events-head a:hover {
  color: #0337b2 !important;
  text-decoration: none !important;
}

/* ---------- Latest News: dibuat pendek, hanya judul + tanggal ---------- */
.stei-news-events-news-card .stei-ne-blog,
.stei-news-events-news-card .stei-ne-blog .blog-inner,
.stei-news-events-news-card .blog-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.stei-news-events-news-card .stei-ne-blog article,
.stei-news-events-news-card .blog-inner article,
.stei-news-events-news-card .post {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 15px !important;
  padding: 0 0 15px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  background: transparent !important;
  overflow: visible !important;
}

.stei-news-events-news-card .stei-ne-blog article:last-child,
.stei-news-events-news-card .blog-inner article:last-child,
.stei-news-events-news-card .post:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Sembunyikan thumbnail, excerpt, author/category/edit, supaya tidak panjang */
.stei-news-events-news-card .entry-thumbnail-wrap,
.stei-news-events-news-card .entry-thumbnail,
.stei-news-events-news-card .entry-excerpt,
.stei-news-events-news-card .entry-content,
.stei-news-events-news-card .entry-read-more,
.stei-news-events-news-card .read-more,
.stei-news-events-news-card .entry-meta-comment,
.stei-news-events-news-card .entry-meta-author,
.stei-news-events-news-card .entry-meta-category,
.stei-news-events-news-card .entry-meta-edit-link,
.stei-news-events-news-card .entry-meta li:not(:first-child),
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:not(:first-child) {
  display: none !important;
}

.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap + .entry-content-wrap {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.stei-news-events-news-card .entry-content-wrap {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.stei-news-events-news-card h3.entry-post-title,
.stei-news-events-news-card .entry-post-title,
.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.26 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.stei-news-events-news-card h3.entry-post-title a:hover,
.stei-news-events-news-card .entry-post-title a:hover {
  color: #0646d8 !important;
}

.stei-news-events-news-card .entry-post-meta-wrap,
.stei-news-events-news-card ul.entry-meta,
.stei-news-events-news-card .entry-meta,
.stei-news-events-news-card .entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child a {
  display: block !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child::before,
.stei-news-events-news-card .entry-meta li:first-child::before {
  content: "" !important;
  display: none !important;
}

/* ---------- Upcoming Events: pertahankan format list tanggal kiri + judul ---------- */
.stei-news-events-event-card .ect-list-wrapper,
.stei-news-events-event-card #ect-events-list-content,
.stei-news-events-event-card .ect-list-posts,
.stei-news-events-event-card .ect-minimal-list-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.stei-news-events-event-card .ect-list-post,
.stei-news-events-event-card .ect-minimal-list-post,
.stei-news-events-event-card .ect-event,
.stei-news-events-event-card .ect-simple-event {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 0 15px !important;
  padding: 0 0 15px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.stei-news-events-event-card .ect-list-post:last-child,
.stei-news-events-event-card .ect-minimal-list-post:last-child,
.stei-news-events-event-card .ect-event:last-child,
.stei-news-events-event-card .ect-simple-event:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.stei-news-events-event-card .ect-list-post-left,
.stei-news-events-event-card .ect-list-date,
.stei-news-events-event-card .ect-date-area,
.stei-news-events-event-card .ect-minimal-list-post .ect-list-date {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(6, 70, 216, 0.18) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 35, 110, 0.055) !important;
}

.stei-news-events-event-card .ect-date-area .ev-day,
.stei-news-events-event-card .ev-day {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  text-align: center !important;
}

.stei-news-events-event-card .ect-date-area .ev-mo,
.stei-news-events-event-card .ect-date-area .ev-yr,
.stei-news-events-event-card .ev-mo,
.stei-news-events-event-card .ev-yr {
  display: block !important;
  width: 100% !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.stei-news-events-event-card .ect-list-post-right,
.stei-news-events-event-card .ect-event-content,
.stei-news-events-event-card .ect-list-description,
.stei-news-events-event-card .ect-minimal-list-post .ect-list-description {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.stei-news-events-event-card .ect-list-title,
.stei-news-events-event-card .ect-event-title,
.stei-news-events-event-card .ect-list-title a,
.stei-news-events-event-card .ect-event-title a {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.26 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.stei-news-events-event-card .ect-list-title a,
.stei-news-events-event-card .ect-event-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.stei-news-events-event-card .ect-list-venue,
.stei-news-events-event-card .ect-event-venue,
.stei-news-events-event-card .ect-event-date,
.stei-news-events-event-card .ect-location,
.stei-news-events-event-card .ect-address,
.stei-news-events-event-card .tribe-address,
.stei-news-events-event-card .tribe-event-schedule-details,
.stei-news-events-event-card .ect-list-description p,
.stei-news-events-event-card .ect-event-content p,
.stei-news-events-event-card .ect-social-share-list,
.stei-news-events-event-card .ect-rate-area,
.stei-news-events-event-card .ect-read-more,
.stei-news-events-event-card .ect-events-read-more {
  display: none !important;
}

.stei-news-events-wpb .no-event-found,
.stei-news-events-wpb .no-events,
.stei-news-events-wpb .not-found {
  padding: 14px 0 !important;
  color: #20305e !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

@media (max-width: 1199px) {
  .stei-news-events-wpb,
  .stei-news-events-wpb.vc_row {
    max-width: calc(100% - 42px) !important;
  }
}

@media (max-width: 991px) {
  .stei-news-events-grid.vc_row,
  .stei-news-events-grid.vc_row_inner {
    flex-wrap: wrap !important;
    gap: 16px !important;
  }

  .stei-news-events-card,
  .stei-news-events-grid > .vc_column_container.stei-news-events-card,
  .stei-news-events-grid > .wpb_column.stei-news-events-card {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .stei-news-events-card > .vc_column-inner > .wpb_wrapper {
    min-height: 0 !important;
  }
}

@media (max-width: 767px) {
  .stei-news-events-wpb,
  .stei-news-events-wpb.vc_row {
    max-width: calc(100% - 28px) !important;
    margin-top: 18px !important;
    padding-bottom: 32px !important;
  }

  .stei-news-events-card > .vc_column-inner > .wpb_wrapper {
    padding: 20px 16px 18px !important;
    border-radius: 12px !important;
  }

  .stei-news-events-head-inner {
    align-items: flex-start !important;
  }

  .stei-news-events-head-inner h2,
  .stei-news-events-head h2,
  .stei-news-events-wpb .wpb_wrapper .stei-news-events-head h2 {
    font-size: 20px !important;
  }

  .stei-news-events-news-card h3.entry-post-title,
  .stei-news-events-news-card .entry-post-title,
  .stei-news-events-news-card h3.entry-post-title a,
  .stei-news-events-news-card .entry-post-title a,
  .stei-news-events-event-card .ect-list-title,
  .stei-news-events-event-card .ect-event-title,
  .stei-news-events-event-card .ect-list-title a,
  .stei-news-events-event-card .ect-event-title a {
    font-size: 13.5px !important;
  }
}
/* =========================================================
   FIX V3 - Upcoming Events judul kepotong
   Penyebab: .ect-list-post-left di plugin ini adalah area konten/judul,
   bukan area tanggal. Jadi jangan dibuat width 58px.
   Pasang PALING BAWAH setelah CSS V2.
   ========================================================= */

/* Item event tetap compact dan rapi */
.stei-news-events-event-card .ect-list-post,
.stei-news-events-event-card .ect-minimal-list-post,
.stei-news-events-event-card .ect-event,
.stei-news-events-event-card .ect-simple-event {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 0 15px !important;
  padding: 0 0 15px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* PENTING: .ect-list-post-left adalah area judul, bukan tanggal */
.stei-news-events-event-card .ect-list-post-left,
.stei-news-events-event-card .ect-list-post-right,
.stei-news-events-event-card .ect-event-content,
.stei-news-events-event-card .ect-list-description,
.stei-news-events-event-card .ect-minimal-list-post .ect-list-description {
  grid-column: 2 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Area tanggal saja yang dibuat kotak kecil */
.stei-news-events-event-card .ect-list-date,
.stei-news-events-event-card .ect-date-area,
.stei-news-events-event-card .ect-minimal-list-post .ect-list-date {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(6, 70, 216, 0.18) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 35, 110, 0.055) !important;
  overflow: hidden !important;
}

.stei-news-events-event-card .ect-date-area .ev-day,
.stei-news-events-event-card .ev-day {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  text-align: center !important;
}

.stei-news-events-event-card .ect-date-area .ev-mo,
.stei-news-events-event-card .ect-date-area .ev-yr,
.stei-news-events-event-card .ev-mo,
.stei-news-events-event-card .ev-yr {
  display: block !important;
  width: 100% !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

/* Judul full, tidak lagi masuk kolom 58px */
.stei-news-events-event-card .ect-list-title,
.stei-news-events-event-card .ect-event-title,
.stei-news-events-event-card .ect-list-title a,
.stei-news-events-event-card .ect-event-title a,
.stei-news-events-event-card .ect-list-post-left a,
.stei-news-events-event-card .ect-list-post-left h2,
.stei-news-events-event-card .ect-list-post-left h3,
.stei-news-events-event-card .ect-list-post-right a,
.stei-news-events-event-card .ect-list-post-right h2,
.stei-news-events-event-card .ect-list-post-right h3 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.stei-news-events-event-card .ect-list-title a,
.stei-news-events-event-card .ect-event-title a,
.stei-news-events-event-card .ect-list-post-left a,
.stei-news-events-event-card .ect-list-post-right a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Kalau template event tidak mengeluarkan kotak tanggal, judul pakai full width */
.stei-news-events-event-card .ect-list-post:not(:has(.ect-list-date)),
.stei-news-events-event-card .ect-minimal-list-post:not(:has(.ect-list-date)) {
  grid-template-columns: 1fr !important;
}

.stei-news-events-event-card .ect-list-post:not(:has(.ect-list-date)) .ect-list-post-left,
.stei-news-events-event-card .ect-list-post:not(:has(.ect-list-date)) .ect-list-post-right,
.stei-news-events-event-card .ect-minimal-list-post:not(:has(.ect-list-date)) .ect-list-post-left,
.stei-news-events-event-card .ect-minimal-list-post:not(:has(.ect-list-date)) .ect-list-post-right {
  grid-column: 1 / -1 !important;
}

.stei-news-events-event-card .ect-list-post:last-child,
.stei-news-events-event-card .ect-minimal-list-post:last-child,
.stei-news-events-event-card .ect-event:last-child,
.stei-news-events-event-card .ect-simple-event:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 767px) {
  .stei-news-events-event-card .ect-list-post,
  .stei-news-events-event-card .ect-minimal-list-post,
  .stei-news-events-event-card .ect-event,
  .stei-news-events-event-card .ect-simple-event {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    column-gap: 13px !important;
  }

  .stei-news-events-event-card .ect-list-date,
  .stei-news-events-event-card .ect-date-area,
  .stei-news-events-event-card .ect-minimal-list-post .ect-list-date {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 58px !important;
    min-height: 58px !important;
  }
}
/* =========================================================
   STEI NEWS EVENTS - Latest News Thumbnail Fix V4
   Tujuan:
   - Latest News pakai featured image kecil di kiri
   - Isi tetap pendek: judul + tanggal saja
   - Excerpt, author, category, edit, read more tetap disembunyikan
   - Dipasang paling bawah CSS agar menang dari CSS sebelumnya
   ========================================================= */

/* Latest News item: thumbnail kiri + teks kanan */
.stei-news-events-news-card .stei-ne-blog article,
.stei-news-events-news-card .blog-inner article,
.stei-news-events-news-card .post {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 78px !important;
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  background: transparent !important;
  overflow: visible !important;
}

.stei-news-events-news-card .stei-ne-blog article:last-child,
.stei-news-events-news-card .blog-inner article:last-child,
.stei-news-events-news-card .post:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Tampilkan lagi thumbnail yang sebelumnya disembunyikan */
.stei-news-events-news-card .entry-thumbnail-wrap,
.stei-news-events-news-card .entry-thumbnail,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 112px !important;
  max-width: 112px !important;
  min-width: 112px !important;
  height: 72px !important;
  max-height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  border: 1px solid rgba(7, 37, 112, 0.14) !important;
  background:
    linear-gradient(145deg, #f4f8ff 0%, #ffffff 100%) !important;
}

.stei-news-events-news-card .entry-thumbnail-wrap a,
.stei-news-events-news-card .entry-thumbnail a,
.stei-news-events-news-card .entry-thumbnail-wrap .entry-thumbnail,
.stei-news-events-news-card .entry-thumbnail-wrap figure,
.stei-news-events-news-card .entry-thumbnail-wrap .post-thumbnail,
.stei-news-events-news-card .entry-thumbnail-wrap .entry-thumbnail-overlay {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.stei-news-events-news-card .entry-thumbnail-wrap img,
.stei-news-events-news-card .entry-thumbnail img,
.stei-news-events-news-card img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Kalau theme memasukkan thumbnail sebagai background/overlay, jangan ganggu */
.stei-news-events-news-card .entry-thumbnail-wrap::before,
.stei-news-events-news-card .entry-thumbnail-wrap::after,
.stei-news-events-news-card .entry-thumbnail::before,
.stei-news-events-news-card .entry-thumbnail::after {
  pointer-events: none !important;
}

/* Konten kanan */
.stei-news-events-news-card .entry-content-wrap,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap + .entry-content-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Tetap sembunyikan isi panjang dan meta yang tidak perlu */
.stei-news-events-news-card .entry-excerpt,
.stei-news-events-news-card .entry-content,
.stei-news-events-news-card .entry-read-more,
.stei-news-events-news-card .read-more,
.stei-news-events-news-card .entry-meta-comment,
.stei-news-events-news-card .entry-meta-author,
.stei-news-events-news-card .entry-meta-category,
.stei-news-events-news-card .entry-meta-edit-link,
.stei-news-events-news-card .entry-meta li:not(:first-child),
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:not(:first-child) {
  display: none !important;
}

/* Judul news */
.stei-news-events-news-card h3.entry-post-title,
.stei-news-events-news-card .entry-post-title,
.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.2px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.stei-news-events-news-card h3.entry-post-title a:hover,
.stei-news-events-news-card .entry-post-title a:hover {
  color: #0646d8 !important;
}

/* Tanggal: tampil ringkas di bawah judul */
.stei-news-events-news-card .entry-post-meta-wrap,
.stei-news-events-news-card ul.entry-meta,
.stei-news-events-news-card .entry-meta {
  display: block !important;
  width: 100% !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.stei-news-events-news-card .entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child a,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child time {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

/* Kalau label Posted: ada sebagai elemen terpisah, sembunyikan */
.stei-news-events-news-card .entry-meta li:first-child .entry-meta-label,
.stei-news-events-news-card .entry-meta li:first-child .meta-label,
.stei-news-events-news-card .entry-meta li:first-child .post-meta-label,
.stei-news-events-news-card .entry-meta li:first-child .posted-label,
.stei-news-events-news-card .entry-meta li:first-child .posted-on-label,
.stei-news-events-news-card .entry-meta li:first-child i,
.stei-news-events-news-card .entry-meta li:first-child::before,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child::before {
  display: none !important;
  content: none !important;
}

/* Kalau teks Posted: masih berupa text-node mentah dari theme,
   CSS murni tidak bisa menghapus sebagian text-node dengan sempurna.
   Trik ini biasanya cukup untuk menggeser label keluar area. */
.stei-news-events-news-card .entry-meta li:first-child {
  max-width: 160px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* Mobile: thumbnail sedikit lebih kecil */
@media (max-width: 767px) {
  .stei-news-events-news-card .stei-ne-blog article,
  .stei-news-events-news-card .blog-inner article,
  .stei-news-events-news-card .post {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  .stei-news-events-news-card .entry-thumbnail-wrap,
  .stei-news-events-news-card .entry-thumbnail,
  .stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap {
    width: 92px !important;
    max-width: 92px !important;
    min-width: 92px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }

  .stei-news-events-news-card h3.entry-post-title,
  .stei-news-events-news-card .entry-post-title,
  .stei-news-events-news-card h3.entry-post-title a,
  .stei-news-events-news-card .entry-post-title a {
    font-size: 13.2px !important;
  }
}


/* =========================================================
   STEI NEWS EVENTS - Latest News Thumbnail + Posted Label Fix V5
   Pakai shortcode news: megatron_blog type="masonry" columns="1"
   Taruh PALING BAWAH supaya menang dari CSS theme/Megatron.
   ========================================================= */

/* Pastikan box latest news tidak memotong thumbnail/content */
.stei-news-events-news-card > .vc_column-inner > .wpb_wrapper {
  overflow: hidden !important;
}

.stei-news-events-news-card .stei-ne-blog,
.stei-news-events-news-card .stei-ne-blog .blog-inner,
.stei-news-events-news-card .blog-inner,
.stei-news-events-news-card .blog-style-masonry,
.stei-news-events-news-card .blog-style-medium-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Satu berita = thumbnail kiri + teks kanan */
.stei-news-events-news-card .stei-ne-blog article,
.stei-news-events-news-card .blog-inner article,
.stei-news-events-news-card .blog-style-masonry article,
.stei-news-events-news-card .blog-style-medium-image article,
.stei-news-events-news-card article.post {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 76px !important;
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.stei-news-events-news-card .stei-ne-blog article:last-child,
.stei-news-events-news-card .blog-inner article:last-child,
.stei-news-events-news-card article.post:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Paksa featured image muncul sebagai thumbnail kecil */
.stei-news-events-news-card .entry-thumbnail-wrap,
.stei-news-events-news-card .entry-thumbnail,
.stei-news-events-news-card .post-thumbnail,
.stei-news-events-news-card .blog-style-masonry .entry-thumbnail-wrap,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 112px !important;
  max-width: 112px !important;
  min-width: 112px !important;
  height: 72px !important;
  max-height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  border: 1px solid rgba(7, 37, 112, 0.14) !important;
  background: linear-gradient(145deg, #f4f8ff 0%, #ffffff 100%) !important;
}

.stei-news-events-news-card .entry-thumbnail-wrap a,
.stei-news-events-news-card .entry-thumbnail a,
.stei-news-events-news-card .entry-thumbnail-wrap figure,
.stei-news-events-news-card .entry-thumbnail-wrap .vc_figure,
.stei-news-events-news-card .entry-thumbnail-wrap .entry-thumbnail,
.stei-news-events-news-card .post-thumbnail a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.stei-news-events-news-card .entry-thumbnail-wrap img,
.stei-news-events-news-card .entry-thumbnail img,
.stei-news-events-news-card .post-thumbnail img,
.stei-news-events-news-card img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Content kanan */
.stei-news-events-news-card .entry-content-wrap,
.stei-news-events-news-card .blog-style-masonry .entry-content-wrap,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap + .entry-content-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Sembunyikan isi panjang */
.stei-news-events-news-card .entry-excerpt,
.stei-news-events-news-card .entry-content,
.stei-news-events-news-card .entry-read-more,
.stei-news-events-news-card .read-more,
.stei-news-events-news-card .entry-meta-comment,
.stei-news-events-news-card .entry-meta-author,
.stei-news-events-news-card .entry-meta-category,
.stei-news-events-news-card .entry-meta-edit-link,
.stei-news-events-news-card .entry-meta li:not(:first-child),
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:not(:first-child) {
  display: none !important;
}

/* Judul news */
.stei-news-events-news-card h3.entry-post-title,
.stei-news-events-news-card .entry-post-title,
.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.2px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.stei-news-events-news-card h3.entry-post-title a:hover,
.stei-news-events-news-card .entry-post-title a:hover {
  color: #0646d8 !important;
}

/* Tanggal ringkas; label Posted: dihilangkan secara visual */
.stei-news-events-news-card .entry-post-meta-wrap,
.stei-news-events-news-card ul.entry-meta,
.stei-news-events-news-card .entry-meta {
  display: block !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.stei-news-events-news-card .entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child {
  display: block !important;
  width: 86px !important;
  max-width: 86px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

/* Kalau Posted: berupa text mentah, ini geser label keluar.
   Kalau tanggal ikut terlalu kiri/kanan, ubah angka -42px jadi -38px atau -46px. */
.stei-news-events-news-card .entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child {
  text-indent: -42px !important;
}

/* Kalau tanggal dibungkus link/time/span, tampilkan lagi dengan ukuran normal */
.stei-news-events-news-card .entry-meta li:first-child a,
.stei-news-events-news-card .entry-meta li:first-child time,
.stei-news-events-news-card .entry-meta li:first-child .published,
.stei-news-events-news-card .entry-meta li:first-child .updated,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child a,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child time {
  display: inline !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
}

/* Kalau label Posted: punya class sendiri */
.stei-news-events-news-card .entry-meta li:first-child .entry-meta-label,
.stei-news-events-news-card .entry-meta li:first-child .meta-label,
.stei-news-events-news-card .entry-meta li:first-child .post-meta-label,
.stei-news-events-news-card .entry-meta li:first-child .posted-label,
.stei-news-events-news-card .entry-meta li:first-child .posted-on-label,
.stei-news-events-news-card .entry-meta li:first-child i,
.stei-news-events-news-card .entry-meta li:first-child::before,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child::before {
  display: none !important;
  content: none !important;
}

/* Responsive */
@media (max-width: 767px) {
  .stei-news-events-news-card .stei-ne-blog article,
  .stei-news-events-news-card .blog-inner article,
  .stei-news-events-news-card .blog-style-masonry article,
  .stei-news-events-news-card article.post {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  .stei-news-events-news-card .entry-thumbnail-wrap,
  .stei-news-events-news-card .entry-thumbnail,
  .stei-news-events-news-card .post-thumbnail,
  .stei-news-events-news-card .blog-style-masonry .entry-thumbnail-wrap,
  .stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap {
    width: 92px !important;
    max-width: 92px !important;
    min-width: 92px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }

  .stei-news-events-news-card h3.entry-post-title,
  .stei-news-events-news-card .entry-post-title,
  .stei-news-events-news-card h3.entry-post-title a,
  .stei-news-events-news-card .entry-post-title a {
    font-size: 13.2px !important;
  }
}


/* =========================================================
   STEI NEWS + EVENTS FIX V6
   Pakai setelah CSS lama/V5. Ini mengunci Latest News agar pakai
   medium-image list, dan mengunci Upcoming Events sesuai struktur ECT:
   .ect-event-date + .ect-right-wrapper
   ========================================================= */

/* ---------- Latest News: medium-image menjadi list thumbnail kecil ---------- */
.stei-news-events-news-card .stei-ne-blog,
.stei-news-events-news-card .stei-ne-blog .blog-wrap,
.stei-news-events-news-card .stei-ne-blog .blog-inner,
.stei-news-events-news-card .blog-style-medium-image,
.stei-news-events-news-card .blog-inner {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.stei-news-events-news-card .blog-inner::before,
.stei-news-events-news-card .blog-inner::after,
.stei-news-events-news-card .blog-style-medium-image::before,
.stei-news-events-news-card .blog-style-medium-image::after {
  display: none !important;
  content: none !important;
}

.stei-news-events-news-card .blog-style-medium-image article,
.stei-news-events-news-card .stei-ne-blog article,
.stei-news-events-news-card article.post {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.13) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.stei-news-events-news-card .blog-style-medium-image article:last-child,
.stei-news-events-news-card .stei-ne-blog article:last-child,
.stei-news-events-news-card article.post:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Thumbnail kiri */
.stei-news-events-news-card .entry-thumbnail-wrap,
.stei-news-events-news-card .entry-thumbnail,
.stei-news-events-news-card .post-thumbnail,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  border: 1px solid rgba(7, 37, 112, 0.14) !important;
  background: #f4f8ff !important;
  box-shadow: none !important;
}

.stei-news-events-news-card .entry-thumbnail-wrap a,
.stei-news-events-news-card .entry-thumbnail a,
.stei-news-events-news-card .post-thumbnail a,
.stei-news-events-news-card .entry-thumbnail-wrap figure,
.stei-news-events-news-card .entry-thumbnail-wrap .entry-thumbnail {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.stei-news-events-news-card .entry-thumbnail-wrap img,
.stei-news-events-news-card .entry-thumbnail img,
.stei-news-events-news-card .post-thumbnail img,
.stei-news-events-news-card img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Konten kanan */
.stei-news-events-news-card .entry-content-wrap,
.stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap + .entry-content-wrap {
  grid-column: 2 / -1 !important;
  grid-row: 1 / 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Sembunyikan konten panjang dan meta selain tanggal */
.stei-news-events-news-card .entry-excerpt,
.stei-news-events-news-card .entry-content,
.stei-news-events-news-card .entry-read-more,
.stei-news-events-news-card .read-more,
.stei-news-events-news-card .entry-meta-comment,
.stei-news-events-news-card .entry-meta-author,
.stei-news-events-news-card .entry-meta-category,
.stei-news-events-news-card .entry-meta-edit-link,
.stei-news-events-news-card .entry-meta li:not(:first-child),
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:not(:first-child) {
  display: none !important;
}

.stei-news-events-news-card h3.entry-post-title,
.stei-news-events-news-card .entry-post-title,
.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  letter-spacing: -0.08px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.stei-news-events-news-card h3.entry-post-title a,
.stei-news-events-news-card .entry-post-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Hilangkan tulisan Posted: tapi tanggal tetap tampil */
.stei-news-events-news-card .entry-post-meta-wrap,
.stei-news-events-news-card ul.entry-meta,
.stei-news-events-news-card .entry-meta {
  display: block !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.stei-news-events-news-card .entry-meta li:first-child,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.stei-news-events-news-card .entry-meta li:first-child a,
.stei-news-events-news-card .entry-meta li:first-child time,
.stei-news-events-news-card .entry-meta li:first-child span,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child a,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child time,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child span {
  display: inline !important;
  color: #506083 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.stei-news-events-news-card .entry-meta li:first-child::before,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child::before,
.stei-news-events-news-card .entry-meta li:first-child i,
.stei-news-events-news-card .entry-post-meta-wrap ul.entry-meta li:first-child i {
  display: none !important;
  content: none !important;
}

/* ---------- Upcoming Events: fix struktur plugin ECT actual ---------- */
.stei-news-events-event-card #ect-events-minimal-list-content,
.stei-news-events-event-card #ect-minimal-list-wrp,
.stei-news-events-event-card #ect-minimal-list-wrp .ect-minimal-list-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 66px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 37, 112, 0.14) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event + .ect-list-posts.style-2.ect-simple-event {
  padding-top: 14px !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event .ect-event-date {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0646d8 !important;
  background: #ffffff !important;
  border: 1px solid rgba(6, 70, 216, 0.18) !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px rgba(0, 35, 110, 0.055) !important;
  text-align: center !important;
  float: none !important;
  overflow: hidden !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-event-date .ect-date-viewport {
  display: block !important;
  width: 100% !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-event-date .ect-month {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0646d8 !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event .ect-right-wrapper {
  grid-column: 2 / -1 !important;
  grid-row: 1 / 2 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  flex: none !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-event-title,
.stei-news-events-event-card #ect-events-minimal-list-content .ect-event-title a,
.stei-news-events-event-card #ect-events-minimal-list-content a.ect-event-url {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #06175f !important;
  font-family: "Roboto Flex", Roboto, Arial, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: unset !important;
}

.stei-news-events-event-card #ect-events-minimal-list-content .ect-event-title a:hover,
.stei-news-events-event-card #ect-events-minimal-list-content a.ect-event-url:hover {
  color: #0646d8 !important;
}

.stei-news-events-event-card .ect-list-venue,
.stei-news-events-event-card .ect-event-venue,
.stei-news-events-event-card .ect-location,
.stei-news-events-event-card .ect-address,
.stei-news-events-event-card .tribe-address,
.stei-news-events-event-card .tribe-event-schedule-details,
.stei-news-events-event-card .tribe-events-schedule-details,
.stei-news-events-event-card .ect-list-description,
.stei-news-events-event-card .ect-event-content,
.stei-news-events-event-card .ect-social-share-list,
.stei-news-events-event-card .ect-rate-area,
.stei-news-events-event-card .ect-read-more,
.stei-news-events-event-card .ect-events-read-more {
  display: none !important;
}

@media (max-width: 767px) {
  .stei-news-events-news-card .blog-style-medium-image article,
  .stei-news-events-news-card .stei-ne-blog article,
  .stei-news-events-news-card article.post {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  .stei-news-events-news-card .entry-thumbnail-wrap,
  .stei-news-events-news-card .entry-thumbnail,
  .stei-news-events-news-card .post-thumbnail,
  .stei-news-events-news-card .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }

  .stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  .stei-news-events-event-card #ect-events-minimal-list-content .ect-list-posts.style-2.ect-simple-event .ect-event-date {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  .stei-news-events-news-card h3.entry-post-title,
  .stei-news-events-news-card .entry-post-title,
  .stei-news-events-news-card h3.entry-post-title a,
  .stei-news-events-news-card .entry-post-title a,
  .stei-news-events-event-card #ect-events-minimal-list-content .ect-event-title,
  .stei-news-events-event-card #ect-events-minimal-list-content .ect-event-title a,
  .stei-news-events-event-card #ect-events-minimal-list-content a.ect-event-url {
    font-size: 13.3px !important;
  }
}

/* Fix: hilangkan tampilan tombol bawaan WPBakery */
.home .stei-featured-clean-link .vc_btn3,
.home .stei-news-events-all-link .vc_btn3,
.home .stei-why-wpb-link .vc_btn3 {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    color: #0646d8 !important;
}

.home .stei-featured-clean-link .vc_btn3:hover,
.home .stei-news-events-all-link .vc_btn3:hover,
.home .stei-why-wpb-link .vc_btn3:hover {
    background: transparent !important;
    background-image: none !important;
    color: #0037ad !important;
    opacity: 0.75;
}