.elementor-5178 .elementor-element.elementor-element-c078835{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5178 .elementor-element.elementor-element-0ae8f4d{color:var( --e-global-color-accent );}.elementor-5178 .elementor-element.elementor-element-93a0142{--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-5178 .elementor-element.elementor-element-93a0142:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-93a0142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EBCB;}.elementor-5178 .elementor-element.elementor-element-93a0142::before, .elementor-5178 .elementor-element.elementor-element-93a0142 > .elementor-background-video-container::before, .elementor-5178 .elementor-element.elementor-element-93a0142 > .e-con-inner > .elementor-background-video-container::before, .elementor-5178 .elementor-element.elementor-element-93a0142 > .elementor-background-slideshow::before, .elementor-5178 .elementor-element.elementor-element-93a0142 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5178 .elementor-element.elementor-element-93a0142 > .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-5178 .elementor-element.elementor-element-ee0e72b{--display:flex;--min-height:0px;--justify-content:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--z-index:4;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5178 .elementor-element.elementor-element-da07270 .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:22px;font-weight:800;color:#26CC8C;}.elementor-5178 .elementor-element.elementor-element-d5a9839 .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-5178 .elementor-element.elementor-element-da0a29b{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-5178 .elementor-element.elementor-element-4b448ee .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-5178 .elementor-element.elementor-element-4b448ee{padding:1px 1px 1px 1px;}.elementor-5178 .elementor-element.elementor-element-1712c76{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5178 .elementor-element.elementor-element-795574e{--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-5178 .elementor-element.elementor-element-c0f38b4{--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-5178 .elementor-element.elementor-element-c0f38b4:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-c0f38b4 > .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-5178 .elementor-element.elementor-element-f92d444 .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-5178 .elementor-element.elementor-element-c52fb8e{--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-5178 .elementor-element.elementor-element-0271ad8{--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-5178 .elementor-element.elementor-element-0271ad8:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-0271ad8 > .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-5178 .elementor-element.elementor-element-d061d8d .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-5178 .elementor-element.elementor-element-67144fd{--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-5178 .elementor-element.elementor-element-ca331a7{--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-5178 .elementor-element.elementor-element-ca331a7:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-ca331a7 > .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-5178 .elementor-element.elementor-element-708ecc1 .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-5178 .elementor-element.elementor-element-935f09d{--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-5178 .elementor-element.elementor-element-333ace2{--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-5178 .elementor-element.elementor-element-333ace2:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-333ace2 > .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-5178 .elementor-element.elementor-element-8c8315e .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-5178 .elementor-element.elementor-element-5fa4edf{--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-5178 .elementor-element.elementor-element-717c5f4{--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-5178 .elementor-element.elementor-element-717c5f4:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-717c5f4 > .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-5178 .elementor-element.elementor-element-d82ca8a .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-5178 .elementor-element.elementor-element-0dc80d5{--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-5178 .elementor-element.elementor-element-a55966d{--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-5178 .elementor-element.elementor-element-a55966d:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-a55966d > .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-5178 .elementor-element.elementor-element-a5184fd .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-5178 .elementor-element.elementor-element-241b6c4{--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-5178 .elementor-element.elementor-element-c3aad98{--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-5178 .elementor-element.elementor-element-c3aad98:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-c3aad98 > .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-5178 .elementor-element.elementor-element-6e4c0d5 .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-5178 .elementor-element.elementor-element-e2d9775{--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-5178 .elementor-element.elementor-element-684f9d9{--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-5178 .elementor-element.elementor-element-684f9d9:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-684f9d9 > .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-5178 .elementor-element.elementor-element-77bf6b9 .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-5178 .elementor-element.elementor-element-1bd1b80{--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-5178 .elementor-element.elementor-element-343e2f1{--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-5178 .elementor-element.elementor-element-343e2f1:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-343e2f1 > .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-5178 .elementor-element.elementor-element-e5a21c7 .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-5178 .elementor-element.elementor-element-a33491a{--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-5178 .elementor-element.elementor-element-fc270b9{--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-5178 .elementor-element.elementor-element-fc270b9:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-fc270b9 > .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-5178 .elementor-element.elementor-element-e265d70 .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-5178 .elementor-element.elementor-element-e009420{--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-5178 .elementor-element.elementor-element-16e2174{--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-5178 .elementor-element.elementor-element-16e2174:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-16e2174 > .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-5178 .elementor-element.elementor-element-6bd0343 .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-5178 .elementor-element.elementor-element-fb91c27{--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-5178 .elementor-element.elementor-element-a3b487c{--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-5178 .elementor-element.elementor-element-a3b487c:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-a3b487c > .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-5178 .elementor-element.elementor-element-bf38aa3 .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-5178 .elementor-element.elementor-element-51cf1e8{--display:flex;}.elementor-5178 .elementor-element.elementor-element-6768a84{--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-5178 .elementor-element.elementor-element-6768a84:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-6768a84 > .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-5178 .elementor-element.elementor-element-4256544 .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-5178 .elementor-element.elementor-element-a9e86b5{--display:flex;}.elementor-5178 .elementor-element.elementor-element-157cfe2{--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-5178 .elementor-element.elementor-element-157cfe2:not(.elementor-motion-effects-element-type-background), .elementor-5178 .elementor-element.elementor-element-157cfe2 > .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-5178 .elementor-element.elementor-element-fd0e06a .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-5178 .elementor-element.elementor-element-1a7e67d{--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-5178 .elementor-element.elementor-element-1a7e67d :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-primary );}.elementor-5178 .elementor-element.elementor-element-1a7e67d :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;}@media(min-width:768px){.elementor-5178 .elementor-element.elementor-element-93a0142{--content-width:1205px;}.elementor-5178 .elementor-element.elementor-element-ee0e72b{--width:40%;}}@media(max-width:1024px){.elementor-5178 .elementor-element.elementor-element-f92d444 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-d061d8d .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-708ecc1 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-8c8315e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-d82ca8a .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-a5184fd .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-6e4c0d5 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-77bf6b9 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-e5a21c7 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-e265d70 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-6bd0343 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-fd0e06a .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-1a7e67d{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-5178 .elementor-element.elementor-element-f92d444 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-d061d8d .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-708ecc1 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-8c8315e .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-d82ca8a .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-a5184fd .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-6e4c0d5 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-77bf6b9 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-e5a21c7 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-e265d70 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-6bd0343 .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-fd0e06a .elementor-heading-title{font-size:var( --e-global-typography-88a3b00-font-size );}.elementor-5178 .elementor-element.elementor-element-1a7e67d{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f92d444 *//* Change '.elementor-5178 .elementor-element.elementor-element-f92d444' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-f92d444:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f38b4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c0f38b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c0f38b4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c0f38b4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d061d8d *//* Change '.elementor-5178 .elementor-element.elementor-element-d061d8d' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d061d8d:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271ad8 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-0271ad8 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-0271ad8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-0271ad8:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-0271ad8 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-0271ad8:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-708ecc1 *//* Change '.elementor-5178 .elementor-element.elementor-element-708ecc1' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-708ecc1:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca331a7 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-ca331a7 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-ca331a7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-ca331a7:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-ca331a7 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-ca331a7:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c8315e *//* Change '.elementor-5178 .elementor-element.elementor-element-8c8315e' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-8c8315e:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333ace2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-333ace2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-333ace2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-333ace2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-333ace2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-333ace2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d82ca8a *//* Change '.elementor-5178 .elementor-element.elementor-element-d82ca8a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-d82ca8a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717c5f4 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-717c5f4 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-717c5f4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-717c5f4:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-717c5f4 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-717c5f4:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5184fd *//* Change '.elementor-5178 .elementor-element.elementor-element-a5184fd' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-a5184fd:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55966d *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a55966d {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a55966d::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a55966d:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a55966d .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a55966d:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e4c0d5 *//* Change '.elementor-5178 .elementor-element.elementor-element-6e4c0d5' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6e4c0d5:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3aad98 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-c3aad98 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-c3aad98::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-c3aad98:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-c3aad98 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-c3aad98:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77bf6b9 *//* Change '.elementor-5178 .elementor-element.elementor-element-77bf6b9' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-77bf6b9:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-684f9d9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-684f9d9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-684f9d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-684f9d9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-684f9d9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-684f9d9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a21c7 *//* Change '.elementor-5178 .elementor-element.elementor-element-e5a21c7' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e5a21c7:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-343e2f1 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-343e2f1 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-343e2f1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-343e2f1:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-343e2f1 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-343e2f1:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e265d70 *//* Change '.elementor-5178 .elementor-element.elementor-element-e265d70' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-e265d70:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc270b9 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-fc270b9 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-fc270b9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-fc270b9:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-fc270b9 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-fc270b9:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bd0343 *//* Change '.elementor-5178 .elementor-element.elementor-element-6bd0343' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-6bd0343:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e2174 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-16e2174 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-16e2174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-16e2174:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-16e2174 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-16e2174:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf38aa3 *//* Change '.elementor-5178 .elementor-element.elementor-element-bf38aa3' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-bf38aa3:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b487c *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-a3b487c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-a3b487c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-a3b487c:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-a3b487c .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-a3b487c:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4256544 *//* Change '.elementor-5178 .elementor-element.elementor-element-4256544' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-4256544:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6768a84 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-6768a84 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-6768a84::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-6768a84:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-6768a84 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-6768a84:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd0e06a *//* Change '.elementor-5178 .elementor-element.elementor-element-fd0e06a' to the heading's class or target it from the container */
parent-.elementor-5178 .elementor-element.elementor-element-fd0e06a:hover .your-heading-class {
    color: #ffbe0b; /* Your yellow/gold color from the 'Donate' button */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-157cfe2 *//* 1. Container Base */
.elementor-5178 .elementor-element.elementor-element-157cfe2 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Permanent Gradient (Always Visible at Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Adjust height of the permanent gradient */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 1; /* Stays behind the moving overlay */
    pointer-events: none;
}

/* 3. The Animated Overlay (Enters/Exits Bottom) */
.elementor-5178 .elementor-element.elementor-element-157cfe2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 55, 52, 0.23); 
    z-index: 2; /* Sits above the gradient, below text */

    /* Start hidden at bottom */
    transform: translateY(100%);
    transition: transform 0.45s ease-in-out;
}

/* Hover IN → Slides up from bottom */
.elementor-5178 .elementor-element.elementor-element-157cfe2:hover::before {
    transform: translateY(0);
}

/* 4. Content (Text) above everything */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-widget {
    position: relative;
    z-index: 3; /* Highest layer */
    transition: all 0.3s ease;
}

/* 5. Text Color Change on Card Hover */
.hover-card:hover .elementor-heading-title {
    color: #FFD25D !important;
}

/* 6. Image Zoom */
.elementor-5178 .elementor-element.elementor-element-157cfe2 .elementor-background {
    transition: transform 0.8s ease-in-out !important;
}

.elementor-5178 .elementor-element.elementor-element-157cfe2:hover .elementor-background {
    transform: scale(1.1);
}/* End custom CSS */