.elementor-9011 .elementor-element.elementor-element-79692526{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--overlay-mix-blend-mode:overlay;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9011 .elementor-element.elementor-element-79692526:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-79692526 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EBCB;}.elementor-9011 .elementor-element.elementor-element-79692526::before, .elementor-9011 .elementor-element.elementor-element-79692526 > .elementor-background-video-container::before, .elementor-9011 .elementor-element.elementor-element-79692526 > .e-con-inner > .elementor-background-video-container::before, .elementor-9011 .elementor-element.elementor-element-79692526 > .elementor-background-slideshow::before, .elementor-9011 .elementor-element.elementor-element-79692526 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9011 .elementor-element.elementor-element-79692526 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#F9F4E9;background-image:url("https://fatihfoundation.com/wp-content/uploads/2022/09/causes-two-shape-1.png");}.elementor-9011 .elementor-element.elementor-element-263f03a1{--display:flex;--min-height:0px;--justify-content:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--z-index:4;}.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-9011 .elementor-element.elementor-element-3034db7c .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:22px;font-weight:800;color:#26CC8C;}.elementor-9011 .elementor-element.elementor-element-3a48a094 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:35px;font-weight:900;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-9011 .elementor-element.elementor-element-179a410{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#6F7775;margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 18px) 5px;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-9011 .elementor-element.elementor-element-70016fc .elementor-button{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:900;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-color:#FBD45A;border-radius:45px 45px 45px 45px;padding:20px 26px 20px 26px;}.elementor-9011 .elementor-element.elementor-element-70016fc{padding:1px 1px 1px 1px;}.elementor-9011 .elementor-element.elementor-element-46061edd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9011 .elementor-element.elementor-element-2f55c23a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-7ee73d44{--display:flex;--min-height:360px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 11px 10px 0px rgba(0, 0, 0, 0.17);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-7ee73d44:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-7ee73d44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/WhatsApp-Image-2025-09-08-at-5.14.23-AM.webp");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-14fd0ccd .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-21cf7a88{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-2945692f{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-2945692f:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-2945692f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/04.png");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-1d521f49 .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-4f9487d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-31d944e7{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-31d944e7:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-31d944e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/IMG-20210227-WA0004.jpg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-6cd25afc .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-21d1d2d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-10b62{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-10b62:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-10b62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/٢٠٢٥_٠٩_١٧_١١_٠٦_IMG_0113.webp");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-6f050d0e .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-3b92698a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-3ad10af6{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-3ad10af6:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-3ad10af6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/WhatsApp-Image-2025-10-11-at-2.59.06-PM-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-1c54df99 .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-28edc9f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-32451f68{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-32451f68:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-32451f68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/WhatsApp-Image-2024-12-19-at-2.34.26-PM-4.jpeg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-38620fcf .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-1fb3dc4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-45b23951{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-45b23951:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-45b23951 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/02-scaled-e1770378331422.jpg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-697130ab .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-63659edf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-599270d2{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-599270d2:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-599270d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/WhatsApp-Image-2025-08-06-at-10.41.43-AM-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-74170004 .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-50bf7112{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-2539a879{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-2539a879:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-2539a879 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2022/09/WhatsApp-Image-2025-08-06-at-10.41.37-AM.jpeg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-524edb9e .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-1cff3391{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-5b639e0f{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-5b639e0f:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-5b639e0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/٢٠٢٤_١١_٢٦_٠٤_٣٥_IMG_0144-scaled-e1767175566397.jpg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-1168ddad .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-4955caf9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-4a69f780{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-4a69f780:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-4a69f780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/04/plantation-environmental-care.png");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-5496d2f6 .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-76061ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9011 .elementor-element.elementor-element-322cbdde{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-322cbdde:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-322cbdde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/C0128T01-e1769680996738.jpg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-67ab403f .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:25px;font-weight:900;letter-spacing:0.1px;color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-4cb78604{--display:flex;}.elementor-9011 .elementor-element.elementor-element-30490061{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-30490061:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-30490061 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/WhatsApp-Image-2025-09-10-at-4.15.56-AM-1-1.jpeg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-37f110c5 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:25px;font-weight:900;line-height:26px;letter-spacing:-0.7px;word-spacing:0px;color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-164ec3cf{--display:flex;}.elementor-9011 .elementor-element.elementor-element-5ef432fe{--display:flex;--min-height:356px;--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;--justify-content:flex-end;--border-radius:25px 25px 25px 25px;box-shadow:1px 10px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-9011 .elementor-element.elementor-element-5ef432fe:not(.elementor-motion-effects-element-type-background), .elementor-9011 .elementor-element.elementor-element-5ef432fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/WhatsApp-Image-2023-03-03-at-2.54.27-PM.jpeg");background-position:center center;background-size:cover;}.elementor-9011 .elementor-element.elementor-element-7de3966f .elementor-heading-title{font-family:var( --e-global-typography-88a3b00-font-family ), Sans-serif;font-size:var( --e-global-typography-88a3b00-font-size );font-weight:var( --e-global-typography-88a3b00-font-weight );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-5f2c2eff{--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-66px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:80px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:80px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-size:30px;--e-n-carousel-arrow-normal-color:var( --e-global-color-accent );--e-n-carousel-arrow-hover-color:var( --e-global-color-text );}.elementor-9011 .elementor-element.elementor-element-5f2c2eff :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:2px 2px 2px 2px;border-radius:40px 40px 40px 40px;padding:10px 10px 10px 10px;}.elementor-9011 .elementor-element.elementor-element-5f2c2eff :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-9011 .elementor-element.elementor-element-79692526{--content-width:1205px;}.elementor-9011 .elementor-element.elementor-element-263f03a1{--width:40%;}}@media(max-width:1024px){.elementor-9011 .elementor-element.elementor-element-14fd0ccd .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-1d521f49 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-6cd25afc .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-6f050d0e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-1c54df99 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-38620fcf .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-697130ab .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-74170004 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-524edb9e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-1168ddad .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-5496d2f6 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-7de3966f .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-5f2c2eff{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-9011 .elementor-element.elementor-element-14fd0ccd .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-1d521f49 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-6cd25afc .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-6f050d0e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-1c54df99 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-38620fcf .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-697130ab .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-74170004 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-524edb9e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-1168ddad .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-5496d2f6 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-7de3966f .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );line-height:var( --e-global-typography-88a3b00-line-height );letter-spacing:var( --e-global-typography-88a3b00-letter-spacing );word-spacing:var( --e-global-typography-88a3b00-word-spacing );}.elementor-9011 .elementor-element.elementor-element-5f2c2eff{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14fd0ccd *//* Change '.elementor-9011 .elementor-element.elementor-element-14fd0ccd' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-14fd0ccd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee73d44 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-7ee73d44::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-7ee73d44 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-7ee73d44:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1d521f49 *//* Change '.elementor-9011 .elementor-element.elementor-element-1d521f49' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1d521f49:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2945692f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2945692f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2945692f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2945692f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2945692f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2945692f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cd25afc *//* Change '.elementor-9011 .elementor-element.elementor-element-6cd25afc' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6cd25afc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d944e7 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-31d944e7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-31d944e7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-31d944e7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-31d944e7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-31d944e7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6f050d0e *//* Change '.elementor-9011 .elementor-element.elementor-element-6f050d0e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-6f050d0e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b62 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-10b62 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-10b62::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-10b62:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-10b62 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-10b62:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c54df99 *//* Change '.elementor-9011 .elementor-element.elementor-element-1c54df99' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1c54df99:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ad10af6 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-3ad10af6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-3ad10af6 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-3ad10af6:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38620fcf *//* Change '.elementor-9011 .elementor-element.elementor-element-38620fcf' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-38620fcf:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32451f68 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-32451f68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-32451f68::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-32451f68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-32451f68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-32451f68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-697130ab *//* Change '.elementor-9011 .elementor-element.elementor-element-697130ab' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-697130ab:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b23951 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-45b23951 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-45b23951::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-45b23951:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-45b23951 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-45b23951:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74170004 *//* Change '.elementor-9011 .elementor-element.elementor-element-74170004' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-74170004:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-599270d2 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-599270d2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-599270d2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-599270d2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-599270d2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-599270d2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-524edb9e *//* Change '.elementor-9011 .elementor-element.elementor-element-524edb9e' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-524edb9e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2539a879 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-2539a879 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-2539a879::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-2539a879:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-2539a879 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-2539a879:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1168ddad *//* Change '.elementor-9011 .elementor-element.elementor-element-1168ddad' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-1168ddad:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b639e0f *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5b639e0f {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5b639e0f::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5b639e0f .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5b639e0f:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5496d2f6 *//* Change '.elementor-9011 .elementor-element.elementor-element-5496d2f6' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-5496d2f6:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a69f780 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-4a69f780 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-4a69f780::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-4a69f780:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-4a69f780 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-4a69f780:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67ab403f *//* Change '.elementor-9011 .elementor-element.elementor-element-67ab403f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-67ab403f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-322cbdde *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-322cbdde {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-322cbdde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-322cbdde:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-322cbdde .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-322cbdde:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f110c5 *//* Change '.elementor-9011 .elementor-element.elementor-element-37f110c5' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-37f110c5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30490061 *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-30490061 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-30490061::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-30490061:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-30490061 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-30490061:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7de3966f *//* Change '.elementor-9011 .elementor-element.elementor-element-7de3966f' to the heading's class or target it from the container */
parent-.elementor-9011 .elementor-element.elementor-element-7de3966f:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef432fe *//* 1. Container Base */
.elementor-9011 .elementor-element.elementor-element-5ef432fe {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-9011 .elementor-element.elementor-element-5ef432fe::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-9011 .elementor-element.elementor-element-5ef432fe .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-9011 .elementor-element.elementor-element-5ef432fe:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */