/* ============================================================ GURUVAYUR UPTODATE THAMARA — PREMIUM DEVOTIONAL ADD-ONS This file only ADDS new styling. It does not modify or override your existing assets/css/style.css. Link it AFTER style.css in . ============================================================ */ /* ---------- Om / Lotus section divider ---------- */ .om-divider { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 auto 50px; max-width: 500px; padding: 0 16px; } .om-divider-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.55)); } .om-divider-line.right { background: linear-gradient(90deg, rgba(212, 175, 55, 0.55), transparent); } .om-divider-symbol { font-family: 'Noto Serif Malayalam', serif; font-size: 26px; color: #D4AF37; line-height: 1; text-shadow: 0 2px 10px rgba(212, 175, 55, 0.35); } @media (max-width: 767px) { .om-divider { margin-bottom: 32px; } .om-divider-symbol { font-size: 20px; } } /* ---------- Trust / assurance bar ---------- */ #trust-bar-sec { background: #0f1e21; border-top: 1px solid rgba(212, 175, 55, 0.16); border-bottom: 1px solid rgba(212, 175, 55, 0.16); position: relative; z-index: 2; } .trust-bar-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 34px 20px; } .trust-item { display: flex; align-items: center; gap: 14px; justify-content: center; text-align: left; } .trust-item-icon { flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid rgba(212, 175, 55, 0.55); display: flex; align-items: center; justify-content: center; color: #D4AF37; background: rgba(212, 175, 55, 0.06); } .trust-item-txt-title { font-family: 'Lexend'; font-size: 15px; font-weight: 600; color: #F5F1E6; line-height: 1.3; } .trust-item-txt-sub { font-family: 'Lexend'; font-size: 12.5px; color: #9aa3a2; margin-top: 3px; line-height: 1.3; } @media (max-width: 991px) { .trust-bar-wrap { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .trust-bar-wrap { grid-template-columns: 1fr; padding: 26px 20px; } .trust-item { justify-content: flex-start; } } /* ---------- Small devotional ribbon under the hero quote ---------- */ .hero-blessing-ribbon { display: inline-flex; align-items: center; gap: 10px; margin: 26px auto 0; padding: 8px 20px; border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 30px; background: rgba(11, 19, 21, 0.35); color: #E8C468; font-family: 'Lexend'; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; } .hero-blessing-ribbon-wrap { display: flex; justify-content: center; } /* ---------- Footer devotional refinement ---------- */ .home2-footer-details .home2-footer-txt2.footer-tagline { font-style: italic; opacity: 0.9; }