.elementor-110 .elementor-element.elementor-element-dfb14e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:178px;--margin-bottom:170px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-110 .elementor-element.elementor-element-05e317e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:0px;}.elementor-110 .elementor-element.elementor-element-aead40e > .elementor-widget-container{margin:0px 40px 0px 0px;}.elementor-110 .elementor-element.elementor-element-aead40e{animation-delay:400ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-primary{font-size:50px;font-weight:bold;line-height:60px;letter-spacing:0.3px;margin:0px 0px 47px 0px;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-secondary{font-size:16px;font-weight:500;line-height:25px;margin:0px 5px 20px 0px;max-width:536px;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-divider{height:5px;width:97px;}.elementor-110 .elementor-element.elementor-element-f706eab{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;animation-delay:400ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}@media(max-width:1024px){.elementor-110 .elementor-element.elementor-element-dfb14e3{--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-110 .elementor-element.elementor-element-05e317e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-110 .elementor-element.elementor-element-aead40e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-primary{margin:45px 0px 0px 0px;max-width:1600px;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-secondary{margin:40px 165px 0px 165px;max-width:1600px;}.elementor-110 .elementor-element.elementor-element-f706eab{--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}}@media(max-width:767px){.elementor-110 .elementor-element.elementor-element-dfb14e3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-110 .elementor-element.elementor-element-aead40e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-primary{font-size:40px;}.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-secondary{margin:35px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-f706eab{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-110 .elementor-element.elementor-element-dfb14e3{--content-width:1300px;}.elementor-110 .elementor-element.elementor-element-05e317e{--width:50.077%;}.elementor-110 .elementor-element.elementor-element-f706eab{--width:49.923%;}}@media(max-width:1024px) and (min-width:768px){.elementor-110 .elementor-element.elementor-element-05e317e{--width:100%;}.elementor-110 .elementor-element.elementor-element-f706eab{--width:100%;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-aead40e */.elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-divider{
    float: right;
    position: absolute;
    top: 30px;
    right: 70px;
    z-index: 1;

    /* KCP Logo Gradient */
    background: rgb(161,42,140); /* #A12A8C */
    background: linear-gradient(90deg, rgba(161,42,140,1) 0%, rgba(201,182,104,1) 100%);

    border-radius: 3px;
    box-shadow: 0px 2px 6px rgba(99,51,92,0.20);
}

@media screen and (max-width:1024px) {
  .elementor-110 .elementor-element.elementor-element-aead40e .aux-modern-heading-divider{
    float: none;
    position: relative;
    top: 0;
    right: 0;
    left: 0;

    /* KCP Logo Gradient */
    background: rgb(161,42,140);
    background: linear-gradient(90deg, rgba(161,42,140,1) 0%, rgba(201,182,104,1) 100%);

    border-radius: 3px;
    box-shadow: 0px 2px 6px rgba(99,51,92,0.20);
    margin: auto;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0d537b6 *//* Custom CSS to change Paystack form colors to brand color #740938 */

/* Target the primary button (Donate button) */
.j-forms .primary-btn,
button.primary-btn,
.primary-btn {
    background: #740938 !important;
    background-color: #740938 !important;
    border-color: #740938 !important;
}

/* Hover state for the button */
.j-forms .primary-btn:hover,
button.primary-btn:hover,
.primary-btn:hover {
    background: #5a0729 !important;
    background-color: #5a0729 !important;
    border-color: #5a0729 !important;
}

/* Target the secondary button (Reset button) if needed */
.j-forms .secondary-btn,
button.secondary-btn,
.secondary-btn {
    background: #b8b8b8 !important;
    background-color: #b8b8b8 !important;
    border-color: #b8b8b8 !important;
}

/* Success message styling */
.j-forms .success-message,
.paystack-success,
div[class*="success"] {
    background-color: #740938 !important;
    border-color: #740938 !important;
    color: #ffffff !important;
}

/* Alternative success notice styling */
.success-notice,
.notice-success {
    background-color: #f4e6ed !important;
    border-left-color: #740938 !important;
    color: #740938 !important;
}
/* Add this to your existing CSS to fix the blue hover on input fields */

/* Remove blue hover from input fields */
.j-forms input[type="text"]:hover,
.j-forms input[type="number"]:hover,
.j-forms input[type="password"]:hover,
.j-forms input[type="email"]:hover,
.j-forms input[type="search"]:hover,
.j-forms input[type="url"]:hover,
.j-forms textarea:hover,
.j-forms select:hover {
    border-color: #740938 !important;
}

/* Also fix the focus state (when clicked) */
.j-forms input[type="text"]:focus,
.j-forms input[type="number"]:focus,
.j-forms input[type="password"]:focus,
.j-forms input[type="email"]:focus,
.j-forms input[type="search"]:focus,
.j-forms input[type="url"]:focus,
.j-forms textarea:focus,
.j-forms select:focus {
    border-color: #740938 !important;
    outline-color: #740938 !important;
}/* End custom CSS */