/* Reading layout for the existing digital-marketing page. */
.digital-marketing-page #about>.container,
.digital-marketing-page #feature-details>.container { max-width:1240px; }
.digital-marketing-page #about .dm-overview-row { align-items:flex-start!important; row-gap:30px!important; }
.digital-marketing-page .dm-overview-row>div:first-child>div { padding-right:24px!important; }
.digital-marketing-page .dm-overview-row p { line-height:1.85!important; }
.digital-marketing-page .dm-strengths { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:30px; }
.digital-marketing-page .dm-strength-card { min-width:0; padding:20px; border:1px solid #dce8ec; border-radius:15px; background:#fff; box-shadow:0 3px 12px #163f4a04; }
.digital-marketing-page .dm-strength-heading { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.digital-marketing-page .dm-strength-icon { display:grid; place-items:center; width:28px; height:28px; flex:none; background:#fff0e3; color:#df761f; border-radius:8px; font-size:1rem; }
.digital-marketing-page .dm-strength-heading h4 { font-size:.94rem; font-weight:700; line-height:1.5; color:#213044; margin:2px 0 0; }
.digital-marketing-page .dm-strength-card p { color:#64748b; font-size:.82rem; line-height:1.8!important; margin:0; }
.digital-marketing-page .dm-overview-row>div:last-child { position:sticky; top:120px; }
.digital-marketing-page .dm-overview-row>div:last-child img { max-height:none!important; aspect-ratio:4/3; object-fit:cover; }
.digital-marketing-page .dm-experts { margin-top:50px; padding-top:38px; border-top:1px solid #dbe7ed; }
.digital-marketing-page .dm-experts-heading { margin-bottom:22px; }
.digital-marketing-page .dm-experts-heading>span { display:block; color:#00838f; font-size:.73rem; font-weight:700; letter-spacing:.5px; margin-bottom:8px; }
.digital-marketing-page .dm-experts-heading h3 { font-size:1.5rem; color:#1a2333; font-weight:750; margin:0; line-height:1.4; }
.digital-marketing-page .dm-expert-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.digital-marketing-page .dm-expert-card { --expert-accent:#00838f; --expert-tint:#eaf8f9; display:flex; flex-direction:column; overflow:hidden; padding:0; border:1px solid #dfe9ee; border-top:3px solid var(--expert-accent); border-radius:18px; background:#fff; box-shadow:0 7px 24px #163e4b07; }
.digital-marketing-page .dm-expert-orange { --expert-accent:#c96719; --expert-tint:#fff3e7; }
.digital-marketing-page .dm-expert-purple { --expert-accent:#7852bb; --expert-tint:#f3eefe; }
.digital-marketing-page .dm-expert-visual { display:flex; align-items:center; gap:12px; padding:20px 24px; background:linear-gradient(115deg,var(--expert-tint),#fff); border-bottom:1px solid #edf2f5; }
.digital-marketing-page .dm-expert-symbol { display:grid; place-items:center; width:46px; height:46px; flex:none; border-radius:13px; color:var(--expert-accent); background:#fff; box-shadow:0 4px 12px #163e4b06; font-size:1.4rem; }
.digital-marketing-page .dm-expert-kind { font-size:.63rem; font-weight:700; color:var(--expert-accent); letter-spacing:.6px; text-transform:uppercase; }
.digital-marketing-page .dm-expert-index { margin-left:auto; color:var(--expert-accent); font-size:.7rem; font-weight:600; opacity:.65; }
.digital-marketing-page .dm-expert-content { display:flex; flex:1; flex-direction:column; padding:24px; }
.digital-marketing-page .dm-expert-topic { color:var(--expert-accent); font-size:.68rem; font-weight:700; margin-bottom:11px; }
.digital-marketing-page .dm-expert-title { min-height:66px; margin-bottom:14px; }
.digital-marketing-page .dm-expert-card h4 { font-size:1rem; line-height:1.5; color:#213044; font-weight:700; margin:0 0 12px; }
.digital-marketing-page .dm-expert-title h4 { margin-bottom:6px; }
.digital-marketing-page .dm-expert-byline { color:#7b8c9d; font-size:.7rem; line-height:1.7; display:block; }
.digital-marketing-page .dm-expert-card p { font-size:.84rem; line-height:1.85; color:#64748b; margin:0 0 21px; }
.digital-marketing-page .dm-expert-card a { color:#00838f; text-underline-offset:3px; }
.digital-marketing-page .dm-expert-keypoint { display:flex; align-items:flex-start; gap:9px; padding:13px; margin-top:auto; border-radius:11px; color:var(--expert-accent); background:var(--expert-tint); font-size:.74rem; line-height:1.7; font-weight:500; }
.digital-marketing-page .dm-expert-keypoint i { flex:none; margin-top:1px; }
.digital-marketing-page .dm-expert-footer { padding:16px 24px; border-top:1px solid #eaf0f3; }
.digital-marketing-page .dm-expert-card .dm-expert-source { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--expert-accent); font-size:.75rem; font-weight:700; text-decoration:none; }
.digital-marketing-page .dm-expert-source:hover span { text-decoration:underline; text-underline-offset:4px; }
.digital-marketing-page #feature-details { padding-top:65px!important; padding-bottom:65px!important; }
.digital-marketing-page #feature-details .section-title { margin-bottom:42px!important; }
.digital-marketing-page .dm-story+.dm-story { margin-top:52px; padding-top:52px; border-top:1px solid #e5edf1; }
.digital-marketing-page .dm-story-intro { align-items:center; --bs-gutter-x:3.5rem; }
.digital-marketing-page .dm-story-copy h3 { font-size:clamp(1.5rem,2.15vw,1.85rem)!important; line-height:1.35!important; letter-spacing:-.45px; margin-bottom:18px!important; }
.digital-marketing-page .dm-story-copy>div:first-child { font-size:.72rem!important; padding:7px 13px!important; margin-bottom:17px!important; }
.digital-marketing-page .dm-story-lead { margin:0; font-size:.98rem; color:#64748b; line-height:1.85; }
.digital-marketing-page .dm-story-media { width:100%; aspect-ratio:4/3; overflow:hidden; border-radius:19px; background:#eef4f5; box-shadow:0 8px 28px #1539450b; }
.digital-marketing-page .dm-story-media img { width:100%; height:100%; object-fit:cover; display:block; }
.digital-marketing-page .dm-story-body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:28px; }
.digital-marketing-page .dm-story-body p { margin:0; color:#64748b; font-size:.94rem; line-height:1.9; }
.digital-marketing-page .dm-story-body a { color:#00838f; text-underline-offset:3px; }
.digital-marketing-page .dm-story-takeaways { margin-top:25px; }
.digital-marketing-page .dm-story-takeaways>ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:15px; padding:0; margin:0; }
.digital-marketing-page .dm-story-takeaways li { display:flex; gap:12px; align-items:flex-start; margin:0; padding:18px; border:1px solid #e2edf0; border-radius:13px; background:#f8fbfc; }
.digital-marketing-page .dm-story-takeaways li strong { font-size:.83rem; line-height:1.5; }
.digital-marketing-page .dm-story-takeaways li span { display:block; font-size:.76rem!important; line-height:1.7; }
.digital-marketing-page .dm-strategy-story { padding:32px; border:1px solid #dfe9ed; border-radius:24px; background:#f5fafb; }
.digital-marketing-page .dm-strategy-heading { margin-bottom:26px; }
.digital-marketing-page .dm-strategy-tag { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #c3e7ea; border-radius:50px; background:#e6f6f8; color:#007e89; font-size:.72rem; font-weight:600; }
.digital-marketing-page .dm-strategy-heading h3 { margin:16px 0 0; max-width:970px; color:#1a293b; font-size:clamp(1.55rem,2.4vw,2rem); font-weight:750; line-height:1.35; letter-spacing:-.6px; }
.digital-marketing-page .dm-strategy-story>.dm-story-intro { display:grid; grid-template-columns:1.08fr .92fr; gap:24px; align-items:stretch; margin:0; }
.digital-marketing-page .dm-strategy-story>.dm-story-intro>.col-lg-6 { width:auto; max-width:100%; padding:0; margin:0; min-width:0; }
.digital-marketing-page .dm-strategy-copy,.digital-marketing-page .dm-strategy-step { padding:23px; border:1px solid #e0eaee; border-radius:17px; background:#fff; }
.digital-marketing-page .dm-strategy-copy { height:100%; }
.digital-marketing-page .dm-strategy-step-heading { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.digital-marketing-page .dm-story-copy.dm-strategy-copy>.dm-strategy-step-heading { padding:0!important; font-size:inherit!important; margin-bottom:16px!important; }
.digital-marketing-page .dm-strategy-number { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:10px; background:#e8f6f8; color:#00838f; font-size:.75rem; font-weight:700; }
.digital-marketing-page .dm-strategy-step-heading h4 { color:#23354a; font-size:.98rem; font-weight:700; line-height:1.5; margin:0; }
.digital-marketing-page .dm-strategy-copy .dm-story-lead { font-size:.92rem; line-height:1.9; }
.digital-marketing-page .dm-strategy-story .dm-story-media { position:relative; height:100%; min-height:290px; aspect-ratio:auto; box-shadow:none; }
.digital-marketing-page .dm-strategy-story .dm-story-media img { position:absolute; inset:0; }
.digital-marketing-page .dm-strategy-story>.dm-story-body { gap:24px; margin-top:24px; }
.digital-marketing-page .dm-strategy-step p { font-size:.91rem; line-height:1.9; }
.digital-marketing-page .dm-strategy-story .dm-story-takeaways li { background:#fff; }
.digital-marketing-page #features .feature-item p { line-height:1.75!important; }
.digital-marketing-page a:focus-visible { outline:3px solid #ffb400; outline-offset:4px; }
@media(max-width:1199px) { .digital-marketing-page .dm-story-intro { --bs-gutter-x:2.5rem; } .digital-marketing-page .dm-expert-title { min-height:86px; } .digital-marketing-page .dm-strengths { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:991px) {
  .digital-marketing-page .dm-overview-row>div:first-child>div { padding-right:0!important; }
  .digital-marketing-page .dm-overview-row>div:last-child { position:static; }
  .digital-marketing-page .dm-overview-row>div:last-child img { max-height:440px!important; }
  .digital-marketing-page .dm-expert-grid { grid-template-columns:1fr; gap:15px; }
  .digital-marketing-page .dm-expert-title { min-height:0; }
  .digital-marketing-page .dm-story-media { max-height:460px; aspect-ratio:16/10; }
  .digital-marketing-page .dm-story-body { gap:24px; }
  .digital-marketing-page .dm-story-takeaways>ul { grid-template-columns:1fr; gap:10px; }
  .digital-marketing-page .dm-strategy-story>.dm-story-intro { grid-template-columns:1fr; }
  .digital-marketing-page .dm-strategy-story .dm-story-media { aspect-ratio:16/9; height:auto; min-height:0; max-height:none; }
}
@media(max-width:600px) {
  .digital-marketing-page #about,.digital-marketing-page #feature-details { padding:48px 0!important; }
  .digital-marketing-page #about .container,.digital-marketing-page #feature-details .container { padding-left:22px; padding-right:22px; }
  .digital-marketing-page .dm-experts { margin-top:32px; padding-top:28px; }
  .digital-marketing-page .dm-experts-heading h3 { font-size:1.3rem; }
  .digital-marketing-page .dm-expert-visual { padding:17px 20px; }
  .digital-marketing-page .dm-expert-content { padding:20px; }
  .digital-marketing-page .dm-expert-footer { padding:16px 20px; }
  .digital-marketing-page .dm-expert-card p { font-size:.84rem; line-height:1.85; }
  .digital-marketing-page .dm-story+.dm-story { margin-top:36px; padding-top:36px; }
  .digital-marketing-page .dm-story-intro { --bs-gutter-y:1.5rem; }
  .digital-marketing-page .dm-story-copy h3 { font-size:1.55rem!important; }
  .digital-marketing-page .dm-story-lead { font-size:.94rem; }
  .digital-marketing-page .dm-story-body { grid-template-columns:1fr; gap:18px; margin-top:22px; }
  .digital-marketing-page .dm-story-body p { font-size:.92rem; line-height:1.9; }
  .digital-marketing-page .dm-story-media { aspect-ratio:4/3; border-radius:16px; }
  .digital-marketing-page .dm-story-takeaways li { padding:16px; }
  .digital-marketing-page .dm-strengths { grid-template-columns:1fr; gap:12px; margin-top:22px; }
  .digital-marketing-page .dm-strength-card { padding:18px 20px; }
  .digital-marketing-page .dm-strength-heading { align-items:center; margin-bottom:8px; }
  .digital-marketing-page .dm-strength-heading h4 { margin:0; }
  .digital-marketing-page .dm-strategy-story { padding:20px; border-radius:20px; }
  .digital-marketing-page .dm-strategy-heading { margin-bottom:22px; }
  .digital-marketing-page .dm-strategy-heading h3 { font-size:1.5rem; line-height:1.4; }
  .digital-marketing-page .dm-strategy-copy,.digital-marketing-page .dm-strategy-step { padding:18px; border-radius:14px; }
  .digital-marketing-page .dm-strategy-story>.dm-story-intro,.digital-marketing-page .dm-strategy-story>.dm-story-body { gap:18px; }
  .digital-marketing-page .dm-strategy-story>.dm-story-body { margin-top:18px; }
  .digital-marketing-page .dm-strategy-step-heading { align-items:flex-start; gap:10px; }
  .digital-marketing-page .dm-strategy-step-heading h4 { font-size:.91rem; }
  .digital-marketing-page .dm-strategy-story .dm-story-media { aspect-ratio:4/3; border-radius:14px; }
}

/* Problems first, followed by the matching learning solutions. */
.digital-marketing-page .dm-problem-solution { margin-top:50px; scroll-margin-top:115px; }
.digital-marketing-page #features,.digital-marketing-page #contact { scroll-margin-top:115px; }
.digital-marketing-page .dm-problem-heading { max-width:720px; margin-bottom:24px; }
.digital-marketing-page .dm-ps-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:700; color:#a96220; margin-bottom:13px; }
.digital-marketing-page .dm-problem-heading h3,.digital-marketing-page .dm-solution-heading h3 { color:#213044; font-size:clamp(1.5rem,2.35vw,1.95rem); font-weight:750; letter-spacing:-.5px; line-height:1.4; margin:0 0 14px; }
.digital-marketing-page .dm-problem-heading h3 span { color:#b46921; }
.digital-marketing-page .dm-problem-heading>p,.digital-marketing-page .dm-solution-heading>p { color:#64748b; font-size:.91rem; line-height:1.85; margin:0; }
.digital-marketing-page .dm-problem-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.digital-marketing-page .dm-problem-card { display:flex; flex-direction:column; min-width:0; padding:0; overflow:hidden; border:1px solid #dfe8ed; border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(35,63,79,.035); }
.digital-marketing-page .dm-problem-photo { position:relative; aspect-ratio:3/2; overflow:hidden; isolation:isolate; background:#e6ecec; }
.digital-marketing-page .dm-problem-photo::after { content:""; position:absolute; inset:45% 0 0; z-index:1; background:linear-gradient(transparent,rgba(19,36,43,.62)); pointer-events:none; }
.digital-marketing-page .dm-problem-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.digital-marketing-page .dm-problem-category { position:absolute; z-index:2; left:20px; bottom:17px; display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:.74rem; line-height:1.5; font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,.25); }
.digital-marketing-page .dm-problem-category i { display:grid; place-items:center; width:29px; height:29px; flex:none; border:1px solid rgba(255,255,255,.5); background:rgba(255,255,255,.16); border-radius:8px; font-size:.95rem; }
.digital-marketing-page .dm-problem-card-body { flex:1; padding:23px 24px 25px; }
.digital-marketing-page .dm-problem-card h4 { color:#344053; font-size:.97rem; font-weight:700; line-height:1.5; margin:0 0 10px; }
.digital-marketing-page .dm-problem-card p { color:#6c7787; font-size:.83rem; line-height:1.85; margin:0; }
.digital-marketing-page .dm-ps-connector { display:flex; align-items:center; justify-content:center; gap:12px; padding:19px 0; }
.digital-marketing-page .dm-ps-connector span { width:44px; height:1px; background:#c6e0e3; }
.digital-marketing-page .dm-ps-connector i { display:grid; place-items:center; width:34px; height:34px; background:#e2f4f5; color:#00838f; border:1px solid #c9e8ea; border-radius:50%; }
.digital-marketing-page .dm-solution-panel { padding:32px; border:1px solid #cce6e9; border-radius:22px; background:linear-gradient(145deg,#fff,#f5fcfc); }
.digital-marketing-page .dm-solution-heading { max-width:740px; }
.digital-marketing-page .dm-solution-heading .dm-ps-eyebrow,.digital-marketing-page .dm-solution-heading h3 span { color:#00838f; }
.digital-marketing-page .dm-solution-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:28px; }
.digital-marketing-page .dm-solution-item { display:flex; gap:12px; align-items:flex-start; }
.digital-marketing-page .dm-solution-number { display:grid; place-items:center; flex:none; width:32px; height:32px; border:1px solid #c6e6e9; color:#00838f; background:#e9f8f9; border-radius:10px; font-size:.72rem; font-weight:700; }
.digital-marketing-page .dm-solution-item h4 { font-size:.91rem; font-weight:700; color:#294154; line-height:1.6; margin:2px 0 9px; }
.digital-marketing-page .dm-solution-item p { font-size:.81rem; color:#64748b; line-height:1.85; margin:0; }
.digital-marketing-page .dm-ps-actions { display:flex; flex-wrap:wrap; gap:12px; padding-top:26px; margin-top:27px; border-top:1px solid #dfedef; }
.digital-marketing-page .dm-ps-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:50px; padding:12px 19px; font-size:.76rem; font-weight:700; text-decoration:none; line-height:1.5; }
.digital-marketing-page .dm-ps-primary { color:#fff; background:#008b97; border:1px solid #008b97; }
.digital-marketing-page .dm-ps-primary:hover { color:#fff; background:#007780; }
.digital-marketing-page .dm-ps-secondary { color:#00838f; background:#fff; border:1px solid #b7dde1; }
.digital-marketing-page .dm-ps-secondary:hover { color:#006a73; background:#eaf8f9; }
@media(max-width:991px) {
  .digital-marketing-page .dm-problem-grid,.digital-marketing-page .dm-solution-grid { grid-template-columns:1fr; gap:15px; }
  .digital-marketing-page .dm-problem-card { display:grid; grid-template-columns:minmax(0,38fr) minmax(0,62fr); }
  .digital-marketing-page .dm-problem-photo { height:100%; min-height:215px; aspect-ratio:auto; }
  .digital-marketing-page .dm-problem-photo img { position:absolute; inset:0; object-position:40% center; }
  .digital-marketing-page .dm-problem-card-body { align-self:center; padding:24px; }
  .digital-marketing-page .dm-problem-category { left:15px; bottom:15px; font-size:.68rem; gap:6px; }
  .digital-marketing-page .dm-problem-card h4 { margin-bottom:6px; }
}
@media(max-width:600px) {
  .digital-marketing-page .dm-problem-solution { margin-top:35px; }
  .digital-marketing-page .dm-problem-heading h3,.digital-marketing-page .dm-solution-heading h3 { font-size:1.5rem; }
  .digital-marketing-page .dm-problem-heading h3 br,.digital-marketing-page .dm-solution-heading h3 br { display:none; }
  .digital-marketing-page .dm-problem-card { display:flex; padding:0; }
  .digital-marketing-page .dm-problem-photo { width:100%; height:auto; min-height:0; aspect-ratio:3/2; }
  .digital-marketing-page .dm-problem-photo img { position:static; }
  .digital-marketing-page .dm-problem-card-body { align-self:stretch; padding:20px; }
  .digital-marketing-page .dm-problem-category { left:18px; bottom:16px; font-size:.74rem; }
  .digital-marketing-page .dm-problem-card h4 { font-size:.9rem; }
  .digital-marketing-page .dm-solution-panel { padding:23px 20px; border-radius:18px; }
  .digital-marketing-page .dm-solution-grid { gap:22px; margin-top:23px; }
  .digital-marketing-page .dm-ps-actions { flex-direction:column; }
}