SERVING TOGETHER, IN THE JOY OF OTHERS

A Visual Tribute to All Key Workers

“Serving Together, In the Joy of Others” pays tribute to and thanks all key workers who are serving tirelessly and selflessly in the UK during the COVID-19 pandemic.

The video, based on a poem, features over a hundred British Hindus from the Neasden Temple who are currently serving on the frontline in a wide array of fields, including as doctors, nurses, pharmacists, lab researchers, hospital administrators, shopkeepers, a hospital chef, a bus driver – even a pilot.

The dedication to public service among British Hindus is often attributed to the ethos of selfless service prescribed in the Hindu faith. The creator of the Neasden Temple, His Holiness Pramukh Swami Maharaj, taught: “In the joy of others lies our own.”

/* ===== HEALING OUR EARTH PREMIUM FULL-WIDTH HERO ===== */ .hoe-hero-ramnavami { position: relative; overflow: hidden; width: 100%; padding: 90px 0; background: linear-gradient(180deg, #f7e45b 0%, #a8d883 52%, #80d1e3 100%); } .hoe-hero-ramnavami__bg { position: absolute; inset: 0; background: radial-gradient(circle at 20% 15%, rgba(255,255,255,0.45), transparent 22%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.22), transparent 20%), radial-gradient(circle at 50% 100%, rgba(11,60,135,0.10), transparent 35%); pointer-events: none; } .hoe-hero-ramnavami__inner { position: relative; z-index: 2; max-width: 1220px; margin: 0 auto; padding: 0 28px; } .hoe-hero-ramnavami__topbar { margin-bottom: 18px; } .hoe-eyebrow { display: inline-block; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,0.4); color: #0b3c87; font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .hoe-hero-ramnavami__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr); gap: 34px; align-items: start; } .hoe-hero-ramnavami__content, .hoe-meta-card { background: rgba(255,255,255,0.38); border: 1px solid rgba(255,255,255,0.55); box-shadow: 0 20px 60px rgba(11,60,135,0.10); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 28px; } .hoe-hero-ramnavami__content { padding: 40px 38px; } .hoe-hero-ramnavami__content h1 { margin: 0 0 14px; font-size: clamp(38px, 6vw, 72px); line-height: 0.98; font-weight: 800; letter-spacing: -0.04em; color: #0b3c87; } .hoe-hero-ramnavami__subtitle { margin: 0 0 22px; max-width: 820px; font-size: clamp(18px, 2.1vw, 26px); line-height: 1.45; color: #173b66; font-weight: 500; } .hoe-hero-ramnavami__content p { margin: 0 0 16px; color: #24364d; font-size: 18px; line-height: 1.8; } .hoe-hero-ramnavami__content strong { color: #0b2f6b; } .hoe-feature-list { margin-top: 28px; display: grid; gap: 12px; } .hoe-feature-item { position: relative; padding: 16px 18px 16px 44px; border-radius: 18px; background: rgba(255,255,255,0.44); color: #23354c; font-size: 16px; line-height: 1.65; border: 1px solid rgba(255,255,255,0.45); } .hoe-feature-item::before { content: "✦"; position: absolute; left: 18px; top: 14px; color: #d28a00; font-size: 16px; font-weight: 700; } .hoe-hero-ramnavami__cta { margin-top: 28px; display: flex; gap: 14px; flex-wrap: wrap; } .hoe-btn-primary, .hoe-btn-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 24px; border-radius: 999px; text-decoration: none !important; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } .hoe-btn-primary { background: linear-gradient(135deg, #0b3c87, #1555b8); color: #fff !important; box-shadow: 0 14px 30px rgba(11,60,135,0.24); } .hoe-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(11,60,135,0.28); } .hoe-btn-secondary { background: rgba(255,255,255,0.75); color: #0b3c87 !important; border: 1px solid rgba(11,60,135,0.10); } .hoe-btn-secondary:hover { transform: translateY(-2px); background: rgba(255,255,255,0.92); } .hoe-meta-card { padding: 28px 24px; } .hoe-meta-row { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; } .hoe-meta-icon { width: 42px; height: 42px; min-width: 42px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8dd55, #8cd4e7); color: #0b3c87; font-size: 18px; } .hoe-meta-label { margin-bottom: 4px; color: #0b3c87; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.10em; } .hoe-meta-value { color: #24364d; font-size: 17px; line-height: 1.55; } .hoe-panel-divider { height: 1px; margin: 16px 0 18px; background: rgba(11,60,135,0.10); } .hoe-meta-card h3 { margin: 0 0 10px; font-size: 22px; color: #0b3c87; font-weight: 800; } .hoe-meta-card p { margin: 0; color: #24364d; font-size: 16px; line-height: 1.75; } /* Reveal animation */ .hoe-reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.8s ease, transform 0.8s ease; } .hoe-reveal.hoe-visible { opacity: 1; transform: translateY(0); } @media (max-width: 980px) { .hoe-hero-ramnavami { padding: 60px 0; } .hoe-hero-ramnavami__grid { grid-template-columns: 1fr; } .hoe-hero-ramnavami__content, .hoe-meta-card { padding: 28px 22px; border-radius: 22px; } .hoe-hero-ramnavami__content p, .hoe-feature-item, .hoe-meta-value, .hoe-meta-card p { font-size: 15px; } }