/* ─────────── Web Development pillar: deep navy, cyan, engineered ─────────── */
.wdh{--bg:#05060e;--bg2:#0a0b1c;--cy:#b4a9ff;--cy2:#cbc1fc;--blu:#b4a9ff;--pink:#f7366f;--line:rgba(255,255,255,.09);--mut:rgba(255,255,255,.62)}
.wdh-hero{position:relative;overflow:hidden;padding:124px 0 132px;background:
  radial-gradient(820px 460px at 88% 0%,rgba(180,169,255,.22),transparent 62%),
  radial-gradient(640px 420px at 0% 100%,rgba(247,54,111,.16),transparent 60%),
  linear-gradient(160deg,#05060e 0%,#0a0b1c 55%,#05060e 100%)}
.wdh-hero::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(820px 460px at 78% 20%,#000000 15%,transparent 76%);-webkit-mask-image:radial-gradient(820px 460px at 78% 20%,#000000 15%,transparent 76%)}
.wdh-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,169,255,.8),rgba(247,54,111,.6),transparent)}
.wdh-hero .container{position:relative;z-index:2}
.wdh-bc{position:static!important;display:flex!important;gap:8px;align-items:center;flex-wrap:wrap;width:auto!important;max-width:none!important;padding:0!important;font-size:12px;color:rgba(255,255,255,.42);margin:0 0 34px!important;text-align:left!important;transform:none!important}
.wdh-bc a{color:rgba(255,255,255,.42)!important;text-decoration:none}
.wdh-bc a:hover{color:var(--cy2)!important}
.wdh-bc span:last-child{color:rgba(255,255,255,.7)}
.wdh-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:56px 72px;align-items:center}
.wdh-kick{display:inline-flex!important;align-items:center;gap:12px;font-size:11px!important;font-weight:800!important;letter-spacing:3px;text-transform:uppercase;color:var(--cy2)!important;margin:0 0 22px!important;line-height:1.4!important;text-align:left!important}
.wdh-kick::before{content:'';width:34px;height:2px;background:linear-gradient(90deg,var(--cy),var(--blu));display:block;flex-shrink:0}
.wdh-hero h1{color:#ffffff!important;text-align:left!important;font-weight:800!important;letter-spacing:-1.2px!important;line-height:1.04!important;font-size:clamp(34px,4.9vw,62px)!important;margin:0 0 24px!important;max-width:15ch}
.wdh-hero h1 .wdh-brand{display:block;background:linear-gradient(94deg,var(--cy2) 0%,var(--blu) 55%,#fbb4cc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wdh-lede{color:#dfe3f4!important;font-size:clamp(16px,1.45vw,18.5px)!important;line-height:1.74!important;max-width:58ch;margin:0 0 34px!important;text-align:left!important}
.wdh-copy .wdh-lede{margin-bottom:18px!important}
.wdh-copy .wdh-lede2{margin-bottom:38px!important}
.wdh-acts{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.wdh-btn{display:inline-flex!important;align-items:center;gap:12px;padding:16px 30px;border-radius:8px;background:linear-gradient(92deg,var(--blu),var(--pink));color:#ffffff!important;font-weight:700;font-size:15.5px;text-decoration:none!important;box-shadow:0 14px 36px rgba(247,54,111,.26);transition:transform .18s,box-shadow .18s;line-height:1.2}
.wdh-btn::after{content:'\2192';font-size:18px;line-height:1;transition:transform .18s}
.wdh-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(247,54,111,.36)}
.wdh-btn:hover::after{transform:translateX(4px)}
.wdh-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wdh-panel::before{content:'';position:absolute;inset:-18px;border-radius:24px;background:radial-gradient(60% 60% at 50% 40%,rgba(180,169,255,.14),transparent 70%);filter:blur(10px);pointer-events:none}
.wdh-stat{position:relative;padding:24px 22px 22px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .2s,transform .2s}
.wdh-stat::before{content:'';position:absolute;left:22px;top:0;width:34px;height:2px;background:linear-gradient(90deg,var(--cy),var(--blu));border-radius:2px}
.wdh-stat:hover{border-color:rgba(180,169,255,.45);transform:translateY(-3px)}
.wdh-stat:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:18px}
.wdh-stat strong{display:block;font-size:clamp(30px,2.8vw,40px);font-weight:800;color:#ffffff;line-height:1;letter-spacing:-1px}
.wdh-stat span{display:block;font-size:12.5px;color:var(--mut);margin-top:10px;letter-spacing:.3px;line-height:1.4}
.wdh-stat:last-child span{margin-top:0}
@media(max-width:991px){.wdh-grid{grid-template-columns:1fr;gap:48px}.wdh-hero{padding:108px 0 96px}.wdh-hero h1{max-width:none}}
@media(max-width:600px){.wdh-hero{padding:96px 0 76px}.wdh-acts{flex-direction:column;align-items:stretch}.wdh-btn{justify-content:center}.wdh-panel{gap:10px}.wdh-stat{padding:18px 16px 16px}.wdh-stat:last-child{flex-direction:column;align-items:flex-start;gap:0}.wdh-stat:last-child span{margin-top:10px}}
.wdp{padding-top:24px!important;padding-bottom:88px!important}
.wdp .heading02{margin-bottom:34px!important}
.wdp p.href-color{margin:0 0 26px!important;line-height:1.85}
.wdp p.href-color:last-of-type{margin-bottom:0!important}
@media(max-width:600px){.wdp{padding-bottom:64px!important}.wdp p.href-color{margin-bottom:20px!important}}
/* A linked card heading ("Mobile App Development") must be the same size as the plain ones:
   the global `a{font-size:15px;font-weight:500}` rule otherwise wins over the h3's size. */
.sec-seoBenefits .benefits-grid .content-box .content-head h3 a{font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;text-transform:inherit!important;color:inherit!important;text-decoration:none}
.sec-seoBenefits .benefits-grid .content-box .content-head h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.sec-seoBenefits .benefits-grid .content-box .content-head h3 a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.asw{--asw-fg:#fff;--asw-mut:rgba(255,255,255,.72);--asw-line:rgba(255,255,255,.3);--asw-card:rgba(255,255,255,.06);--asw-acc:#d81b60;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 16px;color:var(--asw-fg);font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif}
html[data-theme="light"] .asw{--asw-fg:#14141c;--asw-mut:#4a4a5a;--asw-line:rgba(20,20,28,.34);--asw-card:#f1f3f9}
.asw *,.asw *::before,.asw *::after{box-sizing:border-box}
.asw--in{padding-left:0;padding-right:0}
.asw [hidden]{display:none!important}
.asw-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 28px;padding:0}
.asw-tab{appearance:none;-webkit-appearance:none;cursor:pointer;margin:0;min-height:44px;padding:10px 26px;border:1.5px solid var(--asw-line);border-radius:999px;background:transparent;color:var(--asw-fg);font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-transform:none;transition:background-color .2s,border-color .2s,color .2s}
.asw-tab:hover{border-color:var(--asw-acc)}
.asw-tab:focus-visible,.asw-more:focus-visible,.asw-link:focus-visible{outline:3px solid #ff8fb8;outline-offset:3px}
.asw-tab[aria-selected="true"]{background:var(--asw-acc);border-color:var(--asw-acc);color:#fff}
@media (max-width:559px){.asw-tabs{gap:8px}.asw-tab{padding:9px 16px;font-size:14px}}
@media (min-width:560px){.asw-tabs--7{gap:10px}.asw-tabs--7 .asw-tab{padding:10px 20px;font-size:15px}}
@media (min-width:1200px){.asw-tabs--7 .asw-tab{padding:10px 24px;font-size:16px}}
.asw-grid{display:grid;gap:16px;align-items:start;margin:0;padding:0;list-style:none}
.asw-grid--posts{grid-template-columns:repeat(2,minmax(0,1fr))}
.asw-grid--reels,.asw-grid--sites{grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.asw-grid--reels,.asw-grid--sites{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.asw-grid--posts{grid-template-columns:repeat(3,minmax(0,1fr))}.asw-grid{gap:20px}}
@media (min-width:900px){.asw-grid--sites{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.asw-grid--posts{grid-template-columns:repeat(4,minmax(0,1fr))}.asw-grid--reels{grid-template-columns:repeat(3,minmax(0,1fr))}}
.asw-card{position:relative;margin:0;padding:0;overflow:hidden;border-radius:12px;background:var(--asw-card);border:1px solid var(--asw-line);transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){.asw-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.28)}}
.asw-link{display:block;position:relative;color:inherit;text-decoration:none}
.asw-card img{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0;border-radius:0}
.asw-thumb{display:block;position:relative;width:100%;overflow:hidden;background:#12081a}
.asw-site .asw-thumb{aspect-ratio:4/3}
.asw-reel--plain .asw-thumb{aspect-ratio:16/9}
.asw-site .asw-thumb img,.asw-reel--plain .asw-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.asw-thumb--txt{display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;background:linear-gradient(135deg,#12081a 0%,#24092a 55%,#3a0c2b 100%)}
.asw-ptitle{display:block;max-width:92%;font-size:16px;line-height:1.3;font-weight:700;color:#fff}
.asw-line{display:block;margin:0;padding:11px 14px 12px;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--asw-fg)}
.asw-more-wrap{display:flex;justify-content:center;margin:28px 0 0}
.asw-more{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 34px;border:1.5px solid var(--asw-acc);border-radius:999px;background:transparent;color:var(--asw-fg);font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;text-transform:none;text-decoration:none;transition:background-color .2s,color .2s}
.asw-more svg{display:block;flex:none}
.asw-more:hover,.asw-more:focus-visible{background:var(--asw-acc);color:#fff}
.asw-nojs .asw-tabs{display:none}
.asw-nojs .asw-panel[hidden]{display:block!important}
.asw .adr-reel{--adr-fg:var(--asw-fg)}
.asw .asw-card.adr-reel{display:flex;flex-direction:column}
@media (prefers-reduced-motion:reduce){.asw-card,.asw-tab,.asw-more{transition:none}.asw-card:hover{transform:none}}
/* Top row is now two columns (The Adroit | Digital Marketing Services); keep the centred logo clear of the right column's text. */
@media (min-width:480px){html body #footer .container .top-footer-wrapper .foot-box:nth-child(3){padding-left:max(8.3%,calc(5.5vw + 20px))}}