All Posts Tagged: anal fistula care

Is Laser Treatment the Best Option for Anal Fistula? A Complete Guide

Choosing the right treatment for an anal fistula can feel overwhelming. With many options available—and laser treatment often highlighted as a modern solution—patients understandably want clear answers. Is laser treatment truly the best option for anal fistula? The honest answer depends on the type of fistula, its complexity, and individual patient factors. This guide explains […]

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