.ngo-footer {
        position: relative;
        overflow: hidden;
        padding: 70px 0 0;
        font-family: "Segoe UI", sans-serif;
        color: #fff8ef;
        background:
            linear-gradient(135deg, rgba(34, 18, 9, 0.98), rgba(89, 47, 24, 0.97)),
            repeating-linear-gradient(
                45deg,
                rgba(255, 255, 255, 0.025) 0,
                rgba(255, 255, 255, 0.025) 1px,
                transparent 1px,
                transparent 25px
            );
    }

    .ngo-footer::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 12% 25%, rgba(218, 166, 112, 0.18), transparent 25%),
            radial-gradient(circle at 88% 65%, rgba(255, 196, 133, 0.12), transparent 28%);
        pointer-events: none;
    }

    .ngo-footer::after {
        content: "";
        position: absolute;
        width: 440px;
        height: 440px;
        top: -260px;
        right: -180px;
        border: 1px solid rgba(255, 220, 180, 0.18);
        border-radius: 50%;
        box-shadow:
            0 0 0 45px rgba(255, 220, 180, 0.025),
            0 0 0 90px rgba(255, 220, 180, 0.02);
        animation: footerCircle 8s ease-in-out infinite;
    }

    .footer-line {
        position: absolute;
        height: 1px;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 210, 160, 0.48),
            transparent
        );
        animation: footerLineMove 8s linear infinite;
    }

    .footer-line-one {
        width: 55%;
        top: 31%;
        left: -20%;
        transform: rotate(-12deg);
    }

    .footer-line-two {
        width: 65%;
        right: -25%;
        bottom: 25%;
        transform: rotate(10deg);
        animation-delay: -4s;
    }

    .footer-glow {
        position: absolute;
        border-radius: 50%;
        filter: blur(4px);
        pointer-events: none;
        animation: footerGlow 7s ease-in-out infinite;
    }

    .footer-glow-one {
        width: 12px;
        height: 12px;
        top: 34%;
        left: 8%;
        background: #e3a564;
        box-shadow: 0 0 35px 10px rgba(227, 165, 100, 0.45);
    }

    .footer-glow-two {
        width: 9px;
        height: 9px;
        right: 12%;
        bottom: 22%;
        background: #fff0d7;
        box-shadow: 0 0 30px 9px rgba(255, 223, 183, 0.4);
        animation-delay: -3s;
    }

    .footer-photo-strip {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
        padding: 12px;
        margin-bottom: 55px;
        border: 1px solid rgba(255, 219, 175, 0.28);
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.055);
        box-shadow:
            0 22px 55px rgba(23, 10, 4, 0.45),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(12px);
    }

    .footer-photo-card {
        position: relative;
        height: 165px;
        overflow: hidden;
        border: 1px solid rgba(255, 229, 199, 0.38);
        border-radius: 16px;
        background: #5a311d;
        box-shadow: 0 10px 24px rgba(24, 10, 4, 0.35);
        transform: translateY(0);
        transition: transform 0.45s ease, box-shadow 0.45s ease;
    }

    .footer-photo-card::before {
        content: "";
        position: absolute;
        inset: 7px;
        z-index: 2;
        border: 1px solid rgba(255, 246, 231, 0.55);
        border-radius: 11px;
        pointer-events: none;
        transition: inset 0.45s ease;
    }

    .footer-photo-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
            180deg,
            transparent 25%,
            rgba(37, 16, 6, 0.2) 55%,
            rgba(30, 12, 4, 0.88) 100%
        );
    }

    .footer-photo-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.7s ease, filter 0.5s ease;
    }

    .footer-photo-card:hover {
        transform: translateY(-9px);
        box-shadow:
            0 20px 38px rgba(22, 8, 2, 0.55),
            0 0 24px rgba(209, 147, 87, 0.18);
    }

    .footer-photo-card:hover::before {
        inset: 11px;
    }

    .footer-photo-card:hover img {
        transform: scale(1.1);
        filter: saturate(1.15);
    }

    .photo-overlay {
        position: absolute;
        z-index: 3;
        right: 16px;
        bottom: 16px;
        left: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 8px 12px;
        border: 1px solid rgba(255, 234, 207, 0.45);
        border-radius: 10px;
        background: rgba(44, 20, 8, 0.3);
        backdrop-filter: blur(6px);
    }

    .photo-overlay span {
        color: #fff6e9;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.4px;
        text-align: center;
    }

    .footer-main {
        position: relative;
        z-index: 2;
        padding-bottom: 50px;
    }

    .footer-brand {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
    }

    .footer-logo {
        position: relative;
        display: grid;
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
        place-items: center;
        border: 1px solid rgba(255, 229, 197, 0.4);
        border-radius: 20px 8px 20px 8px;
        color: #ffe5c2;
        font-size: 31px;
        background: linear-gradient(145deg, #a66637, #62351e);
        box-shadow:
            0 13px 30px rgba(26, 11, 4, 0.42),
            inset 0 1px 0 rgba(255, 255, 255, 0.25);
    }

    .footer-logo::after {
        content: "";
        position: absolute;
        inset: -6px;
        border: 1px solid rgba(220, 166, 109, 0.22);
        border-radius: 23px 11px 23px 11px;
        animation: logoGlow 3s ease-in-out infinite;
    }

    .footer-brand h3 {
        margin: 0 0 5px;
        color: #fff5e7;
        font-size: 25px;
        font-weight: 800;
        letter-spacing: 0.3px;
    }

    .footer-brand span {
        color: #d9b58e;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .footer-description {
        max-width: 390px;
        margin-bottom: 24px;
        color: #e2cdb9;
        font-size: 15px;
        line-height: 1.85;
    }

    .footer-socials {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .footer-socials a {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid rgba(255, 230, 201, 0.24);
        border-radius: 12px;
        color: #fff;
        text-decoration: none;
        box-shadow: 0 7px 17px rgba(19, 7, 2, 0.25);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    .footer-socials .facebook {
        background: #3b5998;
    }

    .footer-socials .instagram {
        background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
    }

    .footer-socials .youtube {
        background: #d90000;
    }

    .footer-socials .linkedin {
        background: #0a66c2;
    }

    .footer-socials a:hover {
        transform: translateY(-6px);
        box-shadow: 0 13px 25px rgba(16, 6, 2, 0.4);
    }

    .footer-column h4 {
        position: relative;
        display: inline-block;
        margin: 5px 0 26px;
        padding-bottom: 13px;
        color: #fff3e2;
        font-size: 18px;
        font-weight: 750;
    }

    .footer-column h4::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 58px;
        height: 3px;
        border-radius: 5px;
        background: linear-gradient(90deg, #d7995d, transparent);
    }

    .footer-column h4::after {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 9px;
        height: 9px;
        border: 2px solid #d7995d;
        border-radius: 50%;
        background: #60351f;
    }

    .footer-column ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .footer-column ul li {
        margin-bottom: 14px;
    }

    .footer-column ul a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #dfc8b2;
        font-size: 14px;
        text-decoration: none;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .footer-column ul a i {
        width: 17px;
        color: #d69b64;
        font-size: 12px;
        text-align: center;
    }

    .footer-column ul a:hover {
        color: #fff;
        transform: translateX(7px);
    }

    .contact-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 16px;
    }

    .contact-icon {
        display: grid;
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        place-items: center;
        border: 1px solid rgba(255, 224, 190, 0.22);
        border-radius: 11px;
        color: #ffd9ad;
        background: rgba(255, 255, 255, 0.07);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .contact-item p {
        margin: 2px 0 0;
        color: #dfc8b2;
        font-size: 14px;
        line-height: 1.65;
    }

    .contact-item a {
        color: inherit;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .contact-item a:hover {
        color: #fff;
    }

    .footer-donate-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        margin-top: 8px;
        padding: 13px 22px;
        border: 1px solid rgba(255, 236, 214, 0.38);
        border-radius: 12px;
        color: #3a1c0d;
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
        background: linear-gradient(135deg, #f2c38f, #ca8246);
        box-shadow:
            0 12px 25px rgba(22, 8, 2, 0.35),
            inset 0 1px 0 rgba(255, 255, 255, 0.5);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    .footer-donate-btn:hover {
        color: #2d1408;
        transform: translateY(-4px);
        box-shadow:
            0 17px 32px rgba(22, 8, 2, 0.48),
            0 0 22px rgba(230, 163, 98, 0.2);
    }

    .footer-bottom {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 23px 0;
        border-top: 1px solid rgba(255, 226, 194, 0.15);
    }

    .footer-bottom::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 130px;
        height: 1px;
        background: linear-gradient(90deg, #dca46c, transparent);
    }

    .footer-bottom p {
        margin: 0;
        color: #cdb49d;
        font-size: 13px;
    }

    .footer-bottom-links {
        display: flex;
        align-items: center;
        gap: 13px;
    }

    .footer-bottom-links a {
        color: #cdb49d;
        font-size: 13px;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .footer-bottom-links a:hover {
        color: #fff5e8;
    }

    .footer-bottom-links span {
        width: 1px;
        height: 14px;
        background: rgba(255, 224, 190, 0.25);
    }

    @keyframes footerCircle {
        0%, 100% {
            transform: scale(1);
            opacity: 0.55;
        }

        50% {
            transform: scale(1.08);
            opacity: 0.85;
        }
    }

    @keyframes footerLineMove {
        0% {
            transform: translateX(-40px) rotate(-12deg);
            opacity: 0;
        }

        30%, 70% {
            opacity: 1;
        }

        100% {
            transform: translateX(130px) rotate(-12deg);
            opacity: 0;
        }
    }

    @keyframes footerGlow {
        0%, 100% {
            transform: translateY(0) scale(1);
            opacity: 0.5;
        }

        50% {
            transform: translateY(-25px) scale(1.35);
            opacity: 1;
        }
    }

    @keyframes logoGlow {
        0%, 100% {
            opacity: 0.35;
            transform: scale(1);
        }

        50% {
            opacity: 0.8;
            transform: scale(1.04);
        }
    }

    @media (max-width: 991.98px) {
        .footer-photo-strip {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .footer-photo-card:last-child {
            grid-column: 1 / -1;
        }

        .footer-main {
            padding-bottom: 35px;
        }
    }

    @media (max-width: 575.98px) {
        .ngo-footer {
            padding-top: 45px;
        }

        .footer-photo-strip {
            grid-template-columns: 1fr;
            gap: 14px;
            padding: 10px;
            margin-bottom: 42px;
            border-radius: 18px;
        }

        .footer-photo-card,
        .footer-photo-card:last-child {
            grid-column: auto;
            height: 210px;
        }

        .footer-brand {
            align-items: flex-start;
        }

        .footer-brand h3 {
            font-size: 22px;
        }

        .footer-column h4 {
            margin-top: 15px;
        }

        .footer-bottom {
            flex-direction: column;
            align-items: flex-start;
        }

        .footer-bottom-links {
            flex-wrap: wrap;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .ngo-footer *,
        .ngo-footer *::before,
        .ngo-footer *::after {
            animation: none !important;
            transition: none !important;
        }
    }