All Posts Tagged: Piles Treatment

Comments Off on What Are Piles? A Brief, Patient-Friendly Explanation

What Are Piles? A Brief, Patient-Friendly Explanation

Posted by

Introduction Piles, also called haemorrhoids or hemorrhoids, are swollen and stretched veins in the lower part of the rectum and anus. These veins normally act as cushions that help control bowel movements. When too much pressure builds in this area due to constipation, straining, sitting for long periods or a low-fibre diet, they swell and […]

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); }