.elementor-852 .elementor-element.elementor-element-b29e119{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-3558841{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-4b6a12c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-239ea0b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-4603ebd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-27bac16{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-852 .elementor-element.elementor-element-b29e119{--width:100%;}.elementor-852 .elementor-element.elementor-element-3558841{--width:100%;}.elementor-852 .elementor-element.elementor-element-4b6a12c{--width:100%;}.elementor-852 .elementor-element.elementor-element-239ea0b{--width:100%;}.elementor-852 .elementor-element.elementor-element-4603ebd{--width:100%;}.elementor-852 .elementor-element.elementor-element-27bac16{--width:100%;}}@media(max-width:1024px){.elementor-852 .elementor-element.elementor-element-b29e119{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-3558841{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-4b6a12c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-239ea0b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-4603ebd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-27bac16{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-852 .elementor-element.elementor-element-b29e119{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-3558841{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-4b6a12c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-239ea0b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-4603ebd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-852 .elementor-element.elementor-element-27bac16{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b96b579 *//* 1. Isolasi Scoping & Anti-Tabrakan Elementor */
#ws-tc-hero-wrapper,
#ws-tc-hero-wrapper * {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
}

#ws-tc-hero-wrapper {
  --ws-navy: #2C3892;
  --ws-cyan: #00ADEF;
  --ws-blue: #3871C1;
  --ws-white: #FFFFFF;

  /* Ruang ekstra di atas agar tidak tertutup header */
  padding-top: 150px !important; 
  padding-bottom: 85px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;

  background: radial-gradient(110% 120% at 90% 10%, #3871C1 0%, #2C3892 55%, #182055 100%) !important;
  position: relative;
  overflow: hidden;
  color: var(--ws-white) !important;
  margin: 0 !important;
  width: 100%;
}

/* Lingkaran aksen visual */
#ws-tc-hero-wrapper::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(0, 173, 239, 0.35) 0%, rgba(0, 173, 239, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
}

#ws-tc-hero-wrapper .ws-tc-container {
  max-width: 1140px;
  margin: 0 auto !important;
  position: relative;
  z-index: 2;
}

#ws-tc-hero-wrapper .ws-tc-hero-grid {
  display: grid !important;
  grid-template-columns: 1.3fr 0.9fr;
  gap: 40px;
  align-items: center;
}

/* Badge Policy */
#ws-tc-hero-wrapper .ws-tc-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: rgba(0, 173, 239, 0.2) !important;
  border: 1px solid rgba(0, 173, 239, 0.45) !important;
  color: #B5EEFF !important;
  padding: 8px 18px !important;
  border-radius: 30px !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px;
  margin-bottom: 22px !important;
}

/* Judul Hero */
#ws-tc-hero-wrapper .ws-tc-hero-title {
  font-size: clamp(2.2rem, 4.5vw, 3.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 0 18px 0 !important;
  color: var(--ws-white) !important;
}

/* Deskripsi Hero */
#ws-tc-hero-wrapper .ws-tc-hero-desc {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  margin: 0 0 28px 0 !important;
  max-width: 580px;
}

/* Meta Data */
#ws-tc-hero-wrapper .ws-tc-hero-meta {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
}

#ws-tc-hero-wrapper .ws-meta-item {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

#ws-tc-hero-wrapper .ws-meta-item i {
  color: var(--ws-cyan) !important;
}

/* Kartu Ringkasan Glassmorphism */
#ws-tc-hero-wrapper .ws-hero-glass-card {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 18px !important;
  padding: 32px 26px !important;
  box-shadow: 0 20px 45px rgba(10, 17, 50, 0.35) !important;
}

#ws-tc-hero-wrapper .ws-glass-header {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px !important;
}

#ws-tc-hero-wrapper .ws-glass-header i {
  color: var(--ws-cyan) !important;
  font-size: 1.4rem !important;
}

#ws-tc-hero-wrapper .ws-glass-header h3 {
  margin: 0 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--ws-white) !important;
}

#ws-tc-hero-wrapper .ws-glass-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  gap: 14px;
}

#ws-tc-hero-wrapper .ws-glass-list li {
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  padding-left: 20px !important;
  position: relative !important;
  margin: 0 !important;
}

#ws-tc-hero-wrapper .ws-glass-list li::before {
  content: "•";
  color: var(--ws-cyan) !important;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.3rem;
  line-height: 1;
}

/* Responsif Mobile & Tablet */
@media (max-width: 900px) {
  #ws-tc-hero-wrapper {
    /* Padding atas disesuaikan dengan tinggi mobile header */
    padding-top: 120px !important;
    padding-bottom: 60px !important;
  }
  #ws-tc-hero-wrapper .ws-tc-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3aacd4f */<style>
.ws-tc-scope,
.ws-tc-scope * {
  box-sizing: border-box !important;
}

.ws-tc-scope.ws-section-wrap {
  width: 100% !important;
  padding: 60px 20px !important;
}

.ws-tc-scope.ws-bg-light {
  background-color: #F8FBFE !important;
}

.ws-tc-scope .ws-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.ws-tc-scope .ws-section-header {
  text-align: center !important;
  max-width: 650px !important;
  margin: 0 auto 40px auto !important;
}

.ws-tc-scope .ws-sub-badge {
  display: inline-block !important;
  color: #00ADEF !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.82rem !important;
  letter-spacing: 1px !important;
  margin-bottom: 8px !important;
}

.ws-tc-scope .ws-section-header h2 {
  font-size: clamp(1.8rem, 3vw, 2.3rem) !important;
  color: #2C3892 !important;
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
}

.ws-tc-scope .ws-section-header p {
  color: #5B6579 !important;
  font-size: 0.98rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.ws-tc-scope .ws-highlight-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.ws-tc-scope .ws-highlight-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  padding: 28px 20px !important;
  text-align: center !important;
  box-shadow: 0 4px 15px rgba(44, 56, 146, 0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.ws-tc-scope .ws-highlight-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(44, 56, 146, 0.08) !important;
}

.ws-tc-scope .ws-icon-circle {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 50% !important;
  background: rgba(0, 173, 239, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #3871C1 !important;
  font-size: 1.3rem !important;
}

.ws-tc-scope .ws-highlight-card h4 {
  margin: 0 0 8px 0 !important;
  font-size: 1.05rem !important;
  color: #2C3892 !important;
  font-weight: 700 !important;
}

.ws-tc-scope .ws-highlight-card p {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: #64748B !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .ws-tc-scope .ws-highlight-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 540px) {
  .ws-tc-scope.ws-section-wrap {
    padding: 45px 16px !important;
  }
  .ws-tc-scope .ws-highlight-grid {
    grid-template-columns: 1fr !important;
  }
}
<\/style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78885ff */.ws-tc-scope,
.ws-tc-scope * {
  box-sizing: border-box !important;
}

.ws-tc-scope.ws-section-wrap {
  width: 100% !important;
  padding: 60px 20px !important;
}

.ws-tc-scope.ws-bg-surface {
  background-color: #F8FAFD !important;
}

.ws-tc-scope .ws-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Card Wrapper Pembungkus Konten Utama */
.ws-tc-scope .ws-card-container {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  padding: 45px 50px !important;
  box-shadow: 0 10px 30px rgba(44, 56, 146, 0.04) !important;
}

.ws-tc-scope .ws-content-block {
  margin-bottom: 10px !important;
}

.ws-tc-scope .ws-divider {
  height: 1px !important;
  background-color: #EDF2F7 !important;
  margin: 40px 0 !important;
}

.ws-tc-scope .ws-header-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 22px !important;
}

.ws-tc-scope .ws-badge-num {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background-color: #2C3892 !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}

.ws-tc-scope .ws-title-heading {
  margin: 0 !important;
  font-size: clamp(1.4rem, 2.2vw, 1.75rem) !important;
  color: #2C3892 !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.ws-tc-scope .ws-article-group {
  margin-top: 24px !important;
}

.ws-tc-scope .ws-subtitle-heading {
  font-size: 1.12rem !important;
  color: #3871C1 !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}

.ws-tc-scope .ws-text {
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  color: #4A5568 !important;
  margin: 0 0 12px 0 !important;
}

.ws-tc-scope .ws-bullet-list {
  margin: 10px 0 16px 20px !important;
  padding: 0 !important;
  color: #4A5568 !important;
}

.ws-tc-scope .ws-bullet-list li {
  margin-bottom: 8px !important;
  font-size: 0.96rem !important;
  line-height: 1.6 !important;
}

/* Pill Kotak Pembayaran (Mencegah Teks Terpotong / Renggang) */
.ws-tc-scope .ws-pill-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
  margin: 16px 0 24px 0 !important;
}

.ws-tc-scope .ws-pill-item {
  background: #F4F8FC !important;
  border: 1px solid #D9E5F3 !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #2C3892 !important;
}

.ws-tc-scope .ws-pill-item i {
  color: #00ADEF !important;
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
}

/* Tabel Biaya Pelunasan */
.ws-tc-scope .ws-table-box {
  overflow-x: auto !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px !important;
  margin: 18px 0 !important;
}

.ws-tc-scope .ws-data-table {
  width: 100% !important;
  border-collapse: collapse !important;
  text-align: left !important;
  font-size: 0.92rem !important;
}

.ws-tc-scope .ws-data-table th,
.ws-tc-scope .ws-data-table td {
  padding: 14px 18px !important;
  border-bottom: 1px solid #EDF2F7 !important;
}

.ws-tc-scope .ws-data-table th {
  background-color: #F8FAFC !important;
  color: #2C3892 !important;
  font-weight: 700 !important;
}

.ws-tc-scope .ws-data-table tr:last-child td {
  border-bottom: none !important;
}

/* Alert Note */
.ws-tc-scope .ws-alert-box {
  background: #FFF9ED !important;
  border-left: 4px solid #F59E0B !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 18px 20px !important;
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
  margin-top: 25px !important;
}

.ws-tc-scope .ws-alert-box i {
  color: #F59E0B !important;
  font-size: 1.35rem !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

.ws-tc-scope .ws-alert-box strong {
  display: block !important;
  color: #92400E !important;
  font-size: 0.95rem !important;
  margin-bottom: 4px !important;
}

.ws-tc-scope .ws-alert-box p {
  margin: 0 !important;
  color: #78350F !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
}

@media (max-width: 768px) {
  .ws-tc-scope.ws-section-wrap {
    padding: 35px 16px !important;
  }
  .ws-tc-scope .ws-card-container {
    padding: 26px 20px !important;
  }
  .ws-tc-scope .ws-pill-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 480px) {
  .ws-tc-scope .ws-pill-grid {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd7a0a1 */<style>
.ws-tc-scope,
.ws-tc-scope * {
  box-sizing: border-box !important;
}

.ws-tc-scope.ws-section-wrap {
  width: 100% !important;
  padding: 60px 20px !important;
}

.ws-tc-scope.ws-bg-surface {
  background-color: #F8FAFD !important;
}

.ws-tc-scope .ws-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.ws-tc-scope .ws-card-container {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  padding: 45px 50px !important;
  box-shadow: 0 10px 30px rgba(44, 56, 146, 0.04) !important;
}

.ws-tc-scope .ws-content-block {
  margin-bottom: 10px !important;
}

.ws-tc-scope .ws-divider {
  height: 1px !important;
  background-color: #EDF2F7 !important;
  margin: 40px 0 !important;
}

.ws-tc-scope .ws-header-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
}

.ws-tc-scope .ws-badge-num {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background-color: #2C3892 !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
}

.ws-tc-scope .ws-title-heading {
  margin: 0 !important;
  font-size: clamp(1.4rem, 2.2vw, 1.75rem) !important;
  color: #2C3892 !important;
  font-weight: 800 !important;
}

.ws-tc-scope .ws-subtitle-heading {
  font-size: 1.12rem !important;
  color: #3871C1 !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}

.ws-tc-scope .ws-text {
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  color: #4A5568 !important;
  margin: 0 0 14px 0 !important;
}

/* Banner Info Reschedule */
.ws-tc-scope .ws-info-banner {
  background: rgba(0, 173, 239, 0.08) !important;
  border-left: 4px solid #00ADEF !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 14px 18px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  font-size: 0.92rem !important;
  color: #1E3A8A !important;
  line-height: 1.5 !important;
}

.ws-tc-scope .ws-info-banner i {
  color: #00ADEF !important;
  font-size: 1.25rem !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

/* Tiered Fee Cards */
.ws-tc-scope .ws-tier-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin: 24px 0 !important;
}

.ws-tc-scope .ws-tier-card {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  padding: 24px 18px !important;
  text-align: center !important;
  border: 1px solid #E2E8F0 !important;
}

.ws-tc-scope .ws-chip {
  display: inline-block !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}

.ws-tc-scope .ws-tier-green .ws-chip { background: #E6FFFA !important; color: #047481 !important; }
.ws-tc-scope .ws-tier-yellow .ws-chip { background: #FEF3C7 !important; color: #B45309 !important; }
.ws-tc-scope .ws-tier-red .ws-chip { background: #FEE2E2 !important; color: #B91C1C !important; }

.ws-tc-scope .ws-tier-card h4 {
  font-size: 0.98rem !important;
  color: #2C3892 !important;
  margin: 0 0 10px 0 !important;
}

.ws-tc-scope .ws-fee-val {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: #2C3892 !important;
  margin-bottom: 10px !important;
}

.ws-tc-scope .ws-tier-card p {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  color: #64748B !important;
  margin: 0 !important;
}

@media (max-width: 820px) {
  .ws-tc-scope .ws-tier-grid {
    grid-template-columns: 1fr !important;
  }
  .ws-tc-scope .ws-card-container {
    padding: 26px 20px !important;
  }
}
<\/style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1db3de0 */.ws-tc-scope,
.ws-tc-scope * {
  box-sizing: border-box !important;
}

.ws-tc-scope.ws-section-wrap {
  width: 100% !important;
  padding: 60px 20px !important;
}

.ws-tc-scope.ws-bg-white {
  background-color: #FFFFFF !important;
}

.ws-tc-scope .ws-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Banner Biru Saleh Bay */
.ws-tc-scope .ws-marine-banner {
  background: linear-gradient(135deg, #2C3892 0%, #3871C1 100%) !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
  padding: 38px 34px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 10px 25px rgba(44, 56, 146, 0.15) !important;
}

.ws-tc-scope .ws-marine-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(0, 173, 239, 0.25) !important;
  border: 1px solid rgba(0, 173, 239, 0.4) !important;
  color: #BAEEFF !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

.ws-tc-scope .ws-marine-banner h3 {
  font-size: clamp(1.4rem, 2vw, 1.7rem) !important;
  margin: 0 0 12px 0 !important;
  color: #FFFFFF !important;
}

.ws-tc-scope .ws-marine-banner p {
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.65 !important;
  font-size: 0.96rem !important;
  margin: 0 0 12px 0 !important;
}

.ws-tc-scope .ws-marine-list {
  margin: 10px 0 0 18px !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.93rem !important;
  line-height: 1.6 !important;
}

.ws-tc-scope .ws-marine-list li {
  margin-bottom: 8px !important;
}

/* Dua Kolom Kartu */
.ws-tc-scope .ws-dual-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
}

.ws-tc-scope .ws-feature-card {
  background: #F8FBFE !important;
  border: 1px solid #E2EBF5 !important;
  border-radius: 14px !important;
  padding: 30px 25px !important;
}

.ws-tc-scope .ws-card-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.ws-tc-scope .ws-card-title-row i {
  color: #00ADEF !important;
  font-size: 1.35rem !important;
}

.ws-tc-scope .ws-card-title-row h4 {
  margin: 0 !important;
  font-size: 1.15rem !important;
  color: #2C3892 !important;
  font-weight: 700 !important;
}

.ws-tc-scope .ws-feature-card p {
  font-size: 0.93rem !important;
  line-height: 1.65 !important;
  color: #526077 !important;
  margin: 0 0 12px 0 !important;
}

.ws-tc-scope .ws-check-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  font-size: 0.9rem !important;
  color: #475569 !important;
}

.ws-tc-scope .ws-check-list li {
  position: relative !important;
  padding-left: 20px !important;
  margin-bottom: 6px !important;
  line-height: 1.5 !important;
}

.ws-tc-scope .ws-check-list li::before {
  content: "✔" !important;
  position: absolute !important;
  left: 0 !important;
  color: #00ADEF !important;
  font-size: 0.85rem !important;
}

.ws-tc-scope .ws-note-text {
  font-size: 0.83rem !important;
  color: #718096 !important;
  font-style: italic !important;
}

@media (max-width: 768px) {
  .ws-tc-scope .ws-dual-grid {
    grid-template-columns: 1fr !important;
  }
  .ws-tc-scope .ws-marine-banner {
    padding: 26px 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb8d358 */.ws-tc-scope,
.ws-tc-scope * {
  box-sizing: border-box !important;
}

.ws-tc-scope.ws-section-wrap {
  width: 100% !important;
  padding: 40px 20px 80px 20px !important;
}

.ws-tc-scope.ws-bg-light {
  background-color: #F8FBFE !important;
}

.ws-tc-scope .ws-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.ws-tc-scope .ws-help-card {
  background: #FFFFFF !important;
  border: 1px solid #DFE7F3 !important;
  border-radius: 18px !important;
  padding: 40px 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 30px !important;
  box-shadow: 0 10px 30px rgba(44, 56, 146, 0.05) !important;
}

.ws-tc-scope .ws-help-text h3 {
  margin: 4px 0 8px 0 !important;
  font-size: clamp(1.3rem, 2vw, 1.55rem) !important;
  color: #2C3892 !important;
  font-weight: 800 !important;
}

.ws-tc-scope .ws-help-text p {
  margin: 0 !important;
  color: #5A6A85 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  max-width: 580px !important;
}

.ws-tc-scope .ws-help-actions {
  display: flex !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

.ws-tc-scope .ws-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 22px !important;
  border-radius: 30px !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.ws-tc-scope .ws-btn-wa {
  background-color: #25D366 !important;
  color: #FFFFFF !important;
}

.ws-tc-scope .ws-btn-wa:hover {
  background-color: #1EBE5D !important;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.35) !important;
}

.ws-tc-scope .ws-btn-mail {
  background-color: #2C3892 !important;
  color: #FFFFFF !important;
}

.ws-tc-scope .ws-btn-mail:hover {
  background-color: #3871C1 !important;
  box-shadow: 0 4px 15px rgba(44, 56, 146, 0.3) !important;
}

@media (max-width: 860px) {
  .ws-tc-scope .ws-help-card {
    flex-direction: column !important;
    text-align: center !important;
    padding: 30px 20px !important;
  }
  .ws-tc-scope .ws-help-actions {
    flex-direction: column !important;
    width: 100% !important;
  }
  .ws-tc-scope .ws-action-btn {
    justify-content: center !important;
    width: 100% !important;
  }
}/* End custom CSS */