All audio, video, and content featured on this website and its associated social media platforms are provided under the “Fair Use” doctrine as defined in Section 107 of the Copyright Act of 1976.

Fair Use is permitted for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. This use is considered fair even when it may otherwise infringe on copyright, as long as it is non-commercial, educational, or personal in nature, tipping the balance in favour of fair use.

All rights and credit are attributed directly to their rightful owners. No copyright infringement is intended.

Enjoy!

/* ===== 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; } }