{"id":52,"date":"2026-01-30T09:36:11","date_gmt":"2026-01-30T09:36:11","guid":{"rendered":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/?page_id=52"},"modified":"2026-04-13T04:59:16","modified_gmt":"2026-04-13T04:59:16","slug":"home2","status":"publish","type":"page","link":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/","title":{"rendered":"Home2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"52\" class=\"elementor elementor-52\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd73908 e-con-full e-flex e-con e-parent\" data-id=\"cd73908\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68b899c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"68b899c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\" class=\"h-full\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n    <!-- \u2705 META (as requested) -->\r\n    <title>Mastering Relationships Online Workshop | Rishabh A Grover<\/title>\r\n\r\n    <!-- Primary meta description (India) -->\r\n    <meta\r\n      name=\"description\"\r\n      content=\"Learn the art of response, not reaction. Join Rishabh A Grover\u2019s recorded  online relationship workshop using numerology & behavioural mapping. Limited seats.\"\r\n    \/>\r\n    <!-- International description (included per request) -->\r\n    <meta\r\n      name=\"description-international\"\r\n      content=\"Join a recorded  online relationship mastery workshop by Rishabh A Grover. Learn conscious responses, relationship stages, and numerology-based insights.\"\r\n    \/>\r\n\r\n    <!-- Open Graph -->\r\n    <meta property=\"og:title\" content=\"Mastering Relationships Online Workshop | Rishabh A Grover\" \/>\r\n    <meta\r\n      property=\"og:description\"\r\n      content=\"Join a recorded  online relationship mastery workshop by Rishabh A Grover. Learn conscious responses, relationship stages, and numerology-based insights.\"\r\n    \/>\r\n    <meta property=\"og:type\" content=\"website\" \/>\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link\r\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700&display=swap\"\r\n      rel=\"stylesheet\"\r\n    \/>\r\n\r\n    <style>\r\n      :root {\r\n        --bg: #070707;\r\n        --panel: rgba(255, 255, 255, 0.07);\r\n        --panel2: rgba(255, 255, 255, 0.09);\r\n        --stroke: rgba(255, 255, 255, 0.13);\r\n        --stroke2: rgba(255, 255, 255, 0.20);\r\n        --text: rgba(255, 255, 255, 0.92);\r\n        --muted: rgba(255, 255, 255, 0.60);\r\n        --muted2: rgba(255, 255, 255, 0.46);\r\n        --accent: #f59e0b;\r\n      }\r\n\r\n      html {\r\n        scroll-behavior: smooth; \/* \u2705 smooth scrolling *\/\r\n      }\r\n\r\n      body {\r\n        font-family: \"Outfit\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n        background: var(--bg);\r\n        color: var(--text);\r\n      }\r\n\r\n      \/* grain + vignette *\/\r\n      .grainy {\r\n        position: relative;\r\n        overflow-x: hidden;\r\n      }\r\n     \r\n\r\n      #home {\r\n    background: url(https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/nZ9ix1u2SZMAIukpRF9PzDCWr0.png);\r\n    height: 100vh;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n}\r\n\r\n      .container-max {\r\n        max-width: 1180px;\r\n        margin: 0 auto;\r\n        padding: 0 22px;\r\n        position: relative;\r\n        z-index: 1;\r\n        margin-top: 20px;\r\n      }\r\n\r\n      .section-pad {\r\n        padding: 86px 0;\r\n      }\r\n\r\n      .kicker {\r\n        color: rgba(255, 255, 255, 0.52);\r\n        letter-spacing: 0.12em;\r\n        text-transform: uppercase;\r\n        font-size: 12px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n      }\r\n      .kicker::before {\r\n        content: \"\";\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 999px;\r\n        background: rgba(255, 255, 255, 0.28);\r\n      }\r\n\r\n      .h-accent {\r\n        color: var(--accent);\r\n      }\r\n\r\n      .panel {\r\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.05));\r\n        border: 1px solid var(--stroke);\r\n        border-radius: 26px;\r\n        box-shadow: 0 18px 60px rgba(0, 0, 0, 0.50);\r\n        backdrop-filter: blur(10px);\r\n      }\r\n\r\n      .panel-soft {\r\n        background: rgba(255, 255, 255, 0.06);\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n        border-radius: 22px;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n\r\n      .btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 999px;\r\n        padding: 12px 18px;\r\n        font-weight: 600;\r\n        transition: transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;\r\n        user-select: none;\r\n        white-space: nowrap;\r\n      }\r\n      .btn:active { transform: translateY(1px); }\r\n\r\n      .btn-primary {\r\n        background: #0b0b0b;\r\n        color: #fff;\r\n        border: 1px solid rgba(255, 255, 255, 0.20);\r\n      }\r\n      .btn-primary:hover {\r\n        background: #121212;\r\n        border-color: rgba(255, 255, 255, 0.30);\r\n      }\r\n\r\n      .btn-ghost {\r\n        background: rgba(255, 255, 255, 0.07);\r\n        color: #fff;\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n      }\r\n      .btn-ghost:hover {\r\n        background: rgba(255, 255, 255, 0.10);\r\n        border-color: rgba(255, 255, 255, 0.25);\r\n      }\r\n\r\n      .img-card {\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.04);\r\n      }\r\n      .img-card img {\r\n        width: 100%;\r\n        height: 320px;\r\n        object-fit: cover;\r\n        display: block;\r\n        filter: saturate(0.95) contrast(1.05);\r\n      }\r\n\r\n      \/* \u2705 NO HEADER TABS (logo + book now only) *\/\r\n      header {\r\n        position: fixed;\r\n        width: 100%;\r\n        top: 0;\r\n        z-index: 50;\r\n        background: rgba(0, 0, 0, 0.35);\r\n        backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.10);\r\n        padding: 12px 10px 12px 10px;\r\n      }\r\n\r\n     .rahul-section{\r\n  background:#000;\r\n  padding:80px 0;\r\n  color:#fff;\r\n}\r\n\r\n.rahul-container{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  padding:0 24px;\r\n}\r\n\r\n.rahul-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:13px;\r\n  letter-spacing:.22em;\r\n  color:rgba(255,255,255,.45);\r\n}\r\n\r\n.rahul-dot{\r\n  width:8px;height:8px;border-radius:50%;\r\n  background:#444;\r\n}\r\n\r\n.rahul-title{\r\n  margin-top:16px;\r\n  font-size:clamp(36px,4vw,56px);\r\n  font-weight:700;\r\n}\r\n.rahul-title span{ color:#f59e0b; }\r\n\r\n.rahul-slider-wrap{\r\n  position:relative;\r\n  margin-top:48px;\r\n}\r\n\r\n.rahul-track{\r\n  display:flex;\r\n  gap:22px;\r\n  overflow:hidden;\r\n  scroll-behavior:smooth;\r\n}\r\n\r\n.rahul-card{\r\n  flex:0 0 calc((100% - 44px)\/3);\r\n  border:1px solid rgba(255,255,255,.14);\r\n  border-radius:28px;\r\n  padding:26px;\r\n  background:rgba(255,255,255,.04);\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .rahul-card{ flex-basis:calc((100% - 22px)\/2); }\r\n}\r\n@media(max-width:640px){\r\n  .rahul-card{ flex-basis:100%; }\r\n}\r\n\r\n.rahul-card p{\r\n  color:rgba(255,255,255,.85);\r\n  line-height:1.6;\r\n}\r\n\r\n.rahul-footer{\r\n  margin-top:22px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:flex-end;\r\n  border-top:1px solid rgba(255,255,255,.1);\r\n  padding-top:14px;\r\n}\r\n.rahul-footer span{\r\n  display:block;\r\n  font-size:14px;\r\n  color:rgba(255,255,255,.5);\r\n}\r\n.rahul-footer em{\r\n  font-style:normal;\r\n  color:rgba(255,255,255,.4);\r\n}\r\n\r\n.rahul-arrows{\r\n  position:absolute;\r\n  right:0;\r\n  bottom:-70px;\r\n  display:flex;\r\n  gap:14px;\r\n}\r\n.rahul-arrows button{\r\n  width:56px;height:56px;\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  background:rgba(255,255,255,.06);\r\n  color:#fff;\r\n  cursor:pointer;\r\n}\r\n\r\n      \/* \u2705 Footer visibility fix (stronger contrast) *\/\r\n      .footer-bg {\r\n        background:\r\n          radial-gradient(900px 500px at 30% 10%, rgba(255,255,255,0.06), transparent 60%),\r\n          radial-gradient(700px 500px at 80% 30%, rgba(255,255,255,0.05), transparent 60%),\r\n          linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.80));\r\n      }\r\n      .footer-text { color: rgba(255,255,255,0.80); }\r\n      .footer-muted { color: rgba(255,255,255,0.55); }\r\n\r\n      \/* FAQ *\/\r\n      .faq-item {\r\n        border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n        padding: 18px 0;\r\n      }\r\n      .faq-q {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        cursor: pointer;\r\n        color: rgba(255, 255, 255, 0.92);\r\n        font-weight: 600;\r\n      }\r\n      .faq-a {\r\n        margin-top: 10px;\r\n        color: rgba(255, 255, 255, 0.60);\r\n        line-height: 1.7;\r\n        display: none;\r\n      }\r\n      .faq-item[data-open=\"true\"] .faq-a { display: block; }\r\n      .faq-x {\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 999px;\r\n        border: 1px solid rgba(255, 255, 255, 0.18);\r\n        background: rgba(255, 255, 255, 0.08);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        flex: 0 0 auto;\r\n      }\r\n      \/* \u2705 HERO LEFT ALIGN like Framer screenshot *\/\r\n      .hero-frame {\r\n        position: relative;\r\n        height: 100%;\r\n      }\r\n\r\n      #home> div{\r\n        height: 100%;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .hero-frame img {\r\n        width: 100%;\r\n        height: 640px;\r\n        object-fit: cover;\r\n        display: block;\r\n      }\r\n    \r\n      .hero-content {\r\n        position: absolute;\r\n        left: 42px;\r\n        bottom: 46px;\r\n        max-width: 680px;\r\n      }\r\n      @media (max-width: 768px) {\r\n        .hero-content { left: 20px; right: 20px; bottom: 28px; }\r\n        .hero-frame img { height: 560px; }\r\n      }\r\n      .hero-kicker {\r\n        color: rgba(255,255,255,0.78);\r\n        font-size: 16px;\r\n        line-height: 1.35;\r\n        max-width: 520px;\r\n      }\r\n      .hero-title {\r\n        margin-top: 18px;\r\n        font-size: 88px;\r\n        line-height: 0.95;\r\n        font-weight: 700;\r\n        letter-spacing: -0.02em;\r\n      }\r\n      @media (max-width: 768px) { .hero-title { font-size: 58px; } }\r\n\r\n      \/* \u2705 remove all hero bottom buttons (as requested) *\/\r\n      .hero-buttons { display: none !important; }\r\n\r\n      .date-card{\r\n   background-color: #262626;\r\n    border-radius: 40px;\r\n    flex-flow: row;\r\n    flex: none;\r\n    place-content: flex-start center;\r\n    align-items: flex-start;\r\n    gap: 40px;\r\n    width: 100%;\r\n    max-width: 1128px;\r\n    height: min-content;\r\n    padding: 100px 32px;\r\n    scroll-margin-top: 40px;\r\n    display: flex;\r\n    position: relative;\r\n    overflow: visible;\r\n  }\r\n\r\n  .date-card::before{\r\n    content:\"\";\r\n    position:absolute; inset:-40px;\r\n    background: radial-gradient(60% 50% at 50% 40%, rgba(255,255,255,0.12), rgba(0,0,0,0) 70%);\r\n    opacity:.35;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .date-card__noise{\r\n    position:absolute; inset:0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.35'\/%3E%3C\/svg%3E\");\r\n    opacity:.10;\r\n    mix-blend-mode: overlay;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .date-card__content{\r\n    flex-flow: column;\r\n    flex: 1 0 0;\r\n    place-content: flex-start center;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    width: 1px;\r\n    max-width: 540px;\r\n    height: min-content;\r\n    padding: 0;\r\n    display: flex;\r\n    position: relative;\r\n    overflow: visible;\r\n  }\r\n\r\n  .date-card__kicker{\r\n    display:flex;\r\n    align-items:center;\r\n    gap: 10px;\r\n    color: rgba(255,255,255,0.50);\r\n    font-size: 13px;\r\n    letter-spacing: .22em;\r\n    text-transform: uppercase;\r\n    user-select:none;\r\n  }\r\n  .date-card__dot{\r\n    width:8px; height:8px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.35);\r\n    box-shadow: 0 0 0 6px rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .date-card__date{\r\n    display:flex;\r\n    flex-direction: column;\r\n    align-items:center;\r\n    line-height: 1;\r\n    gap: 14px;\r\n  }\r\n\r\n  .date-card__day{\r\n    font-weight: 400;\r\n    font-size: clamp(72px, 8vw, 120px);\r\n    color: #f59e0b; \/* orange *\/\r\n    letter-spacing: -0.02em;\r\n    align-self: flex-start;\r\n  text-align: left;\r\n  }\r\n  .date-card__suffix{\r\n    font-size: .42em;\r\n    vertical-align: super;\r\n    margin-left: 2px;\r\n    color: rgba(255,255,255,0.70);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .date-card__monthyear{\r\n    font-weight: 400;\r\n    font-size: clamp(54px, 7vw, 110px);\r\n    color: rgba(255,255,255,0.90);\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  \/* mobile spacing similar to screenshot *\/\r\n  @media (max-width: 520px){\r\n    .date-card{ padding: 40px 16px; border-radius: 22px; }\r\n    .date-card__content{ gap: 18px; }\r\n    .date-card__monthyear{ font-weight: 800; }\r\n  }\r\n  \/* grain background on section like screenshot *\/\r\n  .pricing-s2{\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .pricing-s2::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.35'\/%3E%3C\/svg%3E\");\r\n    opacity:.10;\r\n    pointer-events:none;\r\n    mix-blend-mode: overlay;\r\n  }\r\n\r\n  .pricing-panel{\r\n    position: relative;\r\n    border-radius: 28px;\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    background: rgba(255,255,255,0.04);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,0.08),\r\n      0 18px 60px rgba(0,0,0,0.55);\r\n    padding: 34px 34px 26px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* subtle inner glow *\/\r\n  .pricing-panel::before{\r\n    content:\"\";\r\n    position:absolute; inset:-60px;\r\n    background: radial-gradient(70% 60% at 25% 0%, rgba(255,255,255,0.12), rgba(0,0,0,0) 60%);\r\n    opacity:.35;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .pricing-noise{\r\n    position:absolute; inset:0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.35'\/%3E%3C\/svg%3E\");\r\n    opacity:.10;\r\n    mix-blend-mode: overlay;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .pricing-top{\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .pricing-left{\r\n    max-width: 760px;\r\n  }\r\n\r\n  \/* button like screenshot (soft outline) *\/\r\n  .pricing-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding: 14px 26px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.16);\r\n    background: rgba(255,255,255,0.06);\r\n    color: rgba(255,255,255,0.92);\r\n    font-weight: 600;\r\n    transition: background .15s ease, transform .15s ease;\r\n  }\r\n  .pricing-btn:hover{\r\n    background: rgba(255,255,255,0.10);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  \/* divider line with centered label *\/\r\n  .pricing-divider{\r\n    position: relative;\r\n    z-index: 1;\r\n    margin-top: 26px;\r\n    padding-top: 26px;\r\n    border-top: 1px solid rgba(255,255,255,0.10);\r\n  }\r\n  .pricing-divider-label{\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    transform: translate(-50%, -50%);\r\n    padding: 0 14px;\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.45);\r\n    background: rgba(0,0,0,0.35); \/* covers the line behind text *\/\r\n    border-radius: 999px;\r\n  }\r\n\r\n  \/* features list - single column *\/\r\n  .pricing-features{\r\n    position: relative;\r\n    z-index: 1;\r\n    margin-top: 12px;\r\n    display: grid;\r\n    gap: 14px;\r\n    max-width: 520px; \/* keeps list on left like screenshot *\/\r\n  }\r\n\r\n  .pricing-feature{\r\n    display:flex;\r\n    align-items:center;\r\n    gap: 14px;\r\n    color: rgba(255,255,255,0.78);\r\n    font-size: 16px;\r\n  }\r\n\r\n  .pricing-check{\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    display:grid;\r\n    place-items:center;\r\n    color: rgba(255,255,255,0.85);\r\n    background: rgba(255,255,255,0.05);\r\n    flex: 0 0 22px;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    .pricing-panel{ padding: 24px 18px 20px; border-radius: 22px; }\r\n    .pricing-divider{ margin-top: 22px; padding-top: 22px; }\r\n    .pricing-features{ max-width: 100%; }\r\n  }\r\n  \/* Make the button look same *\/\r\n.faq-x{\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255, 255, 255, 0.18);\r\n  background: rgba(255, 255, 255, 0.08);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  flex: 0 0 auto;\r\n  position: relative;\r\n  font-size: 0; \/* hide raw text *\/\r\n}\r\n\r\n\/* default plus *\/\r\n.faq-x::before{\r\n  content:\"+\";\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* open state becomes X *\/\r\n.faq-item[data-open=\"true\"] .faq-x::before{\r\n  content:\"\u00d7\";\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\/* ABOUT card like 3rd screenshot *\/\r\n.about-card{\r\n  position: relative;\r\n  border-radius: 28px;\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  background: rgba(255,255,255,0.04);\r\n  overflow: hidden;\r\n  min-height: 520px;\r\n  box-shadow: 0 18px 60px rgba(0,0,0,0.55);\r\n}\r\n\r\n\/* Right side image *\/\r\n.about-media{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit: cover;\r\n  object-position: right center;\r\n\r\n  \/* black & white like screenshot *\/\r\n  filter: grayscale(1) contrast(1.05) brightness(0.9);\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* Dark overlay (left heavier, right lighter) *\/\r\n.about-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(90deg,\r\n      rgba(0,0,0,0.92) 0%,\r\n      rgba(0,0,0,0.75) 35%,\r\n      rgba(0,0,0,0.45) 60%,\r\n      rgba(0,0,0,0.20) 100%);\r\n}\r\n\r\n\/* Content on left *\/\r\n.about-content{\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 56px 56px;\r\n  max-width: 560px;\r\n}\r\n\r\n.about-title{\r\n  margin-top: 14px;\r\n font-size: clamp(37px, 0vw, 41px);\r\n  line-height: 1.05;\r\n  font-weight: 700;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.about-text{\r\n  margin-top: 18px;\r\n  color: rgba(255,255,255,0.70);\r\n  line-height: 1.7;\r\n  font-size: 16px;\r\n  max-width: 520px;\r\n}\r\n\r\n.about-actions{\r\n  margin-top: 26px;\r\n}\r\n\r\n\/* Single light pill button like screenshot *\/\r\n.about-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding: 14px 26px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.90);\r\n  color: rgba(0,0,0,0.85);\r\n  font-weight: 600;\r\n  border: 1px solid rgba(255,255,255,0.25);\r\n  transition: transform .15s ease, opacity .15s ease;\r\n}\r\n.about-btn:hover{\r\n  opacity: .95;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 768px){\r\n  .about-card{ min-height: 520px; }\r\n  .about-content{\r\n    padding: 34px 20px;\r\n    max-width: 100%;\r\n  }\r\n  .about-overlay{\r\n    background: linear-gradient(180deg,\r\n      rgba(0,0,0,0.88) 0%,\r\n      rgba(0,0,0,0.70) 45%,\r\n      rgba(0,0,0,0.35) 100%);\r\n  }\r\n  .about-media{ object-position: center; }\r\n}\r\nhtml { scroll-behavior: smooth; }\r\n\r\n:root { --header-h: 84px; } \/* adjust if your header is taller\/shorter *\/\r\n\r\n\/* any anchor section will stop below fixed header *\/\r\nsection[id]{\r\n  scroll-margin-top: var(--header-h);\r\n}\r\n\/* =========================\r\n   COUNTDOWN (matches dark Framer style)\r\n========================= *\/\r\n.countdown-wrap{\r\n  max-width: 1128px;\r\n  margin: 0 auto;\r\n  padding: 0 16px;\r\n}\r\n\r\n.countdown-card{\r\n  position: relative;\r\n  border-radius: 40px;\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  background: #262626;\r\n  box-shadow: 0 18px 60px rgba(0,0,0,0.55);\r\n  overflow: hidden;\r\n  padding: 52px 32px;\r\n}\r\n\r\n.countdown-card::before{\r\n  content:\"\";\r\n  position:absolute; inset:-40px;\r\n  background: radial-gradient(60% 50% at 50% 30%, rgba(255,255,255,0.14), rgba(0,0,0,0) 70%);\r\n  opacity:.25;\r\n  pointer-events:none;\r\n}\r\n\r\n.countdown-noise{\r\n  position:absolute; inset:0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.35'\/%3E%3C\/svg%3E\");\r\n  opacity:.10;\r\n  mix-blend-mode: overlay;\r\n  pointer-events:none;\r\n}\r\n\r\n.countdown-head{\r\n  position: relative;\r\n  z-index: 1;\r\n  display:flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.countdown-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n  color: rgba(255,255,255,0.50);\r\n  font-size: 13px;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n}\r\n.countdown-kicker::before{\r\n  content:\"\";\r\n  width: 8px; height: 8px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.35);\r\n  box-shadow: 0 0 0 6px rgba(255,255,255,0.06);\r\n}\r\n\r\n.countdown-title{\r\n  font-size: clamp(28px, 3.2vw, 44px);\r\n  font-weight: 600;\r\n  letter-spacing: -0.02em;\r\n  color: rgba(255,255,255,0.92);\r\n}\r\n\r\n.countdown-title .accent{\r\n  color: var(--accent);\r\n}\r\n\r\n.countdown-sub{\r\n  color: rgba(255,255,255,0.60);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.countdown-grid{\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-top: 26px;\r\n  display:grid;\r\n  grid-template-columns: repeat(4, minmax(0,1fr));\r\n  gap: 14px;\r\n  max-width: 740px;\r\n}\r\n\r\n.cd-box{\r\n  border-radius: 22px;\r\n  border: 1px solid rgba(255,255,255,0.14);\r\n  background: rgba(255,255,255,0.06);\r\n  backdrop-filter: blur(10px);\r\n  padding: 18px 16px 14px;\r\n  text-align: center;\r\n}\r\n\r\n.cd-num{\r\n  font-size: clamp(34px, 3.4vw, 52px);\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  color: rgba(255,255,255,0.95);\r\n}\r\n\r\n.cd-label{\r\n  margin-top: 8px;\r\n  font-size: 12px;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n}\r\n\r\n.cd-strip{\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-top: 22px;\r\n  padding-top: 22px;\r\n  border-top: 1px solid rgba(255,255,255,0.10);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cd-live-pill{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,0.14);\r\n  background: rgba(0,0,0,0.30);\r\n  color: rgba(255,255,255,0.78);\r\n  font-size: 13px;\r\n}\r\n\r\n.cd-live-pill strong{\r\n  color: rgba(255,255,255,0.92);\r\n}\r\n\r\n.cd-action{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding: 12px 18px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  background: rgba(255,255,255,0.06);\r\n  color: rgba(255,255,255,0.92);\r\n  font-weight: 600;\r\n  transition: transform .15s ease, background .15s ease;\r\n}\r\n.cd-action:hover{\r\n  background: rgba(255,255,255,0.10);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n@media (max-width: 860px){\r\n  .countdown-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 520px; }\r\n}\r\n@media (max-width: 520px){\r\n  .countdown-card{ padding: 34px 16px; border-radius: 22px; }\r\n  .countdown-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }\r\n}\r\n\r\n    <\/style>\r\n  <\/head>\r\n\r\n  <body class=\"grainy\">\r\n    <!-- \u2705 HEADER (NO TABS) -->\r\n    <header>\r\n      <div class=\"container-max py-4 flex items-center justify-between gap-4\">\r\n        <div class=\"flex items-center gap-2\">\r\n          <span class=\"inline-flex items-center justify-center w-9 h-9 rounded-full bg-white\/10 border border-white\/15\">\r\n            \u2728\r\n          <\/span>\r\n          <span class=\"font-semibold tracking-tight\">Rishabh A Grover<\/span>\r\n        <\/div>\r\n\r\n        <!-- \u2705 BOOK NOW (Header) -->\r\n        <a\r\n          class=\"btn btn-primary\"\r\n          href=\"https:\/\/pages.razorpay.com\/pl_S9dshQchXWqmps\/view\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Book Now\r\n        <\/a>\r\n      <\/div>\r\n    <\/header>\r\n\r\n   <!-- \u2705 HERO (LEFT ALIGNED TEXT + NO BUTTONS) -->\r\n    <section id=\"home\">\r\n        <!-- <img decoding=\"async\" class=\"bg-img\" src=\"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/nZ9ix1u2SZMAIukpRF9PzDCWr0.png\" alt=\"Hero Image (Dummy)\" \/> -->\r\n      <div class=\"container-max pt-10 pb-14\">\r\n        <div class=\"hero-frame\">\r\n          <!-- Dummy hero image (replace later with your original) -->\r\n          <div class=\"hero-overlay\"><\/div>\r\n\r\n          <div class=\"hero-content\">\r\n            <div class=\"hero-kicker\">\r\n              Mastering Relationships \u2014 The Art of Response,<br \/>\r\n              Not Reaction\r\n            <\/div>\r\n\r\n            <div class=\"hero-title\">\r\n              RISHABH<br \/>\r\n              A GROVER\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2705 3 STAGES -->\r\n    <section id=\"stages\" class=\"section-pad\">\r\n      <div class=\"container-max\">\r\n        <div class=\"mb-8\">\r\n          <div class=\"kicker\">Understanding<\/div>\r\n          <h2 class=\"mt-3 text-[34px] md:text-[36px] font-semibold tracking-tight\">\r\n             <span class=\"h-accent\">The Understanding 3 Universal Stages of Love.<\/span> \r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"grid md:grid-cols-3 gap-6\">\r\n          <div>\r\n            <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/Ts4WXvTz6PGmsJl1idHx4O4pXYQ.avif\" \/><\/div>\r\n            <h3 class=\"mt-4 text-[18px] font-semibold\">Euphoric \/ Attraction Stage<\/h3>\r\n            <p class=\"mt-2 text-white\/60 leading-relaxed\">\r\n              Emotional highs and curiosity define this initial phase. Everything feels magical and possibilities seem endless.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/q5Jpiybe7NJGm4GNQqgLqmV8ovI.avif\" \/><\/div>\r\n            <h3 class=\"mt-4 text-[18px] font-semibold\">Disillusionment & Negotiation<\/h3>\r\n            <p class=\"mt-2 text-white\/60 leading-relaxed\">\r\n              Conflicts and expectations emerge. This critical stage determines whether relationships grow or deteriorate.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/bTv3i1NxZNQGJ06k7hp294zUgE.avif\" \/><\/div>\r\n            <h3 class=\"mt-4 text-[18px] font-semibold\">Resolution & Commitment<\/h3>\r\n            <p class=\"mt-2 text-white\/60 leading-relaxed\">\r\n              Fear of future and responsibility surface. Mastering this stage leads to lasting, fulfilling partnerships.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- MARK THE DATE (Centered) -->\r\n<!-- <section class=\"w-full py-10\">\r\n  <div class=\"mx-auto max-w-5xl px-4\">\r\n    <div class=\"date-card\"> -->\r\n      <!-- subtle noise overlay -->\r\n      <!-- <div class=\"date-card__noise\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"date-card__content\">\r\n        <div class=\"date-card__kicker\">\r\n          <span class=\"date-card__dot\"><\/span>\r\n          <span>Mark the date<\/span>\r\n        <\/div> -->\r\n\r\n        <!-- <div class=\"date-card__date\">\r\n          <div class=\"date-card__day\">\r\n            21<span class=\"date-card__suffix\">st<\/span>\r\n          <\/div>\r\n          <div class=\"date-card__monthyear\">FEB 2026<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section> -->\r\n<!-- \u2705 COUNTDOWN TIMER (21 Feb 2026 \u2022 8:00 PM IST) -->\r\n<!-- <section class=\"w-full py-10\">\r\n  <div class=\"countdown-wrap\">\r\n    <div class=\"countdown-card\">\r\n      <div class=\"countdown-noise\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"countdown-head\">\r\n        <div class=\"countdown-kicker\">Countdown<\/div>\r\n        <div class=\"countdown-title\">\r\n          Workshop starts in <span class=\"accent\">\u23f3<\/span>\r\n        <\/div>\r\n        <div class=\"countdown-sub\">\r\n          <strong>21st Feb 2026<\/strong> \u2022 <strong>8:00 PM IST<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"countdown-grid\" aria-label=\"Countdown timer\">\r\n        <div class=\"cd-box\">\r\n          <div class=\"cd-num\" id=\"cd-days\">00<\/div>\r\n          <div class=\"cd-label\">Days<\/div>\r\n        <\/div>\r\n        <div class=\"cd-box\">\r\n          <div class=\"cd-num\" id=\"cd-hours\">00<\/div>\r\n          <div class=\"cd-label\">Hours<\/div>\r\n        <\/div>\r\n        <div class=\"cd-box\">\r\n          <div class=\"cd-num\" id=\"cd-mins\">00<\/div>\r\n          <div class=\"cd-label\">Minutes<\/div>\r\n        <\/div>\r\n        <div class=\"cd-box\">\r\n          <div class=\"cd-num\" id=\"cd-secs\">00<\/div>\r\n          <div class=\"cd-label\">Seconds<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cd-strip\">\r\n        <div class=\"cd-live-pill\" id=\"cd-status\">\r\n          \ud83d\udd25 <strong>Limited seats<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"cd-action\" href=\"https:\/\/pages.razorpay.com\/pl_S9dshQchXWqmps\/view\" target=\"_blank\" rel=\"noopener\">\r\n          Reserve Your Seat \u2192\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section> -->\r\n\r\n\r\n    <!-- \u2705 WHAT YOU WILL LEARN -->\r\n    <section id=\"learn\" class=\"section-pad pt-14\">\r\n      <div class=\"container-max\">\r\n        <div class=\"mb-8\">\r\n          <div class=\"kicker\">The Procedure<\/div>\r\n          <h2 class=\"mt-3 text-[34px] md:text-[44px] font-semibold tracking-tight\">\r\n             <span class=\"h-accent\"> What You Will Learn<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"grid lg:grid-cols-2 gap-8 items-center\">\r\n          <div class=\"panel-soft p-4 md:p-6\">\r\n            <div class=\"img-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/cQgSHLEJcg9JwD4sAChNyOWRgU.avif\" class=\"h-[340px] md:h-[420px]\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"space-y-6\">\r\n            <div class=\"flex gap-4\">\r\n              <div class=\"w-[2px] bg-white\/20 mt-1\"><\/div>\r\n              <div>\r\n                <h3 class=\"text-[18px] font-semibold\">Framework-based learning<\/h3>\r\n                <p class=\"mt-1 text-white\/60\">Clear step-by-step understanding so you know what to do in real situations.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex gap-4\">\r\n              <div class=\"w-[2px] bg-white\/20 mt-1\"><\/div>\r\n              <div>\r\n                <h3 class=\"text-[18px] font-semibold\">Numerology-driven behavioural insights<\/h3>\r\n                <p class=\"mt-1 text-white\/60\">Decode responses using Mulank-based mapping and practical behaviour patterns.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex gap-4\">\r\n              <div class=\"w-[2px] bg-white\/20 mt-1\"><\/div>\r\n              <div>\r\n                <h3 class=\"text-[18px] font-semibold\">Applicable to all relationships<\/h3>\r\n                <p class=\"mt-1 text-white\/60\">Romantic, family, friendships, work bonds \u2014 learn how to respond, not react.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-3\">\r\n              <a\r\n                class=\"btn btn-primary\"\r\n                href=\"https:\/\/pages.razorpay.com\/pl_S9dshQchXWqmps\/view\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >\r\n                Book Now\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2705 WHY RELATIONSHIPS FAIL -->\r\n    <section id=\"reason\" class=\"section-pad pt-10\">\r\n      <div class=\"container-max\">\r\n        <div class=\"mb-8\">\r\n          <div class=\"kicker\">The Reason<\/div>\r\n          <h2 class=\" h-accent mt-3 text-[34px] md:text-[44px] font-semibold tracking-tight\">\r\n            Why Relationships Fail Across Cultures<br class=\"hidden md:block\" \/>\r\n            <span class=\"h-accent\">and Countries<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"grid md:grid-cols-3 gap-6\">\r\n          <div class=\"panel-soft p-6\">\r\n            <div class=\"w-10 h-10 rounded-full bg-white\/10 border border-white\/15 flex items-center justify-center mb-4\">\u2661<\/div>\r\n            <h3 class=\"font-semibold\">Attraction Fading<\/h3>\r\n            <p class=\"mt-2 text-white\/60\">Attraction fading after the initial phase leaves partners confused and disconnected.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"panel-soft p-6\">\r\n            <div class=\"w-10 h-10 rounded-full bg-white\/10 border border-white\/15 flex items-center justify-center mb-4\">\u2301<\/div>\r\n            <h3 class=\"font-semibold\">Cultural Misunderstandings<\/h3>\r\n            <p class=\"mt-2 text-white\/60\">Cultural & emotional misunderstandings create invisible barriers between partners.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"panel-soft p-6\">\r\n            <div class=\"w-10 h-10 rounded-full bg-white\/10 border border-white\/15 flex items-center justify-center mb-4\">\u25ce<\/div>\r\n            <h3 class=\"font-semibold\">Repeating Conflicts<\/h3>\r\n            <p class=\"mt-2 text-white\/60\">Repeating conflicts despite genuine care and effort to improve.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"panel-soft p-6 md:col-span-1\">\r\n            <div class=\"w-10 h-10 rounded-full bg-white\/10 border border-white\/15 flex items-center justify-center mb-4\">\u25a6<\/div>\r\n            <h3 class=\"font-semibold\">Fear of Commitment<\/h3>\r\n            <p class=\"mt-2 text-white\/60\">Fear of commitment and long-term stability prevents deeper connection.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"panel-soft p-6 md:col-span-2\">\r\n            <div class=\"w-10 h-10 rounded-full bg-white\/10 border border-white\/15 flex items-center justify-center mb-4\">\ud83e\udd1d<\/div>\r\n            <h3 class=\"font-semibold\">Emotional Reactions<\/h3>\r\n            <p class=\"mt-2 text-white\/60\">Emotional reactions damaging trust and creating lasting wounds.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n   <section id=\"testimonials\" class=\"rahul-section\">\r\n  <div class=\"rahul-container\">\r\n\r\n    <div class=\"rahul-head\">\r\n      <div class=\"rahul-kicker\">\r\n        <span class=\"rahul-dot\"><\/span>\r\n        TESTIMONIALS\r\n      <\/div>\r\n\r\n      <h2 class=\"rahul-title\">\r\n        <span>What others whisper<\/span> about the<br \/>experience\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"rahul-slider-wrap\">\r\n      <div class=\"rahul-track\" id=\"rahulTrack\">\r\n\r\n        <div class=\"rahul-card\">\r\n          <p>Rishabh is very practical and experienced. He has good knowledge in the field of Numerology...<\/p>\r\n          <div class=\"rahul-footer\">\r\n            <div>\r\n              <strong>Arti Gupta<\/strong>\r\n              <span>Google Review<\/span>\r\n            <\/div>\r\n            <em>1\/4<\/em>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rahul-card\">\r\n          <p>Rishabh is highly knowledgeable and well experienced in numerology. I went through nearly 25 numerology experts...<\/p>\r\n          <div class=\"rahul-footer\">\r\n            <div>\r\n              <strong>Gursharan Pawar<\/strong>\r\n              <span>Google Review<\/span>\r\n            <\/div>\r\n            <em>2\/4<\/em>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rahul-card\">\r\n          <p>I recently had the opportunity to experience the power of numerology through the services provided by Rishabh A Grover...<\/p>\r\n          <div class=\"rahul-footer\">\r\n            <div>\r\n              <strong>Harry Nagra<\/strong>\r\n              <span>Google Review<\/span>\r\n            <\/div>\r\n            <em>3\/4<\/em>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rahul-card\">\r\n          <p>My brother referred me Rishabh for numerology. I am always apprehensive about astrology, numerology and it's likes.<\/p>\r\n          <div class=\"rahul-footer\">\r\n            <div>\r\n              <strong>Shanam Bhan<\/strong>\r\n              <span>Workshop Attendee<\/span>\r\n            <\/div>\r\n            <em>4\/4<\/em>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- arrows -->\r\n      <div class=\"rahul-arrows\">\r\n        <button id=\"rahulPrev\">\u2190<\/button>\r\n        <button id=\"rahulNext\">\u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n    <!-- \u2705 PRICING (matches 2nd screenshot) -->\r\n<section id=\"pricing\" class=\"section-pad pt-10 pricing-s2\">\r\n  <div class=\"container-max\">\r\n    <div class=\"mb-8\">\r\n      <div class=\"kicker\">Pricing<\/div>\r\n      <h2 class=\"mt-3 text-[34px] md:text-[44px] font-semibold tracking-tight\">\r\n        A plan curated only <span class=\"h-accent\">for you.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"pricing-panel\">\r\n      <div class=\"pricing-noise\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- TOP -->\r\n      <div class=\"pricing-top\">\r\n        <div class=\"pricing-left\">\r\n          <div class=\"text-white\/85 font-medium text-[18px] md:text-[20px]\">\r\n            Mastering Relationships \u2014 The Art of Response, Not Reaction\r\n          <\/div>\r\n\r\n          <div class=\"mt-4 text-[48px] md:text-[64px] font-semibold\">\r\n            <span class=\"h-accent\">Rs. 5900<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"mt-3 text-white\/60 max-w-[720px]\">\r\n            You are registering for an exclusive\r\n            <span class=\"text-white\/85 font-semibold\">ONLINE recorded <\/span>\r\n            workshop by Rishabh A Grover\r\n          <\/p>\r\n\r\n          <div class=\"mt-6\">\r\n            <a\r\n              class=\"pricing-btn\"\r\n              href=\"https:\/\/pages.razorpay.com\/pl_S9dshQchXWqmps\/view\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              Book Now\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- DIVIDER WITH CENTER LABEL -->\r\n      <div class=\"pricing-divider\">\r\n        <span class=\"pricing-divider-label\">Features<\/span>\r\n      <\/div>\r\n\r\n      <!-- FEATURES (single column like screenshot) -->\r\n      <div class=\"pricing-features\">\r\n        <div class=\"pricing-feature\">\r\n          <span class=\"pricing-check\">\u2713<\/span>\r\n          <span>recorded  structured workshop<\/span>\r\n        <\/div>\r\n         <div class=\"pricing-feature\">\r\n          <span class=\"pricing-check\">\u2713<\/span>\r\n          <span>3 hours long online workshop<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-feature\">\r\n          <span class=\"pricing-check\">\u2713<\/span>\r\n          <span>Practical remedies &amp; guidance<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-feature\">\r\n          <span class=\"pricing-check\">\u2713<\/span>\r\n          <span>Relationship stages framework<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-feature\">\r\n          <span class=\"pricing-check\">\u2713<\/span>\r\n          <span>Numerology-based response mapping<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n    <!-- \u2705 FAQ -->\r\n    <section id=\"faq\" class=\"section-pad\">\r\n      <div class=\"container-max\">\r\n        <div class=\"mb-8\">\r\n          <div class=\"kicker\">FAQ<\/div>\r\n          <h2 class=\"mt-3 text-[34px] md:text-[44px] font-semibold tracking-tight\">\r\n            Your <span class=\"h-accent\">questions<\/span>, answered with clarity\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"panel p-6 md:p-10\">\r\n          <div class=\"grid lg:grid-cols-2 gap-8\">\r\n            <div>\r\n              <div class=\"faq-item\" data-open=\"true\">\r\n                <div class=\"faq-q\">\r\n                  <span>Is this workshop suitable for international participants?<\/span>\r\n<span class=\"faq-x\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-a\">\r\n                  Yes. This workshop is conducted online and suitable for participants worldwide.\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-item\" data-open=\"false\">\r\n                <div class=\"faq-q\">\r\n                  <span>Is numerology culture-specific?<\/span>\r\n                  <span class=\"faq-x\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-a\">\r\n                  No. Numerology works on universal behavioural principles, applicable across cultures.\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-item\" data-open=\"false\">\r\n                <div class=\"faq-q\">\r\n                  <span>Will time zones be manageable?<\/span>\r\n                  <span class=\"faq-x\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-a\">\r\n                  Yes. Workshop timing is optimised for India and accessible internationally.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div>\r\n              <div class=\"faq-item\" data-open=\"false\">\r\n                <div class=\"faq-q\">\r\n                  <span>Is this counselling or therapy?<\/span>\r\n                  <span class=\"faq-x\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-a\">\r\n                  No. This is a structured educational workshop.\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-item\" data-open=\"false\">\r\n                <div class=\"faq-q\">\r\n                  <span>What is duration of the workshop<\/span>\r\n                  <span class=\"faq-x\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-a\">3 hours<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-item\" data-open=\"false\">\r\n                <div class=\"faq-q\">\r\n                  <span>How can i reach Rishabh A Grover for consultation<\/span>\r\n                  <span class=\"faq-x\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-a\">You can WhatsApp on +91 731 083 6108<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2705 ABOUT (matches 3rd screenshot) -->\r\n<section id=\"about\" class=\"section-pad pt-10\">\r\n  <div class=\"container-max\">\r\n    <div class=\"about-card\">\r\n      <!-- Right image -->\r\n      <img decoding=\"async\"\r\n        class=\"about-media\"\r\n        src=\"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-content\/uploads\/2026\/01\/RJjfhM7Z48JD3IdQIS1sHP43QKg.avif\"\r\n      \/>\r\n\r\n      <!-- Dark overlay for readability -->\r\n      <div class=\"about-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- Content -->\r\n      <div class=\"about-content\">\r\n        <div class=\"kicker\">About<\/div>\r\n\r\n        <h2 class=\"about-title\">\r\n          <span class=\"h-accent\">Globally Renowned<\/span><br \/>\r\n          <span class=\"h-accent\">Astro\u2013Numero\u2013Vastu<\/span><br \/>\r\n          <span class=\"h-accent\">expert<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"about-text\">\r\n          In a world where businesses rise and fall on decisions, timing, and positioning, Rishabh A.\r\n          Grover stands out as a global authority who bridges ancient sciences with modern business intelligence.\r\n        <\/p>\r\n\r\n        <div class=\"about-actions\">\r\n          <a class=\"about-btn\" href=\"https:\/\/namahnumerology.com\/about-us\/\">Know More<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n    <!-- \u2705 FOOTER (new + visible like your screenshot) -->\r\n    <footer id=\"footer\" class=\"footer-bg border-t border-white\/10\">\r\n      <div class=\"container-max py-12\">\r\n        <div class=\"flex flex-col md:flex-row md:items-start md:justify-between gap-10\">\r\n          <div class=\"max-w-xl\">\r\n            <div class=\"flex items-center gap-2\">\r\n              <span class=\"inline-flex items-center justify-center w-9 h-9 rounded-full bg-white\/10 border border-white\/15\">\u2728<\/span>\r\n              <span class=\"font-semibold tracking-tight footer-text\">Rishabh A Grover<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"mt-5 footer-muted leading-relaxed\">\r\n              Rishabh A Grover is a renowned Numerologist and Vaastu Consultant with over 12+ years of experience,\r\n              having guided 5,000+ clients across India, Dubai, and Australia.\r\n            <\/p>\r\n\r\n            <div class=\"mt-7 space-y-2 footer-muted\">\r\n              <div><span class=\"text-white\/45\">Phone:<\/span> +91 73108 36108<\/div>\r\n              <div><span class=\"text-white\/45\">Email:<\/span> rishabhgrovermarketing@gmail.com<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-7 flex items-center gap-4 footer-text\">\r\n              <a href=\"https:\/\/www.facebook.com\/rishabhgroverofficial\" aria-label=\"Facebook\" class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-white\/7 border border-white\/12 hover:bg-white\/10\">f<\/a>\r\n              <a href=\"https:\/\/www.instagram.com\/rishabhagrover.official\/\" aria-label=\"Instagram\" class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-white\/7 border border-white\/12 hover:bg-white\/10\">\u25ce<\/a>\r\n              <a href=\"https:\/\/www.linkedin.com\/in\/rishabh-a-grover-astronumerologist-896b89281\/?originalSubdomain=in\" aria-label=\"LinkedIn\" class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-white\/7 border border-white\/12 hover:bg-white\/10\">in<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"w-full md:w-[320px]\">\r\n            <div class=\"panel-soft p-6\">\r\n              <div class=\"text-white\/80 font-semibold\">Join the workshop<\/div>\r\n              <p class=\"mt-2 text-white\/60 leading-relaxed\">\r\n                Secure your seat for the recorded  online session.\r\n              <\/p>\r\n\r\n              <div class=\"mt-5 flex flex-col gap-3\">\r\n                <a\r\n                  class=\"btn btn-primary w-full\"\r\n                  href=\"https:\/\/pages.razorpay.com\/pl_S9dshQchXWqmps\/view\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener\"\r\n                >\r\n                  Book Now\r\n                <\/a>\r\n                <a class=\"btn btn-ghost w-full\" href=\"#faq\">Read FAQs<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mt-10 text-white\/45 text-sm\">\r\n          \u00a9 <span id=\"year\"><\/span> Rishabh A Grover. All rights reserved.\r\n        <\/div>\r\n      <\/div>\r\n    <\/footer>\r\n\r\n   <script>\r\n  \/\/ Footer year\r\n  document.getElementById(\"year\").textContent = new Date().getFullYear();\r\n\r\n  \/\/ \u2705 FAQ accordion\r\n  document.querySelectorAll(\".faq-item\").forEach((item) => {\r\n    item.addEventListener(\"click\", () => {\r\n      const isOpen = item.getAttribute(\"data-open\") === \"true\";\r\n      document.querySelectorAll(\".faq-item\").forEach((x) => x.setAttribute(\"data-open\", \"false\"));\r\n      item.setAttribute(\"data-open\", String(!isOpen));\r\n    });\r\n  });\r\n\r\n  \/\/ \u2705 Rahul Testimonials Slider (WORKING)\r\n  (function () {\r\n    const track = document.getElementById(\"rahulTrack\");\r\n    const prev = document.getElementById(\"rahulPrev\");\r\n    const next = document.getElementById(\"rahulNext\");\r\n\r\n    if (!track || !prev || !next) return;\r\n\r\n    function gapPx() {\r\n      const styles = window.getComputedStyle(track);\r\n      return parseFloat(styles.gap || \"0\") || 0;\r\n    }\r\n\r\n    function step() {\r\n      const card = track.querySelector(\".rahul-card\");\r\n      if (!card) return 0;\r\n      return card.getBoundingClientRect().width + gapPx();\r\n    }\r\n\r\n    prev.addEventListener(\"click\", () => {\r\n      const s = step();\r\n      if (!s) return;\r\n      track.scrollBy({ left: -s, behavior: \"smooth\" });\r\n    });\r\n\r\n    next.addEventListener(\"click\", () => {\r\n      const s = step();\r\n      if (!s) return;\r\n      track.scrollBy({ left: s, behavior: \"smooth\" });\r\n    });\r\n  })();\r\n  \/\/ Smooth scroll for all internal anchor links\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener(\"click\", (e) => {\r\n      const id = a.getAttribute(\"href\");\r\n      if (!id || id === \"#\") return;\r\n\r\n      const el = document.querySelector(id);\r\n      if (!el) return;\r\n\r\n      e.preventDefault();\r\n      el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n\r\n      \/\/ update URL without jump\r\n      history.pushState(null, \"\", id);\r\n    });\r\n  });\r\n  \/\/ \u2705 Countdown to: 21 Feb 2026, 8:00 PM IST\r\n(function(){\r\n  const elDays  = document.getElementById('cd-days');\r\n  const elHours = document.getElementById('cd-hours');\r\n  const elMins  = document.getElementById('cd-mins');\r\n  const elSecs  = document.getElementById('cd-secs');\r\n  const elStatus = document.getElementById('cd-status');\r\n\r\n  if(!elDays || !elHours || !elMins || !elSecs) return;\r\n\r\n  \/\/ IST is UTC + 05:30\r\n  \/\/ 21 Feb 2026 20:00 IST = 21 Feb 2026 14:30 UTC\r\n  const targetUTC = Date.UTC(2026, 1, 21, 14, 30, 0); \/\/ month: 0=Jan, 1=Feb\r\n\r\n  const pad = (n) => String(n).padStart(2, '0');\r\n\r\n  function tick(){\r\n    const now = Date.now();\r\n    let diff = targetUTC - now;\r\n\r\n    if(diff <= 0){\r\n      elDays.textContent = \"00\";\r\n      elHours.textContent = \"00\";\r\n      elMins.textContent = \"00\";\r\n      elSecs.textContent = \"00\";\r\n      if(elStatus){\r\n        elStatus.innerHTML = `\ud83d\ude80 <strong>Workshop is recorded <\/strong> \u2022 Join now`;\r\n      }\r\n      return;\r\n    }\r\n\r\n    const s = Math.floor(diff \/ 1000);\r\n    const days = Math.floor(s \/ 86400);\r\n    const hours = Math.floor((s % 86400) \/ 3600);\r\n    const mins = Math.floor((s % 3600) \/ 60);\r\n    const secs = s % 60;\r\n\r\n    elDays.textContent  = pad(days);\r\n    elHours.textContent = pad(hours);\r\n    elMins.textContent  = pad(mins);\r\n    elSecs.textContent  = pad(secs);\r\n\r\n    \/\/ Optional: status line update\r\n    if(elStatus){\r\n      if(days === 0){\r\n        elStatus.innerHTML = `\u26a1 <strong>Today<\/strong> \u2022 Workshop starts soon`;\r\n      } else {\r\n        elStatus.innerHTML = `\ud83d\udd25 <strong>Limited seats<\/strong> \u2022 ${days} day(s) remaining`;\r\n      }\r\n    }\r\n  }\r\n\r\n  tick();\r\n  setInterval(tick, 1000);\r\n})();\r\n<\/script>\r\n\r\n  <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mastering Relationships Online Workshop | Rishabh A Grover \u2728 Rishabh A Grover Book Now Mastering Relationships \u2014 The Art of Response, Not Reaction RISHABH A GROVER Understanding The Understanding 3 Universal Stages of Love. Euphoric \/ Attraction Stage Emotional highs and curiosity define this initial phase. Everything feels magical and possibilities seem endless. Disillusionment &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":106,"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/pages\/52\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/namahnumerology.com\/numerologyrelationshipguidance\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}