body.itemid-362 {
  --directions-ink: #1f3152;
  --directions-muted: #667791;
  --directions-blue: #eef4ff;
  --directions-accent: #168bd2;
  --directions-orange: #f6a32a;
  --directions-line: #e4eaf1;
  background: #fff;
  color: var(--directions-ink);
  font-family: "Manrope", var(--emberpro-font-family-body, sans-serif);
}

body.itemid-362 .container-component {
  max-width: 1320px;
  padding: 0 clamp(1.5rem, 4vw, 5.6rem) 5rem;
}

body.itemid-362 .container-component > * { margin-top: 0; }
body.itemid-362 .container-info { padding: 1.2rem 0 2.6rem; }
body.itemid-362 .container-info .breadcrumb { padding: 0; margin: 0; color: var(--directions-muted); font-size: 1.25rem; }
body.itemid-362 .container-info .breadcrumb a { color: inherit; text-decoration: none; }

.medicaldesk-directions-page { max-width: 117rem; margin: 0 auto; }
.medicaldesk-directions-page__eyebrow { display: inline-flex; align-items: center; gap: .65rem; color: #168bd2; font-size: 1.15rem; font-weight: 700; letter-spacing: .15em; line-height: 1.2; text-transform: uppercase; }
.medicaldesk-directions-page__eyebrow::before { width: 2.5rem; height: .2rem; content: ""; background: var(--directions-orange); }
.medicaldesk-directions-page__hero { display: grid; grid-template-columns: minmax(0, 1fr) 34rem; gap: 3rem; align-items: center; min-height: 38rem; padding: clamp(3.5rem, 6vw, 6.5rem) clamp(2.5rem, 6vw, 7rem); margin-bottom: 6rem; overflow: hidden; border-radius: 3rem; background: var(--directions-blue); }
.medicaldesk-directions-page__hero h1 { max-width: 68rem; margin: 1.5rem 0 1.6rem; color: var(--directions-ink); font-size: clamp(3.4rem, 5vw, 6.5rem); font-weight: 600; letter-spacing: -.055em; line-height: 1.02; }
.medicaldesk-directions-page__hero p { max-width: 66rem; margin: 0; color: var(--directions-muted); font-size: clamp(1.55rem, 1.8vw, 2rem); line-height: 1.65; }
.medicaldesk-directions-page__hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.8rem; }
.medicaldesk-directions-page__button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 4.8rem; padding: 1.2rem 1.9rem; font-size: 1.3rem; font-weight: 700; text-decoration: none; border-radius: 999px; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.medicaldesk-directions-page__button:hover { transform: translateY(-.2rem); }
.medicaldesk-directions-page__button--primary { color: #fff; background: var(--directions-accent); }
.medicaldesk-directions-page__button--primary:hover { color: #fff; background: #0878bc; }
.medicaldesk-directions-page__button--secondary { color: #2489b4; border: .1rem solid #2489b4; background: rgba(255, 255, 255, .55); }
.medicaldesk-directions-page__button--secondary:hover { color: #fff; background: #2489b4; }
.medicaldesk-directions-page__hero-art { position: relative; display: grid; place-items: center; width: 29rem; height: 29rem; margin-left: auto; border-radius: 50%; background: rgba(255, 255, 255, .64); }
.medicaldesk-directions-page__hero-orbit { position: absolute; border: .1rem solid rgba(22, 139, 210, .35); border-radius: 50%; }
.medicaldesk-directions-page__hero-orbit--one { inset: 3rem; }
.medicaldesk-directions-page__hero-orbit--two { inset: 6.7rem; border-style: dashed; border-color: rgba(246, 163, 42, .55); }
.medicaldesk-directions-page__hero-dot { position: absolute; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--directions-orange); }
.medicaldesk-directions-page__hero-dot--one { top: 2.4rem; right: 6rem; }
.medicaldesk-directions-page__hero-dot--two { bottom: 5.5rem; left: 3.8rem; background: var(--directions-accent); }
.medicaldesk-directions-page__hero-word { color: var(--directions-ink); font-size: 1.5rem; font-weight: 700; line-height: 1.5; text-align: center; }

.medicaldesk-directions-page__section-head { display: flex; align-items: end; justify-content: space-between; gap: 3rem; margin-bottom: 2.4rem; }
.medicaldesk-directions-page__section-head h2 { margin: 1rem 0 0; color: var(--directions-ink); font-size: clamp(2.8rem, 4vw, 4.6rem); font-weight: 600; letter-spacing: -.05em; }
.medicaldesk-directions-page__section-head p { max-width: 37rem; margin: 0 0 .4rem; color: var(--directions-muted); font-size: 1.4rem; line-height: 1.6; }
.medicaldesk-directions-page__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.medicaldesk-directions-page__card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: .1rem solid var(--directions-line); border-radius: 2rem; background: #fff; box-shadow: 0 1.2rem 3.5rem rgba(31, 63, 105, .06); transition: box-shadow .25s ease, transform .25s ease; }
.medicaldesk-directions-page__card:hover { box-shadow: 0 1.8rem 4.5rem rgba(31, 63, 105, .12); transform: translateY(-.35rem); }
.medicaldesk-directions-page__card-image-link { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #edf3ff; }
.medicaldesk-directions-page__card-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; transition: transform .35s ease; }
.medicaldesk-directions-page__card:hover .medicaldesk-directions-page__card-image { transform: scale(1.04); }
.medicaldesk-directions-page__card-image--empty { display: block; }
.medicaldesk-directions-page__card-body { display: flex; flex-direction: column; min-width: 0; padding: 2.3rem 2.4rem 2.2rem; }
.medicaldesk-directions-page__card h3 { margin: 1.3rem 0 1rem; font-size: clamp(2rem, 2.3vw, 2.8rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.12; }
.medicaldesk-directions-page__card h3 a { color: var(--directions-ink); text-decoration: none; }
.medicaldesk-directions-page__card h3 a:hover { color: var(--directions-accent); }
.medicaldesk-directions-page__card-body > p { display: -webkit-box; margin: 0 0 1.5rem; overflow: hidden; color: var(--directions-muted); font-size: 1.35rem; line-height: 1.58; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.medicaldesk-directions-page__services { display: grid; gap: .55rem; margin-top: auto; }
.medicaldesk-directions-page__services a { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .75rem 0; color: #53657e; font-size: 1.25rem; line-height: 1.25; text-decoration: none; border-top: .1rem solid #edf0f4; }
.medicaldesk-directions-page__services a:hover { color: var(--directions-accent); }
.medicaldesk-directions-page__services svg { flex: 0 0 1.8rem; width: 1.8rem; height: 1.8rem; color: var(--directions-accent); }
.medicaldesk-directions-page__more { display: inline-flex; align-items: center; gap: .7rem; margin-top: 1.3rem; color: var(--directions-ink); font-size: 1.25rem; font-weight: 700; text-decoration: none; }
.medicaldesk-directions-page__more span { color: var(--directions-accent); font-size: 1.8rem; }
.medicaldesk-directions-page__booking { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 3rem 3.4rem; margin-top: 6rem; border-radius: 2rem; background: linear-gradient(105deg, #e9f5ff, #eef5ff); }
.medicaldesk-directions-page__booking h2 { margin: 1rem 0 .8rem; color: var(--directions-ink); font-size: clamp(2.4rem, 3.2vw, 3.8rem); font-weight: 600; letter-spacing: -.045em; }
.medicaldesk-directions-page__booking p { max-width: 60rem; margin: 0; color: var(--directions-muted); font-size: 1.45rem; line-height: 1.55; }

@media (max-width: 1050px) {
  .medicaldesk-directions-page__hero { grid-template-columns: minmax(0, 1fr) 25rem; }
  .medicaldesk-directions-page__hero-art { width: 22rem; height: 22rem; }
  .medicaldesk-directions-page__card-image-link { aspect-ratio: 3 / 2; }
}

@media (max-width: 767.98px) {
  body.itemid-362 .container-component { padding-right: 1.5rem; padding-left: 1.5rem; }
  .medicaldesk-directions-page__hero { display: block; min-height: 0; padding: 3rem 2.2rem; margin-bottom: 4rem; border-radius: 2.2rem; }
  .medicaldesk-directions-page__hero h1 { font-size: clamp(3.3rem, 11vw, 4.9rem); }
  .medicaldesk-directions-page__hero p { font-size: 1.5rem; }
  .medicaldesk-directions-page__hero-art { display: none; }
  .medicaldesk-directions-page__section-head { display: block; margin-bottom: 1.8rem; }
  .medicaldesk-directions-page__section-head p { margin-top: 1.2rem; }
  .medicaldesk-directions-page__grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .medicaldesk-directions-page__card { display: flex; }
  .medicaldesk-directions-page__card-image-link { aspect-ratio: auto; height: 20rem; max-height: 24rem; }
  .medicaldesk-directions-page__card-body { padding: 2rem; }
  .medicaldesk-directions-page__booking { display: block; padding: 2.3rem 2rem; margin-top: 4rem; }
  .medicaldesk-directions-page__booking .medicaldesk-directions-page__button { width: 100%; margin-top: 2rem; }
}