All Posts Tagged: Piles Symptoms

Are You Ignoring These Early Symptoms of Piles? Here’s When to See a Doctor

Introduction Do you often feel pain, itching, or a burning sensation during bowel movements, yet tell yourself it’s “just constipation”? You’re not alone. Many people ignore these early signs of piles (haemorrhoids) until the condition progresses into severe pain, bleeding, or swelling that affects daily comfort and confidence. Piles aren’t merely a hygiene issue — […]

Read More
/* ============================================================ DR. NEEMA BHAT — MOTION & ANIMATION LAYER Paste this WHOLE file into ONE of: Elementor → Site Settings → Custom CSS (needs Elementor Pro) Appearance → Customize → Additional CSS (works with free Elementor) ============================================================ *//* ---------- respect accessibility preference ---------- */ @media (prefers-reduced-motion: reduce) { .nb-cell, .nb-blob, .nb-fcard, .nb-marquee-track { animation: none !important; } }/* ---------- 1. hero / final-CTA blood-cell particles ---------- */ .nb-cellfield{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1; } .nb-cell{ position:absolute; border-radius:50%; background:radial-gradient(circle at 35% 30%, rgba(239,130,103,.95), rgba(239,130,103,.15) 60%, transparent 72%); box-shadow:0 0 22px 2px rgba(239,130,103,.25); } @keyframes nbdrift{ 0%{ transform:translate(0,0) scale(1); opacity:0; } 8%{ opacity:.55; } 50%{ transform:translate(var(--dx), var(--dy)) scale(1.06); } 92%{ opacity:.4; } 100%{ transform:translate(calc(var(--dx) * 2), calc(var(--dy) * 2)) scale(.94); opacity:0; } } .nb-hero, .nb-final-cta{ position:relative; overflow:hidden; }/* ---------- 2. floating trust badges (hero) ---------- */ .nb-floatwrap{ position:relative; pointer-events:none; height:1px; } .nb-fcard{ position:absolute; background:rgba(255,255,255,.95); border-radius:14px; padding:12px 16px; box-shadow:0 20px 40px -18px rgba(35,21,33,.45); font-size:13px; font-weight:600; color:#231521; display:flex; align-items:center; gap:8px; opacity:0; animation:nbfloatIn .9s ease forwards, nbhover 5s ease-in-out infinite; } .nb-fcard i{ color:#dd6c50; } .nb-fcard.f1{ top:0; left:0; animation-delay:.5s; } .nb-fcard.f2{ top:34%; right:0; animation-delay:.8s; } .nb-fcard.f3{ bottom:16%; left:2%; animation-delay:1.1s; } .nb-fcard.f4{ bottom:-4%; right:14%; animation-delay:1.4s; } @keyframes nbfloatIn{ from{ opacity:0; transform:translateY(16px);} to{ opacity:1; transform:translateY(0);} } @keyframes nbhover{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-9px);} } @media (max-width:900px){ .nb-fcard{ position:static; margin:6px; display:inline-flex; } .nb-floatwrap{ height:auto; display:flex; flex-wrap:wrap; pointer-events:auto; } }/* ---------- 3. image marquees ---------- */ .nb-marquee-wrap{ overflow:hidden; } .nb-marquee-track{ display:flex; gap:24px; width:max-content; } .nb-marquee-track.nb-marquee-left{ animation-name:nbmarqueeLeft; animation-timing-function:linear; animation-iteration-count:infinite; } .nb-marquee-track.nb-marquee-right{ animation-name:nbmarqueeRight; animation-timing-function:linear; animation-iteration-count:infinite; } .nb-marquee-track:hover{ animation-play-state:paused; } .nb-mitem{ flex:none; border-radius:18px; background-size:cover; background-position:center; transition:transform .5s cubic-bezier(.22,.8,.25,1); } .nb-mitem:hover{ transform:scale(1.03); } @keyframes nbmarqueeLeft{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} } @keyframes nbmarqueeRight{ from{ transform:translateX(-50%);} to{ transform:translateX(0);} } @media (max-width:768px){ .nb-mitem{ transform:scale(.7); } }/* ---------- 4. microscopic / blob section ---------- */ .nb-micro-section{ position:relative; overflow:hidden; } .nb-micro{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; } .nb-blob{ position:absolute; border-radius:48% 52% 60% 40%/45% 55% 45% 55%; filter:blur(1px); animation:nbblob 14s ease-in-out infinite; } @keyframes nbblob{ 0%,100%{ transform:translate(0,0) rotate(0deg);} 50%{ transform:translate(14px,-18px) rotate(8deg);} }/* ---------- 5. care journey scroll timeline ---------- */ .nb-journey{ max-width:1200px; margin:0 auto; position:relative; } .nb-jline-bg{ position:absolute; top:22px; left:0; right:0; height:2px; background:rgba(35,21,33,.12); } .nb-jline-fill{ position:absolute; top:22px; left:0; height:2px; background:#ef8267; width:0%; transition:width .15s linear; } .nb-jstages{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; position:relative; } .nb-jstage{ text-align:left; } .nb-jdot{ width:44px; height:44px; border-radius:50%; border:2px solid rgba(35,21,33,.12); background:#faf4ea; display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-weight:600; color:#6b5d68; margin-bottom:14px; transition:all .5s ease; position:relative; z-index:2; } .nb-jstage.active .nb-jdot{ border-color:#ef8267; background:#ef8267; color:#fff; transform:scale(1.08); box-shadow:0 8px 20px -8px rgba(239,130,103,.7); } .nb-jstage h4{ font-family:'Playfair Display',serif; font-size:17px; color:#6b5d68; margin:0 0 4px; transition:color .4s ease; } .nb-jstage.active h4{ color:#5c2455; } .nb-jstage p{ font-size:13px; color:#6b5d68; opacity:.55; max-width:24ch; margin:0; transition:opacity .4s ease; } .nb-jstage.active p{ opacity:1; } @media(max-width:900px){ .nb-jstage p{ display:none; } }/* ---------- 6. generic scroll-reveal (used on section wrappers) ---------- */ .nb-reveal-section .elementor-widget:not(.elementor-widget-html){ opacity:0; transform:translateY(28px); transition:opacity .9s cubic-bezier(.22,.8,.25,1), transform .9s cubic-bezier(.22,.8,.25,1); } .nb-reveal-section.nb-in-view .elementor-widget:not(.elementor-widget-html){ opacity:1; transform:translateY(0); }