/* ===== DoItMyService live tracking section (dlt-) ===== */
.dlt-section{padding:25px 0;color:#0F2E34}
body.dims-unified-width .dlt-section{width:var(--dims-ref-width)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body.dims-unified-width .dlt-section>.container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
.dlt-section *{box-sizing:border-box}
.dlt-section .dlt-title{color:#0F2E34;text-transform:none}
.dlt-wrap{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#E7F7F4 0%,#F7FCFB 55%,#EAF3F8 100%);border:1px solid #DCEFEC;padding:44px 48px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.dlt-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(14,124,134,.1);border:1px solid rgba(14,124,134,.22);color:#0B6A72;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:7px 13px;border-radius:999px}
.dlt-eyebrow i{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:dltPing 1.8s infinite}
.dlt-title{margin:16px 0 10px;font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-.4px}
.dlt-title span{color:#0E7C86;text-transform:lowercase}
.dlt-lead{margin:0 0 20px;font-size:16px;line-height:1.7;color:#4A6268;max-width:520px}
.dlt-pts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dlt-pts li{display:flex;gap:12px;align-items:center;font-size:15px}
.dlt-pts b{display:block}
.dlt-pts small{color:#4A6268;font-size:13.5px}
.dlt-ic{flex:0 0 40px;height:40px;border-radius:12px;background:#fff;box-shadow:0 6px 14px rgba(14,124,134,.14);display:grid;place-items:center}
.dlt-ic svg{width:20px;height:20px;fill:none;stroke:#0E7C86;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.dlt-stage{position:relative;perspective:1200px}
.dlt-map{position:relative;border-radius:22px;overflow:hidden;background:#EAF4F2;box-shadow:0 30px 60px rgba(10,55,65,.18),0 0 0 1px #D4E9E6;transform:rotateX(14deg) rotateZ(-2deg);transform-origin:50% 80%;animation:dltFloat 7s ease-in-out infinite}
.dlt-map svg{display:block;width:100%;height:auto}
.dlt-chip{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;background:#0E7C86;color:#fff;font-size:13px;font-weight:700;padding:9px 14px;border-radius:999px;box-shadow:0 10px 20px rgba(14,124,134,.3)}
.dlt-chip svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2}
.dlt-card{position:absolute;right:-10px;bottom:-22px;width:min(300px,78%);background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 20px 40px rgba(10,55,65,.18);display:grid;gap:10px;animation:dltFloat 7s 1s ease-in-out infinite}
.dlt-card-top{display:flex;align-items:center;gap:10px}
.dlt-live{font-size:11px;font-weight:800;color:#15803D;background:#DCFCE7;border-radius:999px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px}
.dlt-live i{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:dltPing 1.8s infinite}
.dlt-card-top b{font-size:14.5px}
.dlt-steps{display:flex;align-items:center;gap:6px;font-size:11px;color:#4A6268}
.dlt-steps span{display:flex;align-items:center;gap:5px}
.dlt-dot{width:14px;height:14px;border-radius:50%;background:#0E7C86;display:inline-block}
.dlt-dot.off{background:#D9E7E5}
.dlt-bar{flex:1;height:3px;border-radius:2px;background:#D9E7E5;overflow:hidden}
.dlt-bar i{display:block;height:100%;width:100%;background:#0E7C86;transform-origin:left;animation:dltGrow 9s linear infinite}
.dlt-prov{display:flex;align-items:center;gap:10px;background:#F2F8F7;border-radius:12px;padding:8px 10px}
.dlt-ava{width:34px;height:34px;border-radius:50%;background:#47D0BE;display:grid;place-items:center;font-weight:800;color:#04363C;font-size:13px}
.dlt-prov b{font-size:13px;display:block}
.dlt-prov small{font-size:11.5px;color:#4A6268}
.dlt-eta{margin-left:auto;text-align:right;font-weight:800;color:#0E7C86;font-size:15px;line-height:1.1}
.dlt-eta small{display:block;font-weight:500;color:#4A6268;font-size:11px}

@keyframes dltPing{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes dltFloat{50%{translate:0 -8px}}
@keyframes dltGrow{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media (max-width:991px){.dlt-wrap{grid-template-columns:minmax(0,1fr);padding:32px 22px 46px;gap:28px}.dlt-title{font-size:28px}}
@media (max-width:575px){.dlt-wrap{padding:26px 16px 26px;border-radius:18px}.dlt-title{font-size:25px}.dlt-map{transform:none}
.dlt-card{position:relative;right:auto;bottom:auto;width:auto;margin:-18px 10px 0;z-index:2}
.dlt-chip{left:10px;top:10px;font-size:11.5px;padding:7px 11px}.dlt-chip svg{width:14px;height:14px}
.dlt-eta{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.dlt-section *{animation:none!important}}

/* dark theme */
body.dark-theme .dlt-wrap{background:linear-gradient(120deg,#12343A,#163E44);border-color:#1E454B}
body.dark-theme .dlt-section,body.dark-theme .dlt-section .dlt-title,body.dark-theme .dlt-pts b{color:#E6F2F1}
body.dark-theme .dlt-lead,body.dark-theme .dlt-pts small{color:#A9C4C1}
body.dark-theme .dlt-ic{background:#1B474E}
body.dark-theme .dlt-card{background:#12343A;color:#E6F2F1}
body.dark-theme .dlt-prov{background:#1B474E}
body.dark-theme .dlt-prov small,body.dark-theme .dlt-steps,body.dark-theme .dlt-eta small{color:#A9C4C1}
/* small phones */
@media (max-width:380px){.dlt-title{font-size:23px}.dlt-chip{font-size:10.5px}.dlt-prov b{font-size:12px}}