Blog

Causes of Piles in Males: Common Risk Factors and How to Prevent Them

Causes of Piles in Males: Common Risk Factors and How to Prevent Them Chronic constipation, prolonged sitting, heavy lifting, obesity — understand why men develop piles and what you can do to prevent and treat them. ⏱️ 8 min read    🩺 Reviewed by Hari Laser Clinics Specialist Team 9 Keycauses of piles specific to […]

Read More

Varicose Veins in Young Adults: Why More People Under 40 Are Developing Vein Disease

Varicose Veins in Young Adults: Why More People Under 40 Are Developing Vein Disease Sedentary lifestyles, desk jobs, pregnancy, and genetics are causing varicose veins to appear earlier than ever. Here’s what every young adult needs to know. ⏱️ 8 min read    🩺 Reviewed by Hari Laser Clinics Vascular Team 20s-30sgrowing number of young […]

Read More

When Do Piles Need Surgery? Signs That Medicines and Home Remedies Are No Longer Enough

When Do Piles Need Surgery? Signs That Medicines and Home Remedies Are No Longer Enough A complete guide to recognising when conservative treatment is not enough — and how modern Laser Piles Surgery at Hari Laser Clinics can provide lasting relief. 🗓️ Updated June 2026    ⏱️ 10 min read    🩺 Reviewed by Hari […]

Read More

Diet for Anal Fissure: What Foods to Eat and Avoid for Faster Recovery

Diet for Anal Fissure: What Foods to Eat and Avoid for Faster Recovery The right food choices can make or break your recovery from an anal fissure. Learn which foods help healing and which to avoid — with a practical Indian diet for anal fissure plan. ⏱️ 8 min read    🩺 Reviewed by Hari […]

Read More

Which Doctor Treats Varicose Veins? How to Choose the Right Specialist

Which Doctor Treats Varicose Veins? How to Choose the Right Specialist A complete guide to the right type of specialist for varicose veins, what to expect at your first consultation, and how to choose a doctor with confidence. 🗓️ Updated July 2026    ⏱️ 8 min read    🩺 Reviewed by Hari Laser Clinics Vascular […]

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