.elementor-8449 .elementor-element.elementor-element-6d4839e{--display:flex;}.elementor-8449 .elementor-element.elementor-element-73f3542 .section-title__title{font-family:var( --e-global-typography-7ba3f87-font-family ), Sans-serif;font-size:var( --e-global-typography-7ba3f87-font-size );font-weight:var( --e-global-typography-7ba3f87-font-weight );color:var( --e-global-color-accent );}.elementor-8449 .elementor-element.elementor-element-73f3542 .section-title__tagline{font-family:var( --e-global-typography-50e6ea5-font-family ), Sans-serif;font-size:var( --e-global-typography-50e6ea5-font-size );font-weight:var( --e-global-typography-50e6ea5-font-weight );color:var( --e-global-color-1791f0c );}.elementor-8449 .elementor-element.elementor-element-73f3542 .about-one__text,.elementor-8449 .elementor-element.elementor-element-73f3542 .about-two__text-1, .elementor-8449 .elementor-element.elementor-element-73f3542 .about-three__text-1, .elementor-8449 .elementor-element.elementor-element-73f3542 .about-three__text-2, .elementor-8449 .elementor-element.elementor-element-73f3542 .about-four__text,.elementor-8449 .elementor-element.elementor-element-73f3542 .about-five__content__text, .elementor-8449 .elementor-element.elementor-element-73f3542 .about-six__content__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8449 .elementor-element.elementor-element-400c7b8{--display:flex;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8449 .elementor-element.elementor-element-ec471b4 > .elementor-widget-container{margin:0px 0px 0100px 0px;}.elementor-8449 .elementor-element.elementor-element-ec471b4 .help__title a,.elementor-8449 .elementor-element.elementor-element-ec471b4 .contact-one__sub-title,.elementor-8449 .elementor-element.elementor-element-ec471b4  .feature-four__title{font-family:var( --e-global-typography-50e6ea5-font-family ), Sans-serif;font-size:var( --e-global-typography-50e6ea5-font-size );font-weight:var( --e-global-typography-50e6ea5-font-weight );color:var( --e-global-color-primary );}.elementor-8449 .elementor-element.elementor-element-344d01b{--display:flex;--min-height:370px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8449 .elementor-element.elementor-element-344d01b:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-344d01b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2025/12/٢٠٢٤_١١_٢٦_٠٤_٤٣_IMG_0167-bnw-scaled-e1775727229546.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-8449 .elementor-element.elementor-element-0317a79{width:var( --container-widget-width, 29% );max-width:29%;margin:070px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:29%;--container-widget-flex-grow:0;text-align:center;}.elementor-8449 .elementor-element.elementor-element-0317a79.elementor-element{--align-self:center;}.elementor-8449 .elementor-element.elementor-element-0317a79 .elementor-heading-title{font-family:var( --e-global-typography-03bb41a-font-family ), Sans-serif;font-size:var( --e-global-typography-03bb41a-font-size );font-weight:var( --e-global-typography-03bb41a-font-weight );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-22e6e8c{--display:flex;--margin-top:-200px;--margin-bottom:050px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;--z-index:1;}.elementor-8449 .elementor-element.elementor-element-4529eb7{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-8449 .elementor-element.elementor-element-4529eb7 .swiper-slide > .elementor-element{height:100%;}.elementor-8449 .elementor-element.elementor-element-c9b0c29{--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-8449 .elementor-element.elementor-element-c9b0c29:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-c9b0c29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EBCB;}.elementor-8449 .elementor-element.elementor-element-c9b0c29::before, .elementor-8449 .elementor-element.elementor-element-c9b0c29 > .elementor-background-video-container::before, .elementor-8449 .elementor-element.elementor-element-c9b0c29 > .e-con-inner > .elementor-background-video-container::before, .elementor-8449 .elementor-element.elementor-element-c9b0c29 > .elementor-background-slideshow::before, .elementor-8449 .elementor-element.elementor-element-c9b0c29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8449 .elementor-element.elementor-element-c9b0c29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F9F4E9;background-image:url("https://fatihfoundation.com/wp-content/uploads/2022/09/causes-two-shape-1.png");--background-overlay:'';}.elementor-8449 .elementor-element.elementor-element-0901252{--display:flex;--min-height:0px;--justify-content:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--z-index:4;}.elementor-8449 .elementor-element.elementor-element-249a5a3 .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:22px;font-weight:800;color:#26CC8C;}.elementor-8449 .elementor-element.elementor-element-3b3d3b3 .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-8449 .elementor-element.elementor-element-1af5ddf{width:var( --container-widget-width, 90% );max-width:90%;margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 18px) 5px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#6F7775;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8449 .elementor-element.elementor-element-9eb1d36 .elementor-button{background-color:#FBD45A;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:900;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:45px 45px 45px 45px;padding:20px 26px 20px 26px;}.elementor-8449 .elementor-element.elementor-element-9eb1d36{padding:1px 1px 1px 1px;}.elementor-8449 .elementor-element.elementor-element-8a6cf5c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8449 .elementor-element.elementor-element-8ea0b7e{--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-8449 .elementor-element.elementor-element-f997b2c{--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-8449 .elementor-element.elementor-element-f997b2c:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-f997b2c > .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-8449 .elementor-element.elementor-element-33f5ee8 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-af47a8e{--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-8449 .elementor-element.elementor-element-8bb1dc1{--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-8449 .elementor-element.elementor-element-8bb1dc1:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-8bb1dc1 > .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-8449 .elementor-element.elementor-element-cca0926 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-101e01a{--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-8449 .elementor-element.elementor-element-a00fb14{--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-8449 .elementor-element.elementor-element-a00fb14:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-a00fb14 > .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-8449 .elementor-element.elementor-element-668b91d .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-4a1ec11{--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-8449 .elementor-element.elementor-element-162b436{--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-8449 .elementor-element.elementor-element-162b436:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-162b436 > .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-8449 .elementor-element.elementor-element-d3a5261 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-147da29{--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-8449 .elementor-element.elementor-element-0656e97{--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-8449 .elementor-element.elementor-element-0656e97:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-0656e97 > .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-8449 .elementor-element.elementor-element-f44e3a0 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-cbb235c{--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-8449 .elementor-element.elementor-element-2bdeb68{--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-8449 .elementor-element.elementor-element-2bdeb68:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-2bdeb68 > .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-8449 .elementor-element.elementor-element-5d7beff .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-ecccae7{--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-8449 .elementor-element.elementor-element-43d144c{--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-8449 .elementor-element.elementor-element-43d144c:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-43d144c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/02-scaled-e1788431947439.jpg");background-position:center center;background-size:cover;}.elementor-8449 .elementor-element.elementor-element-2dca3e3 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-c450ed9{--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-8449 .elementor-element.elementor-element-c809788{--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-8449 .elementor-element.elementor-element-c809788:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-c809788 > .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-8449 .elementor-element.elementor-element-2dca3a8 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-a15b1a4{--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-8449 .elementor-element.elementor-element-7b0ba3e{--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-8449 .elementor-element.elementor-element-7b0ba3e:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-7b0ba3e > .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-8449 .elementor-element.elementor-element-fddd33c .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-58158e2{--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-8449 .elementor-element.elementor-element-f4873f2{--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-8449 .elementor-element.elementor-element-f4873f2:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-f4873f2 > .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-8449 .elementor-element.elementor-element-d961677 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-665a611{--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-8449 .elementor-element.elementor-element-2bf0774{--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-8449 .elementor-element.elementor-element-2bf0774:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-2bf0774 > .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-8449 .elementor-element.elementor-element-3621b6d .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-d480575{--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-8449 .elementor-element.elementor-element-cc8eda1{--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-8449 .elementor-element.elementor-element-cc8eda1:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-cc8eda1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fatihfoundation.com/wp-content/uploads/2026/01/C0128T01-e1788431856606.jpg");background-position:center center;background-size:cover;}.elementor-8449 .elementor-element.elementor-element-ce6fbc4 .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-8449 .elementor-element.elementor-element-fed423f{--display:flex;}.elementor-8449 .elementor-element.elementor-element-cf3250b{--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-8449 .elementor-element.elementor-element-cf3250b:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-cf3250b > .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-e1788432181965.jpeg");background-position:center center;background-size:cover;}.elementor-8449 .elementor-element.elementor-element-6a29375 .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-8449 .elementor-element.elementor-element-45c930d{--display:flex;}.elementor-8449 .elementor-element.elementor-element-6240c8e{--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-8449 .elementor-element.elementor-element-6240c8e:not(.elementor-motion-effects-element-type-background), .elementor-8449 .elementor-element.elementor-element-6240c8e > .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-8449 .elementor-element.elementor-element-9d97090 .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 );color:var( --e-global-color-text );}.elementor-8449 .elementor-element.elementor-element-c7e8b02{--e-n-carousel-swiper-slides-gap:10px;--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-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-8449 .elementor-element.elementor-element-c7e8b02 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );}.elementor-8449 .elementor-element.elementor-element-c7e8b02 :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-8449 .elementor-element.elementor-element-f85d9e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8449 .elementor-element.elementor-element-662c9c7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8449 .elementor-element.elementor-element-6737753{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8449 .elementor-element.elementor-element-03d7115{--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:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8449 .elementor-element.elementor-element-e121381{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8449 .elementor-element.elementor-element-e121381 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8449 .elementor-element.elementor-element-91c6ff0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8449 .elementor-element.elementor-element-91c6ff0 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8449 .elementor-element.elementor-element-61aad9b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-8449 .elementor-element.elementor-element-61aad9b .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:60px;font-weight:800;}.elementor-8449 .elementor-element.elementor-element-1a2ab19{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8449 .elementor-element.elementor-element-f4b4714{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8449 .elementor-element.elementor-element-4c88e89 .elementor-button{background-color:#FBD45A;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:900;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:45px 45px 45px 45px;padding:20px 26px 20px 26px;}.elementor-8449 .elementor-element.elementor-element-4c88e89{padding:1px 1px 1px 1px;}.elementor-8449 .elementor-element.elementor-element-5e9c4ce .elementor-button{background-color:#FBD45A;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:900;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:45px 45px 45px 45px;padding:20px 26px 20px 26px;}.elementor-8449 .elementor-element.elementor-element-5e9c4ce{padding:1px 1px 1px 1px;}.elementor-8449 .elementor-element.elementor-element-02c2029{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8449 .elementor-element.elementor-element-300f70d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-8449 .elementor-element.elementor-element-4af2bbf{text-align:center;}.elementor-8449 .elementor-element.elementor-element-61c66de{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-8449 .elementor-element.elementor-element-d370d82 .elementor-icon-box-wrapper{gap:15px;}.elementor-8449 .elementor-element.elementor-element-7ec292c{text-align:center;}@media(min-width:768px){.elementor-8449 .elementor-element.elementor-element-22e6e8c{--content-width:1600px;}.elementor-8449 .elementor-element.elementor-element-c9b0c29{--content-width:1205px;}.elementor-8449 .elementor-element.elementor-element-0901252{--width:40%;}}@media(max-width:1024px){.elementor-8449 .elementor-element.elementor-element-73f3542 .section-title__title{font-size:var( --e-global-typography-7ba3f87-font-size );}.elementor-8449 .elementor-element.elementor-element-73f3542 .section-title__tagline{font-size:var( --e-global-typography-50e6ea5-font-size );}.elementor-8449 .elementor-element.elementor-element-ec471b4 .help__title a,.elementor-8449 .elementor-element.elementor-element-ec471b4 .contact-one__sub-title,.elementor-8449 .elementor-element.elementor-element-ec471b4  .feature-four__title{font-size:var( --e-global-typography-50e6ea5-font-size );}.elementor-8449 .elementor-element.elementor-element-0317a79 .elementor-heading-title{font-size:var( --e-global-typography-03bb41a-font-size );}.elementor-8449 .elementor-element.elementor-element-4529eb7{--swiper-slides-to-display:2;}.elementor-8449 .elementor-element.elementor-element-33f5ee8 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-cca0926 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-668b91d .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-d3a5261 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-f44e3a0 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-5d7beff .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-2dca3e3 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-2dca3a8 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-fddd33c .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-d961677 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-3621b6d .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-9d97090 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-c7e8b02{--e-n-carousel-swiper-slides-to-display:2;}.elementor-8449 .elementor-element.elementor-element-02c2029{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8449 .elementor-element.elementor-element-73f3542 .section-title__title{font-size:var( --e-global-typography-7ba3f87-font-size );}.elementor-8449 .elementor-element.elementor-element-73f3542 .section-title__tagline{font-size:var( --e-global-typography-50e6ea5-font-size );}.elementor-8449 .elementor-element.elementor-element-ec471b4 .help__title a,.elementor-8449 .elementor-element.elementor-element-ec471b4 .contact-one__sub-title,.elementor-8449 .elementor-element.elementor-element-ec471b4  .feature-four__title{font-size:var( --e-global-typography-50e6ea5-font-size );}.elementor-8449 .elementor-element.elementor-element-0317a79 .elementor-heading-title{font-size:var( --e-global-typography-03bb41a-font-size );}.elementor-8449 .elementor-element.elementor-element-4529eb7{--swiper-slides-to-display:1;}.elementor-8449 .elementor-element.elementor-element-33f5ee8 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-cca0926 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-668b91d .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-d3a5261 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-f44e3a0 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-5d7beff .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-2dca3e3 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-2dca3a8 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-fddd33c .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-d961677 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-3621b6d .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-9d97090 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-8449 .elementor-element.elementor-element-c7e8b02{--e-n-carousel-swiper-slides-to-display:1;}.elementor-8449 .elementor-element.elementor-element-02c2029{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33f5ee8 *//* Change '.elementor-8449 .elementor-element.elementor-element-33f5ee8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-33f5ee8: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-f997b2c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f997b2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c::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-8449 .elementor-element.elementor-element-f997b2c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f997b2c .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-8449 .elementor-element.elementor-element-f997b2c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f997b2c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca0926 *//* Change '.elementor-8449 .elementor-element.elementor-element-cca0926' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-cca0926: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-8bb1dc1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1::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-8449 .elementor-element.elementor-element-8bb1dc1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-8bb1dc1 .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-8449 .elementor-element.elementor-element-8bb1dc1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-8bb1dc1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-668b91d *//* Change '.elementor-8449 .elementor-element.elementor-element-668b91d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-668b91d: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-a00fb14 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-a00fb14 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14::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-8449 .elementor-element.elementor-element-a00fb14:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-a00fb14 .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-8449 .elementor-element.elementor-element-a00fb14 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-a00fb14:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3a5261 *//* Change '.elementor-8449 .elementor-element.elementor-element-d3a5261' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d3a5261: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-162b436 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-162b436 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436::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-8449 .elementor-element.elementor-element-162b436:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-162b436 .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-8449 .elementor-element.elementor-element-162b436 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-162b436:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f44e3a0 *//* Change '.elementor-8449 .elementor-element.elementor-element-f44e3a0' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-f44e3a0: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-0656e97 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-0656e97 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97::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-8449 .elementor-element.elementor-element-0656e97:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-0656e97 .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-8449 .elementor-element.elementor-element-0656e97 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-0656e97:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7beff *//* Change '.elementor-8449 .elementor-element.elementor-element-5d7beff' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-5d7beff: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-2bdeb68 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68::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-8449 .elementor-element.elementor-element-2bdeb68:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bdeb68 .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-8449 .elementor-element.elementor-element-2bdeb68 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bdeb68:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3e3 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3e3' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3e3: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-43d144c *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-43d144c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c::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-8449 .elementor-element.elementor-element-43d144c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-43d144c .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-8449 .elementor-element.elementor-element-43d144c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-43d144c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2dca3a8 *//* Change '.elementor-8449 .elementor-element.elementor-element-2dca3a8' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-2dca3a8: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-c809788 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-c809788 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788::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-8449 .elementor-element.elementor-element-c809788:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-c809788 .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-8449 .elementor-element.elementor-element-c809788 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-c809788:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fddd33c *//* Change '.elementor-8449 .elementor-element.elementor-element-fddd33c' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-fddd33c: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-7b0ba3e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e::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-8449 .elementor-element.elementor-element-7b0ba3e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-7b0ba3e .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-8449 .elementor-element.elementor-element-7b0ba3e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-7b0ba3e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d961677 *//* Change '.elementor-8449 .elementor-element.elementor-element-d961677' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-d961677: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-f4873f2 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-f4873f2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2::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-8449 .elementor-element.elementor-element-f4873f2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-f4873f2 .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-8449 .elementor-element.elementor-element-f4873f2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-f4873f2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3621b6d *//* Change '.elementor-8449 .elementor-element.elementor-element-3621b6d' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-3621b6d: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-2bf0774 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-2bf0774 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774::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-8449 .elementor-element.elementor-element-2bf0774:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-2bf0774 .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-8449 .elementor-element.elementor-element-2bf0774 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-2bf0774:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6fbc4 *//* Change '.elementor-8449 .elementor-element.elementor-element-ce6fbc4' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-ce6fbc4: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-cc8eda1 *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1::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-8449 .elementor-element.elementor-element-cc8eda1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cc8eda1 .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-8449 .elementor-element.elementor-element-cc8eda1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cc8eda1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a29375 *//* Change '.elementor-8449 .elementor-element.elementor-element-6a29375' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-6a29375: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-cf3250b *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-cf3250b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b::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-8449 .elementor-element.elementor-element-cf3250b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-cf3250b .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-8449 .elementor-element.elementor-element-cf3250b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-cf3250b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d97090 *//* Change '.elementor-8449 .elementor-element.elementor-element-9d97090' to the heading's class or target it from the container */
parent-.elementor-8449 .elementor-element.elementor-element-9d97090: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-6240c8e *//* 1. Container Base */
.elementor-8449 .elementor-element.elementor-element-6240c8e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e::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-8449 .elementor-element.elementor-element-6240c8e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-8449 .elementor-element.elementor-element-6240c8e .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-8449 .elementor-element.elementor-element-6240c8e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-8449 .elementor-element.elementor-element-6240c8e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */