.elementor-35 .elementor-element.elementor-element-45ddbd46 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-35 .elementor-element.elementor-element-45ddbd46:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-45ddbd46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://comfortzion.org/wp-content/uploads/2026/05/donate-hero.jpg");background-position:center center;background-size:cover;}.elementor-35 .elementor-element.elementor-element-45ddbd46 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(160deg, #002F6E 0%, #002F6E 100%);opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-35 .elementor-element.elementor-element-45ddbd46{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-120px;margin-bottom:0px;padding:180px 24px 140px 24px;}.elementor-35 .elementor-element.elementor-element-4b57f04b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-15d57a1d .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#D4A24C;}.elementor-35 .elementor-element.elementor-element-37330dcc{text-align:start;}.elementor-35 .elementor-element.elementor-element-37330dcc .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:72px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{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 );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 );}.elementor-35 .elementor-element.elementor-element-32d8f869{text-align:start;font-size:20px;line-height:1.7em;color:#E8E8EE;}.elementor-35 .elementor-element.elementor-element-a3b1923{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-2ed7bf94{padding:80px 24px 20px 24px;}.elementor-35 .elementor-element.elementor-element-3dfebf99{text-align:center;}.elementor-35 .elementor-element.elementor-element-3dfebf99 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;color:#1A1A1A;}.elementor-35 .elementor-element.elementor-element-3348771a{text-align:center;}.elementor-35 .elementor-element.elementor-element-3348771a .elementor-heading-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-secondary );}.elementor-35 .elementor-element.elementor-element-8ee3997{--display:flex;--margin-top:28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-a55313f{--display:flex;}.elementor-35 .elementor-element.elementor-element-e583b1a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:010px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-35 .elementor-element.elementor-element-e583b1a.e-con{--order:-99999 /* order start hack */;}.elementor-35 .elementor-element.elementor-element-8b864bf.elementor-element{--order:-99999 /* order start hack */;}.elementor-35 .elementor-element.elementor-element-8b864bf{text-align:center;font-size:14px;line-height:1.7em;color:#6E7280;}.elementor-35 .elementor-element.elementor-element-2df6009{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:9999px 9999px 9999px 9999px;--n-tabs-title-padding-top:6px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:6px;--n-tabs-title-padding-left:20px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:#FFFFFF;--n-tabs-icon-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-2df6009 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-2df6009.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E6AC3D00;}.elementor-35 .elementor-element.elementor-element-2df6009.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-35 .elementor-element.elementor-element-2df6009.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-2df6009.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:500;}.elementor-35 .elementor-element.elementor-element-2df6009 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1454AA;--n-tabs-icon-color-hover:#1953A1;}.elementor-35 .elementor-element.elementor-element-a77aeb6{--spacer-size:80px;}.elementor-35 .elementor-element.elementor-element-0f04eda{text-align:center;font-size:14px;line-height:1.7em;color:#6E7280;}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-37330dcc .elementor-heading-title{font-size:60px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:1025px){.elementor-35 .elementor-element.elementor-element-45ddbd46:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-45ddbd46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-45ddbd46:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-45ddbd46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;}.elementor-35 .elementor-element.elementor-element-37330dcc .elementor-heading-title{font-size:48px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-35 .elementor-element.elementor-element-32d8f869{font-size:18px;}.elementor-35 .elementor-element.elementor-element-e583b1a{--padding-top:28px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for heading, class: .elementor-element-15d57a1d */.cz-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:fit-content;
  padding:8px 20px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid #e6ac3d;
  backdrop-filter:blur(8px);
 
  box-shadow:0 4px 20px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.08);
  margin:0;
}
.cz-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e6ac3d;
  box-shadow:0 0 10px rgba(230,172,61,.8);
  flex-shrink:0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3b1923 */.ornament-divider1 {
  display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin: 18px 0 18px 10%;   /* ← 25% left offset */
    width: fit-content;        /* keeps it from stretching full width */
}

.ornament-divider1::before,
.ornament-divider1::after {
  content: "";
  flex: 0 0 90px;          /* line length — increase for longer lines */
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    #E6AC3D 50%,
    transparent
  );
}

.ornament-divider1 span {
  color: #E6AC3D;          /* gold */
  font-size: 24px;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46ee085 *//* ============================================
   PAYSTACK DONATION FORM — POLISHED
   ============================================ */
.paystack-donation {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 48px 44px;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(0, 47, 110, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 720px;
    margin: 40px auto;
    border: 1px solid rgba(0, 47, 110, 0.06);
    position: relative;
    overflow: hidden;
}

.paystack-donation::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #002f6e, #1a4f8e, #f4b400);
}

.paystack-donation form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Labels */
.paystack-donation label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
    color: #0a2540;
    text-transform: uppercase;
}

/* Inputs */
.paystack-donation input,
.paystack-donation select,
.paystack-donation textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e3e8ef;
    border-radius: 20px !important;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafbfc;
    transition: all 0.25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

.paystack-donation input::placeholder { color: #9aa5b1; }

.paystack-donation input:hover,
.paystack-donation select:hover,
.paystack-donation textarea:hover {
    border-color: #b8c8e0;
    background: #fff;
}

.paystack-donation input:focus,
.paystack-donation select:focus,
.paystack-donation textarea:focus {
    border-color: #002f6e;
    box-shadow: 0 0 0 4px rgba(0, 47, 110, 0.12);
    outline: none;
    background: #fff;
}

/* Select dropdown — keep native arrow */
.paystack-donation select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer;
    padding-right: 40px
}

/* Buttons — premium gradient with shimmer */
.paystack-donation button,
.paystack-donation input[type="submit"] {
    background: linear-gradient(135deg, #002f6e 0%, #002F6E 100%) !important;
    color: #fff !important;
    border: none;
    padding: 18px 28px;
    border-radius: 999px !important;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
   
}

.paystack-donation button::before,
.paystack-donation input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.45) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 1;
}

.paystack-donation button:hover::before,
.paystack-donation input[type="submit"]:hover::before {
    left: 150%;
}

.paystack-donation button:hover,
.paystack-donation input[type="submit"]:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #1a4f8e 0%, #0a3f7e 100%);
   
}

.paystack-donation button:active,
.paystack-donation input[type="submit"]:active {
    transform: translateY(0);
    
}

/* Reset button — softer style */
.paystack-donation input[type="reset"],
.paystack-donation button[type="reset"] {
    background: #f1f4f9;
    color: #5a6b80;
    box-shadow: none;
}
.paystack-donation input[type="reset"]:hover,
.paystack-donation button[type="reset"]:hover {
    background: #e6ebf2;
    color: #0a2540;
  
}

/* Required asterisk */
.paystack-donation .required,
.paystack-donation label .required {
    color: #e53935;
    margin-left: 3px;
}

/* "are compulsory" note */
.paystack-donation small,
.paystack-donation .compulsory-note {
    font-size: 13px;
    color: #6b7280;
    font-style: italic;
}

/* Paystack badge area */
.paystack-donation .paystack-badge,
.paystack-donation img[alt*="paystack" i] {
    margin-top: 10px;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
    .paystack-donation {
        padding: 28px 20px;
        border-radius: 20px;
        margin: 20px 12px;
    }
    .paystack-donation input,
    .paystack-donation select {
        padding: 14px 16px;
        font-size: 15px;
    }
    .paystack-donation button,
    .paystack-donation input[type="submit"] {
        padding: 16px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc8bc3b *//* ============================================
   PAYSTACK DONATION FORM — POLISHED
   ============================================ */
.paystack-donation {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 48px 44px;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(0, 47, 110, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 720px;
    margin: 40px auto;
    border: 1px solid rgba(0, 47, 110, 0.06);
    position: relative;
    overflow: hidden;
}

.paystack-donation::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #002f6e, #1a4f8e, #f4b400);
}

.paystack-donation form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Labels */
.paystack-donation label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
    color: #0a2540;
    text-transform: uppercase;
}

/* Inputs */
.paystack-donation input,
.paystack-donation select,
.paystack-donation textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e3e8ef;
    border-radius: 20px !important;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafbfc;
    transition: all 0.25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

.paystack-donation input::placeholder { color: #9aa5b1; }

.paystack-donation input:hover,
.paystack-donation select:hover,
.paystack-donation textarea:hover {
    border-color: #b8c8e0;
    background: #fff;
}

.paystack-donation input:focus,
.paystack-donation select:focus,
.paystack-donation textarea:focus {
    border-color: #002f6e;
    box-shadow: 0 0 0 4px rgba(0, 47, 110, 0.12);
    outline: none;
    background: #fff;
}

/* Select dropdown — keep native arrow */
.paystack-donation select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer;
    padding-right: 40px
}

/* Buttons — premium gradient with shimmer */
.paystack-donation button,
.paystack-donation input[type="submit"] {
    background: linear-gradient(135deg, #002f6e 0%, #002F6E 100%) !important;
    color: #fff !important;
    border: none;
    padding: 18px 28px;
    border-radius: 999px !important;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
   
}

.paystack-donation button::before,
.paystack-donation input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.45) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 1;
}

.paystack-donation button:hover::before,
.paystack-donation input[type="submit"]:hover::before {
    left: 150%;
}

.paystack-donation button:hover,
.paystack-donation input[type="submit"]:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #1a4f8e 0%, #0a3f7e 100%);
   
}

.paystack-donation button:active,
.paystack-donation input[type="submit"]:active {
    transform: translateY(0);
    
}

/* Reset button — softer style */
.paystack-donation input[type="reset"],
.paystack-donation button[type="reset"] {
    background: #f1f4f9;
    color: #5a6b80;
    box-shadow: none;
}
.paystack-donation input[type="reset"]:hover,
.paystack-donation button[type="reset"]:hover {
    background: #e6ebf2;
    color: #0a2540;
  
}

/* Required asterisk */
.paystack-donation .required,
.paystack-donation label .required {
    color: #e53935;
    margin-left: 3px;
}

/* "are compulsory" note */
.paystack-donation small,
.paystack-donation .compulsory-note {
    font-size: 13px;
    color: #6b7280;
    font-style: italic;
}

/* Paystack badge area */
.paystack-donation .paystack-badge,
.paystack-donation img[alt*="paystack" i] {
    margin-top: 10px;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
    .paystack-donation {
        padding: 28px 20px;
        border-radius: 20px;
        margin: 20px 12px;
    }
    .paystack-donation input,
    .paystack-donation select {
        padding: 14px 16px;
        font-size: 15px;
    }
    .paystack-donation button,
    .paystack-donation input[type="submit"] {
        padding: 16px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46ee085 *//* ============================================
   PAYSTACK DONATION FORM — POLISHED
   ============================================ */
.paystack-donation {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 48px 44px;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(0, 47, 110, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 720px;
    margin: 40px auto;
    border: 1px solid rgba(0, 47, 110, 0.06);
    position: relative;
    overflow: hidden;
}

.paystack-donation::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #002f6e, #1a4f8e, #f4b400);
}

.paystack-donation form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Labels */
.paystack-donation label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
    color: #0a2540;
    text-transform: uppercase;
}

/* Inputs */
.paystack-donation input,
.paystack-donation select,
.paystack-donation textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e3e8ef;
    border-radius: 20px !important;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafbfc;
    transition: all 0.25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

.paystack-donation input::placeholder { color: #9aa5b1; }

.paystack-donation input:hover,
.paystack-donation select:hover,
.paystack-donation textarea:hover {
    border-color: #b8c8e0;
    background: #fff;
}

.paystack-donation input:focus,
.paystack-donation select:focus,
.paystack-donation textarea:focus {
    border-color: #002f6e;
    box-shadow: 0 0 0 4px rgba(0, 47, 110, 0.12);
    outline: none;
    background: #fff;
}

/* Select dropdown — keep native arrow */
.paystack-donation select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer;
    padding-right: 40px
}

/* Buttons — premium gradient with shimmer */
.paystack-donation button,
.paystack-donation input[type="submit"] {
    background: linear-gradient(135deg, #002f6e 0%, #002F6E 100%) !important;
    color: #fff !important;
    border: none;
    padding: 18px 28px;
    border-radius: 999px !important;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
   
}

.paystack-donation button::before,
.paystack-donation input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.45) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 1;
}

.paystack-donation button:hover::before,
.paystack-donation input[type="submit"]:hover::before {
    left: 150%;
}

.paystack-donation button:hover,
.paystack-donation input[type="submit"]:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #1a4f8e 0%, #0a3f7e 100%);
   
}

.paystack-donation button:active,
.paystack-donation input[type="submit"]:active {
    transform: translateY(0);
    
}

/* Reset button — softer style */
.paystack-donation input[type="reset"],
.paystack-donation button[type="reset"] {
    background: #f1f4f9;
    color: #5a6b80;
    box-shadow: none;
}
.paystack-donation input[type="reset"]:hover,
.paystack-donation button[type="reset"]:hover {
    background: #e6ebf2;
    color: #0a2540;
  
}

/* Required asterisk */
.paystack-donation .required,
.paystack-donation label .required {
    color: #e53935;
    margin-left: 3px;
}

/* "are compulsory" note */
.paystack-donation small,
.paystack-donation .compulsory-note {
    font-size: 13px;
    color: #6b7280;
    font-style: italic;
}

/* Paystack badge area */
.paystack-donation .paystack-badge,
.paystack-donation img[alt*="paystack" i] {
    margin-top: 10px;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
    .paystack-donation {
        padding: 28px 20px;
        border-radius: 20px;
        margin: 20px 12px;
    }
    .paystack-donation input,
    .paystack-donation select {
        padding: 14px 16px;
        font-size: 15px;
    }
    .paystack-donation button,
    .paystack-donation input[type="submit"] {
        padding: 16px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc8bc3b *//* ============================================
   PAYSTACK DONATION FORM — POLISHED
   ============================================ */
.paystack-donation {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 48px 44px;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(0, 47, 110, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 720px;
    margin: 40px auto;
    border: 1px solid rgba(0, 47, 110, 0.06);
    position: relative;
    overflow: hidden;
}

.paystack-donation::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #002f6e, #1a4f8e, #f4b400);
}

.paystack-donation form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Labels */
.paystack-donation label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
    color: #0a2540;
    text-transform: uppercase;
}

/* Inputs */
.paystack-donation input,
.paystack-donation select,
.paystack-donation textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e3e8ef;
    border-radius: 20px !important;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafbfc;
    transition: all 0.25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

.paystack-donation input::placeholder { color: #9aa5b1; }

.paystack-donation input:hover,
.paystack-donation select:hover,
.paystack-donation textarea:hover {
    border-color: #b8c8e0;
    background: #fff;
}

.paystack-donation input:focus,
.paystack-donation select:focus,
.paystack-donation textarea:focus {
    border-color: #002f6e;
    box-shadow: 0 0 0 4px rgba(0, 47, 110, 0.12);
    outline: none;
    background: #fff;
}

/* Select dropdown — keep native arrow */
.paystack-donation select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer;
    padding-right: 40px
}

/* Buttons — premium gradient with shimmer */
.paystack-donation button,
.paystack-donation input[type="submit"] {
    background: linear-gradient(135deg, #002f6e 0%, #002F6E 100%) !important;
    color: #fff !important;
    border: none;
    padding: 18px 28px;
    border-radius: 999px !important;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
   
}

.paystack-donation button::before,
.paystack-donation input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.45) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 1;
}

.paystack-donation button:hover::before,
.paystack-donation input[type="submit"]:hover::before {
    left: 150%;
}

.paystack-donation button:hover,
.paystack-donation input[type="submit"]:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #1a4f8e 0%, #0a3f7e 100%);
   
}

.paystack-donation button:active,
.paystack-donation input[type="submit"]:active {
    transform: translateY(0);
    
}

/* Reset button — softer style */
.paystack-donation input[type="reset"],
.paystack-donation button[type="reset"] {
    background: #f1f4f9;
    color: #5a6b80;
    box-shadow: none;
}
.paystack-donation input[type="reset"]:hover,
.paystack-donation button[type="reset"]:hover {
    background: #e6ebf2;
    color: #0a2540;
  
}

/* Required asterisk */
.paystack-donation .required,
.paystack-donation label .required {
    color: #e53935;
    margin-left: 3px;
}

/* "are compulsory" note */
.paystack-donation small,
.paystack-donation .compulsory-note {
    font-size: 13px;
    color: #6b7280;
    font-style: italic;
}

/* Paystack badge area */
.paystack-donation .paystack-badge,
.paystack-donation img[alt*="paystack" i] {
    margin-top: 10px;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
    .paystack-donation {
        padding: 28px 20px;
        border-radius: 20px;
        margin: 20px 12px;
    }
    .paystack-donation input,
    .paystack-donation select {
        padding: 14px 16px;
        font-size: 15px;
    }
    .paystack-donation button,
    .paystack-donation input[type="submit"] {
        padding: 16px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46ee085 *//* ============================================
   PAYSTACK DONATION FORM — POLISHED
   ============================================ */
.paystack-donation {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 48px 44px;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(0, 47, 110, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 720px;
    margin: 40px auto;
    border: 1px solid rgba(0, 47, 110, 0.06);
    position: relative;
    overflow: hidden;
}

.paystack-donation::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #002f6e, #1a4f8e, #f4b400);
}

.paystack-donation form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Labels */
.paystack-donation label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
    color: #0a2540;
    text-transform: uppercase;
}

/* Inputs */
.paystack-donation input,
.paystack-donation select,
.paystack-donation textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e3e8ef;
    border-radius: 20px !important;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafbfc;
    transition: all 0.25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

.paystack-donation input::placeholder { color: #9aa5b1; }

.paystack-donation input:hover,
.paystack-donation select:hover,
.paystack-donation textarea:hover {
    border-color: #b8c8e0;
    background: #fff;
}

.paystack-donation input:focus,
.paystack-donation select:focus,
.paystack-donation textarea:focus {
    border-color: #002f6e;
    box-shadow: 0 0 0 4px rgba(0, 47, 110, 0.12);
    outline: none;
    background: #fff;
}

/* Select dropdown — keep native arrow */
.paystack-donation select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer;
    padding-right: 40px
}

/* Buttons — premium gradient with shimmer */
.paystack-donation button,
.paystack-donation input[type="submit"] {
    background: linear-gradient(135deg, #002f6e 0%, #002F6E 100%) !important;
    color: #fff !important;
    border: none;
    padding: 18px 28px;
    border-radius: 999px !important;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
   
}

.paystack-donation button::before,
.paystack-donation input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.45) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 1;
}

.paystack-donation button:hover::before,
.paystack-donation input[type="submit"]:hover::before {
    left: 150%;
}

.paystack-donation button:hover,
.paystack-donation input[type="submit"]:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #1a4f8e 0%, #0a3f7e 100%);
   
}

.paystack-donation button:active,
.paystack-donation input[type="submit"]:active {
    transform: translateY(0);
    
}

/* Reset button — softer style */
.paystack-donation input[type="reset"],
.paystack-donation button[type="reset"] {
    background: #f1f4f9;
    color: #5a6b80;
    box-shadow: none;
}
.paystack-donation input[type="reset"]:hover,
.paystack-donation button[type="reset"]:hover {
    background: #e6ebf2;
    color: #0a2540;
  
}

/* Required asterisk */
.paystack-donation .required,
.paystack-donation label .required {
    color: #e53935;
    margin-left: 3px;
}

/* "are compulsory" note */
.paystack-donation small,
.paystack-donation .compulsory-note {
    font-size: 13px;
    color: #6b7280;
    font-style: italic;
}

/* Paystack badge area */
.paystack-donation .paystack-badge,
.paystack-donation img[alt*="paystack" i] {
    margin-top: 10px;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
    .paystack-donation {
        padding: 28px 20px;
        border-radius: 20px;
        margin: 20px 12px;
    }
    .paystack-donation input,
    .paystack-donation select {
        padding: 14px 16px;
        font-size: 15px;
    }
    .paystack-donation button,
    .paystack-donation input[type="submit"] {
        padding: 16px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc8bc3b *//* ============================================
   PAYSTACK DONATION FORM — POLISHED
   ============================================ */
.paystack-donation {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 48px 44px;
    border-radius: 28px;
    box-shadow:
        0 20px 60px rgba(0, 47, 110, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 720px;
    margin: 40px auto;
    border: 1px solid rgba(0, 47, 110, 0.06);
    position: relative;
    overflow: hidden;
}

.paystack-donation::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #002f6e, #1a4f8e, #f4b400);
}

.paystack-donation form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Labels */
.paystack-donation label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
    color: #0a2540;
    text-transform: uppercase;
}

/* Inputs */
.paystack-donation input,
.paystack-donation select,
.paystack-donation textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e3e8ef;
    border-radius: 20px !important;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafbfc;
    transition: all 0.25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

.paystack-donation input::placeholder { color: #9aa5b1; }

.paystack-donation input:hover,
.paystack-donation select:hover,
.paystack-donation textarea:hover {
    border-color: #b8c8e0;
    background: #fff;
}

.paystack-donation input:focus,
.paystack-donation select:focus,
.paystack-donation textarea:focus {
    border-color: #002f6e;
    box-shadow: 0 0 0 4px rgba(0, 47, 110, 0.12);
    outline: none;
    background: #fff;
}

/* Select dropdown — keep native arrow */
.paystack-donation select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer;
    padding-right: 40px
}

/* Buttons — premium gradient with shimmer */
.paystack-donation button,
.paystack-donation input[type="submit"] {
    background: linear-gradient(135deg, #002f6e 0%, #002F6E 100%) !important;
    color: #fff !important;
    border: none;
    padding: 18px 28px;
    border-radius: 999px !important;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
   
}

.paystack-donation button::before,
.paystack-donation input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.45) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 1;
}

.paystack-donation button:hover::before,
.paystack-donation input[type="submit"]:hover::before {
    left: 150%;
}

.paystack-donation button:hover,
.paystack-donation input[type="submit"]:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #1a4f8e 0%, #0a3f7e 100%);
   
}

.paystack-donation button:active,
.paystack-donation input[type="submit"]:active {
    transform: translateY(0);
    
}

/* Reset button — softer style */
.paystack-donation input[type="reset"],
.paystack-donation button[type="reset"] {
    background: #f1f4f9;
    color: #5a6b80;
    box-shadow: none;
}
.paystack-donation input[type="reset"]:hover,
.paystack-donation button[type="reset"]:hover {
    background: #e6ebf2;
    color: #0a2540;
  
}

/* Required asterisk */
.paystack-donation .required,
.paystack-donation label .required {
    color: #e53935;
    margin-left: 3px;
}

/* "are compulsory" note */
.paystack-donation small,
.paystack-donation .compulsory-note {
    font-size: 13px;
    color: #6b7280;
    font-style: italic;
}

/* Paystack badge area */
.paystack-donation .paystack-badge,
.paystack-donation img[alt*="paystack" i] {
    margin-top: 10px;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
    .paystack-donation {
        padding: 28px 20px;
        border-radius: 20px;
        margin: 20px 12px;
    }
    .paystack-donation input,
    .paystack-donation select {
        padding: 14px 16px;
        font-size: 15px;
    }
    .paystack-donation button,
    .paystack-donation input[type="submit"] {
        padding: 16px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2df6009 *//* Classic Tabs + Nested Tabs pill style */
.elementor-widget-tabs .elementor-tabs-wrapper,
.e-n-tabs-heading {
  display: inline-flex !important;
  gap: 6px !important;
  background: #fff !important;
  padding: 8px !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 24px rgba(15,27,61,.10) !important;
  border: 1px solid #e3ddd3 !important;
  width: auto !important;
  margin: 0 auto !important;
}

.elementor-widget-tabs .elementor-tabs {
  text-align: center !important;
}

.elementor-widget-tabs .elementor-tab-title,
.e-n-tab-title {
  border: 0 !important;
  background: transparent !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #0f1b3d !important;
  transition: all .25s ease !important;
  cursor: pointer !important;
}

.elementor-widget-tabs .elementor-tab-title:hover,
.e-n-tab-title:hover {
  background: #f3f5fa !important;
}

.elementor-widget-tabs .elementor-tab-title.elementor-active,
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title.e-active {
  background: #002F6E !important;
  color: #fff !important;

}

/* kill default underline/border */
.elementor-widget-tabs .elementor-tab-content,
.e-n-tabs-content { border: 0 !important; }/* End custom CSS */