:root {
     --saffron: #E8601C;
     --deep-maroon: #3D0C02;
     --maroon: #6B1A0A;
     --gold: #D4A017;
     --gold-light: #F0C040;
     --cream: #FDF6EC;
     --warm: #F5E0B0;
     --lotus-pink: #D4567A;
     --bg: #1C0805;
     --bg2: #240C05;
 }

 *,
 *::before,
 *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     background: var(--bg);
     color: var(--cream);
     font-family: "DM Sans", sans-serif;
     overflow-x: hidden;
 }

 body::after {
     content: "";
     position: fixed;
     inset: 0;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Ccircle cx='1' cy='1' r='0.4' fill='rgba(212,160,23,0.07)'/%3E%3C/svg%3E");
     pointer-events: none;
     z-index: 9998;
 }

 /* NAV */
 nav {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 200;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0.6rem 3rem;
     background: rgba(28, 8, 5, 0.94);
     backdrop-filter: blur(14px);
     border-bottom: 1px solid rgba(212, 160, 23, 0.3);
     flex-wrap: wrap;
     /* mobile ke liye important */
 }

 /* links */
 .nav-links {
     display: flex;
     gap: 2rem;
     list-style: none;
     flex-wrap: wrap;
     /* mobile me break ho jayega */
 }

 .nav-logo {
     display: flex;
     align-items: center;
     gap: 0.9rem;
 }

 .nav-logo img {
     width: 73px;
     height: 73px;
     object-fit: contain;
     filter: drop-shadow(0 0 10px rgba(212, 160, 23, 0.7)) drop-shadow(0 0 3px rgba(255, 255, 255, 0.3));
 }

 .nav-brand-main {
     font-family: "Cinzel Decorative", cursive;
     font-size: 17px;
     color: var(--gold);
     display: block;
     font-weight: 600;
 }

 .nav-brand-sub {
     font-size: 11px;
     letter-spacing: 0.15em;
     color: var(--warm);
     opacity: 0.65;
     text-transform: uppercase;
     font-weight: 600;
 }

 .nav-links a {
     color: var(--warm);
     text-decoration: none;
     font-size: 0.76rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     font-weight: 500;
     transition: color 0.3s;
 }

 .nav-links a:hover {
     color: var(--gold);
 }

 /* MOBILE MENU BUTTON */

 .menu-toggle {
     display: none;
     font-size: 28px;
     color: #d4a017;
     cursor: pointer;
 }


 /* MOBILE */
 @media (max-width:768px) {

     nav {
         padding: 10px 20px;
         /* justify-content: center; */
         justify-content: space-between;
     }

     .nav-logo img {
         width: 55px;
         height: 55px;
     }

     .nav-brand-main {

         font-size: 16px;

     }

     .nav-brand-sub {
         font-size: 10px;

     }



     .menu-toggle {
         display: block;

     }

     .nav-links {

         display: none;
         flex-direction: column;
         width: 100%;
         background: rgba(28, 8, 5, 0.96);
         text-align: center;
         padding: 15px 0;
         margin-top: 10px;
         border-top: 1px solid rgba(212, 160, 23, 0.3);

     }

     .nav-links.active {
         display: flex;
         gap: 12px;
     }

     .nav-links li {
         padding: 10px 0;
     }

     .nav-links a {
         font-size: 13px;
     }

 }

 /* PETALS */
 @keyframes floatPetal {
     0% {
         transform: translateY(100vh) rotate(0deg);
         opacity: 0;
     }

     10% {
         opacity: 0.6;
     }

     90% {
         opacity: 0.25;
     }

     100% {
         transform: translateY(-10px) rotate(720deg);
         opacity: 0;
     }
 }

 .petal {
     position: fixed;
     width: 10px;
     height: 10px;
     border-radius: 50% 0;
     opacity: 0;
     animation: floatPetal linear infinite;
     z-index: 1;
 }

 .petal:nth-child(1) {
     left: 8%;
     animation-duration: 13s;
     animation-delay: 0s;
     background: var(--lotus-pink);
 }

 .petal:nth-child(2) {
     left: 22%;
     animation-duration: 17s;
     animation-delay: 2s;
     background: var(--saffron);
     width: 7px;
     height: 7px;
 }

 .petal:nth-child(3) {
     left: 38%;
     animation-duration: 11s;
     animation-delay: 5s;
     background: var(--gold);
 }

 .petal:nth-child(4) {
     left: 56%;
     animation-duration: 15s;
     animation-delay: 1s;
     background: var(--lotus-pink);
 }

 .petal:nth-child(5) {
     left: 72%;
     animation-duration: 12s;
     animation-delay: 3s;
     background: var(--saffron);
     width: 8px;
     height: 8px;
 }

 .petal:nth-child(6) {
     left: 88%;
     animation-duration: 18s;
     animation-delay: 7s;
     background: var(--gold-light);
     width: 6px;
     height: 6px;
 }

 /* HERO */
 .hero {
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
     padding: 9rem 2rem 5rem;
     text-align: center;
 }

 .hero-bg {
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse 70% 55% at 50% 35%, rgba(232, 96, 28, 0.2) 0%, transparent 65%), radial-gradient(ellipse 50% 40% at 50% 90%, rgba(107, 26, 10, 0.3) 0%, transparent 60%);
     pointer-events: none;
 }

 .hero-om {
     font-family: "Tiro Devanagari Hindi", serif;
     font-size: 8rem;
     color: var(--gold);
     opacity: 0.07;
     position: absolute;
     top: 5%;
     right: 5%;
     animation: breathe 6s ease-in-out infinite;
     pointer-events: none;
 }

 @keyframes breathe {

     0%,
     100% {
         opacity: 0.06;
         transform: scale(1);
     }

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

 /* LOGO */
 .hero-logo-wrap {
     position: relative;
     display: inline-block;
     margin-bottom: 2.2rem;
     animation: fadeDown 1s ease both;
 }

 @keyframes fadeDown {
     from {
         opacity: 0;
         transform: translateY(-30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .hero-logo-halo {
     position: absolute;
     inset: -35px;
     border-radius: 50%;

     animation: haloGlow 3s ease-in-out infinite;
 }

 @keyframes haloGlow {

     0%,
     100% {
         opacity: 0.5;
     }

     50% {
         opacity: 1;
     }
 }

 .hero-logo-img {
     width: 300px;
     height: 300px;
     object-fit: contain;
     position: relative;
     z-index: 1;
     filter: drop-shadow(0 0 30px rgba(212, 160, 23, 0.8)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
     border-radius: 50%;
 }

 .jai-radhe {
     font-family: "Tiro Devanagari Hindi", serif;
     font-size: 2.2rem;
     color: var(--gold);
     letter-spacing: 0.06em;
     opacity: 0;
     animation: fadeUp 0.8s 0.3s ease forwards;
 }

 .hero h1 {
     font-family: "Cinzel Decorative", cursive;
     font-size: clamp(1.5rem, 3.8vw, 3rem);
     line-height: 1.2;
     color: var(--cream);
     margin-bottom: 0.8rem;
     opacity: 0;
     animation: fadeUp 0.8s 0.5s ease forwards;
 }

 .hero h1 .hl {
     color: var(--gold);
 }

 .hero-tagline {
     font-family: "Lora", serif;
     font-style: italic;
     font-size: clamp(0.95rem, 1.8vw, 1.25rem);
     color: var(--warm);
     opacity: 0;
     margin-bottom: 1.4rem;
     animation: fadeUp 0.8s 0.65s ease forwards;
 }

 .hero-sanskrit {
     font-family: "Tiro Devanagari Hindi", serif;
     font-size: 1rem;
     color: var(--gold);
     opacity: 0;
     letter-spacing: 0.06em;
     margin-bottom: 2rem;
     animation: fadeUp 0.8s 0.75s ease forwards;
 }

 .ornament-divider {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 1rem;
     margin: 0.6rem auto 1.6rem;
     opacity: 0;
     animation: fadeUp 0.8s 0.6s ease forwards;
 }

 .ornament-divider .ol {
     height: 1px;
     width: 90px;
     background: linear-gradient(90deg, transparent, var(--gold));
 }

 .ornament-divider .or {
     height: 1px;
     width: 90px;
     background: linear-gradient(90deg, var(--gold), transparent);
 }

 .ornament-divider .os {
     color: var(--saffron);
     font-size: 1.3rem;
 }

 .hero-stats {
     display: flex;
     justify-content: center;
     gap: 3rem;
     flex-wrap: wrap;
     opacity: 0;
     animation: fadeUp 0.8s 1s ease forwards;
     margin-top: 2rem;
 }

 .stat-num {
     font-family: "Cinzel", serif;
     font-size: 2.1rem;
     color: var(--saffron);
     display: block;
     text-shadow: 0 0 20px rgba(232, 96, 28, 0.4);
 }

 .stat-label {
     font-size: 0.7rem;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--warm);
     opacity: 0.6;
 }

 .cta-group {
     display: flex;
     gap: 1.2rem;
     justify-content: center;
     flex-wrap: wrap;
     opacity: 0;
     animation: fadeUp 0.8s 0.85s ease forwards;
 }

 @keyframes fadeUp {
     from {
         opacity: 0;
         transform: translateY(25px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* BUTTONS */
 .btn-primary {
     background: linear-gradient(135deg, var(--saffron), var(--maroon));
     color: white;
     padding: 0.88rem 2.4rem;
     font-size: 0.8rem;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     font-weight: 500;
     border: none;
     cursor: pointer;
     text-decoration: none;
     display: inline-block;
     font-family: "DM Sans", sans-serif;
     clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
     transition: all 0.3s;
 }

 .btn-primary:hover {
     transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(232, 96, 28, 0.4);
 }

 .btn-outline {
     border: 1px solid var(--gold);
     color: var(--gold);
     padding: 0.88rem 2.4rem;
     font-size: 0.8rem;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     font-weight: 500;
     background: transparent;
     cursor: pointer;
     text-decoration: none;
     display: inline-block;
     font-family: "DM Sans", sans-serif;
     clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
     transition: all 0.3s;
 }

 .btn-outline:hover {
     background: rgba(212, 160, 23, 0.12);
     transform: translateY(-3px);
 }

 /* SECTION SHARED */
 section {
     padding: 5.5rem 4rem;
 }

 .section-label {
     font-size: 0.68rem;
     letter-spacing: 0.28em;
     text-transform: uppercase;
     color: var(--saffron);
     margin-bottom: 0.6rem;
     display: block;
 }

 .section-title {
     font-family: "Cinzel Decorative", cursive;
     font-size: clamp(1.4rem, 3.2vw, 2.3rem);
     line-height: 1.25;
     margin-bottom: 1.2rem;
 }

 .section-title span {
     color: var(--gold);
 }

 .section-body {
     font-family: "Lora", serif;
     font-size: 16px;
     line-height: 1.82;
     color: rgba(253, 246, 236, 0.76);
     max-width: 660px;
 }

 .divider-line {
     width: 55px;
     height: 2px;
     background: var(--saffron);
     margin-bottom: 1.8rem;
 }

 /* ABOUT */
 .about {
     background: linear-gradient(160deg, var(--bg2) 0%, #2A0E06 100%);
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 5rem;
     align-items: center;
     position: relative;
 }

 .about::before {
     content: "ॐ";
     font-family: "Tiro Devanagari Hindi", serif;
     position: absolute;
     right: 3rem;
     top: 50%;
     transform: translateY(-50%);
     font-size: 18rem;
     color: rgba(212, 160, 23, 0.035);
     pointer-events: none;
     line-height: 1;
 }

 .about-card {
     background: rgba(212, 160, 23, 0.05);
     border: 1px solid rgba(212, 160, 23, 0.2);
     padding: 2.2rem;
     position: relative;
 }

 .about-card::before,
 .about-card::after {
     content: "✦";
     position: absolute;
     color: var(--gold);
     font-size: 1.1rem;
 }

 .about-card::before {
     top: -12px;
     left: 50%;
     transform: translateX(-50%);
 }

 .about-card::after {
     bottom: -12px;
     left: 50%;
     transform: translateX(-50%);
 }

 .reg-detail {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0.82rem 0;
     border-bottom: 1px solid rgba(212, 160, 23, 0.1);
 }

 .reg-detail:last-child {
     border-bottom: none;
 }

 .reg-key {
     font-size: 0.7rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: rgba(253, 246, 236, 0.76);

 }

 .reg-val {
     font-family: "Lora", serif;
     font-size: 0.98rem;
     color: var(--gold);
     font-weight: 600;
 }

 /* MISSION */
 .mission {
     background: var(--cream);
     color: var(--bg);
 }

 .mission .section-title {
     color: #3D0C02;
 }

 .mission .section-body {
     color: rgba(61, 12, 2, 0.65);
 }

 .mission .section-label {
     color: #6B1A0A;
 }

 .mission .divider-line {
     background: var(--saffron);
 }

 .mission-header {
     text-align: center;
     max-width: 750px;
     margin: 0 auto 3.5rem;
 }

 /* 4-col × 2-row grid */
 .pillars-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 1.4rem;
 }

 @media(max-width:1100px) {
     .pillars-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media(max-width:560px) {
     .pillars-grid {
         grid-template-columns: 1fr;
     }
 }

 .pillar {
     background: white;
     border-top: 3px solid var(--saffron);
     padding: 1.6rem;
     transition: all 0.35s;
     position: relative;
     overflow: hidden;
     box-shadow: 0 2px 15px rgba(61, 12, 2, 0.07);
 }

 .pillar:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 50px rgba(232, 96, 28, 0.18);
 }

 .pillar-icon {
     font-size: 2rem;
     margin-bottom: 0.8rem;
     display: block;
 }

 .pillar h3 {
     font-family: "Cinzel", serif;
     font-size: 0.92rem;
     color: #3D0C02;
     margin-bottom: 0.6rem;
 }

 .pillar p {
     font-size: 0.83rem;
     color: rgba(61, 12, 2, 0.6);
     line-height: 1.65;
 }

 /* GALLERY */
 .gallery {
     background: linear-gradient(160deg, #200A04 0%, var(--bg2) 100%);
     position: relative;
 }

 .gallery::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 3px;
     background: linear-gradient(90deg, transparent, var(--gold), var(--saffron), var(--gold), transparent);
 }

 .gallery-header {
     text-align: center;
     max-width: 700px;
     margin: 0 auto 3.5rem;
 }

 .gallery-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1.2rem;
 }

 .gallery-item {
     position: relative;
     overflow: hidden;
     border: 1px solid rgba(212, 160, 23, 0.2);
     aspect-ratio: 4/3;
     cursor: pointer;
     transition: all 0.4s;
     background: #2A0E06;
 }

 .gallery-item:hover {
     border-color: var(--saffron);
     transform: scale(1.02);
     z-index: 2;
 }

 .gallery-item img.work-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 0.4s;
 }

 .gallery-item:hover img.work-img {
     transform: scale(1.08);
 }

 .gallery-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;

     /* dark gradient background */
     background: linear-gradient(transparent 0%,
             rgba(28, 8, 5, 0.75) 40%,
             rgba(28, 8, 5, 0.95) 100%);

     padding: 2.5rem 1.2rem 1.2rem;
     /* always visible */
     transform: translateY(0);
 }

 /* hover caption animation remove */
 .gallery-item:hover .gallery-caption {
     transform: translateY(0);
 }

 /* hover pe full show */
 .gallery-item:hover .gallery-caption {
     transform: translateY(0);
 }

 .gallery-item:hover .gallery-caption {
     transform: translateY(0);
 }

 .gallery-caption h4 {
     font-family: "Cinzel", serif;
     font-size: 0.9rem;
     color: var(--gold);
 }

 .gallery-caption p {
     font-size: 0.76rem;
     color: var(--warm);
     opacity: 0.8;
     margin-top: 0.2rem;
 }

 .gallery-note {
     margin-top: 2.5rem;
     border: 1px dashed rgba(212, 160, 23, 0.28);
     padding: 1.5rem 2rem;
     display: flex;
     align-items: center;
     gap: 1.5rem;
     background: rgba(212, 160, 23, 0.04);
 }

 .gallery-note .ni {
     font-size: 2rem;
     flex-shrink: 0;
 }

 .gallery-note p {
     font-size: 0.86rem;
     color: rgba(253, 246, 236, 0.55);
     line-height: 1.65;
 }

 .gallery-note strong {
     color: var(--gold);
 }

 /* OBJECTIVES */
 .objectives {
     background: var(--bg);
     position: relative;
 }

 .obj-header {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 4rem;
     align-items: start;
     margin-bottom: 3.5rem;
 }

 .obj-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
     gap: 1rem;
 }

 .obj-item {
     display: flex;
     gap: 1rem;
     padding: 1.1rem;
     border: 1px solid rgba(212, 160, 23, 0.1);
     transition: all 0.3s;
     align-items: flex-start;
 }

 .obj-item:hover {
     border-color: rgba(232, 96, 28, 0.4);
     background: rgba(232, 96, 28, 0.04);
 }

 .obj-num {
     font-family: "Cinzel", serif;
     font-size: 1.4rem;
     color: var(--gold);

     min-width: 36px;
     line-height: 1;
 }

 .obj-text {
     font-size: 0.86rem;
     line-height: 1.65;
     color: rgba(253, 246, 236, 0.7);
 }

 /* TRUSTEES */
 .trustees {
     background: linear-gradient(160deg, #280D05 0%, var(--bg2) 100%);
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .trustees::before {
     content: "राधे राधे";
     font-family: "Tiro Devanagari Hindi", serif;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 13rem;
     color: rgba(212, 160, 23, 0.025);
     pointer-events: none;
     white-space: nowrap;
 }

 .trustees-grid {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 2rem;
     margin-top: 3rem;
 }

 .trustee-card {
     width: 195px;
     padding: 2rem 1.4rem;
     border: 1px solid rgba(212, 160, 23, 0.18);
     position: relative;
     transition: all 0.3s;
     background: rgba(212, 160, 23, 0.04);
 }

 .trustee-card.chairman {
     border-color: var(--gold);
     background: rgba(212, 160, 23, 0.1);
     width: 220px;
 }

 .trustee-card:hover {
     border-color: var(--saffron);
     transform: translateY(-6px);
     box-shadow: 0 15px 40px rgba(232, 96, 28, 0.2);
 }

 /* Photo avatar for trustees */
 .trustee-photo-wrap {
     position: relative;
     width: 90px;
     height: 90px;
     margin: 0 auto 1rem;
 }

 .chairman .trustee-photo-wrap {
     width: 100px;
     height: 100px;
 }

 .trustee-photo-wrap::before {
     content: "";
     position: absolute;
     inset: -4px;
     border-radius: 50%;
     border: 2px solid var(--gold);
     opacity: 0.6;
 }

 .chairman .trustee-photo-wrap::before {
     border-color: var(--gold-light);
     opacity: 1;
 }

 .trustee-photo-wrap::after {
     content: "";
     position: absolute;
     inset: -8px;
     border-radius: 50%;
     border: 1px solid var(--saffron);
     opacity: 0.3;
 }

 .trustee-photo {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     object-fit: cover;
     object-position: top center;
     display: block;
     filter: sepia(10%) saturate(1.1);
 }

 .trustee-avatar-fallback {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--saffron), var(--gold));
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: "Cinzel", serif;
     font-size: 1.3rem;
     color: white;
 }

 .chairman .trustee-photo-wrap::before {
     border-width: 3px;
 }

 .trustee-card .tname {
     font-family: "Lora", serif;
     font-size: 0.93rem;
     font-weight: 600;
     color: var(--cream);
     margin-bottom: 0.3rem;
 }

 .trustee-card .trole {
     font-size: 0.68rem;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--gold);
 }

 /* DONATE */
 .donate {
     background: #0D0200;
     color: white;
     padding: 0;
     position: relative;
     overflow: hidden;
 }

 .donate-inner {
     position: relative;
     z-index: 2;
     display: grid;
     grid-template-columns: 1fr 1fr;
     min-height: 560px;
 }

 .donate-left {
     background: linear-gradient(145deg, #5C1208 0%, #8B1A08 40%, #C0350F 100%);
     padding: 5rem 4rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     overflow: hidden;
 }

 .donate-left::before {
     content: "दान";
     font-family: "Tiro Devanagari Hindi", serif;
     position: absolute;
     right: -1.5rem;
     bottom: -2rem;
     font-size: 16rem;
     color: rgba(255, 255, 255, 0.04);
     line-height: 1;
     pointer-events: none;
     font-weight: 900;
 }

 .donate-left::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 1px;
     height: 100%;
     background: linear-gradient(180deg, transparent, rgba(212, 160, 23, 0.5), transparent);
 }

 .donate-mandala {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 500px;
     height: 500px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.04);
     pointer-events: none;
 }

 .donate-mandala::before {
     content: "";
     position: absolute;
     inset: 30px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.04);
 }

 .donate-mandala::after {
     content: "";
     position: absolute;
     inset: 60px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.04);
 }

 .donate-badge {
     display: inline-flex;
     align-items: center;
     gap: 0.6rem;
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 0.4rem 1rem;
     margin-bottom: 1.8rem;
     width: fit-content;
 }

 .donate-badge span {
     font-size: 0.65rem;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.7);
 }

 .donate-badge .dot {
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--gold-light);
     animation: pulse-dot 2s ease-in-out infinite;
 }

 @keyframes pulse-dot {

     0%,
     100% {
         opacity: 1;
         transform: scale(1);
     }

     50% {
         opacity: 0.5;
         transform: scale(0.7);
     }
 }

 .donate-left h2 {
     font-family: "Cinzel Decorative", cursive;
     font-size: clamp(1.8rem, 3.5vw, 2.8rem);
     line-height: 1.15;
     color: white;
     margin-bottom: 1rem;
 }

 .donate-left h2 em {
     font-style: normal;
     color: var(--gold-light);
 }

 .donate-quote {
     font-family: "Tiro Devanagari Hindi", serif;
     font-size: 1.05rem;
     color: rgba(255, 255, 255, 0.55);
     margin-bottom: 1.8rem;
     padding-left: 1rem;
     border-left: 2px solid var(--gold);
     line-height: 1.7;
 }

 .donate-impacts {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1rem;
     margin-top: 2rem;
 }

 .impact-item {
     text-align: center;
     padding: 1rem 0.5rem;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
 }

 .impact-num {
     font-family: "Cinzel", serif;
     font-size: 1.5rem;
     color: var(--gold-light);
     display: block;
 }

 .impact-label {
     font-size: 0.65rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.45);
     margin-top: 0.2rem;
 }

 /* RIGHT PANEL */
 .donate-right {
     background: var(--cream);
     padding: 5rem 4rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
 }

 .donate-right::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     background: linear-gradient(90deg, var(--saffron), var(--gold), var(--saffron));
 }

 .donate-right-label {
     font-size: 0.65rem;
     letter-spacing: 0.22em;
     text-transform: uppercase;
     color: var(--saffron);
     margin-bottom: 0.6rem;
     display: block;
 }

 .donate-right h3 {
     font-family: "Cinzel Decorative", cursive;
     font-size: 1.5rem;
     color: #3D0C02;
     margin-bottom: 0.4rem;
 }

 .donate-right p.sub {
     font-family: "Lora", serif;
     font-style: italic;
     font-size: 0.9rem;
     color: rgba(61, 12, 2, 0.5);
     margin-bottom: 2rem;
 }

 .bank-card {
     background: white;
     border: 1px solid rgba(61, 12, 2, 0.1);
     padding: 1.6rem;
     margin-bottom: 1.2rem;
     position: relative;
     box-shadow: 0 4px 20px rgba(61, 12, 2, 0.06);
 }

 .bank-card::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 3px;
     background: linear-gradient(180deg, var(--saffron), var(--gold));
 }

 .bank-rows {
     display: flex;
     flex-direction: column;
     gap: 0.8rem;
 }

 .bank-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 0.8rem;
     border-bottom: 1px solid rgba(61, 12, 2, 0.06);
 }

 .bank-row:last-child {
     border-bottom: none;
     padding-bottom: 0;
 }

 .bank-key {
     font-size: 0.66rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: rgba(61, 12, 2, 0.38);
 }

 .bank-val {
     font-family: "Lora", serif;
     font-size: 0.97rem;
     font-weight: 600;
     color: #3D0C02;
     letter-spacing: 0.03em;
 }

 .copy-btn {
     background: none;
     border: none;
     cursor: pointer;
     color: var(--saffron);
     font-size: 0.85rem;
     padding: 0.2rem 0.4rem;
     opacity: 0.6;
     transition: opacity 0.2s;
 }

 .copy-btn:hover {
     opacity: 1;
 }

 .bank-row-wrap {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
 }

 .tax-note {
     background: rgba(232, 96, 28, 0.06);
     border: 1px solid rgba(232, 96, 28, 0.18);
     padding: 0.9rem 1.2rem;
     display: flex;
     gap: 0.8rem;
     align-items: flex-start;
     margin-bottom: 1.5rem;
 }

 .tax-note .ti {
     font-size: 1.1rem;
     flex-shrink: 0;
     margin-top: 0.1rem;
 }

 .tax-note p {
     font-size: 0.78rem;
     color: rgba(61, 12, 2, 0.6);
     line-height: 1.6;
 }

 .tax-note strong {
     color: var(--saffron);
 }

 .donate-cta-row {
     display: flex;
     gap: 1rem;
 }

 .donate-cta-row .btn-primary {
     flex: 1;
     text-align: center;
     clip-path: none;
     padding: 1rem;
 }

 .donate-cta-row .btn-outline {
     flex: 1;
     text-align: center;
     border-color: var(--maroon);
     color: var(--maroon);
     clip-path: none;
     padding: 1rem;
 }

 .donate-cta-row .btn-outline:hover {
     background: rgba(107, 26, 10, 0.07);
 }

 @media(max-width:900px) {
     .donate-inner {
         grid-template-columns: 1fr;
     }

     .donate-left,
     .donate-right {
         padding: 3.5rem 1.8rem;
     }

     .donate-impacts {
         grid-template-columns: repeat(3, 1fr);
     }

     .donate-cta-row {
         flex-direction: column;
     }
 }

 /* CONTACT */
 .contact {
     background: var(--bg);
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 5rem;
     align-items: start;
 }

 .contact-info {
     display: flex;
     flex-direction: column;
     gap: 2rem;
 }

 .contact-item {
     display: flex;
     gap: 1.4rem;
     align-items: flex-start;
 }

 .contact-icon {
     width: 46px;
     height: 46px;
     background: rgba(232, 96, 28, 0.12);
     border: 1px solid rgba(232, 96, 28, 0.3);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.1rem;
     flex-shrink: 0;
 }

 .contact-item h4 {
     font-size: 0.68rem;
     letter-spacing: 0.15em;
     text-transform: uppercase;
     color: var(--saffron);
     margin-bottom: 0.4rem;
 }

 .contact-item p {
     font-family: "Lora", serif;
     font-size: 1.02rem;
     color: var(--warm);
     line-height: 1.55;
 }

 /* FOOTER */
 /* footer {
     background: #0D0300;
     border-top: 1px solid rgba(212, 160, 23, 0.18);
     padding: 2rem 4rem;
     text-align: center;
 }

 .footer-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 1.4rem;
     margin-bottom: 1.4rem;
     border-bottom: 1px solid rgba(212, 160, 23, 0.1);
     flex-wrap: wrap;
     gap: 1rem;
 }

 .footer-logo {
     width: 66px;
     height: 66px;
     object-fit: contain;
 }

 .footer-brand {
     font-family: "Cinzel Decorative", cursive;
     color: var(--gold);
     font-size: 0.85rem;
 }

 .footer-jai {
     font-family: "Tiro Devanagari Hindi", serif;
     font-size: 1.4rem;
     color: var(--gold);
     opacity: 0.55;
 }

 .footer-info {
     font-size: 0.74rem;
     color: rgba(253, 246, 236, 0.32);
     line-height: 1.7;
 } */


 /* CONTACT FORM */
 .contact {
     grid-template-columns: 1fr 1fr;
     gap: 5rem;
     align-items: start;
 }

 .contact-info {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }

 .contact-form-wrap {}

 .contact-form-card {
     background: rgba(212, 160, 23, 0.04);
     border: 1px solid rgba(212, 160, 23, 0.2);
     padding: 2rem;
     position: relative;
 }

 .contact-form-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: linear-gradient(90deg, transparent, var(--saffron), var(--gold), transparent);
 }

 .form-header {
     margin-bottom: 1.6rem;
     padding-bottom: 1.2rem;
     border-bottom: 1px solid rgba(212, 160, 23, 0.12);
 }

 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
 }

 .form-group {
     display: flex;
     flex-direction: column;
     gap: 0.45rem;
     margin-bottom: 1rem;
 }

 .form-group label {
     font-size: 0.68rem;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: rgba(253, 246, 236, 0.45);
 }

 .form-group input,
 .form-group select,
 .form-group textarea {
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(212, 160, 23, 0.2);
     color: var(--cream);
     padding: 0.75rem 1rem;
     font-family: "DM Sans", sans-serif;
     font-size: 0.9rem;
     outline: none;
     transition: border-color 0.3s;
     width: 100%;
     resize: none;
 }

 .form-group input::placeholder,
 .form-group textarea::placeholder {
     color: rgba(253, 246, 236, 0.22);
 }

 .form-group input:focus,
 .form-group select:focus,
 .form-group textarea:focus {
     border-color: var(--saffron);
     background: rgba(232, 96, 28, 0.04);
 }

 .form-group select {
     appearance: none;
     cursor: pointer;
 }

 .form-group select option {
     background: #2A0E06;
     color: var(--cream);
 }

 @media(max-width:900px) {
     .contact {
         grid-template-columns: 1fr;
     }

     .form-row {
         grid-template-columns: 1fr;
     }
 }

 /* REVEAL */
 .reveal {
     opacity: 0;
     transform: translateY(35px);
     transition: opacity 0.85s ease, transform 0.85s ease;
 }

 .reveal.visible {
     opacity: 1;
     transform: translateY(0);
 }

 /* RESPONSIVE */
 @media(max-width:900px) {


     section {
         padding: 4rem 1.5rem;
     }

     .about,
     .contact {
         grid-template-columns: 1fr;
         gap: 3rem;
     }


     .obj-header {
         grid-template-columns: 1fr;
         gap: 2px;
     }

     .gallery-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     /* .hero {
         padding: 8rem 1.5rem 4rem;
     } */

     .hero-stats {
         gap: 1.8rem;
     }

     .bank-details {
         grid-template-columns: 1fr;
         gap: 0.5rem;
         padding: 1.5rem;
     }

     /* footer {
         padding: 2rem 1.5rem;
     }

     .footer-top {
         flex-direction: column;
         text-align: center;
     } */
 }

 @media(max-width:560px) {
     .gallery-grid {
         grid-template-columns: 1fr;
     }

     .hero-om {
         display: none;
     }

     .hero-logo-img {
         width: 180px;
         height: 180px;
         object-fit: contain;
         position: relative;
         z-index: 1;
         filter: drop-shadow(0 0 30px rgba(212, 160, 23, 0.8)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
         border-radius: 50%;
     }
 }


 /* mm-footer  */

 .mm-footer {
     background: #0D0300;
     border-top: 1px solid rgba(212, 160, 23, 0.2);
     padding: 40px 20px;
     text-align: center;
 }

 .footer-content {
     max-width: 900px;
     margin: auto;
 }

 .footer-info {
     font-size: 14px;
     color: rgba(253, 246, 236, 0.55);
     line-height: 1.8;
     margin-bottom: 20px;
 }

 .footer-info a {
     color: var(--gold);
     text-decoration: none;
 }

 .footer-info a:hover {
     text-decoration: underline;
 }

 .footer-bottom {
     font-size: 13px;
     color: rgba(253, 246, 236, 0.45);
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 8px;
 }

 .footer-divider {
     opacity: .4;
 }

 .footer-design a {
     color: var(--gold);
     font-weight: 500;
     text-decoration: none;
 }

 .footer-design a:hover {
     color: var(--saffron);
 }

 /* Social Icons */
 /* Footer Social Icons */

 .mm-footer-social {
     display: flex;
     justify-content: center;
     gap: 13px;
     margin-bottom: 15px;
 }

 .mm-footer-social a {
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: linear-gradient(145deg, #5c0a0a, #2c0000);
     border: 1px solid rgba(255, 215, 0, 0.3);
     box-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
     transition: all .3s ease;
 }

 .mm-footer-social a:hover {
     transform: translateY(-5px);
     box-shadow: 0 0 18px rgba(255, 215, 0, 0.45);
 }

 .mm-footer-social img {
     width: 16px;
     height: 16px;
     object-fit: contain;
 }


 /* Mobile Responsive */

 @media (max-width:768px) {

     .mm-footer-social {
         gap: 10px;
         margin-bottom: 12px;
     }

     .mm-footer-social a {
         width: 32px;
         height: 32px;
     }

     .mm-footer-social img {
         width: 14px;
         height: 14px;
     }

 }


 @media (max-width:480px) {

     .mm-footer-social {
         gap: 8px;
         margin-bottom: 10px;
     }

     .mm-footer-social a {
         width: 30px;
         height: 30px;
     }

     .mm-footer-social img {
         width: 13px;
         height: 13px;
     }

 }

 /* Mobile Responsive */

 @media (max-width:768px) {

     .mm-footer {
         padding: 30px 15px;
     }

     .footer-info {
         font-size: 13px;
         line-height: 1.7;
     }

     .footer-bottom {
         font-size: 12px;
         gap: 6px;
     }

     .footer-divider {
         display: none;
     }

 }

 @media (max-width:480px) {

     .footer-info {
         font-size: 12px;
     }

     .footer-bottom {
         flex-direction: column;
         gap: 4px;
     }

 }

 /* FOUNDERS MEMORIAL SECTION */
 .founders {
     background: linear-gradient(180deg, #0D0300 0%, #1A0804 40%, #220C05 70%, #0D0300 100%);
     padding: 6rem 4rem;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .founders::before {
     content: "";
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(212, 160, 23, 0.06) 0%, transparent 70%);
     pointer-events: none;
 }

 .founders::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.5), var(--saffron), rgba(212, 160, 23, 0.5), transparent);
 }

 .founders-bg-glow {
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse 50% 40% at 20% 50%, rgba(232, 96, 28, 0.04) 0%, transparent 60%),
         radial-gradient(ellipse 50% 40% at 80% 50%, rgba(212, 160, 23, 0.04) 0%, transparent 60%);
     pointer-events: none;
 }

 .founders-header {
     margin-bottom: 4rem;
 }

 .founders-grid {
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     gap: 2rem;
     align-items: center;
     max-width: 1100px;
     margin: 0 auto 4rem;
 }

 /* FOUNDER CARD */
 .founder-card {
     background: rgba(212, 160, 23, 0.03);
     border: 1px solid rgba(212, 160, 23, 0.15);
     padding: 2.5rem 2rem;
     position: relative;
     transition: all 0.5s ease;
 }

 .founder-card::before,
 .founder-card::after {
     content: "✦";
     position: absolute;
     color: rgba(212, 160, 23, 0.3);
     font-size: 0.9rem;
 }

 .founder-card::before {
     top: -10px;
     left: 50%;
     transform: translateX(-50%);
 }

 .founder-card::after {
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
 }

 .founder-card:hover {
     border-color: rgba(212, 160, 23, 0.35);
     background: rgba(212, 160, 23, 0.06);
     transform: translateY(-4px);
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(212, 160, 23, 0.06);
 }

 .founder-diya {
     font-size: 1.6rem;
     margin-bottom: 1.5rem;
     display: block;
     animation: divaFlicker 3s ease-in-out infinite;
 }

 @keyframes divaFlicker {

     0%,
     100% {
         opacity: 1;
         transform: scale(1);
     }

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

 /* PHOTO FRAME */
 .founder-frame-outer {
     position: relative;
     width: 170px;
     height: 170px;
     margin: 0 auto 1rem;
 }

 .founder-frame-inner {
     position: relative;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     padding: 5px;
     background: linear-gradient(135deg, var(--gold), var(--saffron), var(--gold));
     z-index: 1;
 }

 .founder-photo {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     object-fit: cover;
     object-position: top center;
     display: block;
     filter: sepia(15%) saturate(0.9) brightness(0.95);
 }

 .founder-frame-glow {
     position: absolute;
     inset: -15px;
     border-radius: 50%;
     opacity: 0;
     transition: opacity 0.5s;
     z-index: 0;
 }

 .mother-glow {
     background: radial-gradient(circle, rgba(212, 160, 23, 0.2) 0%, transparent 70%);
 }

 .father-glow {
     background: radial-gradient(circle, rgba(232, 96, 28, 0.18) 0%, transparent 70%);
 }

 .founder-card:hover .founder-frame-glow {
     opacity: 1;
 }

 .founder-garland {
     font-size: 1rem;
     color: var(--lotus-pink);
     letter-spacing: 0.5em;
     margin-bottom: 1.2rem;
     opacity: 0.6;
 }

 .founder-title-hindi {
     font-family: "Tiro Devanagari Hindi", serif;
     font-size: 1rem;
     color: rgba(212, 160, 23, 0.55);
     letter-spacing: 0.15em;
     margin-bottom: 0.3rem;
 }

 .founder-name {
     font-family: "Cinzel", serif;
     font-size: 1.15rem;
     color: var(--gold);
     font-weight: 600;
     margin-bottom: 0.35rem;
     line-height: 1.3;
 }

 .founder-role {
     font-size: 0.68rem;
     letter-spacing: 0.15em;
     text-transform: uppercase;
     color: var(--saffron);
     opacity: 0.8;
     margin-bottom: 1.2rem;
 }

 .founder-divider {
     width: 40px;
     height: 1px;
     background: linear-gradient(90deg, transparent, var(--gold), transparent);
     margin: 0 auto 1.2rem;
 }

 .founder-quote {
     font-family: "Lora", serif;
     font-style: italic;
     font-size: 0.88rem;
     line-height: 1.85;
     color: rgba(253, 246, 236, 0.76);
     margin-bottom: 1.4rem;
 }

 .founder-tribute {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
     flex-wrap: wrap;
 }

 /* CENTER DIVIDER */
 .founders-center {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 0.8rem;
     padding: 1rem 0;
 }

 .center-flame {
     font-size: 1.8rem;
     opacity: 0.6;
     animation: divaFlicker 2.5s ease-in-out infinite;
 }

 .center-text {
     text-align: center;
 }

 .founders-footer {
     max-width: 800px;
     margin: 0 auto;
 }

 @media(max-width:900px) {
     .founders {
         padding: 4rem 1.5rem;
     }

     .founders-grid {
         grid-template-columns: 1fr;
         gap: 2.5rem;
     }

     .founders-center {
         flex-direction: row;
         padding: 0;
     }
 }