.elementor-86097 .elementor-element.elementor-element-347d4eba{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-weight );}.elementor-86097 .elementor-element.elementor-element-e0a6842{text-align:center;}.elementor-86097 .elementor-element.elementor-element-e0a6842 img{width:100%;border-radius:26px 26px 26px 26px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}body.elementor-page-86097:not(.elementor-motion-effects-element-type-background), body.elementor-page-86097 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D2833;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-weight:var( --e-global-typography-text-weight );}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-weight );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-weight:var( --e-global-typography-text-weight );}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-weight );}}/* Start custom CSS for text-editor, class: .elementor-element-55dc9edd */#subs{
  display: flex;
}
.subschild{
justify-items: center;
}
#donorbox{
  text-align: center !important;
}
p.center{
  text-align: center !important;
}
@media (max-width: 768px) {
  #wrapper1 {
    flex-direction: column; /* Stacks items vertically on mobile */
  }
}
@media (max-width: 2100px) {
  #wrapper1 {
    flex-direction: row; /* Stacks items vertically on mobile */
  }
}
  /* ---- Base ---- */
  .selalu-wrap * { box-sizing: border-box; }
  .selalu-wrap img { max-width: 100%; height: auto; display: block; }
  .selalu-wrap .center { text-align: center; margin: 0; } /* WP often adds <p> wrappers */

  /* ---- Intro (2-col → 1-col) ---- */
  .selalu-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
    margin: 18px 0;
  }
  @media (max-width: 768px) { .selalu-two-col { grid-template-columns: 1fr; } }

  /* ---- Donation area (tiers | donorbox) ---- */
  .selalu-donate {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: start;
    margin: 22px 0;
  }
  @media (max-width: 992px) { .selalu-donate { grid-template-columns: 1fr; } }

  /* ---- Tiers “table” ---- */
  .selalu-tiers { display: grid; gap: 10px; }
  .selalu-header, .selalu-tier {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr; /* Amount | Tier | Description */
    gap: 8px;
  }
/* Header row */
.selalu-header {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 8px;
    font-weight: 700;
    background: #cccccc;
    border-radius: 6px;
    margin-bottom: 32px;
    padding: 2%;
}

/* Header cells (to match tier cells) */
.selalu-header &gt; div {
  padding: 12px 14px;   /* same as .selalu-tier &gt; div */
  border-radius: 6px;
  text-align: center;   /* optional: centers text */
}
  .selalu-tier &gt; div { padding: 10px 10px; border-radius: 6px; }

  /* Mobile: stack each tier row */
  @media (max-width: 600px) {
    .selalu-header { display: none; }
    .selalu-tier { grid-template-columns: 1fr; }
  }

  /* Palette */
  .c-1 { background: #f9e595; }
  .c-2 { background: #fac51c; }
  .c-3 { background: #fba026; }
  .c-4 { background: #f37934; }

  /* ---- Donorbox iframe ---- */
  .donorbox-embed { width: 100%; border: 0; height: 900px; }
  @media (max-width: 600px) { .donorbox-embed { height: 1100px; } }

  /* ---- Everything AFTER donorbox: horizontal on desktop ---- */
  .center-group {
    display: flex;          /* horizontal alignment */
    flex-wrap: wrap;        /* wrap to next line if needed */
    gap: 20px;
    align-items: flex-start;
    margin-top: 22px;
  }
  .center-group .center {   /* each “card” */
    flex: 1 1 260px;        /* responsive width */
    max-width: 340px;       /* keep tiles tidy */
  }
  /* Optional: give items a little internal spacing when they’re just text */
  .center-group .center &gt; * { margin-left: auto; margin-right: auto; }

  /* Mobile: stack normally */
  @media (max-width: 992px) {
    .center-group { display: block; }
    .center-group .center { max-width: 100%; margin-bottom: 16px; }
  }
  /* Spacing helpers (optional) */
  .mt-20 { margin-top: 20px; }
  .mb-20 { margin-bottom: 20px; }

/* --- Center the intro text block and the tiers/donate block --- */
.selalu-two-col {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.selalu-donate {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}/* End custom CSS */