.elementor-828 .elementor-element.elementor-element-b11014e{--display:flex;--min-height:253px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.41;--overlay-mix-blend-mode:multiply;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-b11014e::before, .elementor-828 .elementor-element.elementor-element-b11014e > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-b11014e > .e-con-inner > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-b11014e > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-b11014e > .e-con-inner > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-b11014e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-828 .elementor-element.elementor-element-b11014e:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-b11014e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 397px;background-size:cover;}.elementor-828 .elementor-element.elementor-element-dc736d7{text-align:center;}.elementor-828 .elementor-element.elementor-element-dc736d7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:700;}.elementor-828 .elementor-element.elementor-element-8608294{padding:5px 5px 5px 5px;border-style:solid;border-color:var( --e-global-color-accent );text-align:center;}.elementor-828 .elementor-element.elementor-element-8608294 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-5ac75c9{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:5px;}.elementor-828 .elementor-element.elementor-element-5ac75c9 .elementor-divider-separator{width:9%;margin:0 auto;margin-center:0;}.elementor-828 .elementor-element.elementor-element-5ac75c9 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-828 .elementor-element.elementor-element-5ac75c9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-5ac75c9.elementor-view-framed .elementor-icon, .elementor-828 .elementor-element.elementor-element-5ac75c9.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-5ac75c9.elementor-view-framed .elementor-icon, .elementor-828 .elementor-element.elementor-element-5ac75c9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-3d7264d .bdt-ep-breadcrumb>*>*{color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-3d7264d .bdt-ep-breadcrumb>:last-child>span{color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-3d7264d .bdt-ep-breadcrumb>:nth-child(n+2):not(.bdt-first-column)::before{margin:0px 6px;}.elementor-828 .elementor-element.elementor-element-44d10ac{--display:flex;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories{background-color:transparent;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body{background-color:#fff;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-head{background-color:#fff;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-footer{background-color:#fff;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .btn{background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#fff;border-radius:5px 5px 5px 5px;color:#fff;font-size:16px;margin:10px 0px 10px 0px;padding:5px 15px 8px 15px;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .btn:hover{background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#fff;border-radius:5px 5px 5px 5px;color:#fff;}.elementor-828 .elementor-element.elementor-element-6779d0c section.donationcategories{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-828 .elementor-element.elementor-element-6779d0c section.donationcategories .categorylist .card-donation{margin:0rem 0rem 2rem 0rem;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation{box-shadow:0px 0px 15px 0px rgba(10,10,10,0.4);border-style:solid;border-width:0px 0px 0px 0px;border-color:#fff;border-radius:5px 5px 5px 5px;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body h4.card-title{color:#333;font-size:1.2em;text-transform:uppercase;text-align:center;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body p.card-text{color:#7A7A7A;font-size:16px;text-align:center;margin:10px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-828 .elementor-element.elementor-element-b11014e:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-b11014e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-828 .elementor-element.elementor-element-6779d0c section.donationcategories{padding:0px 10px 0px 10px;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body h4.card-title{font-size:1em;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body p.card-text{font-size:16px;}}@media(max-width:767px){.elementor-828 .elementor-element.elementor-element-b11014e:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-b11014e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-828 .elementor-element.elementor-element-3d7264d .bdt-ep-breadcrumb>*>* ,
							 .elementor-828 .elementor-element.elementor-element-3d7264d .bdt-ep-breadcrumb>:nth-child(n+2):not(.bdt-first-column)::before{font-size:14px;}.elementor-828 .elementor-element.elementor-element-6779d0c section.donationcategories{padding:0px 10px 0px 10px;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body h4.card-title{font-size:1em;}.elementor-828 .elementor-element.elementor-element-6779d0c .donationcategories .categorylist .card-donation .card-body p.card-text{font-size:16px;}}/* Start custom CSS for donations, class: .elementor-element-6779d0c *//* Scoped Styles for ICT Donations Section */

/* Section wrapper */
.donationcategories {
    padding: 60px 0;
    font-family: 'Inter', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: transparent;
}

/* Cards */
.donationcategories .card.card-donation {
    background-color: #ffffff;
    border-radius: 16px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 138, 39, 0.08); /* Subtle brand green shadow */
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Contains the image scale on hover */
    position: relative;
    margin-bottom: 30px; 
}

.donationcategories .card.card-donation:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 138, 39, 0.15); /* Stronger green shadow on hover */
}

/* Image Background */
.donationcategories .card-donation-img-no {
    height: 220px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #008a27; /* Brand color separator */
    transition: transform 0.6s ease;
    width: 100%;
}

.donationcategories .card.card-donation:hover .card-donation-img-no {
    transform: scale(1.08); /* Smooth zoom effect on hover */
}

/* Card Body */
.donationcategories .card-body {
    padding: 30px 25px 20px !important;
    flex: 1 1 auto;
    text-align: center;
    background: #ffffff;
    position: relative;
    z-index: 2; /* Keeps above the scaled image */
}

.donationcategories .card-head {
    margin-bottom: 12px;
}

.donationcategories .card-title {
    color: #1a1a1a;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.donationcategories .card-text {
    color: #555555;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Card Footer & Button */
.donationcategories .card-footer {
    background-color: #ffffff !important;
    padding: 0 25px 30px !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px;
    position: relative;
    z-index: 2;
    text-align: center;
}

.donationcategories .card-footer .btn.btn-outline-light {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #008a27 !important; /* Brand primary */
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 12px 35px;
    border-radius: 50px; /* Pill shape */
    border: 2px solid #008a27 !important;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 138, 39, 0.2);
    width: 80%; /* Nice proportion inside card */
    max-width: 250px;
}

/* Button Hover Effects */
.donationcategories .card.card-donation:hover .btn.btn-outline-light,
.donationcategories .btn.btn-outline-light:hover,
.donationcategories .btn.btn-outline-light:focus {
    background-color: #ffffff !important;
    color: #008a27 !important;
    border-color: #008a27 !important;
    box-shadow: 0 8px 20px rgba(0, 138, 39, 0.15);
    transform: translateY(-2px);
}

/* Responsive Fixes for Columns */
@media (max-width: 767px) {
    .donationcategories .card-donation-img-no {
        height: 180px;
    }
}/* End custom CSS */