All Posts Tagged: Kidney Stones Treatment

Best Diet for Kidney Stones: Foods to Eat and Foods to Avoid

Introduction Diet plays a crucial role in kidney stone prevention, symptom control, and reducing recurrence. People searching for the best diet for kidney stones are looking for clear, practical answers—what foods help, what to avoid, and how everyday eating habits influence stone formation. While diet alone may not remove existing stones, a well-planned kidney stone […]

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