.elementor-3312 .elementor-element.elementor-element-a92f8ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:110px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;}.elementor-3312 .elementor-element.elementor-element-aef5f9c{--display:flex;}.elementor-3312 .elementor-element.elementor-element-d37f1e2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3312 .elementor-element.elementor-element-8472bf8{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3312 .elementor-element.elementor-element-4534fce{--display:flex;--overlay-opacity:0.5;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3312 .elementor-element.elementor-element-4534fce::before, .elementor-3312 .elementor-element.elementor-element-4534fce > .elementor-background-video-container::before, .elementor-3312 .elementor-element.elementor-element-4534fce > .e-con-inner > .elementor-background-video-container::before, .elementor-3312 .elementor-element.elementor-element-4534fce > .elementor-background-slideshow::before, .elementor-3312 .elementor-element.elementor-element-4534fce > .e-con-inner > .elementor-background-slideshow::before, .elementor-3312 .elementor-element.elementor-element-4534fce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3312 .elementor-element.elementor-element-1dbd8dc{z-index:1;}.elementor-3312 .elementor-element.elementor-element-1dbd8dc .isotope-layout-filter{text-align:center;}.elementor-3312 .elementor-element.elementor-element-c8a5513 .elementor-repeater-item-19b48e5{bottom:-230px;right:-542px;width:733px;height:733px;}@media(max-width:1024px){.elementor-3312 .elementor-element.elementor-element-8472bf8{--container-widget-width:66%;--container-widget-flex-grow:0;width:var( --container-widget-width, 66% );max-width:66%;}}@media(max-width:767px){.elementor-3312 .elementor-element.elementor-element-8472bf8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-ddb92ea *//* DOCTOR ON CALL HERO - CSS ONLY
   Every rule starts with .dhc-hero, so nothing else on the site is affected.
   No global, html, body or element-level .elementor-3312 .elementor-element.elementor-element-ddb92eas are used.
   Buttons: teal (Call) and theme cyan #05dbe3 (WhatsApp). Includes Google rating badge. */
.dhc-hero{
  --dhc-navy:#0f1f3d;--dhc-navy-light:#1c3563;--dhc-red:#d62839;--dhc-red-dark:#a91d2c;--dhc-text:#4a5568;
  --dhc-teal:#2bb8cc;--dhc-teal-mid:#14a0b6;--dhc-teal-dark:#0b7a8f;
  --dhc-theme:#05dbe3;--dhc-theme-light:#5cf0f5;--dhc-theme-dark:#00b9c4;
  position:relative;display:block;box-sizing:border-box;
  width:100%;max-width:100%;margin:0;padding:0;
  overflow:hidden;background:#fff;isolation:isolate;contain:paint;
  font-family:"Poppins","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.5;text-align:left;
}
.dhc-hero *,.dhc-hero *::before,.dhc-hero *::after{box-sizing:border-box}
.dhc-hero .dhc-hero__media{position:relative;width:100%;height:clamp(230px,62vw,360px);margin:0;overflow:hidden}
.dhc-hero .dhc-hero__img{display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:76% center}
.dhc-hero .dhc-hero__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.dhc-hero .dhc-hero__inner{position:relative;width:100%;margin:-30px 0 0;padding:0 20px 36px}
.dhc-hero .dhc-hero__content{max-width:620px;margin:0 auto}
/* Badge */
.dhc-hero .dhc-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:500;line-height:1.2;color:var(--dhc-navy);background:#fff;border:1px solid #f3d3d6;border-radius:50px;box-shadow:0 4px 14px rgba(15,31,61,.08)}
.dhc-hero .dhc-badge__dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--dhc-red);animation:dhcPulse 1.8s infinite}
@keyframes dhcPulse{0%{box-shadow:0 0 0 0 rgba(214,40,57,.55)}70%,100%{box-shadow:0 0 0 9px rgba(214,40,57,0)}}
/* Text */
.dhc-hero .dhc-title{margin:16px 0 10px;padding:0;font-family:inherit;font-size:clamp(32px,9.5vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--dhc-navy)}
.dhc-hero .dhc-title__accent{display:block;color:var(--dhc-red)}
.dhc-hero .dhc-sub{margin:0 0 10px;padding:0;font-size:clamp(18px,5vw,22px);line-height:1.3;font-weight:600;color:var(--dhc-navy)}
.dhc-hero .dhc-text{margin:0 0 24px;padding:0;font-size:15px;line-height:1.7;color:var(--dhc-text)}
/* Buttons */
.dhc-hero .dhc-cta{display:flex;flex-direction:column;gap:12px;margin:0 0 24px;padding:0}
.dhc-hero .dhc-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:12px 22px;border:0;border-radius:14px;font-family:inherit;line-height:1.15;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s ease,box-shadow .25s ease}
.dhc-hero .dhc-btn:active{transform:scale(.98)}
.dhc-hero .dhc-btn:focus-visible{outline:3px solid var(--dhc-theme);outline-offset:3px}
.dhc-hero .dhc-btn svg{flex:0 0 auto}
.dhc-hero .dhc-btn__label{display:flex;flex-direction:column;text-align:left}
.dhc-hero .dhc-btn__label small{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;opacity:.9;color:inherit}
.dhc-hero .dhc-btn__label strong{font-size:17px;font-weight:700;color:inherit}
.dhc-hero .dhc-btn--call,.dhc-hero .dhc-btn--call:visited{color:#fff!important;background:linear-gradient(135deg,var(--dhc-teal-mid),var(--dhc-teal-dark));box-shadow:0 10px 24px rgba(20,160,182,.35)}
/* WhatsApp button: theme cyan #05dbe3, navy text for strong contrast */
.dhc-hero .dhc-btn--wa,.dhc-hero .dhc-btn--wa:visited{color:var(--dhc-navy)!important;background:linear-gradient(135deg,var(--dhc-theme-light) 0%,var(--dhc-theme) 45%,var(--dhc-theme-dark) 100%);box-shadow:0 10px 24px rgba(5,219,227,.42),inset 0 1px 0 rgba(255,255,255,.45)}
/* Google rating badge */
.dhc-hero .dhc-rating{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;padding:10px 18px 10px 14px;background:#fff;border:1px solid #e3eaf2;border-radius:14px;box-shadow:0 6px 18px rgba(15,31,61,.08)}
.dhc-hero .dhc-rating__g{flex:0 0 auto;display:block}
.dhc-hero .dhc-rating__body{display:flex;flex-direction:column;gap:3px}
.dhc-hero .dhc-rating__stars{display:flex;gap:2px;line-height:0}
.dhc-hero .dhc-rating__stars svg{display:block}
.dhc-hero .dhc-rating__score{display:flex;align-items:baseline;gap:6px;line-height:1.1;color:var(--dhc-navy)}
.dhc-hero .dhc-rating__score strong{font-size:20px;font-weight:700;color:var(--dhc-navy)}
.dhc-hero .dhc-rating__score small{font-size:13px;font-weight:500;color:var(--dhc-text)}
/* Trust row */
.dhc-hero .dhc-trust{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}
.dhc-hero .dhc-trust li{display:flex;align-items:center;gap:8px;margin:0;padding:0;font-size:13.5px;font-weight:500;color:var(--dhc-navy)}
.dhc-hero .dhc-trust li::before,.dhc-hero .dhc-trust li::marker{content:none}
.dhc-hero .dhc-trust svg{flex:0 0 auto;color:var(--dhc-red)}
.dhc-hero .dhc-float{display:none}
/* 480px+ */
@media (min-width:480px){
  .dhc-hero .dhc-cta{flex-direction:row;flex-wrap:wrap}
  .dhc-hero .dhc-btn{width:auto;flex:1 1 220px}
  .dhc-hero .dhc-trust{grid-template-columns:repeat(3,auto);justify-content:start;gap:10px 22px}
}
/* Tablet 768px+ */
@media (min-width:768px){
  .dhc-hero .dhc-hero__media{height:clamp(320px,48vw,440px)}
  .dhc-hero .dhc-hero__img{object-position:72% center}
  .dhc-hero .dhc-hero__inner{padding:0 40px 48px;margin-top:-40px}
  .dhc-hero .dhc-hero__content{margin:0;max-width:640px}
  .dhc-hero .dhc-title{font-size:clamp(40px,6vw,52px)}
  .dhc-hero .dhc-text{font-size:16px}
  .dhc-hero .dhc-btn{flex:0 0 auto}
}
/* Desktop 992px+ */
@media (min-width:992px){
  .dhc-hero{display:flex;align-items:center;min-height:clamp(560px,46vw,760px);background:#eaf4fb}
  .dhc-hero .dhc-hero__media{position:absolute;inset:0;z-index:-2;width:100%;height:100%}
  .dhc-hero .dhc-hero__media::after{inset:0;height:auto;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 30%,rgba(255,255,255,.6) 46%,rgba(255,255,255,0) 66%)}
  .dhc-hero .dhc-hero__img{object-position:right center}
  .dhc-hero .dhc-hero__inner{margin:0;padding:clamp(60px,6vw,100px) clamp(40px,6vw,140px)}
  .dhc-hero .dhc-hero__content{max-width:600px}
  .dhc-hero .dhc-title{font-size:clamp(46px,4.4vw,72px)}
  .dhc-hero .dhc-sub{font-size:clamp(22px,1.8vw,28px)}
  .dhc-hero .dhc-text{max-width:520px;font-size:clamp(16px,1.15vw,18px)}
  .dhc-hero .dhc-btn{padding:14px 28px}
  .dhc-hero .dhc-btn:hover{transform:translateY(-3px)}
  .dhc-hero .dhc-btn--call:hover{box-shadow:0 14px 30px rgba(20,160,182,.45)}
  .dhc-hero .dhc-btn--wa:hover{box-shadow:0 14px 34px rgba(5,219,227,.55),0 0 0 4px rgba(5,219,227,.18),inset 0 1px 0 rgba(255,255,255,.5)}
  .dhc-hero .dhc-float{display:flex;position:absolute;top:clamp(50px,6vw,90px);left:48%;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:600;line-height:1.3;color:var(--dhc-navy);background:rgba(255,255,255,.93);border-radius:16px;border-bottom:3px solid var(--dhc-theme);box-shadow:0 14px 34px rgba(15,31,61,.15);animation:dhcFloat 4s ease-in-out infinite}
}
@keyframes dhcFloat{50%{transform:translateY(-8px)}}
/* Very wide screens */
@media (min-width:1600px){
  .dhc-hero .dhc-hero__content{max-width:680px}
  .dhc-hero .dhc-trust li{font-size:15px}
}
/* Very small phones */
@media (max-width:360px){
  .dhc-hero .dhc-hero__inner{padding:0 16px 30px}
  .dhc-hero .dhc-btn{padding:10px 16px}
  .dhc-hero .dhc-btn__label strong{font-size:16px}
  .dhc-hero .dhc-rating{padding:8px 14px 8px 10px}
}
@media (prefers-reduced-motion:reduce){
  .dhc-hero .dhc-badge__dot,.dhc-hero .dhc-float{animation:none}
  .dhc-hero .dhc-btn{transition:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-118b2f6 *//* SERVICES + HOW IT WORKS + WHY CHOOSE US - CSS ONLY (fluid, full-width)
   Every rule starts with .dsv, so nothing else on the site is affected.
   No max-width container: content spans the full width and adapts to any screen.
   Grids use auto-fit/minmax, so columns adjust themselves.
   "Why Choose Us": fills one row when there is room, swipes sideways when not.

   THEME COLOUR: #05dbe3
   --dsv-accent       #05dbe3  theme cyan   (fills, number badges, hover states, arrows)
   --dsv-accent-dark  #00818b  deep cyan    (text accents, so they stay readable on white)
   --dsv-aqua         #7af1f5  light cyan   (soft glows, tints)  */

.dsv{
  --dsv-navy:#0f1f3d;
  --dsv-accent:#05dbe3;--dsv-accent-light:#5cf0f5;--dsv-accent-deep:#00b9c4;--dsv-accent-dark:#00818b;--dsv-aqua:#7af1f5;
  --dsv-glow:rgba(5,219,227,.38);
  --dsv-text:#5b6678;
  --dsv-line:#d9f3f5;--dsv-soft:#f0fcfd;
  --dsv-gutter:clamp(16px,4vw,72px);
  --dsv-gap:clamp(14px,1.6vw,28px);
  position:relative;display:block;box-sizing:border-box;width:100%;max-width:none;margin:0;
  padding:clamp(40px,6vw,96px) 0;overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,var(--dsv-soft) 100%);
  font-family:"Poppins","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:clamp(15px,.4vw + 14px,17px);line-height:1.5;text-align:left;color:var(--dsv-navy);
  contain:paint;
}
.dsv *,.dsv *::before,.dsv *::after{box-sizing:border-box}
.dsv .dsv__wrap{width:100%;max-width:none;margin:0;padding:0 var(--dsv-gutter)}
.dsv .dsv-block{margin:0 0 clamp(44px,6vw,96px)}
.dsv .dsv-block:last-child{margin-bottom:0}
.dsv .dsv-ico{display:block;width:24px;height:24px;fill:none}

/* ---------- Section headings ---------- */
.dsv .dsv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:0 0 clamp(20px,3vw,40px)}
.dsv .dsv-head__text{flex:1 1 min(100%,320px);min-width:0}
.dsv .dsv-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 8px;font-size:.75em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dsv-accent-dark)}
.dsv .dsv-eyebrow::before{content:"";display:block;width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--dsv-accent),var(--dsv-aqua))}
.dsv .dsv-title{margin:0;padding:0;font-family:inherit;font-size:clamp(24px,3.2vw,44px);line-height:1.2;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--dsv-navy)}
.dsv .dsv-sub{margin:8px 0 0;padding:0;font-size:clamp(14px,1.4vw,18px);line-height:1.6;color:var(--dsv-text)}
.dsv .dsv-link{display:inline-flex;align-items:center;gap:6px;padding:8px 0;font-size:.875em;font-weight:600;color:var(--dsv-navy)!important;text-decoration:none!important;white-space:nowrap;border-bottom:2px solid var(--dsv-accent);transition:color .2s ease,gap .2s ease,border-color .2s ease}
.dsv .dsv-link:hover{color:var(--dsv-accent-dark)!important;gap:10px;border-color:var(--dsv-accent-dark)}
.dsv .dsv-link:focus-visible,.dsv .dsv-card:focus-visible{outline:3px solid var(--dsv-accent);outline-offset:3px}

/* ---------- Service cards (auto columns: as many as fit, min 240px) ---------- */
.dsv .dsv-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--dsv-gap);margin:0;padding:0}
.dsv .dsv-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0 clamp(16px,1.6vw,24px) clamp(18px,1.6vw,24px);overflow:hidden;
  background:#fff;border:1px solid var(--dsv-line);border-radius:18px;box-shadow:0 6px 20px rgba(15,31,61,.05);
  color:inherit!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
/* theme-coloured line that grows in on hover */
.dsv .dsv-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--dsv-accent),var(--dsv-aqua));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.dsv .dsv-card__media{position:relative;display:block;height:clamp(120px,10vw,170px);margin:0 calc(-1 * clamp(16px,1.6vw,24px));overflow:hidden;background:linear-gradient(135deg,#d8f9fb 0%,#fff 100%)}
.dsv .dsv-card__media img{position:absolute;top:0;right:0;display:block;width:74%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:center top;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%);transition:transform .5s ease}
.dsv .dsv-card__icon{position:absolute;top:18px;left:clamp(16px,1.6vw,24px);display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#fff;border-radius:50%;box-shadow:0 8px 20px rgba(15,31,61,.12),0 0 0 3px rgba(5,219,227,.18);color:var(--dsv-accent-dark);transition:background .3s ease,color .3s ease,box-shadow .3s ease}
.dsv .dsv-card__title{margin:16px 0 6px;padding:0;font-family:inherit;font-size:clamp(16px,1.2vw,19px);line-height:1.3;font-weight:600;text-transform:none;color:var(--dsv-navy);transition:color .2s ease}
.dsv .dsv-card__text{margin:0 0 14px;padding:0;font-size:clamp(14px,1vw,15.5px);line-height:1.65;color:var(--dsv-text)}
.dsv .dsv-card__more{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--dsv-accent-dark);transition:gap .2s ease}
.dsv .dsv-card:hover{transform:translateY(-5px);border-color:var(--dsv-aqua);box-shadow:0 16px 36px rgba(15,31,61,.1),0 10px 28px rgba(5,219,227,.22)}
.dsv .dsv-card:hover::after{transform:scaleX(1)}
.dsv .dsv-card:hover .dsv-card__media img{transform:scale(1.05)}
.dsv .dsv-card:hover .dsv-card__icon{background:linear-gradient(135deg,var(--dsv-accent-light),var(--dsv-accent));color:var(--dsv-navy);box-shadow:0 8px 22px var(--dsv-glow),0 0 0 4px rgba(5,219,227,.25)}
.dsv .dsv-card:hover .dsv-card__title{color:var(--dsv-accent-dark)}
.dsv .dsv-card:hover .dsv-card__more{gap:10px}

/* ---------- How it works (1 / 2 / 4 columns, fluid between) ---------- */
.dsv .dsv-steps{display:grid;grid-template-columns:1fr;gap:var(--dsv-gap);margin:0;padding:0;list-style:none;counter-reset:none}
.dsv .dsv-step{position:relative;display:block;min-width:0;margin:0;padding:12px 12px 22px;background:#fff;border:1px solid var(--dsv-line);border-radius:18px;box-shadow:0 6px 20px rgba(15,31,61,.05)}
.dsv .dsv-step::marker{content:none}
.dsv .dsv-step__media{position:relative;display:block;height:clamp(150px,18vw,260px);overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#d8f9fb 0%,#f8fefe 100%)}
.dsv .dsv-step__media img{display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:center top}
.dsv .dsv-step__num{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:17px;font-weight:700;color:var(--dsv-navy);background:linear-gradient(135deg,var(--dsv-accent-light),var(--dsv-accent) 55%,var(--dsv-accent-deep));border:3px solid #fff;border-radius:50%;box-shadow:0 6px 16px var(--dsv-glow)}
.dsv .dsv-step__title{margin:16px 8px 6px;padding:0;font-family:inherit;font-size:clamp(16px,1.2vw,19px);line-height:1.3;font-weight:600;text-transform:none;color:var(--dsv-navy)}
.dsv .dsv-step__text{margin:0 8px;padding:0;font-size:clamp(14px,1vw,15.5px);line-height:1.65;color:var(--dsv-text)}

/* ---------- Why choose us ----------
   Each card is at least 220px wide and grows to share the row equally.
   If 5 cards don't fit, the row scrolls sideways with snap. No breakpoint needed. */
.dsv .dsv-why{
  display:flex;flex-wrap:nowrap;gap:var(--dsv-gap);
  margin:0 calc(-1 * var(--dsv-gutter));          /* bleed to screen edges */
  padding:6px var(--dsv-gutter) 18px;
  list-style:none;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-padding-left:var(--dsv-gutter);
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:var(--dsv-accent) transparent;
}
.dsv .dsv-why::-webkit-scrollbar{height:6px}
.dsv .dsv-why::-webkit-scrollbar-thumb{background:var(--dsv-accent);border-radius:6px}
.dsv .dsv-why__item{position:relative;flex:1 0 clamp(220px,72vw,270px);min-width:0;margin:0;padding:clamp(20px,2vw,28px) clamp(16px,1.6vw,24px);scroll-snap-align:start;overflow:hidden;
  background:#fff;border:1px solid var(--dsv-line);border-radius:18px;box-shadow:0 6px 20px rgba(15,31,61,.05);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.dsv .dsv-why__item::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--dsv-accent),var(--dsv-aqua))}
.dsv .dsv-why__item::marker{content:none}
.dsv .dsv-why__item:hover{transform:translateY(-4px);border-color:var(--dsv-aqua);box-shadow:0 14px 32px rgba(15,31,61,.08),0 10px 26px rgba(5,219,227,.22)}
.dsv .dsv-why__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 0 14px;background:linear-gradient(135deg,#e6fcfd,#c8f7fa);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(5,219,227,.4);color:var(--dsv-accent-dark);transition:background .3s ease,color .3s ease,box-shadow .3s ease}
.dsv .dsv-why__item:hover .dsv-why__icon{background:linear-gradient(135deg,var(--dsv-accent-light),var(--dsv-accent));color:var(--dsv-navy);box-shadow:0 8px 20px var(--dsv-glow)}
.dsv .dsv-why__title{margin:0 0 6px;padding:0;font-family:inherit;font-size:clamp(16px,1.2vw,18px);line-height:1.3;font-weight:600;text-transform:none;color:var(--dsv-navy)}
.dsv .dsv-why__text{margin:0;padding:0;font-size:clamp(14px,1vw,15.5px);line-height:1.65;color:var(--dsv-text)}

/* ================= BREAKPOINTS (only where layout structure changes) ================= */
@media (min-width:640px){
  .dsv .dsv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  /* Desktop: exactly 4 cards per row, at any width */
  .dsv .dsv-services{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dsv .dsv-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(40px,3.4vw,64px)}
  /* arrow connectors between steps */
  .dsv .dsv-step:not(:last-child)::after{content:"→";position:absolute;top:50%;right:calc(-0.5 * clamp(40px,3.4vw,64px) - 12px);width:24px;margin-top:-12px;text-align:center;font-size:18px;font-weight:700;line-height:24px;color:var(--dsv-accent-deep);opacity:.95}

  /* Why choose us: no scrolling when there is room */
  .dsv .dsv-why{overflow:visible;scroll-snap-type:none;margin:0;padding:0}
  .dsv .dsv-why__item{flex:1 1 0;scroll-snap-align:none}
}

/* Very small phones */
@media (max-width:380px){
  .dsv .dsv-link{white-space:normal}
}

/* Touch devices: no hover lift */
@media (hover:none){
  .dsv .dsv-card:hover,.dsv .dsv-why__item:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .dsv .dsv-card,.dsv .dsv-card::after,.dsv .dsv-card__media img,.dsv .dsv-why__item,.dsv .dsv-link{transition:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a57d93a *//* SERVICE AREAS ("We Serve Across Dubai") - CSS ONLY
   Full-width, fluid layout: no max-width container, everything scales with the viewport.
   Every rule is scoped under .dsa, so nothing else on the site is affected.

   BRAND COLOURS (logo cyan #05dbe3):
   --dsa-brand        #05dbe3  the logo cyan: glows, fills, bars, icon chips, hover states
   --dsa-accent-dark  #078f96  deep cyan-teal: text accents only (readable on white)
   --dsa-aqua         #8ff3f6  light tint of the brand for soft highlights */

.dsa{
  --dsa-navy:#0b1f33;
  --dsa-brand:#05dbe3;
  --dsa-accent:#05dbe3;
  --dsa-accent-dark:#078f96;
  --dsa-aqua:#8ff3f6;
  --dsa-glow:rgba(5,219,227,.35);
  --dsa-text:#55687a;
  --dsa-line:#d9f3f5;--dsa-soft:#f0fdfe;
  --dsa-gutter:clamp(12px,3vw,64px);          /* side space only, no width cap */
  --dsa-radius:clamp(16px,1.6vw,32px);
  --dsa-fs:clamp(14px,.35vw + 12.5px,20px);   /* base size for list text, scales up on big screens */
  display:block;box-sizing:border-box;width:100%;margin:0;
  padding:clamp(24px,4vw,88px) 0;overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(5,219,227,.16),transparent 45%),
    radial-gradient(circle at 100% 100%,rgba(5,219,227,.12),transparent 40%),
    var(--dsa-soft);
  font:400 16px/1.5 "Poppins","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  text-align:left;color:var(--dsa-navy);
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}
.dsa *,.dsa *::before,.dsa *::after{box-sizing:border-box}
.dsa .dsa__wrap{width:100%;max-width:none;margin:0;padding:0 var(--dsa-gutter)}

/* ---------- Card ---------- */
.dsa .dsa-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;width:100%;
  background:linear-gradient(135deg,#fff 0%,#e6fcfd 100%);
  border:1px solid var(--dsa-line);border-radius:var(--dsa-radius);
  box-shadow:0 18px 50px rgba(5,219,227,.18),0 4px 14px rgba(11,31,51,.06);
}
/* brand-colour edge along the top of the card */
.dsa .dsa-card::before{
  content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--dsa-brand),var(--dsa-aqua) 60%,transparent);
}

/* ---------- Image (fades into the card) ---------- */
.dsa .dsa-card__media{
  position:relative;width:100%;height:clamp(170px,40vw,420px);overflow:hidden;
  background:linear-gradient(135deg,#bff6f9 0%,#e6fcfd 100%);
}
.dsa .dsa-card__media img{
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  margin:0;padding:0;border:0;border-radius:0;box-shadow:none;
  object-fit:cover;object-position:center 30%;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);
  mask-image:linear-gradient(180deg,#000 55%,transparent);
}
/* soft brand-colour wash over the photo so it blends with the card */
.dsa .dsa-card__media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,219,227,.14),transparent 60%);
}

/* ---------- Text ---------- */
.dsa .dsa-card__body{min-width:0;padding:4px clamp(16px,4vw,48px) clamp(20px,3vw,48px)}
.dsa .dsa-eyebrow{
  display:flex;align-items:center;gap:.7em;margin:0 0 .7em;
  font-size:clamp(11px,.25vw + 10px,15px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dsa-accent-dark);
}
.dsa .dsa-eyebrow::before{
  content:"";flex:none;width:2.4em;height:3px;border-radius:3px;
  background:var(--dsa-brand);box-shadow:0 0 10px var(--dsa-glow);
}
.dsa .dsa-title{margin:0;padding:0;font-family:inherit;font-size:clamp(22px,1.6vw + 14px,56px);line-height:1.15;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--dsa-navy)}
.dsa .dsa-title::after{
  content:"";display:block;width:clamp(48px,5vw,96px);height:4px;margin-top:.45em;border-radius:4px;
  background:linear-gradient(90deg,var(--dsa-brand),var(--dsa-aqua));
}
.dsa .dsa-sub{margin:.8em 0 0;padding:0;font-size:clamp(14px,.4vw + 11.5px,21px);line-height:1.6;color:var(--dsa-text);max-width:60ch}

/* ---------- Area list (1 column by default) ---------- */
.dsa .dsa-list{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);
  column-gap:clamp(24px,4vw,96px);
  margin:clamp(16px,2vw,40px) 0 0;padding:0;list-style:none;
}
.dsa .dsa-item{
  position:relative;display:flex;align-items:center;gap:.8em;min-width:0;margin:0;padding:.65em 0;
  border-bottom:1px solid var(--dsa-line);
  font-size:var(--dsa-fs);font-weight:500;line-height:1.35;
  color:var(--dsa-navy);
  transition:color .2s ease,transform .2s ease,border-color .2s ease;
}
.dsa .dsa-item::marker{content:none}
/* the line under each item lights up in the brand colour on hover */
.dsa .dsa-item::after{
  content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;
  background:var(--dsa-brand);transition:width .3s ease;
}

/* icon sits in a soft cyan chip */
.dsa .dsa-ico{
  flex:none;width:1.9em;height:1.9em;padding:.42em;border-radius:50%;
  color:var(--dsa-accent-dark);
  background:rgba(5,219,227,.16);
  box-shadow:inset 0 0 0 1px rgba(5,219,227,.35);
  transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;
}

@media (hover:hover){
  .dsa .dsa-item:hover{color:var(--dsa-accent-dark);transform:translateX(3px)}
  .dsa .dsa-item:hover::after{width:100%}
  .dsa .dsa-item:hover .dsa-ico{
    color:var(--dsa-navy);background:var(--dsa-brand);
    box-shadow:0 0 0 4px rgba(5,219,227,.22),0 4px 12px var(--dsa-glow);
  }
}
.dsa .dsa-item:focus-visible{outline:2px solid var(--dsa-brand);outline-offset:3px;border-radius:6px}

/* ================= BREAKPOINTS (mobile-first, fluid) ================= */

/* Two columns, filled top-to-bottom */
@media (min-width:480px){
  .dsa .dsa-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(6,auto);
    grid-auto-flow:column;
  }
}

/* Tablet+ : image left, content right */
@media (min-width:860px){
  .dsa .dsa-card{flex-direction:row;min-height:clamp(340px,26vw,640px)}
  .dsa .dsa-card__media{flex:0 0 40%;width:40%;height:auto}
  .dsa .dsa-card__media img{
    object-position:center;
    -webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);
    mask-image:linear-gradient(90deg,#000 55%,transparent);
  }
  .dsa .dsa-card__media::after{background:linear-gradient(90deg,rgba(5,219,227,.14),transparent 60%)}
  .dsa .dsa-card__body{
    flex:1 1 0;display:flex;flex-direction:column;justify-content:center;
    padding:clamp(24px,3vw,72px) clamp(24px,3.5vw,96px) clamp(24px,3vw,72px) clamp(24px,3.5vw,80px);
  }
  /* centre divider fades in the brand colour */
  .dsa .dsa-list::before{
    content:"";position:absolute;top:6px;bottom:6px;left:50%;width:1px;
    background:linear-gradient(180deg,transparent,var(--dsa-brand) 50%,transparent);opacity:.55;
  }
}

/* Large / ultra-wide screens: give the image a bit less share, keep text balanced */
@media (min-width:1800px){
  .dsa .dsa-card__media{flex-basis:38%;width:38%}
}

/* Short landscape phones: keep the image from eating the screen */
@media (max-height:500px) and (orientation:landscape) and (max-width:859px){
  .dsa .dsa-card__media{height:clamp(120px,30vh,200px)}
}

@media (prefers-reduced-motion:reduce){
  .dsa .dsa-item,.dsa .dsa-ico,.dsa .dsa-item::after{transition:none}
  .dsa .dsa-item:hover{transform:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fde3c60 *//* WHAT WE TREAT + CALL-TO-ACTION BANNER - FULL-WIDTH / FLUID
   Matches the testimonials-faq section (same colors, fonts, cards).
   - Conditions grid: 1 column phone, 2 at 600, 3 at 1000, 4 at 1700+
   - Banner: stacked on phone/tablet, text left + buttons right from 800px
   Every rule starts with .dtt, so nothing else on the site is affected.

   BRAND COLOURS (logo cyan #05dbe3):
   --dtt-brand        #05dbe3  the logo cyan: icon circles, call button, glows, accent bars
   --dtt-accent-dark  #078f96  deep cyan-teal: text accents only (readable on white)
   --dtt-aqua         #8ff3f6  light tint of the brand (banner highlights) */

.dtt{
  --dtt-navy:#0b1f33;--dtt-navy2:#0f3a52;
  --dtt-brand:#05dbe3;
  --dtt-accent:#05dbe3;--dtt-accent-dark:#078f96;--dtt-aqua:#8ff3f6;
  --dtt-glow:rgba(5,219,227,.35);
  --dtt-text:#55687a;
  --dtt-line:#d9f3f5;--dtt-soft:#f0fdfe;
  --dtt-gutter:clamp(16px,4.5vw,120px);
  --dtt-gap:clamp(10px,1vw,20px);
  --dtt-fs:clamp(14px,.2vw + 13px,17px);

  position:relative;display:block;box-sizing:border-box;
  width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);
  padding:clamp(40px,6vw,110px) 0;overflow:hidden;
  background:
    radial-gradient(circle at 92% 6%,rgba(5,219,227,.14),transparent 40%),
    radial-gradient(circle at 4% 96%,rgba(5,219,227,.10),transparent 38%),
    linear-gradient(180deg,#fff 0%,var(--dtt-soft) 100%);
  font-family:"Poppins","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.5;text-align:left;color:var(--dtt-navy);
  contain:paint;
}
.dtt *,.dtt *::before,.dtt *::after{box-sizing:border-box}
.dtt .dtt__wrap{width:100%;max-width:none;margin:0;padding:0 var(--dtt-gutter)}

/* ---------- Headings ---------- */
.dtt .dtt-head{margin:0 auto clamp(22px,2.6vw,44px);max-width:760px;text-align:center}
.dtt .dtt-eyebrow{
  display:inline-flex;align-items:center;gap:.7em;margin:0 0 8px;
  font-size:clamp(11.5px,.15vw + 11px,14px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dtt-accent-dark);
}
/* glowing cyan dashes either side of the eyebrow */
.dtt .dtt-eyebrow::before,.dtt .dtt-eyebrow::after{
  content:"";flex:none;width:2em;height:3px;border-radius:3px;
  background:var(--dtt-brand);box-shadow:0 0 10px var(--dtt-glow);
}
.dtt .dtt-title{margin:0;padding:0;font-family:inherit;font-size:clamp(26px,1.6vw + 17px,50px);line-height:1.2;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--dtt-navy)}
.dtt .dtt-title::after{
  content:"";display:block;width:clamp(48px,5vw,96px);height:4px;margin:.45em auto 0;border-radius:4px;
  background:linear-gradient(90deg,var(--dtt-brand),var(--dtt-aqua));
}
.dtt .dtt-sub{margin:14px auto 0;padding:0;max-width:60ch;font-size:var(--dtt-fs);line-height:1.6;color:var(--dtt-text)}

/* ---------- Conditions grid ---------- */
.dtt .dtt-list{
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--dtt-gap);
  margin:0 auto;padding:0;list-style:none;max-width:1500px;
}
.dtt .dtt-item{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:clamp(10px,.9vw,16px);margin:0;
  padding:clamp(12px,1vw,20px) clamp(14px,1.2vw,24px);
  background:#fff;border:1px solid var(--dtt-line);border-radius:clamp(12px,.9vw,18px);
  box-shadow:0 4px 14px rgba(5,219,227,.08);
  font-size:var(--dtt-fs);font-weight:500;line-height:1.4;color:var(--dtt-navy);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
/* cyan accent stripe on the left edge, grows on hover */
.dtt .dtt-item::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 3px 3px 0;
  background:var(--dtt-brand);opacity:.55;transition:top .2s ease,bottom .2s ease,opacity .2s ease;
}
.dtt .dtt-item:hover{transform:translateY(-2px);border-color:var(--dtt-brand);box-shadow:0 12px 26px rgba(5,219,227,.25)}
.dtt .dtt-item:hover::before{top:0;bottom:0;opacity:1}
.dtt .dtt-item::marker{content:none}
/* icon circle: logo cyan with a dark icon so it stays readable */
.dtt .dtt-ico{
  flex:0 0 auto;display:block;box-sizing:content-box;
  width:clamp(12px,.9vw,16px);height:clamp(12px,.9vw,16px);padding:clamp(6px,.5vw,9px);
  color:var(--dtt-navy);background:var(--dtt-brand);border-radius:50%;
  box-shadow:0 0 0 3px rgba(5,219,227,.18),0 4px 10px var(--dtt-glow);
  transition:box-shadow .2s ease,transform .2s ease;
}
.dtt .dtt-item:hover .dtt-ico{box-shadow:0 0 0 5px rgba(5,219,227,.25),0 6px 14px var(--dtt-glow);transform:scale(1.06)}
.dtt .dtt-item span{min-width:0}

/* ---------- CTA banner ---------- */
.dtt .dtt-cta{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(20px,2.4vw,40px);
  max-width:1500px;margin:clamp(36px,5vw,90px) auto 0;
  padding:clamp(26px,3.6vw,72px);overflow:hidden;
  color:#fff;border-radius:clamp(20px,2vw,36px);
  background:linear-gradient(135deg,var(--dtt-navy) 0%,var(--dtt-navy2) 100%);
  border:1px solid rgba(5,219,227,.35);
  box-shadow:0 20px 50px rgba(11,31,51,.25),0 0 0 1px rgba(5,219,227,.08),0 0 60px rgba(5,219,227,.12);
}
/* soft decorative glows in the logo cyan (top-right strong, bottom-left lighter) */
.dtt .dtt-cta::before,.dtt .dtt-cta::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.dtt .dtt-cta::before{top:-35%;right:-8%;width:clamp(220px,32vw,560px);height:clamp(220px,32vw,560px);background:radial-gradient(circle,rgba(5,219,227,.55),rgba(5,219,227,0) 70%)}
.dtt .dtt-cta::after{bottom:-45%;left:-6%;width:clamp(200px,28vw,480px);height:clamp(200px,28vw,480px);background:radial-gradient(circle,rgba(143,243,246,.28),rgba(143,243,246,0) 70%)}
.dtt .dtt-cta__text,.dtt .dtt-cta__actions{position:relative;z-index:1}
.dtt .dtt-cta__text{min-width:0}
.dtt .dtt-cta__eyebrow{
  display:inline-block;margin:0 0 12px;padding:5px 12px;
  font-size:clamp(11px,.15vw + 10.5px,13.5px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dtt-aqua);background:rgba(5,219,227,.14);border:1px solid rgba(5,219,227,.5);border-radius:999px;
}
.dtt .dtt-cta__title{margin:0;padding:0;max-width:20ch;font-family:inherit;font-size:clamp(24px,2vw + 14px,56px);line-height:1.15;font-weight:600;letter-spacing:-.015em;text-transform:none;color:#fff}
.dtt .dtt-cta__sub{margin:12px 0 0;padding:0;max-width:50ch;font-size:var(--dtt-fs);line-height:1.6;color:rgba(255,255,255,.85)}

.dtt .dtt-cta__actions{display:flex;flex-direction:column;gap:clamp(10px,1vw,16px);width:100%}
.dtt .dtt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;margin:0;padding:clamp(13px,1vw,18px) clamp(24px,2.2vw,44px);
  font-family:inherit;font-size:clamp(15px,.3vw + 14px,19px);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;
  color:#fff;border:2px solid transparent;border-radius:999px;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
  -webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.dtt .dtt-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.3);color:#fff;text-decoration:none}
.dtt .dtt-btn:focus-visible{outline:3px solid var(--dtt-aqua);outline-offset:3px}
.dtt .dtt-btn__ico{display:block;flex:0 0 auto;width:clamp(18px,1.3vw,24px);height:clamp(18px,1.3vw,24px)}
/* Call button: logo cyan with dark text for strong contrast, glowing */
.dtt .dtt-btn--call{background:var(--dtt-brand);color:var(--dtt-navy);box-shadow:0 8px 24px rgba(5,219,227,.45)}
.dtt .dtt-btn--call:hover{background:var(--dtt-aqua);color:var(--dtt-navy);box-shadow:0 12px 32px rgba(5,219,227,.6)}
.dtt .dtt-btn--wa{background:#1fa855}
.dtt .dtt-btn--wa:hover{background:#25bd62}

/* ================= BREAKPOINTS ================= */

/* 480+: buttons side by side inside the banner */
@media (min-width:480px){
  .dtt .dtt-cta__actions{flex-direction:row;flex-wrap:wrap;width:auto}
}

/* 600+: 2 columns */
@media (min-width:600px){
  .dtt .dtt-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 800+: banner = text left, buttons right */
@media (min-width:800px){
  .dtt .dtt-cta{flex-direction:row;align-items:center;justify-content:space-between}
  .dtt .dtt-cta__actions{flex-direction:column;flex:0 0 auto;min-width:clamp(200px,18vw,300px)}
}

/* 1000+: 3 columns */
@media (min-width:1000px){
  .dtt .dtt-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 1700+ (large monitors): 4 columns */
@media (min-width:1700px){
  .dtt .dtt-list,.dtt .dtt-cta{max-width:1800px}
  .dtt .dtt-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  .dtt .dtt-item,.dtt .dtt-btn,.dtt .dtt-ico,.dtt .dtt-item::before{transition:none}
  .dtt .dtt-item:hover,.dtt .dtt-btn:hover,.dtt .dtt-item:hover .dtt-ico{transform:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b71e8b0 *//* SERVICES INTRO + 3 SERVICE CARDS - FULL-WIDTH / FLUID (dark navy section)
   Matches the testimonials/FAQ and What-We-Treat sections (same colors, fonts, radius).
   - Phone/tablet: heading, text, then cards stacked in 1 column
   - 860+: heading left + text right, 3 cards in a row
   - 1700+: wider container, bigger type
   Every rule starts with .dts, so nothing else on the site is affected.

   BRAND COLOURS (from the Call to Doctor logo):
   --dts-aqua         light aqua from "Doctor"/plus   (eyebrow + glow on the dark background)
   --dts-accent       teal-blue from the drop shape   (glow, focus ring)
   --dts-accent-dark  deeper teal                      (icons + links on white cards) */

.dts{
  --dts-navy:#0f1f3d;--dts-navy2:#1b3566;--dts-text:#5b6678;--dts-line:#e3eef4;
  --dts-accent:#1a8fb0;--dts-accent-dark:#12708c;--dts-aqua:#62d2e4;
  --dts-gutter:clamp(16px,4.5vw,120px);
  --dts-gap:clamp(14px,1.6vw,32px);
  --dts-fs:clamp(14px,.2vw + 13px,17px);

  position:relative;display:block;box-sizing:border-box;
  width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);
  padding:clamp(44px,7vw,120px) 0;overflow:hidden;
  background:linear-gradient(160deg,var(--dts-navy) 0%,var(--dts-navy2) 100%);
  font-family:"Poppins","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.5;text-align:left;color:#fff;
  contain:paint;
}
/* soft glows (teal top-right, aqua bottom-left) */
.dts::before,.dts::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.dts::before{top:-20%;right:-8%;width:clamp(260px,38vw,680px);height:clamp(260px,38vw,680px);background:radial-gradient(circle,rgba(26,143,176,.42),rgba(26,143,176,0) 70%)}
.dts::after{bottom:-30%;left:-8%;width:clamp(240px,34vw,620px);height:clamp(240px,34vw,620px);background:radial-gradient(circle,rgba(98,210,228,.3),rgba(98,210,228,0) 70%)}
.dts *,.dts *::before,.dts *::after{box-sizing:border-box}
.dts .dts__wrap{position:relative;z-index:1;width:100%;max-width:1800px;margin:0 auto;padding:0 var(--dts-gutter)}
.dts .dts-ico{display:block;width:clamp(20px,1.5vw,28px);height:clamp(20px,1.5vw,28px)}

/* ---------- Header ---------- */
.dts .dts-head{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,24px);margin:0 0 clamp(26px,3.4vw,60px)}
.dts .dts-eyebrow{display:block;margin:0 0 10px;font-size:clamp(11.5px,.15vw + 11px,14px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dts-aqua)}
.dts .dts-title{margin:0;padding:0;font-family:inherit;font-size:clamp(26px,2vw + 16px,56px);line-height:1.15;font-weight:600;letter-spacing:-.015em;text-transform:none;color:#fff}
.dts .dts-sub{margin:0;padding:0;max-width:62ch;font-size:var(--dts-fs);line-height:1.7;color:rgba(255,255,255,.8)}

/* ---------- Cards ---------- */
.dts .dts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--dts-gap)}
.dts .dts-card{
  display:flex;flex-direction:column;margin:0;min-width:0;
  padding:clamp(22px,2.2vw,44px);
  background:#fff;color:var(--dts-navy);border-radius:clamp(18px,1.5vw,28px);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  transition:transform .25s ease,box-shadow .25s ease;
}
.dts .dts-card:hover{transform:translateY(-4px);box-shadow:0 26px 56px rgba(0,0,0,.36)}
.dts .dts-card__icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:clamp(46px,3.4vw,68px);height:clamp(46px,3.4vw,68px);margin:0 0 clamp(14px,1.4vw,26px);
  color:var(--dts-accent-dark);background:#e3f6fa;border-radius:clamp(12px,1vw,18px);
}
.dts .dts-card__title{margin:0 0 clamp(8px,.8vw,14px);padding:0;font-family:inherit;font-size:clamp(19px,.7vw + 16px,29px);line-height:1.25;font-weight:600;text-transform:none;color:var(--dts-navy)}
.dts .dts-card__text{margin:0 0 clamp(16px,1.6vw,28px);padding:0;font-size:var(--dts-fs);line-height:1.7;color:var(--dts-text)}
.dts .dts-card__link{
  display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding-top:clamp(14px,1.2vw,20px);
  border-top:1px solid var(--dts-line);
  font-size:var(--dts-fs);font-weight:600;line-height:1.45;text-decoration:none;color:var(--dts-accent-dark);
  transition:color .2s ease;
}
.dts .dts-card__link span{flex:1 1 auto;min-width:0}
.dts .dts-ico--arrow{flex:0 0 auto;width:clamp(18px,1.2vw,22px);height:clamp(18px,1.2vw,22px);margin-top:.12em;transition:transform .2s ease}
.dts .dts-card__link:hover{color:var(--dts-navy);text-decoration:none}
.dts .dts-card__link:hover .dts-ico--arrow{transform:translateX(5px)}
.dts .dts-card__link:focus-visible{outline:3px solid var(--dts-accent);outline-offset:4px;border-radius:6px}

/* ================= BREAKPOINTS ================= */

/* 860+: heading left + text right, 3 cards in a row */
@media (min-width:860px){
  .dts .dts-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:clamp(30px,5vw,100px)}
  .dts .dts-head__main{flex:1 1 52%;min-width:0}
  .dts .dts-sub{flex:1 1 42%;max-width:none}
  .dts .dts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 1700+: wider container for large monitors */
@media (min-width:1700px){
  .dts .dts__wrap{max-width:2000px}
}

@media (prefers-reduced-motion:reduce){
  .dts .dts-card,.dts .dts-card__link,.dts .dts-ico--arrow{transition:none}
  .dts .dts-card:hover{transform:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-264174e *//* PATIENT TESTIMONIALS (slider on top) + FAQ (accordion below) - STACKED, FULL-WIDTH, FLUID
   Replaces your previous testimonials-faq.css. The HTML file stays exactly the same.
   - Section 1: Reviews (full width slider)
   - Section 2: FAQ (underneath, centered, comfortable reading width)
   - Cards per view: phone 1 | 600 = 2 | 900 = 3 | 1280 = 4 | 1700 = 5
   Every rule starts with .dtf, so nothing else on the site is affected. */

.dtf{
  --dtf-navy:#0f1f3d;--dtf-red:#d62839;--dtf-text:#5b6678;--dtf-star:#2f6bff;
  --dtf-line:#e6edf6;--dtf-soft:#f4f8fd;
  --dtf-gutter:clamp(16px,4.5vw,120px);
  --dtf-gap:clamp(14px,1.4vw,28px);
  --dtf-fs:clamp(14px,.2vw + 13px,17px);

  position:relative;display:block;box-sizing:border-box;
  width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);
  padding:clamp(40px,6vw,110px) 0;overflow:hidden;
  background:linear-gradient(180deg,var(--dtf-soft) 0%,#fff 100%);
  font-family:"Poppins","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.5;text-align:left;color:var(--dtf-navy);
  contain:paint;
}
.dtf *,.dtf *::before,.dtf *::after{box-sizing:border-box}
.dtf .dtf__wrap{width:100%;max-width:none;margin:0;padding:0 var(--dtf-gutter)}
.dtf .dtf-ico{display:block;width:clamp(16px,1.1vw,22px);height:clamp(16px,1.1vw,22px)}

/* ---------- Layout: always stacked (reviews on top, FAQ below) ---------- */
.dtf .dtf__grid{display:flex;flex-direction:column;gap:clamp(44px,7vw,110px)}
.dtf .dtf-col{width:100%;min-width:0}

/* FAQ section: centered, readable width, separated by a soft line */
.dtf .dtf-col--faq{
  max-width:960px;margin:0 auto;
  padding-top:clamp(36px,5vw,90px);
  border-top:1px solid var(--dtf-line);
}

/* ---------- Headings (centered for both sections) ---------- */
.dtf .dtf-head{margin:0 auto clamp(20px,2.4vw,40px);text-align:center;max-width:720px}
.dtf .dtf-eyebrow{display:block;margin:0 0 8px;font-size:clamp(11.5px,.15vw + 11px,14px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dtf-red)}
.dtf .dtf-title{margin:0;padding:0;font-family:inherit;font-size:clamp(24px,1.4vw + 16px,46px);line-height:1.2;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--dtf-navy)}
.dtf .dtf-sub{margin:10px auto 0;padding:0;max-width:60ch;font-size:var(--dtf-fs);line-height:1.6;color:var(--dtf-text)}

/* ---------- Slider ---------- */
.dtf .dtf-slider{position:relative}
.dtf .dtf-track{
  display:flex;flex-wrap:nowrap;gap:var(--dtf-gap);
  margin:0;padding:6px 4px 18px;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.dtf .dtf-track::-webkit-scrollbar{display:none}
.dtf .dtf-track:focus-visible{outline:3px solid var(--dtf-red);outline-offset:2px;border-radius:12px}

.dtf .dtf-t{
  flex:0 0 86%;min-width:0;display:flex;flex-direction:column;margin:0;padding:clamp(18px,1.5vw,30px);
  background:#fff;border:1px solid var(--dtf-line);border-radius:clamp(16px,1.2vw,24px);box-shadow:0 6px 20px rgba(15,31,61,.06);
  scroll-snap-align:start;
}
.dtf .dtf-t__top{display:flex;align-items:center;gap:clamp(10px,.9vw,16px);margin:0 0 clamp(12px,1.1vw,20px)}
.dtf .dtf-t__avatar{
  position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:clamp(46px,3.2vw,68px);height:clamp(46px,3.2vw,68px);overflow:hidden;
  border-radius:50%;background:linear-gradient(135deg,#dfeaf8,#f4f8fd);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--dtf-line);
  font-size:clamp(13px,1vw,18px);font-weight:600;color:var(--dtf-navy);
}
.dtf .dtf-t__avatar::before{content:attr(data-initials)}
.dtf .dtf-t__avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:50%;box-shadow:none;object-fit:cover}
.dtf .dtf-t__who{min-width:0}
.dtf .dtf-t__name{margin:0 0 4px;padding:0;font-family:inherit;font-size:var(--dtf-fs);line-height:1.3;font-weight:600;text-transform:none;color:var(--dtf-navy)}
.dtf .dtf-stars{display:flex;gap:2px;color:var(--dtf-star)}
.dtf .dtf-star{display:block;width:clamp(13px,.9vw,18px);height:clamp(13px,.9vw,18px)}
.dtf .dtf-t__quote{margin:0 0 clamp(12px,1.1vw,20px);padding:0;font-size:var(--dtf-fs);line-height:1.7;color:var(--dtf-text)}
.dtf .dtf-t__place{margin-top:auto;font-size:calc(var(--dtf-fs) - 1px);font-weight:500;color:var(--dtf-navy)}

.dtf .dtf-arrow{
  position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;
  width:clamp(34px,2.4vw,48px);height:clamp(34px,2.4vw,48px);margin:calc(clamp(34px,2.4vw,48px) / -2 - 9px) 0 0;padding:0;
  color:var(--dtf-navy);background:#fff;border:1px solid var(--dtf-line);border-radius:50%;box-shadow:0 6px 16px rgba(15,31,61,.14);
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,opacity .2s ease;
}
.dtf .dtf-arrow--prev{left:-8px}
.dtf .dtf-arrow--next{right:-8px}
.dtf .dtf-arrow:hover:not(:disabled){background:var(--dtf-red);color:#fff;border-color:var(--dtf-red)}
.dtf .dtf-arrow:focus-visible{outline:3px solid var(--dtf-red);outline-offset:2px}
.dtf .dtf-arrow:disabled{opacity:.35;cursor:default}

/* ---------- FAQ ---------- */
.dtf .dtf-faq{display:flex;flex-direction:column;gap:clamp(10px,.8vw,16px)}
.dtf .dtf-q{margin:0;padding:0;background:#fff;border:1px solid var(--dtf-line);border-radius:clamp(12px,.9vw,18px);box-shadow:0 4px 14px rgba(15,31,61,.04);transition:box-shadow .25s ease,border-color .25s ease}
.dtf .dtf-q[open]{border-color:#f0c9ce;box-shadow:0 10px 24px rgba(15,31,61,.08)}
.dtf .dtf-q summary{
  position:relative;display:block;margin:0;padding:clamp(14px,1.1vw,22px) clamp(48px,3.4vw,64px) clamp(14px,1.1vw,22px) clamp(18px,1.5vw,30px);
  list-style:none;cursor:pointer;font-size:var(--dtf-fs);font-weight:500;line-height:1.5;color:var(--dtf-navy);
  -webkit-tap-highlight-color:transparent;transition:color .2s ease;
}
.dtf .dtf-q summary::-webkit-details-marker{display:none}
.dtf .dtf-q summary::marker{content:none}
.dtf .dtf-q summary:hover{color:var(--dtf-red)}
.dtf .dtf-q summary:focus-visible{outline:3px solid var(--dtf-red);outline-offset:2px;border-radius:12px}
.dtf .dtf-q summary::before,.dtf .dtf-q summary::after{
  content:"";position:absolute;top:50%;right:clamp(18px,1.5vw,30px);width:clamp(12px,.8vw,16px);height:2px;margin-top:-1px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .25s ease;
}
.dtf .dtf-q summary::after{transform:rotate(90deg)}
.dtf .dtf-q[open] summary::after{transform:rotate(0);opacity:0}
.dtf .dtf-q__a{padding:0 clamp(18px,1.5vw,30px) clamp(16px,1.2vw,24px)}
.dtf .dtf-q__a p{margin:0;padding:0;font-size:var(--dtf-fs);line-height:1.7;color:var(--dtf-text)}

/* ================= BREAKPOINTS (cards per view) ================= */

/* 600+: 2 per view */
@media (min-width:600px){
  .dtf .dtf-t{flex-basis:calc((100% - var(--dtf-gap)) / 2)}
  .dtf .dtf-arrow--prev{left:-14px}
  .dtf .dtf-arrow--next{right:-14px}
}

/* 900+: 3 per view */
@media (min-width:900px){
  .dtf .dtf-t{flex-basis:calc((100% - 2 * var(--dtf-gap)) / 3)}
}

/* 1280+: 4 per view */
@media (min-width:1280px){
  .dtf .dtf-t{flex-basis:calc((100% - 3 * var(--dtf-gap)) / 4)}
}

/* 1700+: 5 per view (large / 4K monitors) */
@media (min-width:1700px){
  .dtf .dtf-t{flex-basis:calc((100% - 4 * var(--dtf-gap)) / 5)}
  .dtf .dtf-col--faq{max-width:1100px}
}

/* Small phones */
@media (max-width:380px){
  .dtf .dtf-t{padding:16px}
  .dtf .dtf-arrow{display:none}
}

/* Touch phones: swiping is enough, hide the arrows */
@media (hover:none) and (max-width:599px){
  .dtf .dtf-arrow{display:none}
}

@media (prefers-reduced-motion:reduce){
  .dtf .dtf-q,.dtf .dtf-q summary,.dtf .dtf-q summary::before,.dtf .dtf-q summary::after,.dtf .dtf-arrow{transition:none}
  .dtf .dtf-track{scroll-behavior:auto}
}/* End custom CSS */