{"id":100,"date":"2026-05-05T07:32:52","date_gmt":"2026-05-05T07:32:52","guid":{"rendered":"https:\/\/autopointmk.com\/?page_id=100"},"modified":"2026-05-09T09:28:11","modified_gmt":"2026-05-09T09:28:11","slug":"our-services","status":"publish","type":"page","link":"https:\/\/autopointmk.com\/?page_id=100","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOur Services \u2013 AutoPoint MK<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Abhaya+Libre:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{--red:#E40101;--blue:#046BD2;--dark:#08090a;--dark2:#0d0f14;--light:#f4f5f7;--cream:#faf8f5;--white:#fff}\r\n\r\nhtml,body{\r\n width:100%;\r\n max-width:100%;\r\n font-family:'Abhaya Libre', serif;\r\n background:var(--dark);\r\n color:#fff;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n font-size:18px;\r\n}\r\n\r\n\/* FULL WIDTH FIX *\/\r\nsection, .packages, .table-wrap, .diyk {\r\n position: relative;\r\n width: 100vw;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.rv{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rl{opacity:0;transform:translateX(-40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.rl.on,.rr.on{opacity:1;transform:translateX(0)}\r\n.rr{opacity:0;transform:translateX(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 1. HERO \u2014 DARK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero{\r\n position: relative;\r\n width: 100vw;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow:hidden;\r\n padding:clamp(60px,11vw,120px) clamp(20px,5vw,140px) clamp(50px,8vw,100px);\r\n border-top:4px solid var(--blue);background:var(--dark);\r\n}\r\n.hero::before{content:'';position:absolute;top:-15%;right:-5%;width:55%;height:80%;border-radius:50%;background:radial-gradient(ellipse,rgba(4,107,210,.12) 0%,transparent 65%);pointer-events:none}\r\n.hero::after{content:'';position:absolute;bottom:-20%;left:-5%;width:40%;height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(228,1,1,.08) 0%,transparent 65%);pointer-events:none}\r\n.hero-ghost{position:absolute;right:-.02em;bottom:-.05em;font-family:'Anton',sans-serif;font-size:clamp(20vw,26vw,32vw);line-height:1;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.03);pointer-events:none;user-select:none}\r\n.hero-inner{position:relative;z-index:2}\r\n.hero-top{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}\r\n.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:clamp(12px,2vw,20px)}\r\n.eb-line{width:28px;height:2px;flex-shrink:0}\r\n.eb-line.red{background:var(--red)}\r\n.eb-line.blue{background:var(--blue)}\r\n.eb-txt{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.eb-txt.red{color:var(--red)}\r\n.eb-txt.blue{color:var(--blue)}\r\n.hero-title{font-family:'Anton',sans-serif;font-size:clamp(2.5rem,8vw,5rem);line-height:.84;letter-spacing:.01em;text-transform:uppercase;opacity:0;animation:fup .85s .3s forwards}\r\n.ht1{color:#fff;display:block}\r\n.ht2{color:var(--blue);display:block}\r\n.hero-rule{width:0;height:3px;background:linear-gradient(90deg,var(--red),var(--blue));border-radius:2px;margin:clamp(14px,2.5vw,26px) 0;animation:grow 1s .85s cubic-bezier(.16,1,.3,1) forwards;border:none}\r\n@keyframes grow{to{width:52px}}\r\n.hero-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(255,255,255,.6);\r\n margin-bottom:clamp(20px,3.5vw,36px);\r\n opacity:0;\r\n animation:fup .8s 1s forwards;\r\n}\r\n.hero-btn{\r\n display:inline-flex;align-items:center;gap:12px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.9rem;\r\n font-weight:700;\r\n letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n padding:clamp(12px,1.8vw,18px) clamp(28px,4vw,52px);\r\n background:var(--red);\r\n border:none;\r\n border-radius:3px;\r\n box-shadow:0 8px 32px rgba(228,1,1,.4);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n opacity:0;animation:fup .7s 1.2s forwards;\r\n}\r\n.hero-btn:hover{background:#c80000;box-shadow:0 16px 48px rgba(228,1,1,.6);transform:translateY(-4px) scale(1.03)}\r\n.hero-btn svg{transition:transform .3s}\r\n.hero-btn:hover svg{transform:translateX(6px)}\r\n\/* right side stats *\/\r\n.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;animation:fup .8s 1.1s forwards}\r\n.h-stat{padding:clamp(16px,2.5vw,30px);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);transition:background .3s;cursor:default}\r\n.h-stat:hover{background:rgba(4,107,210,.1)}\r\n.h-stat:nth-child(1){border-radius:8px 0 0 0}\r\n.h-stat:nth-child(2){border-radius:0 8px 0 0}\r\n.h-stat:nth-child(3){border-radius:0 0 0 8px}\r\n.h-stat:nth-child(4){border-radius:0 0 8px 0}\r\n.h-stat-n{font-family:'Anton',sans-serif;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1;display:block}\r\n.h-stat:nth-child(odd) .h-stat-n{color:var(--blue)}\r\n.h-stat:nth-child(even) .h-stat-n{color:var(--red)}\r\n.h-stat-l{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.2em;text-transform:uppercase;\r\n color:rgba(255,255,255,.25);\r\n margin-top:5px;display:block;\r\n}\r\n@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* services icon strip *\/\r\n.hero-services-strip{display:flex;gap:2px;margin-top:clamp(28px,5vw,60px);flex-wrap:wrap}\r\n.svc-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:100px;transition:all .25s ease;cursor:default}\r\n.svc-chip:hover{background:rgba(4,107,210,.1);border-color:rgba(4,107,210,.3)}\r\n.svc-chip-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}\r\n.svc-chip:nth-child(odd) .svc-chip-dot{background:var(--blue)}\r\n.svc-chip:nth-child(even) .svc-chip-dot{background:var(--red)}\r\n.svc-chip-txt{\r\n font-size:0.7rem;\r\n font-weight:400;\r\n letter-spacing:.16em;text-transform:uppercase;\r\n color:rgba(255,255,255,.5);\r\n}\r\n.svc-chip:hover .svc-chip-txt{color:rgba(255,255,255,.85)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 2. PACKAGES \u2014 LIGHT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.packages{\r\n width: 100vw;\r\n background:var(--light);\r\n padding:clamp(50px,8vw,100px) clamp(20px,5vw,140px);\r\n border-top:4px solid var(--red);\r\n}\r\n.packages-header{text-align:center;max-width:640px;margin:0 auto clamp(30px,6vw,64px)}\r\n.packages-header .eyebrow{justify-content:center}\r\n.pkg-title{font-family:'Anton',sans-serif;font-size:clamp(2.5rem,6vw,5rem);line-height:.88;letter-spacing:.01em;text-transform:uppercase;color:#0b0c0f}\r\n.pkg-title em{color:var(--blue);font-style:normal;display:block}\r\n.pkg-rule{width:44px;height:3px;background:linear-gradient(90deg,var(--red),var(--blue));border-radius:2px;margin:clamp(12px,2vw,22px) auto;border:none}\r\n.pkg-sub{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(0,0,0,.6);\r\n}\r\n\r\n\/* limited offer badge *\/\r\n.limited-badge{\r\n display:inline-flex;align-items:center;gap:10px;\r\n background:rgba(228,1,1,.1);\r\n border:1px solid rgba(228,1,1,.3);\r\n border-radius:4px;padding:6px 16px;margin-bottom:clamp(20px,3.5vw,40px);\r\n}\r\n.lb-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px rgba(228,1,1,.7);animation:blink 2s ease-in-out infinite;flex-shrink:0;border:none}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n.lb-txt{\r\n font-size:0.75rem;\r\n font-weight:600;\r\n letter-spacing:.3em;text-transform:uppercase;\r\n color:var(--red);\r\n}\r\n\r\n\/* 3 pricing cards *\/\r\n.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,16px);margin-bottom:clamp(30px,6vw,72px)}\r\n.pc{\r\n background:var(--white);border:1px solid rgba(0,0,0,.08);\r\n border-radius:12px;padding:clamp(20px,3vw,36px);\r\n display:flex;flex-direction:column;\r\n position:relative;overflow:hidden;\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:default;\r\n}\r\n.pc:hover{box-shadow:0 20px 56px rgba(0,0,0,.12);transform:translateY(-8px)}\r\n.pc.featured{border:2px solid var(--blue);box-shadow:0 8px 36px rgba(4,107,210,.15)}\r\n.pc.featured:hover{box-shadow:0 24px 64px rgba(4,107,210,.25);transform:translateY(-10px)}\r\n.pc::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}\r\n.pc:nth-child(1)::before{background:var(--blue)}\r\n.pc.featured::before{background:linear-gradient(90deg,var(--blue),var(--red))}\r\n.pc:nth-child(3)::before{background:var(--red)}\r\n.pc-popular{position:absolute;top:14px;right:14px;background:var(--blue);color:#fff;font-size:0.5rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;padding:4px 8px;border-radius:2px}\r\n.pc-name{font-family:'Anton',sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:.04em;text-transform:uppercase;color:#0b0c0f;margin-bottom:4px}\r\n.pc-tagline{\r\n font-size:0.85rem;\r\n font-weight:400;\r\n color:rgba(0,0,0,.5);\r\n margin-bottom:clamp(14px,2.2vw,24px);\r\n}\r\n.pc-prices{display:flex;flex-direction:column;gap:4px;margin-bottom:clamp(14px,2.2vw,22px);padding:clamp(12px,1.8vw,18px);background:#f4f5f7;border-radius:6px}\r\n.pc-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px}\r\n.pc-price-label{\r\n font-size:0.75rem;\r\n font-weight:600;\r\n letter-spacing:.16em;text-transform:uppercase;\r\n color:rgba(0,0,0,.45);\r\n}\r\n.pc-price-val{font-family:'Anton',sans-serif;font-size:clamp(1.2rem,1.8vw,1.6rem);color:#0b0c0f;line-height:1}\r\n.pc:nth-child(1) .pc-price-val{color:var(--blue)}\r\n.pc.featured .pc-price-val{color:var(--blue)}\r\n.pc:nth-child(3) .pc-price-val{color:var(--red)}\r\n.pc-was{font-size:0.75rem;font-weight:400;color:rgba(0,0,0,.3);text-decoration:line-through;margin-right:4px}\r\n.pc-now{color:var(--red)!important}\r\n.pc-divider{width:100%;height:1px;background:rgba(0,0,0,.07);margin:clamp(10px,1.6vw,16px) 0}\r\n.pc-cta{\r\n display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:auto;\r\n padding:clamp(10px,1.5vw,15px);\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.8rem;\r\n font-weight:700;\r\n letter-spacing:.18em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n border-radius:5px;\r\n transition:all .3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.pc:nth-child(1) .pc-cta{background:var(--blue);box-shadow:0 5px 20px rgba(4,107,210,.3)}\r\n.pc:nth-child(1) .pc-cta:hover{box-shadow:0 10px 32px rgba(4,107,210,.5);transform:translateY(-2px)}\r\n.pc.featured .pc-cta{background:linear-gradient(135deg,var(--blue),#0358b0);box-shadow:0 5px 20px rgba(4,107,210,.35)}\r\n.pc.featured .pc-cta:hover{box-shadow:0 12px 36px rgba(4,107,210,.55);transform:translateY(-2px)}\r\n.pc:nth-child(3) .pc-cta{background:var(--red);box-shadow:0 5px 20px rgba(228,1,1,.3)}\r\n.pc:nth-child(3) .pc-cta:hover{box-shadow:0 10px 32px rgba(228,1,1,.5);transform:translateY(-2px)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n COMPARISON SECTION \u2014 COMPLETELY REDESIGNED FOR MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.table-wrap{\r\n width: 100vw;\r\n background:var(--dark2);\r\n padding:clamp(50px,8vw,100px) clamp(20px,5vw,140px);\r\n border-top:3px solid var(--blue);\r\n}\r\n.table-header{text-align:center;max-width:620px;margin:0 auto clamp(30px,5vw,56px)}\r\n.tbl-title{font-family:'Anton',sans-serif;font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:.9;letter-spacing:.01em;text-transform:uppercase;color:#fff}\r\n.tbl-title em{color:var(--blue);font-style:normal;display:block}\r\n.tbl-rule{width:44px;height:3px;background:linear-gradient(90deg,var(--blue),var(--red));border-radius:2px;margin:clamp(12px,2vw,22px) auto;border:none}\r\n.tbl-sub{\r\n font-size:1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(255,255,255,.5);\r\n}\r\n\r\n\/* Mobile-optimized comparison cards *\/\r\n.comparison-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: 30px;\r\n}\r\n\r\n.comp-card {\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.comp-card-header {\r\n padding: 16px 20px;\r\n background: rgba(4,107,210,0.1);\r\n border-bottom: 1px solid rgba(4,107,210,0.2);\r\n}\r\n\r\n.comp-card-header h3 {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 1.3rem;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n}\r\n\r\n.comp-card-header p {\r\n font-size: 0.9rem;\r\n color: rgba(255,255,255,0.5);\r\n margin-top: 4px;\r\n}\r\n\r\n.comp-card-body {\r\n padding: 16px 20px;\r\n}\r\n\r\n.comp-category {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.comp-category-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n margin-bottom: 10px;\r\n padding-bottom: 5px;\r\n border-bottom: 1px solid rgba(4,107,210,0.2);\r\n}\r\n\r\n.comp-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.comp-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.9rem;\r\n color: rgba(255,255,255,0.7);\r\n}\r\n\r\n.comp-item::before {\r\n content: '\u2713';\r\n color: var(--blue);\r\n font-weight: bold;\r\n font-size: 1rem;\r\n}\r\n\r\n.comp-item.missing::before {\r\n content: '\u2717';\r\n color: rgba(255,255,255,0.2);\r\n}\r\n\r\n\/* Desktop table view (hidden on mobile) *\/\r\n.desktop-table {\r\n display: none;\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .comparison-cards {\r\n display: none;\r\n }\r\n \r\n .desktop-table {\r\n display: block;\r\n width: 100%;\r\n overflow-x: auto;\r\n }\r\n \r\n .cmp-table{\r\n width: 100%;\r\n border-collapse:collapse;\r\n font-size:0.9rem;\r\n }\r\n \r\n .cmp-table thead th{\r\n padding:15px 12px;\r\n font-family:'Anton',sans-serif;font-size:0.9rem;\r\n letter-spacing:.06em;text-transform:uppercase;text-align:center;\r\n border-bottom:2px solid rgba(255,255,255,.08);\r\n }\r\n .cmp-table thead th:first-child{text-align:left;color:rgba(255,255,255,.3);font-size:0.7rem;letter-spacing:.28em;}\r\n .th-interim{color:var(--blue)!important}\r\n .th-full{color:#fff!important}\r\n .th-ultimate{color:var(--red)!important}\r\n \r\n .cmp-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);}\r\n .cmp-table tbody tr.cat-row{background:rgba(4,107,210,.06)!important;}\r\n .cmp-table tbody tr.cat-row td{font-family:'Anton',sans-serif;font-size:0.65rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(4,107,210,.8);padding:8px 12px}\r\n .cmp-table td{\r\n padding:10px 12px;\r\n font-size:0.85rem;\r\n color:rgba(255,255,255,.6);\r\n text-align:center;\r\n }\r\n .cmp-table td:first-child{text-align:left;color:rgba(255,255,255,.75);}\r\n .check-y{color:var(--blue);font-size:1.1rem}\r\n .check-n{color:rgba(255,255,255,.18);font-size:0.8rem}\r\n .check-y-red{color:var(--red);font-size:1.1rem}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 3. DID YOU KNOW \u2014 LIGHT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.diyk{\r\n width: 100vw;\r\n background:var(--white);\r\n padding:clamp(50px,8vw,110px) clamp(20px,5vw,140px);\r\n display:grid;grid-template-columns:1fr 1fr;\r\n gap:clamp(30px,6vw,80px);align-items:center;\r\n}\r\n.diyk-left{}\r\n.diyk-title{font-family:'Anton',sans-serif;font-size:clamp(2.2rem,4.5vw,4.8rem);line-height:.88;letter-spacing:.01em;text-transform:uppercase;color:#0b0c0f}\r\n.diyk-title em{color:var(--blue);font-style:normal;display:block}\r\n.diyk-rule{width:44px;height:3px;background:linear-gradient(90deg,var(--red),var(--blue));border-radius:2px;margin:clamp(12px,2vw,22px) 0;border:none}\r\n.diyk-desc{\r\n font-size:1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(0,0,0,.6);\r\n}\r\n\r\n.diyk-right{display:flex;flex-direction:column;gap:clamp(14px,2.2vw,22px)}\r\n.diyk-card{\r\n background:var(--light);border:1px solid rgba(0,0,0,.07);\r\n border-radius:10px;padding:clamp(20px,3vw,34px);\r\n position:relative;overflow:hidden;\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:default;\r\n}\r\n.diyk-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}\r\n.diyk-card:nth-child(1)::before{background:linear-gradient(90deg,var(--blue),var(--red))}\r\n.diyk-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.1);transform:translateY(-6px)}\r\n\r\n.deal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(12px,2vw,20px);flex-wrap:wrap;gap:10px}\r\n.deal-price{font-family:'Anton',sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1;color:var(--red)}\r\n.deal-price-label{\r\n font-size:0.65rem;\r\n font-weight:600;\r\n letter-spacing:.28em;text-transform:uppercase;\r\n color:var(--red);display:block;margin-bottom:3px;\r\n}\r\n.deal-badge{background:var(--red);color:#fff;font-size:0.55rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;padding:4px 10px;border-radius:3px;box-shadow:0 4px 14px rgba(228,1,1,.35);border:none}\r\n.deal-title{font-family:'Anton',sans-serif;font-size:clamp(1.1rem,1.8vw,1.5rem);letter-spacing:.03em;text-transform:uppercase;color:#0b0c0f;margin-bottom:6px}\r\n.deal-sub{\r\n font-size:0.9rem;\r\n font-weight:300;\r\n color:rgba(0,0,0,.6);\r\n margin-bottom:clamp(12px,2vw,20px);\r\n line-height:1.6;\r\n}\r\n\r\n.deal-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,20px)}\r\n.deal-list-title{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.28em;text-transform:uppercase;\r\n margin-bottom:6px;\r\n}\r\n.deal-list-title.blue{color:var(--blue)}\r\n.deal-list-title.red{color:var(--red)}\r\n.deal-items{display:flex;flex-direction:column;gap:3px}\r\n.deal-item{\r\n display:flex;align-items:center;gap:6px;\r\n font-size:0.85rem;\r\n font-weight:400;\r\n color:rgba(0,0,0,.65);\r\n}\r\n.deal-item::before{content:'';width:4px;height:4px;border-radius:50%;flex-shrink:0}\r\n.deal-list:nth-child(1) .deal-item::before{background:var(--blue)}\r\n.deal-list:nth-child(2) .deal-item::before{background:var(--red)}\r\n\r\n.deal-cta{\r\n display:flex;align-items:center;justify-content:center;gap:8px;width:100%;\r\n margin-top:clamp(14px,2vw,22px);\r\n padding:clamp(12px,1.6vw,16px);\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.8rem;\r\n font-weight:700;\r\n letter-spacing:.18em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n background:var(--red);\r\n border:none;\r\n border-radius:5px;\r\n box-shadow:0 6px 24px rgba(228,1,1,.35);\r\n transition:all .3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.deal-cta:hover{background:#c80000;box-shadow:0 12px 36px rgba(228,1,1,.55);transform:translateY(-3px) scale(1.02)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE FONT SIZES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n html,body{\r\n font-size:16px;\r\n }\r\n \r\n .eb-txt, .lb-txt {\r\n font-size:0.75rem;\r\n }\r\n \r\n .hero-desc, .pkg-sub, .tbl-sub, .diyk-desc, .deal-sub {\r\n font-size:1rem;\r\n }\r\n \r\n .hero-title, .pkg-title, .tbl-title, .diyk-title {\r\n font-size:2.5rem;\r\n }\r\n \r\n .h-stat-l {\r\n font-size:0.6rem;\r\n }\r\n \r\n .pc-price-label {\r\n font-size:0.7rem;\r\n }\r\n \r\n .pc-cta, .deal-cta, .hero-btn {\r\n font-size:0.8rem;\r\n }\r\n \r\n .svc-chip-txt {\r\n font-size:0.65rem;\r\n }\r\n \r\n .svc-chip {\r\n padding:4px 10px;\r\n }\r\n \r\n .comp-card-header h3 {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .comp-item {\r\n font-size: 0.85rem;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .hero-top {\r\n grid-template-columns:1fr;\r\n }\r\n \r\n .hero-title, .pkg-title, .tbl-title, .diyk-title {\r\n font-size:2.2rem;\r\n }\r\n \r\n .hero-desc, .pkg-sub, .tbl-sub, .diyk-desc {\r\n font-size:0.95rem;\r\n }\r\n \r\n .pricing-cards {\r\n grid-template-columns:1fr;\r\n }\r\n \r\n .diyk {\r\n grid-template-columns:1fr;\r\n }\r\n \r\n .deal-lists {\r\n grid-template-columns:1fr;\r\n }\r\n \r\n .hero-stats {\r\n margin-top:20px;\r\n }\r\n \r\n .pc-popular {\r\n top:10px;\r\n right:10px;\r\n font-size:0.45rem;\r\n padding:3px 6px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .hero-title, .pkg-title, .tbl-title, .diyk-title {\r\n font-size:2rem;\r\n }\r\n \r\n .hero-desc, .pkg-sub, .tbl-sub, .diyk-desc {\r\n font-size:0.9rem;\r\n }\r\n \r\n .pc-name {\r\n font-size:1.1rem;\r\n }\r\n \r\n .pc-tagline {\r\n font-size:0.8rem;\r\n }\r\n \r\n .pc-price-val {\r\n font-size:1.1rem;\r\n }\r\n \r\n .comp-card-header h3 {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .comp-card-header p {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .comp-category-title {\r\n font-size: 0.7rem;\r\n }\r\n \r\n .comp-item {\r\n font-size: 0.8rem;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550 1. HERO \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-ghost\">SERVICES<\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-top\">\r\n <div>\r\n <div class=\"eyebrow rv\"><div class=\"eb-line red\"><\/div><span class=\"eb-txt red\">AutoPoint MK<\/span><\/div>\r\n <h1 class=\"hero-title\"><span class=\"ht1\">Our<\/span><span class=\"ht2\">Services.<\/span><\/h1>\r\n <div class=\"hero-rule\"><\/div>\r\n <p class=\"hero-desc\">AutoPoint MK is your one-stop solution for expert automotive care, offering a comprehensive range of services designed to keep your vehicle running smoothly and safely. From MOT testing and routine servicing to advanced engine diagnostics \u2014 we handle it all with precision and professionalism.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"hero-btn\">\r\n Book Now\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-stats rv\" style=\"transition-delay:.2s\">\r\n <div class=\"h-stat\"><span class=\"h-stat-n\">MOT<\/span><span class=\"h-stat-l\">Testing<\/span><\/div>\r\n <div class=\"h-stat\"><span class=\"h-stat-n\">Full<\/span><span class=\"h-stat-l\">Servicing<\/span><\/div>\r\n <div class=\"h-stat\"><span class=\"h-stat-n\">Diag<\/span><span class=\"h-stat-l\">Checks<\/span><\/div>\r\n <div class=\"h-stat\"><span class=\"h-stat-n\">Tyres<\/span><span class=\"h-stat-l\">& Alignment<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-services-strip rv\" style=\"transition-delay:.3s\">\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">MOT Testing<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Full Servicing<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Diagnostics<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Brake Repairs<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Suspension<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Clutch & Gearbox<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Battery<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Air Con<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Tyres<\/span><\/div>\r\n <div class=\"svc-chip\"><div class=\"svc-chip-dot\"><\/div><span class=\"svc-chip-txt\">Wheel Alignment<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 2. PACKAGES \u2014 LIGHT \u2550\u2550\u2550 -->\r\n<section class=\"packages\">\r\n <div class=\"packages-header rv\">\r\n <div class=\"eyebrow\"><div class=\"eb-line blue\"><\/div><span class=\"eb-txt blue\">Premium Packages<\/span><div class=\"eb-line blue\"><\/div><\/div>\r\n <h2 class=\"pkg-title\">Our Service<em>Packages.<\/em><\/h2>\r\n <div class=\"pkg-rule\"><\/div>\r\n <p class=\"pkg-sub\">No surprises. Here's exactly what you get with every package.<\/p>\r\n <div style=\"margin-top:16px\">\r\n <div class=\"limited-badge\"><div class=\"lb-dot\"><\/div><span class=\"lb-txt\">Limited Offer \u2014 Save Today<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pricing-cards\">\r\n\r\n <!-- Interim -->\r\n <div class=\"pc rv\" style=\"transition-delay:.05s\">\r\n <div class=\"pc-name\">Interim Service<\/div>\r\n <div class=\"pc-tagline\">Essential maintenance to keep you moving<\/div>\r\n <div class=\"pc-prices\">\r\n <div class=\"pc-price-row\">\r\n <span class=\"pc-price-label\">Under 1L<\/span>\r\n <span class=\"pc-price-val\">\u00a379<\/span>\r\n <\/div>\r\n <div class=\"pc-price-row\">\r\n <span class=\"pc-price-label\">Up to 2L<\/span>\r\n <span class=\"pc-price-val\">\u00a3199<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pc-divider\"><\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"pc-cta\">\r\n Book Interim\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Full -->\r\n <div class=\"pc featured rv\" style=\"transition-delay:.1s\">\r\n <div class=\"pc-popular\">Most Popular<\/div>\r\n <div class=\"pc-name\">Full Service<\/div>\r\n <div class=\"pc-tagline\">Complete care for total peace of mind<\/div>\r\n <div class=\"pc-prices\">\r\n <div class=\"pc-price-row\">\r\n <span class=\"pc-price-label\">Under 1L<\/span>\r\n <span class=\"pc-price-val\">\u00a399<\/span>\r\n <\/div>\r\n <div class=\"pc-price-row\">\r\n <span class=\"pc-price-label\">Up to 2L<\/span>\r\n <span class=\"pc-price-val\">\u00a3249<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pc-divider\"><\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"pc-cta\">\r\n Book Full Service\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Ultimate -->\r\n <div class=\"pc rv\" style=\"transition-delay:.15s\">\r\n <div class=\"pc-name\">Ultimate Care+<\/div>\r\n <div class=\"pc-tagline\">Maximum coverage for demanding drivers<\/div>\r\n <div class=\"pc-prices\">\r\n <div class=\"pc-price-row\">\r\n <span class=\"pc-price-label\">Under 1L<\/span>\r\n <span class=\"pc-price-val\">\r\n <span class=\"pc-was\">\u00a3139<\/span>\r\n <span class=\"pc-now\">\u00a399<\/span>\r\n <\/span>\r\n <\/div>\r\n <div class=\"pc-price-row\">\r\n <span class=\"pc-price-label\">Up to 2L<\/span>\r\n <span class=\"pc-price-val\">\r\n <span class=\"pc-was\">\u00a3285<\/span>\r\n <span class=\"pc-now\">\u00a3249<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pc-divider\"><\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"pc-cta\">\r\n Book Ultimate\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 COMPARISON SECTION \u2014 MOBILE FRIENDLY \u2550\u2550\u2550 -->\r\n<section class=\"table-wrap\">\r\n <div class=\"table-header rv\">\r\n <div class=\"eyebrow\" style=\"justify-content:center\"><div class=\"eb-line blue\"><\/div><span class=\"eb-txt blue\">What's Included<\/span><div class=\"eb-line blue\"><\/div><\/div>\r\n <h2 class=\"tbl-title\">Full<em>Comparison.<\/em><\/h2>\r\n <div class=\"tbl-rule\"><\/div>\r\n <p class=\"tbl-sub\">See exactly what's covered in each package \u2014 nothing hidden.<\/p>\r\n <\/div>\r\n \r\n <!-- MOBILE CARD VIEW (shown on all screens below 900px) -->\r\n <div class=\"comparison-cards rv\" style=\"transition-delay:.1s\">\r\n \r\n <!-- Interim Card -->\r\n <div class=\"comp-card\">\r\n <div class=\"comp-card-header\">\r\n <h3>Interim Service<\/h3>\r\n <p>Essential maintenance<\/p>\r\n <\/div>\r\n <div class=\"comp-card-body\">\r\n <div class=\"comp-category\">\r\n <div class=\"comp-category-title\">Engine & Oils<\/div>\r\n <div class=\"comp-items\">\r\n <div class=\"comp-item\">Engine oil & filter change<\/div>\r\n <div class=\"comp-item missing\">Air filter replacement<\/div>\r\n <div class=\"comp-item\">Drive belt inspection<\/div>\r\n <div class=\"comp-item missing\">Fuel filter check<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-category\">\r\n <div class=\"comp-category-title\">Fluids<\/div>\r\n <div class=\"comp-items\">\r\n <div class=\"comp-item missing\">Brake fluid top-up<\/div>\r\n <div class=\"comp-item\">Coolant level check \/ top-up<\/div>\r\n <div class=\"comp-item missing\">Power steering fluid check<\/div>\r\n <div class=\"comp-item\">Washer fluid top-up<\/div>\r\n <div class=\"comp-item missing\">Brake fluid moisture test<\/div>\r\n <div class=\"comp-item missing\">Adblue top-up<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Full Service Card -->\r\n <div class=\"comp-card\">\r\n <div class=\"comp-card-header\">\r\n <h3>Full Service<\/h3>\r\n <p>Complete care<\/p>\r\n <\/div>\r\n <div class=\"comp-card-body\">\r\n <div class=\"comp-category\">\r\n <div class=\"comp-category-title\">Engine & Oils<\/div>\r\n <div class=\"comp-items\">\r\n <div class=\"comp-item\">Engine oil & filter change<\/div>\r\n <div class=\"comp-item\">Air filter replacement<\/div>\r\n <div class=\"comp-item\">Drive belt inspection<\/div>\r\n <div class=\"comp-item missing\">Fuel filter check<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-category\">\r\n <div class=\"comp-category-title\">Fluids<\/div>\r\n <div class=\"comp-items\">\r\n <div class=\"comp-item\">Brake fluid top-up<\/div>\r\n <div class=\"comp-item\">Coolant level check \/ top-up<\/div>\r\n <div class=\"comp-item\">Power steering fluid check<\/div>\r\n <div class=\"comp-item\">Washer fluid top-up<\/div>\r\n <div class=\"comp-item missing\">Brake fluid moisture test<\/div>\r\n <div class=\"comp-item missing\">Adblue top-up<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Ultimate+ Card -->\r\n <div class=\"comp-card\">\r\n <div class=\"comp-card-header\">\r\n <h3>Ultimate+<\/h3>\r\n <p>Maximum coverage<\/p>\r\n <\/div>\r\n <div class=\"comp-card-body\">\r\n <div class=\"comp-category\">\r\n <div class=\"comp-category-title\">Engine & Oils<\/div>\r\n <div class=\"comp-items\">\r\n <div class=\"comp-item\">Engine oil & filter change<\/div>\r\n <div class=\"comp-item\">Air filter replacement<\/div>\r\n <div class=\"comp-item\">Drive belt inspection<\/div>\r\n <div class=\"comp-item\">Fuel filter check<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-category\">\r\n <div class=\"comp-category-title\">Fluids<\/div>\r\n <div class=\"comp-items\">\r\n <div class=\"comp-item\">Brake fluid top-up<\/div>\r\n <div class=\"comp-item\">Coolant level check \/ top-up<\/div>\r\n <div class=\"comp-item\">Power steering fluid check<\/div>\r\n <div class=\"comp-item\">Washer fluid top-up<\/div>\r\n <div class=\"comp-item\">Brake fluid moisture test<\/div>\r\n <div class=\"comp-item\">Adblue top-up<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- DESKTOP TABLE VIEW (shown only on screens above 900px) -->\r\n <div class=\"desktop-table rv\" style=\"transition-delay:.1s\">\r\n <table class=\"cmp-table\">\r\n <thead>\r\n <tr>\r\n <th>Service Item<\/th>\r\n <th class=\"th-interim\">Interim<\/th>\r\n <th class=\"th-full\">Full<\/th>\r\n <th class=\"th-ultimate\">Ultimate+<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"cat-row\"><td colspan=\"4\">Engine & Oils<\/td><\/tr>\r\n <tr><td>Engine oil & filter change<\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Air filter replacement<\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Drive belt inspection<\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Fuel filter check<\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr class=\"cat-row\"><td colspan=\"4\">Fluids<\/td><\/tr>\r\n <tr><td>Brake fluid top-up<\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Coolant level check \/ top-up<\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Power steering fluid check \/ top-up<\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Washer fluid top-up<\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y\">\u2713<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Brake fluid moisture test<\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <tr><td>Adblue top-up (up to 2L)<\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-n\">\u2717<\/span><\/td><td><span class=\"check-y-red\">\u2713<\/span><\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 3. DID YOU KNOW \u2014 LIGHT \u2550\u2550\u2550 -->\r\n<section class=\"diyk\">\r\n\r\n <div class=\"diyk-left rl\">\r\n <div class=\"eyebrow\"><div class=\"eb-line red\"><\/div><span class=\"eb-txt red\">Did You Know?<\/span><\/div>\r\n <h2 class=\"diyk-title\">Bring Your<em>Own Oil & Save.<\/em><\/h2>\r\n <div class=\"diyk-rule\"><\/div>\r\n <p class=\"diyk-desc\">Most garages add a premium to the cost of oil and filters. By bringing your own, you avoid those markups, choose exactly what goes into your engine, and still get expert service. It's a smarter, more affordable way to care for your car.<\/p>\r\n <\/div>\r\n\r\n <div class=\"diyk-right rr\">\r\n\r\n <!-- \u00a335 Deal Card -->\r\n <div class=\"diyk-card\">\r\n <div class=\"deal-header\">\r\n <div>\r\n <span class=\"deal-price-label\">Service Deal<\/span>\r\n <div class=\"deal-price\">\u00a335<\/div>\r\n <\/div>\r\n <div class=\"deal-badge\">Best Value<\/div>\r\n <\/div>\r\n <div class=\"deal-title\">Bring Your Own Oil & Save<\/div>\r\n <div class=\"deal-sub\">Get premium service at an unbeatable price. Bring your own oil and filter, and we'll take care of everything else. Quick, professional, trusted by hundreds.<\/div>\r\n <div class=\"deal-lists\">\r\n <div class=\"deal-list\">\r\n <div class=\"deal-list-title blue\">What's Included<\/div>\r\n <div class=\"deal-items\">\r\n <div class=\"deal-item\">Oil & filter fitting<\/div>\r\n <div class=\"deal-item\">Health check<\/div>\r\n <div class=\"deal-item\">Fluid top-ups<\/div>\r\n <div class=\"deal-item\">Service stamp<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"deal-list\">\r\n <div class=\"deal-list-title red\">Why Bring Your Own?<\/div>\r\n <div class=\"deal-items\">\r\n <div class=\"deal-item\">Choose preferred brand<\/div>\r\n <div class=\"deal-item\">Save on parts<\/div>\r\n <div class=\"deal-item\">No garage markups<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"deal-cta\">\r\n Book This Deal\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('on'); obs.unobserve(e.target); } });\r\n}, { threshold: 0.08 });\r\ndocument.querySelectorAll('.rv, .rl, .rr').forEach(el => obs.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-964466d e-flex e-con-boxed e-con e-parent\" data-id=\"964466d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a99b5e elementor-widget elementor-widget-html\" data-id=\"1a99b5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>AutoPoint MK \u2013 Footer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n*, *::before, *::after { \r\n margin: 0; \r\n padding: 0; \r\n box-sizing: border-box; \r\n}\r\n\r\nhtml, body {\r\n width: 100%;\r\n max-width: 100%;\r\n font-family: 'DM Sans', sans-serif;\r\n background: #08090a;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER - FULL WIDTH\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer {\r\n position: relative;\r\n width: 100vw;\r\n background: #08090a;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n}\r\n\r\n\/* top gradient line - kept as design element *\/\r\n.footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #E40101 0%, #046BD2 50%, #E40101 100%);\r\n background-size: 200%;\r\n animation: gradMove 4s linear infinite;\r\n}\r\n@keyframes gradMove {\r\n from { background-position: 0% }\r\n to { background-position: 200% }\r\n}\r\n\r\n\/* subtle bg glow - kept *\/\r\n.footer-glow-blue {\r\n position: absolute;\r\n bottom: -20%; right: -5%;\r\n width: 45%; height: 80%;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(4,107,210,0.07) 0%, transparent 65%);\r\n pointer-events: none; z-index: 0;\r\n}\r\n.footer-glow-red {\r\n position: absolute;\r\n top: -10%; left: -5%;\r\n width: 35%; height: 70%;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(228,1,1,0.05) 0%, transparent 65%);\r\n pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 MAIN GRID \u2500\u2500 MEDIUM HEIGHT *\/\r\n.footer-main {\r\n position: relative; z-index: 2;\r\n padding: clamp(40px,5vw,60px) clamp(24px,6vw,100px); \/* Reduced padding for medium height *\/\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr 1fr 1.3fr;\r\n gap: clamp(32px,4vw,64px);\r\n}\r\n\r\n\/* \u2500\u2500 COL 1 \u2014 BRAND (simplified) \u2500\u2500 *\/\r\n.footer-brand {}\r\n\r\n.footer-logo {\r\n display: flex; align-items: center; gap: 13px;\r\n text-decoration: none; margin-bottom: clamp(16px,2.5vw,24px); \/* Reduced *\/\r\n}\r\n.footer-logo-sq {\r\n width: 42px; height: 42px;\r\n border: none;\r\n border-radius: 7px;\r\n background: rgba(4,107,210,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all .3s ease;\r\n}\r\n.footer-logo:hover .footer-logo-sq {\r\n background: rgba(4,107,210,0.2);\r\n box-shadow: 0 0 20px rgba(4,107,210,0.3);\r\n}\r\n.footer-logo-sq svg { width: 18px; height: 18px; color: #6eb3ff; }\r\n.footer-logo-text {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(1rem,1.4vw,1.15rem);\r\n letter-spacing: .14em; text-transform: uppercase; color: #fff;\r\n}\r\n.footer-logo-text em { color: #046BD2; font-style: normal; }\r\n.footer-logo-city {\r\n font-size: .5rem; font-weight: 400;\r\n letter-spacing: .32em; text-transform: uppercase;\r\n color: rgba(255,255,255,.28); margin-top: 1px; display: block;\r\n}\r\n\r\n.footer-brand-desc {\r\n font-size: clamp(.78rem,1vw,.86rem);\r\n font-weight: 300; line-height: 1.7; \/* Tighter line height *\/\r\n color: rgba(255,255,255,.38);\r\n max-width: 280px;\r\n}\r\n\r\n\/* \u2500\u2500 SHARED COL STYLES \u2500\u2500 *\/\r\n.footer-col-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(.72rem,1vw,.82rem);\r\n letter-spacing: .28em; text-transform: uppercase;\r\n color: #fff; margin-bottom: clamp(14px,2vw,20px); \/* Reduced *\/\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.footer-col-title::before {\r\n content: ''; width: 20px; height: 2px; flex-shrink: 0;\r\n border: none;\r\n}\r\n.col-services .footer-col-title::before { background: #E40101; }\r\n.col-links .footer-col-title::before { background: #046BD2; }\r\n.col-contact .footer-col-title::before { background: #E40101; }\r\n\r\n\/* \u2500\u2500 COL 2 \u2014 SERVICES \u2500\u2500 *\/\r\n.footer-service-list {\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.footer-service-item {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: clamp(6px,0.9vw,9px) 0; \/* Reduced padding *\/\r\n border-bottom: 1px solid rgba(255,255,255,.05);\r\n text-decoration: none;\r\n font-size: clamp(.76rem,.95vw,.84rem);\r\n font-weight: 300; color: rgba(255,255,255,.42);\r\n transition: all .25s ease;\r\n}\r\n.footer-service-item:last-child { border-bottom: none; }\r\n.footer-service-item::before {\r\n content: '';\r\n width: 5px; height: 5px; border-radius: 50%;\r\n background: #E40101; flex-shrink: 0; opacity: .5;\r\n transition: opacity .25s ease;\r\n border: none;\r\n}\r\n.footer-service-item:hover {\r\n color: rgba(255,255,255,.85);\r\n padding-left: 6px;\r\n}\r\n.footer-service-item:hover::before { opacity: 1; }\r\n\r\n\/* \u2500\u2500 COL 3 \u2014 LINKS (simplified - no icons) \u2500\u2500 *\/\r\n.footer-link-list {\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.footer-link-item {\r\n display: flex; align-items: center;\r\n padding: clamp(6px,0.9vw,9px) 0; \/* Reduced padding *\/\r\n border-bottom: 1px solid rgba(255,255,255,.05);\r\n text-decoration: none;\r\n font-size: clamp(.76rem,.95vw,.84rem);\r\n font-weight: 300; color: rgba(255,255,255,.42);\r\n transition: all .25s ease;\r\n}\r\n.footer-link-item:last-child { border-bottom: none; }\r\n.footer-link-item:hover {\r\n color: rgba(255,255,255,.85);\r\n padding-left: 6px;\r\n}\r\n\r\n\/* \u2500\u2500 COL 4 \u2014 CONTACT (simplified - removed address) \u2500\u2500 *\/\r\n.footer-contact-list {\r\n display: flex; flex-direction: column; gap: clamp(12px,1.8vw,18px); \/* Reduced *\/\r\n}\r\n.footer-contact-item {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n}\r\n.footer-contact-icon {\r\n width: 34px; height: 34px; border-radius: 6px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all .3s ease;\r\n border: none;\r\n}\r\n.footer-contact-item:nth-child(1) .footer-contact-icon { background: rgba(4,107,210,.12); }\r\n.footer-contact-item:nth-child(2) .footer-contact-icon { background: rgba(228,1,1,.1); }\r\n.footer-contact-item:nth-child(1):hover .footer-contact-icon { background: #046BD2; }\r\n.footer-contact-item:nth-child(2):hover .footer-contact-icon { background: #E40101; }\r\n.footer-contact-icon svg { width: 14px; height: 14px; transition: color .3s; }\r\n.footer-contact-item:nth-child(1) .footer-contact-icon svg { color: #6eb3ff; }\r\n.footer-contact-item:nth-child(2) .footer-contact-icon svg { color: #ff7070; }\r\n.footer-contact-item:hover .footer-contact-icon svg { color: #fff; }\r\n\r\n.footer-contact-body {}\r\n.footer-contact-label {\r\n font-size: .56rem; font-weight: 700;\r\n letter-spacing: .28em; text-transform: uppercase;\r\n color: rgba(255,255,255,.22); margin-bottom: 4px;\r\n}\r\n.footer-contact-value {\r\n font-size: clamp(.78rem,.95vw,.86rem);\r\n font-weight: 400; color: rgba(255,255,255,.6);\r\n line-height: 1.5; text-decoration: none;\r\n transition: color .25s ease; display: block;\r\n}\r\na.footer-contact-value:hover { color: #fff; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n .footer-main { \r\n grid-template-columns: 1fr 1fr; \r\n gap: clamp(28px,4vw,48px); \r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .footer-main { \r\n grid-template-columns: 1fr; \r\n padding: 30px 20px; \/* Reduced for mobile *\/\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<footer class=\"footer\">\r\n\r\n <div class=\"footer-glow-blue\"><\/div>\r\n <div class=\"footer-glow-red\"><\/div>\r\n\r\n <!-- \u2500\u2500 MAIN GRID \u2500\u2500 MEDIUM HEIGHT -->\r\n <div class=\"footer-main\">\r\n\r\n <!-- COL 1 \u2014 BRAND (no icons) -->\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"footer-logo\">\r\n <div class=\"footer-logo-sq\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"footer-logo-text\">Auto<em>Point<\/em> MK<\/div>\r\n <span class=\"footer-logo-city\">Premier Garage \u00b7 Milton Keynes<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <p class=\"footer-brand-desc\">Your trusted local garage in Milton Keynes. Delivering quality repairs, honest service and exceptional standards.<\/p>\r\n \r\n <!-- No social icons - removed as requested -->\r\n <\/div>\r\n\r\n <!-- COL 2 \u2014 SERVICES -->\r\n <div class=\"col-services\">\r\n <h4 class=\"footer-col-title\">Services<\/h4>\r\n <div class=\"footer-service-list\">\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=137\" class=\"footer-service-item\">MOT Testing<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=245\" class=\"footer-service-item\">Full Servicing<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=132\" class=\"footer-service-item\">Diagnostic Checks<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=118\" class=\"footer-service-item\">Brake Repairs<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=113\" class=\"footer-service-item\">Battery Services<\/a>\r\n <a href=\"\" class=\"footer-service-item\">Engine Repairs<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=257\" class=\"footer-service-item\">Oil Changes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COL 3 \u2014 QUICK LINKS (no icons) -->\r\n <div class=\"col-links\">\r\n <h4 class=\"footer-col-title\">Quick Links<\/h4>\r\n <div class=\"footer-link-list\">\r\n <a href=\"https:\/\/autopointmk.com\" class=\"footer-link-item\">Home<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=59\" class=\"footer-link-item\">About Us<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=154\" class=\"footer-link-item\">Contact<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"footer-link-item\">Book a Service<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COL 4 \u2014 CONTACT (simplified - removed address) -->\r\n <div class=\"col-contact\">\r\n <h4 class=\"footer-col-title\">Contact Us<\/h4>\r\n <div class=\"footer-contact-list\">\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.87a16 16 0 0 0 6.29 6.29l1.14-1.14a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-body\">\r\n <div class=\"footer-contact-label\">Phone<\/div>\r\n <a href=\"tel:+441908973839\" class=\"footer-contact-value\">01908 97 38 39<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-body\">\r\n <div class=\"footer-contact-label\">Email<\/div>\r\n <a href=\"mailto:Info@autopointmk.com\" class=\"footer-contact-value\">Info@autopointmk.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Bottom bar completely removed -->\r\n\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services \u2013 AutoPoint MK SERVICES AutoPoint MK OurServices. AutoPoint MK is your one-stop solution for expert automotive care, offering…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100"}],"version-history":[{"count":7,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}