.elementor-12916 .elementor-element.elementor-element-4912500{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12916 .elementor-element.elementor-element-3050551{width:100%;max-width:100%;}.elementor-12916 .elementor-element.elementor-element-3050551 img{width:75%;}.elementor-12916 .elementor-element.elementor-element-7401edf{width:100%;max-width:100%;}.elementor-12916 .elementor-element.elementor-element-7401edf img{width:75%;}.elementor-12916 .elementor-element.elementor-element-f1f410b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12916 .elementor-element.elementor-element-7401edf img{width:100%;}}/* Start custom CSS for html, class: .elementor-element-22c15ab *//* ====== CONTAINER ====== */
.lp-container {
  max-width: 900px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}

/* ====== TITLE ====== */
.lp-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* ====== DESCRIPTION ====== */
.lp-desc {
  font-size: 15px;
  margin-bottom: 15px;
}

/* ====== SECTION TITLE ====== */
.lp-section-title {
  font-size: 24px;
  font-weight: 700;
  margin: 30px 10 15px;
}

/* ====== TABLE WRAPPER ====== */
.lp-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  background: #f5f5f5;
}

/* HEADER */
.lp-table thead {
  background-color: #15803d; /* hijau */
  color: white;
}

.lp-table thead th {
  padding: 15px;
  font-size: 16px;
  text-align: center;
}

/* ROWS */
.lp-table td {
  padding: 15px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}

/* LEFT COLUMN */
.lp-table td:first-child {
  width: 35%;
  font-weight: 600;
}

/* RIGHT COLUMN */
.lp-table td:last-child {
  width: 65%;
}

/* BULLET LIST */
.lp-table ul {
  padding-left: 20px;
  margin: 0;
}

.lp-table ul li {
  margin-bottom: 8px;
}

/* RED BULLET */
.lp-table ul li::marker {
  color: #e11d48;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
  .lp-title {
    font-size: 26px;
  }

  .lp-section-title {
    font-size: 20px;
  }

  .lp-table td {
    display: block;
    width: 100%;
  }

  .lp-table td:first-child {
    background: #eee;
  }
}

/* ===== CONTAINER ===== */
.kurban-card {
  max-width: 900px;
  margin: 0px auto;
  font-family: Arial, sans-serif;
}

/* ===== CONTAINER ===== */
.kurban-card2 {
  max-width: 900px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  font-family: Arial, sans-serif;
}

/* ===== HEADER HIJAU ===== */
.kurban-header {
  background: linear-gradient(180deg, #16a34a, #15803d);
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: -15px;
  position: relative;
  z-index: 2;
}

/* ===== TABLE WRAPPER ===== */
.kurban-table {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #7aa33c;
}

/* ===== ROW ===== */
.kurban-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* ===== HEADER KUNING ===== */
.kurban-head div {
  background: linear-gradient(180deg, #fde047, #facc15);
  padding: 15px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #ccc;
}

.kurban-head div:last-child {
  border-right: none;
}

/* ===== CONTENT ===== */
.kurban-row:not(.kurban-head) div {
  background: #e5e7eb;
  padding: 12px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.kurban-row div:last-child {
  border-right: none;
}

/* ===== SALDO KHUSUS ===== */
.saldo {
  font-weight: bold;
  font-size: 16px;
  background: #d1d5db !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .kurban-row {
    grid-template-columns: 1fr;
  }

  .kurban-head {
    display: none;
  }

  .kurban-row div {
    text-align: left;
  }

  .saldo {
    text-align: center !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8dcfd7 *//* ====== CONTAINER ====== */
.lp-container {
  max-width: 900px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}

/* ====== TITLE ====== */
.lp-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* ====== DESCRIPTION ====== */
.lp-desc {
  font-size: 15px;
  margin-bottom: 15px;
}

/* ====== SECTION TITLE ====== */
.lp-section-title {
  font-size: 24px;
  font-weight: 700;
  margin: 30px 10 15px;
}

/* ====== TABLE WRAPPER ====== */
.lp-table {
  width: 10%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  background: #f5f5f5;
}

/* HEADER */
.lp-table thead {
  background-color: #15803d; /* hijau */
  color: white;
}

.lp-table thead th {
  padding: 15px;
  font-size: 16px;
  text-align: center;
}

/* ROWS */
.lp-table td {
  padding: 15px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}

/* LEFT COLUMN */
.lp-table td:first-child {
  width: 35%;
  font-weight: 600;
}

/* RIGHT COLUMN */
.lp-table td:last-child {
  width: 65%;
}

/* BULLET LIST */
.lp-table ul {
  padding-left: 20px;
  margin: 0;
}

.lp-table ul li {
  margin-bottom: 8px;
}

/* RED BULLET */
.lp-table ul li::marker {
  color: #e11d48;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
  .lp-title {
    font-size: 26px;
  }

  .lp-section-title {
    font-size: 20px;
  }

  .lp-table td {
    width: 100%;
  }

  .lp-table td:first-child {
    background: #eee;
  }
}


/* ===== CONTAINER ===== */
.kurban-mobile {
  font-family: Arial, sans-serif;
  padding: 5px;
}

/* ===== HEADER ===== */
.km-header {
  background: linear-gradient(180deg, #16a34a, #15803d);
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 12px;
  border-radius: 10px;
  font-size: 16px;
  margin-bottom: 15px;
}

/* ===== CARD ===== */
.km-card {
  background: #f3f4f6;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* ===== SALDO ===== */
.km-saldo {
    background: linear-gradient(180deg, #fde047, #facc15);
  padding: 10px;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

/* ===== ITEM ===== */
.km-item {
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
  border-left: 5px solid #16a34a;
}

/* ===== TITLE ===== */
.km-title {
  font-weight: bold;
  margin-bottom: 8px;
  color: #15803d;
}

/* ===== ROW ===== */
.km-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 14px;
}

/* ===== TEXT ===== */
.km-row span {
  color: #555;
}

.km-row strong {
  color: #000;
}/* End custom CSS */