.elementor-172 .elementor-element.elementor-element-3aabea4{--display:flex;--padding-top:0px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.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-172 .elementor-element.elementor-element-ab38712{padding:0px 0px 0px 0px;text-align:center;}.elementor-172 .elementor-element.elementor-element-ab38712 .elementor-heading-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-1791f0c );}.elementor-172 .elementor-element.elementor-element-9d9af7d{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-172 .elementor-element.elementor-element-9d9af7d .elementor-heading-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-172 .elementor-element.elementor-element-87b6ed0{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-60px;--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:-60px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:23px;--arrow-normal-color:var( --e-global-color-accent );--arrow-hover-color:var( --e-global-color-text );}.elementor-172 .elementor-element.elementor-element-87b6ed0 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );}.elementor-172 .elementor-element.elementor-element-87b6ed0 .swiper-slide > .elementor-element{height:100%;}.elementor-172 .elementor-element.elementor-element-87b6ed0 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:2px 2px 2px 2px;border-radius:27px 27px 27px 27px;padding:11px 11px 12px 11px;}.elementor-172 .elementor-element.elementor-element-82d7435{--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-172 .elementor-element.elementor-element-82d7435:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-82d7435 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EBCB;}.elementor-172 .elementor-element.elementor-element-82d7435::before, .elementor-172 .elementor-element.elementor-element-82d7435 > .elementor-background-video-container::before, .elementor-172 .elementor-element.elementor-element-82d7435 > .e-con-inner > .elementor-background-video-container::before, .elementor-172 .elementor-element.elementor-element-82d7435 > .elementor-background-slideshow::before, .elementor-172 .elementor-element.elementor-element-82d7435 > .e-con-inner > .elementor-background-slideshow::before, .elementor-172 .elementor-element.elementor-element-82d7435 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F9F4E9;background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2022/09/causes-two-shape-1.png");--background-overlay:'';}.elementor-172 .elementor-element.elementor-element-2cb5a6c{--display:flex;--min-height:0px;--justify-content:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--z-index:4;}.elementor-172 .elementor-element.elementor-element-1ec5b0e .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:22px;font-weight:800;color:#26CC8C;}.elementor-172 .elementor-element.elementor-element-528c3eb .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-172 .elementor-element.elementor-element-57ec094{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-172 .elementor-element.elementor-element-26357f1 .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-172 .elementor-element.elementor-element-26357f1{padding:1px 1px 1px 1px;}.elementor-172 .elementor-element.elementor-element-869b637{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-827e5e9{--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-172 .elementor-element.elementor-element-19339b3{--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-172 .elementor-element.elementor-element-19339b3:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-19339b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-5a784e7 .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-172 .elementor-element.elementor-element-75a6045{--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-172 .elementor-element.elementor-element-38ad34e{--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-172 .elementor-element.elementor-element-38ad34e:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-38ad34e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2026/01/04.png");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-b3c8352 .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-172 .elementor-element.elementor-element-7d31126{--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-172 .elementor-element.elementor-element-e7fb3a4{--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-172 .elementor-element.elementor-element-e7fb3a4:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-e7fb3a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2025/12/IMG-20210227-WA0004.jpg");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-c017039 .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-172 .elementor-element.elementor-element-3578353{--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-172 .elementor-element.elementor-element-d360ff4{--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-172 .elementor-element.elementor-element-d360ff4:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-d360ff4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2026/01/٢٠٢٥_٠٩_١٧_١١_٠٦_IMG_0113.webp");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-b7e7784 .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-172 .elementor-element.elementor-element-76c3032{--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-172 .elementor-element.elementor-element-19098dd{--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-172 .elementor-element.elementor-element-19098dd:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-19098dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-a4ed8ff .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-172 .elementor-element.elementor-element-1129e1a{--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-172 .elementor-element.elementor-element-4c8f3c4{--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-172 .elementor-element.elementor-element-4c8f3c4:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-4c8f3c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-6c62f1e .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-172 .elementor-element.elementor-element-14c2df2{--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-172 .elementor-element.elementor-element-3d2554d{--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-172 .elementor-element.elementor-element-3d2554d:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-3d2554d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2026/01/02-scaled-e1770378331422.jpg");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-cba0a8c .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-172 .elementor-element.elementor-element-8f9c742{--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-172 .elementor-element.elementor-element-db40de2{--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-172 .elementor-element.elementor-element-db40de2:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-db40de2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-6e861e4 .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-172 .elementor-element.elementor-element-41454ed{--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-172 .elementor-element.elementor-element-8e2da1b{--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-172 .elementor-element.elementor-element-8e2da1b:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-8e2da1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-e13d352 .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-172 .elementor-element.elementor-element-80965e1{--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-172 .elementor-element.elementor-element-7a156d4{--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-172 .elementor-element.elementor-element-7a156d4:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-7a156d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2025/12/٢٠٢٤_١١_٢٦_٠٤_٣٥_IMG_0144-scaled-e1767175566397.jpg");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-156819b .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-172 .elementor-element.elementor-element-1f97fad{--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-172 .elementor-element.elementor-element-95a881d{--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-172 .elementor-element.elementor-element-95a881d:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-95a881d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-8a951a7 .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-172 .elementor-element.elementor-element-38159c3{--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-172 .elementor-element.elementor-element-9dbfe7b{--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-172 .elementor-element.elementor-element-9dbfe7b:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-9dbfe7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2026/01/C0128T01-e1769680996738.jpg");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-c8147dc .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-172 .elementor-element.elementor-element-6345e12{--display:flex;}.elementor-172 .elementor-element.elementor-element-1e1ae9e{--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-172 .elementor-element.elementor-element-1e1ae9e:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-1e1ae9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.fatihfoundation.com/wp-content/uploads/2025/12/WhatsApp-Image-2025-09-10-at-4.15.56-AM-1-1.jpeg");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-a6ef22e .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-172 .elementor-element.elementor-element-3be6a45{--display:flex;}.elementor-172 .elementor-element.elementor-element-ad78907{--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-172 .elementor-element.elementor-element-ad78907:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-ad78907 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.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-172 .elementor-element.elementor-element-e06b92a .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-172 .elementor-element.elementor-element-d352055{--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-172 .elementor-element.elementor-element-d352055 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );}.elementor-172 .elementor-element.elementor-element-d352055 :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-172 .elementor-element.elementor-element-53c1295{--display:flex;--padding-top:40px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-7bfc13e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-4da3dc2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-ead5aa7{--display:flex;}.elementor-172 .elementor-element.elementor-element-ead5aa7:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-ead5aa7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-172 .elementor-element.elementor-element-8df5adc{padding:28px 28px 28px 28px;text-align:center;}.elementor-172 .elementor-element.elementor-element-8df5adc .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-accent );}.elementor-172 .elementor-element.elementor-element-5df380d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-172 .elementor-element.elementor-element-82d7435{--content-width:1205px;}.elementor-172 .elementor-element.elementor-element-2cb5a6c{--width:40%;}.elementor-172 .elementor-element.elementor-element-53c1295{--content-width:1600px;}.elementor-172 .elementor-element.elementor-element-7bfc13e{--content-width:1600px;}.elementor-172 .elementor-element.elementor-element-4da3dc2{--content-width:2000px;}.elementor-172 .elementor-element.elementor-element-ead5aa7{--content-width:1600px;}.elementor-172 .elementor-element.elementor-element-5df380d{--content-width:1600px;}}@media(max-width:1024px){.elementor-172 .elementor-element.elementor-element-ab38712 .elementor-heading-title{font-size:var( --e-global-typography-50e6ea5-font-size );}.elementor-172 .elementor-element.elementor-element-9d9af7d .elementor-heading-title{font-size:var( --e-global-typography-7ba3f87-font-size );}.elementor-172 .elementor-element.elementor-element-87b6ed0{--swiper-slides-to-display:2;}.elementor-172 .elementor-element.elementor-element-5a784e7 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-b3c8352 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-c017039 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-b7e7784 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-a4ed8ff .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-6c62f1e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-cba0a8c .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-6e861e4 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-e13d352 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-156819b .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-8a951a7 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-e06b92a .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-d352055{--e-n-carousel-swiper-slides-to-display:2;}.elementor-172 .elementor-element.elementor-element-8df5adc .elementor-heading-title{font-size:var( --e-global-typography-03bb41a-font-size );}}@media(max-width:767px){.elementor-172 .elementor-element.elementor-element-ab38712 .elementor-heading-title{font-size:var( --e-global-typography-50e6ea5-font-size );}.elementor-172 .elementor-element.elementor-element-9d9af7d .elementor-heading-title{font-size:var( --e-global-typography-7ba3f87-font-size );}.elementor-172 .elementor-element.elementor-element-87b6ed0{--swiper-slides-to-display:1;}.elementor-172 .elementor-element.elementor-element-5a784e7 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-b3c8352 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-c017039 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-b7e7784 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-a4ed8ff .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-6c62f1e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-cba0a8c .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-6e861e4 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-e13d352 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-156819b .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-8a951a7 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-e06b92a .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-172 .elementor-element.elementor-element-d352055{--e-n-carousel-swiper-slides-to-display:1;}.elementor-172 .elementor-element.elementor-element-8df5adc .elementor-heading-title{font-size:var( --e-global-typography-03bb41a-font-size );}}/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a784e7 *//* Change '.elementor-172 .elementor-element.elementor-element-5a784e7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-5a784e7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19339b3 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19339b3 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19339b3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19339b3:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19339b3 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19339b3:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3c8352 *//* Change '.elementor-172 .elementor-element.elementor-element-b3c8352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b3c8352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ad34e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-38ad34e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-38ad34e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-38ad34e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-38ad34e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-38ad34e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c017039 *//* Change '.elementor-172 .elementor-element.elementor-element-c017039' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c017039:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7fb3a4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-e7fb3a4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-e7fb3a4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-e7fb3a4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7e7784 *//* Change '.elementor-172 .elementor-element.elementor-element-b7e7784' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-b7e7784:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d360ff4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-d360ff4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-d360ff4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-d360ff4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-d360ff4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-d360ff4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4ed8ff *//* Change '.elementor-172 .elementor-element.elementor-element-a4ed8ff' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a4ed8ff:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19098dd *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-19098dd {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-19098dd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-19098dd:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-19098dd .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-19098dd:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c62f1e *//* Change '.elementor-172 .elementor-element.elementor-element-6c62f1e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6c62f1e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c8f3c4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-4c8f3c4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-4c8f3c4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-4c8f3c4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cba0a8c *//* Change '.elementor-172 .elementor-element.elementor-element-cba0a8c' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-cba0a8c:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d2554d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-3d2554d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-3d2554d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-3d2554d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-3d2554d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-3d2554d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e861e4 *//* Change '.elementor-172 .elementor-element.elementor-element-6e861e4' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-6e861e4:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db40de2 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-db40de2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-db40de2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-db40de2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-db40de2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-db40de2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e13d352 *//* Change '.elementor-172 .elementor-element.elementor-element-e13d352' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e13d352:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e2da1b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-8e2da1b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-8e2da1b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-8e2da1b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-8e2da1b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-8e2da1b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-156819b *//* Change '.elementor-172 .elementor-element.elementor-element-156819b' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-156819b:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a156d4 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-7a156d4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-7a156d4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-7a156d4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-7a156d4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-7a156d4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a951a7 *//* Change '.elementor-172 .elementor-element.elementor-element-8a951a7' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-8a951a7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95a881d *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-95a881d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-95a881d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-95a881d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-95a881d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-95a881d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8147dc *//* Change '.elementor-172 .elementor-element.elementor-element-c8147dc' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-c8147dc:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dbfe7b *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-9dbfe7b {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-9dbfe7b::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-9dbfe7b .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-9dbfe7b:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6ef22e *//* Change '.elementor-172 .elementor-element.elementor-element-a6ef22e' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-a6ef22e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e1ae9e *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-1e1ae9e {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-1e1ae9e::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-1e1ae9e .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-1e1ae9e:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e06b92a *//* Change '.elementor-172 .elementor-element.elementor-element-e06b92a' to the heading's class or target it from the container */
parent-.elementor-172 .elementor-element.elementor-element-e06b92a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78907 *//* 1. Container Base */
.elementor-172 .elementor-element.elementor-element-ad78907 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-172 .elementor-element.elementor-element-ad78907::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-172 .elementor-element.elementor-element-ad78907:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-172 .elementor-element.elementor-element-ad78907 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-172 .elementor-element.elementor-element-ad78907:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */