{"id":137,"date":"2026-05-05T08:02:07","date_gmt":"2026-05-05T08:02:07","guid":{"rendered":"https:\/\/autopointmk.com\/?page_id=137"},"modified":"2026-05-09T09:52:54","modified_gmt":"2026-05-09T09:52:54","slug":"mot-testing","status":"publish","type":"page","link":"https:\/\/autopointmk.com\/?page_id=137","title":{"rendered":"MOT Testing"},"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\nMOT Testing \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\r\n:root{\r\n --red:#E40101;\r\n --blue:#046BD2;\r\n --ink:#0a0a0b;\r\n --paper:#f0ede8;\r\n --cream:#faf8f5;\r\n --steel:#111318;\r\n --white:#fff;\r\n --dark:#08090a;\r\n --dark2:#0d0f14;\r\n --light:#f4f5f7;\r\n}\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(--cream);\r\n color:var(--ink);\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, .marquee, .cta {\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\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.rv{\r\n opacity:0;\r\n transform:translateY(28px);\r\n transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rl{\r\n opacity:0;\r\n transform:translateX(-44px);\r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rl.on{opacity:1;transform:translateX(0)}\r\n.rr{\r\n opacity:0;\r\n transform:translateX(44px);\r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rr.on{opacity:1;transform:translateX(0)}\r\n@keyframes fup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n@keyframes ruleGrow{to{width:48px}}\r\n@keyframes imgZoom{to{transform:scale(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\u2550\u2550\u2550\u2550\r\n 1. HERO \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\u2550\u2550\u2550\u2550 *\/\r\n.hero{\r\n width: 100vw;\r\n background:var(--cream);\r\n display:grid;\r\n grid-template-columns:1fr 1.05fr;\r\n min-height:100vh;\r\n border-top:4px solid var(--blue);\r\n overflow:hidden;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* LEFT \u2014 content *\/\r\n.hero-left{\r\n padding:clamp(60px,8vw,110px) clamp(36px,5vw,72px);\r\n display:flex;flex-direction:column;justify-content:center;\r\n position:relative;background:var(--paper);\r\n border-right:3px solid var(--ink);\r\n}\r\n.hero-ghost{\r\n position:absolute;bottom:-.06em;left:-.03em;\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(26vw,34vw,42vw);\r\n line-height:1;text-transform:uppercase;color:transparent;\r\n -webkit-text-stroke:2px rgba(0,0,0,.04);\r\n pointer-events:none;user-select:none;z-index:0;\r\n}\r\n.hero-inner{position:relative;z-index:2}\r\n\r\n.service-pill{\r\n display:inline-flex;align-items:center;gap:10px;\r\n background:rgba(4,107,210,.09);border:1px solid rgba(4,107,210,.28);\r\n border-radius:3px;padding:7px 14px;margin-bottom:clamp(18px,2.5vw,28px);width:fit-content;\r\n opacity:0;animation:fup .6s .2s forwards;\r\n}\r\n.sp-dot{\r\n width:6px;height:6px;border-radius:50%;background:var(--blue);\r\n box-shadow:0 0 8px rgba(4,107,210,.8);animation:blink 2s ease-in-out infinite;flex-shrink:0;\r\n}\r\n.sp-txt{\r\n font-size:0.8rem;\r\n font-weight:400;\r\n letter-spacing:.3em;text-transform:uppercase;color:var(--blue);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n.hero-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3.5rem, 8vw, 5.5rem);\r\n line-height:.9;\r\n letter-spacing:.01em;text-transform:uppercase;\r\n color:var(--ink);\r\n opacity:0;animation:fup .85s .35s forwards;\r\n}\r\n.ht-blue{color:var(--blue);display:block}\r\n.ht-red{color:var(--red);display:block}\r\n\r\n.hero-rule{\r\n width:0;height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;margin:clamp(16px,2.5vw,26px) 0;\r\n animation:ruleGrow 1s .9s cubic-bezier(.16,1,.3,1) forwards;\r\n border:none;\r\n}\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(10,10,11,.6);\r\n max-width:440px;\r\n opacity:0;animation:fup .75s 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;letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:var(--white);\r\n padding:clamp(14px,1.8vw,18px) clamp(32px,4vw,52px);\r\n background:var(--red);border-radius:3px;box-shadow:0 8px 28px rgba(228,1,1,.35);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n width:fit-content;margin-top:clamp(24px,3.5vw,38px);\r\n opacity:0;animation:fup .7s 1.15s forwards;\r\n}\r\n.hero-btn:hover{background:#c80000;box-shadow:0 14px 42px rgba(228,1,1,.55);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\r\n\/* DVSA badge *\/\r\n.hero-dvsa{\r\n display:inline-flex;align-items:center;gap:10px;\r\n margin-top:clamp(14px,2vw,18px);\r\n padding:8px 16px;\r\n background:rgba(4,107,210,.08);\r\n border:1px solid rgba(4,107,210,.22);\r\n border-radius:3px;width:fit-content;\r\n opacity:0;animation:fup .7s 1.3s forwards;\r\n}\r\n.dvsa-icon{width:20px;height:20px;color:var(--blue);flex-shrink:0}\r\n.dvsa-txt{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.22em;text-transform:uppercase;\r\n color:rgba(4,107,210,.85);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* RIGHT image - FIXED URL *\/\r\n.hero-right{position:relative;overflow:hidden}\r\n.hero-right-img{\r\n position:absolute;inset:0;\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?q=80&w=2070&auto=format&fit=crop');\r\n background-size:cover;background-position:center 30%;\r\n filter:brightness(.42) saturate(.6);transform:scale(1.08);\r\n animation:imgZoom 16s ease forwards;\r\n}\r\n.hero-right-ov{\r\n position:absolute;inset:0;\r\n background:linear-gradient(180deg,rgba(10,10,11,.3) 0%,rgba(10,10,11,.85) 100%),\r\n linear-gradient(270deg,rgba(10,10,11,0) 50%,rgba(240,237,232,.1) 100%);\r\n}\r\n.hero-img-stats{\r\n position:absolute;bottom:0;left:0;right:0;\r\n display:grid;grid-template-columns:repeat(3,1fr);\r\n gap:1px;background:rgba(255,255,255,.07);z-index:5;\r\n}\r\n.his{\r\n padding:clamp(16px,2vw,24px) clamp(14px,1.8vw,20px);text-align:center;\r\n background:rgba(10,10,11,.7);backdrop-filter:blur(12px);\r\n transition:background .3s;cursor:default;\r\n}\r\n.his:hover{background:rgba(4,107,210,.15)}\r\n.his-n{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.4rem,2.5vw,2rem);\r\n line-height:1;display:block;\r\n}\r\n.his:nth-child(odd) .his-n{color:var(--blue)}\r\n.his:nth-child(even) .his-n{color:var(--red)}\r\n.his-l{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.22em;text-transform:uppercase;\r\n color:rgba(255,255,255,.4);\r\n margin-top:5px;display:block;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hero-walkin{\r\n position:absolute;top:28px;right:28px;z-index:5;\r\n display:flex;align-items:center;gap:9px;\r\n background:rgba(10,10,11,.8);border:1px solid rgba(4,107,210,.45);\r\n backdrop-filter:blur(12px);border-radius:4px;padding:9px 16px;\r\n}\r\n.hw-dot{\r\n width:7px;height:7px;border-radius:50%;background:var(--blue);\r\n box-shadow:0 0 9px rgba(4,107,210,.8);animation:blink 2s ease-in-out infinite;flex-shrink:0;\r\n}\r\n.hw-txt{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.26em;text-transform:uppercase;\r\n color:rgba(200,225,255,.85);\r\n font-family:'Abhaya Libre', serif;\r\n white-space:nowrap;\r\n}\r\n\r\n\/* MARQUEE *\/\r\n.marquee{\r\n width: 100vw;\r\n background:var(--ink);\r\n padding:12px 0;\r\n overflow:hidden;\r\n}\r\n.marquee-track{\r\n display:flex;\r\n width:max-content;\r\n animation:ticker 20s linear infinite;\r\n}\r\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n.marquee-item{\r\n font-family:'Anton',sans-serif;\r\n font-size:0.8rem;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:rgba(255,255,255,.7);\r\n padding:0 clamp(20px,3vw,44px);\r\n display:flex;align-items:center;gap:clamp(18px,3vw,44px);white-space:nowrap;\r\n}\r\n.md{\r\n width:5px;height:5px;border-radius:50%;\r\n background:var(--blue);flex-shrink:0;\r\n}\r\n.md.r{background:var(--red)}\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\u2550\r\n 2. MOT CHECKS \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\u2550\u2550\u2550\u2550 *\/\r\n.checks{\r\n width: 100vw;\r\n background:var(--steel);\r\n padding:clamp(60px,8vw,110px) clamp(24px,5vw,140px);\r\n border-top:4px solid var(--red);\r\n position:relative;overflow:hidden;\r\n}\r\n.checks::before{\r\n content:'';\r\n position:absolute;\r\n top:-20%;\r\n right:-8%;\r\n width:55%;\r\n height:80%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(4,107,210,.1) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.checks::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-20%;\r\n left:-5%;\r\n width:40%;\r\n height:70%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(228,1,1,.07) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n\r\n.checks-top{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:clamp(40px,6vw,80px);\r\n align-items:end;\r\n margin-bottom:clamp(40px,5vw,64px);\r\n position:relative;z-index:2;\r\n}\r\n.checks-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,2vw,20px)}\r\n.ce-line{width:28px;height:2px;background:var(--red);flex-shrink:0}\r\n.ce-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:var(--red);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.checks-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3rem,5vw,5.2rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:var(--white);\r\n}\r\n.checks-title em{color:var(--red);font-style:normal;display:block}\r\n.checks-rule{\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(14px,2vw,22px) 0;\r\n border:none;\r\n}\r\n.checks-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 position:relative;z-index:2;\r\n}\r\n\r\n\/* 8 check items \u2014 2 col *\/\r\n.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;position:relative;z-index:2}\r\n.check-item{\r\n display:flex;align-items:center;gap:clamp(14px,2vw,20px);\r\n padding:clamp(16px,2vw,22px) clamp(18px,2.2vw,26px);\r\n background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);\r\n cursor:default;position:relative;overflow:hidden;\r\n transition:all .28s ease;\r\n}\r\n.check-item::after{\r\n content:'';\r\n position:absolute;\r\n top:0;left:0;bottom:0;\r\n width:3px;\r\n transform:scaleY(0);\r\n transform-origin:bottom;\r\n transition:transform .35s cubic-bezier(.16,1,.3,1);\r\n}\r\n.check-item:nth-child(odd)::after{background:var(--blue)}\r\n.check-item:nth-child(even)::after{background:var(--red)}\r\n.check-item:hover::after{transform:scaleY(1)}\r\n.check-item:hover{background:rgba(255,255,255,.07);transform:translateX(5px)}\r\n.check-item:last-child:nth-child(odd){grid-column:1\/-1}\r\n\r\n.ci-num{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.4rem,2vw,1.8rem);\r\n line-height:1;flex-shrink:0;min-width:clamp(28px,3vw,40px);\r\n transition:color .28s;\r\n}\r\n.check-item:nth-child(odd) .ci-num{color:rgba(4,107,210,.2)}\r\n.check-item:nth-child(even) .ci-num{color:rgba(228,1,1,.18)}\r\n.check-item:nth-child(odd):hover .ci-num{color:var(--blue)}\r\n.check-item:nth-child(even):hover .ci-num{color:var(--red)}\r\n\r\n.ci-icon{\r\n width:38px;height:38px;border-radius:8px;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all .28s;\r\n}\r\n.check-item:nth-child(odd) .ci-icon{background:rgba(4,107,210,.12);border:1px solid rgba(4,107,210,.25)}\r\n.check-item:nth-child(even) .ci-icon{background:rgba(228,1,1,.1);border:1px solid rgba(228,1,1,.22)}\r\n.check-item:nth-child(odd):hover .ci-icon{background:var(--blue);border-color:var(--blue);box-shadow:0 4px 14px rgba(4,107,210,.4)}\r\n.check-item:nth-child(even):hover .ci-icon{background:var(--red);border-color:var(--red);box-shadow:0 4px 14px rgba(228,1,1,.35)}\r\n.ci-icon svg{width:15px;height:15px;transition:color .28s}\r\n.check-item:nth-child(odd) .ci-icon svg{color:var(--blue)}\r\n.check-item:nth-child(even) .ci-icon svg{color:var(--red)}\r\n.check-item:hover .ci-icon svg{color:#fff}\r\n\r\n.ci-body{}\r\n.ci-title{\r\n font-size:1rem;\r\n font-weight:600;\r\n color:#fff;\r\n margin-bottom:2px;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.ci-desc{\r\n font-size:0.9rem;\r\n font-weight:300;\r\n color:rgba(255,255,255,.5);\r\n line-height:1.4;\r\n font-family:'Abhaya Libre', serif;\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\u2550\r\n 3. PHOTO SPLIT \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\u2550\u2550\u2550\u2550 *\/\r\n.photo-split{\r\n width: 100vw;\r\n background:var(--cream);\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n border-top:4px solid var(--blue);\r\n overflow:hidden;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n.ps-img{\r\n position:relative;\r\n overflow:hidden;\r\n min-height:clamp(400px,56vh,660px);\r\n}\r\n.ps-img img{\r\n width:100%;height:100%;\r\n object-fit:cover;object-position:center 30%;\r\n display:block;\r\n filter:brightness(.72) saturate(.75);\r\n transform:scale(1.06);\r\n transition:transform 8s ease;\r\n}\r\n.ps-img:hover img{transform:scale(1)}\r\n.ps-img-ov{\r\n position:absolute;inset:0;\r\n background:linear-gradient(90deg,rgba(240,237,232,0) 40%,rgba(250,248,245,.95) 100%),\r\n linear-gradient(0deg,rgba(250,248,245,.7) 0%,transparent 40%);\r\n}\r\n.ps-img-badge{\r\n position:absolute;bottom:32px;left:32px;z-index:5;\r\n background:var(--blue);padding:14px 20px;border-radius:5px;\r\n box-shadow:0 8px 28px rgba(4,107,210,.45);\r\n}\r\n.pib-n{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.4rem,2.2vw,1.8rem);\r\n color:#fff;display:block;line-height:1;\r\n}\r\n.pib-l{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.26em;text-transform:uppercase;\r\n color:rgba(255,255,255,.6);\r\n margin-top:4px;display:block;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n.ps-content{\r\n padding:clamp(48px,6vw,88px) clamp(36px,5vw,72px);\r\n display:flex;flex-direction:column;justify-content:center;\r\n background:var(--cream);\r\n}\r\n.ps-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,2vw,20px)}\r\n.ps-eb-line{width:28px;height:2px;background:var(--red);flex-shrink:0}\r\n.ps-eb-txt{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:var(--red);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.ps-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.8rem,4vw,4.8rem);\r\n line-height:.88;letter-spacing:.01em;text-transform:uppercase;\r\n color:var(--ink);\r\n}\r\n.ps-title em{color:var(--blue);font-style:normal;display:block}\r\n.ps-rule{\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(14px,2vw,22px) 0;\r\n border:none;\r\n}\r\n.ps-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(10,10,11,.6);\r\n margin-bottom:clamp(20px,3vw,32px);\r\n}\r\n\r\n.trust-points{display:flex;flex-direction:column;gap:2px;margin-bottom:clamp(24px,3.5vw,38px)}\r\n.tp{\r\n display:flex;align-items:center;gap:14px;\r\n padding:clamp(12px,1.5vw,16px) clamp(16px,2vw,20px);\r\n background:var(--white);border:1px solid rgba(0,0,0,.07);\r\n border-radius:5px;cursor:default;\r\n transition:all .28s ease;position:relative;overflow:hidden;\r\n}\r\n.tp::before{\r\n content:'';\r\n position:absolute;\r\n bottom:0;left:0;right:0;\r\n height:2px;\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n transition:transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n.tp:nth-child(odd)::before{background:var(--blue)}\r\n.tp:nth-child(even)::before{background:var(--red)}\r\n.tp:hover::before{transform:scaleX(1)}\r\n.tp:hover{box-shadow:0 5px 20px rgba(0,0,0,.07);transform:translateX(5px)}\r\n.tp-icon{\r\n width:28px;height:28px;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all .28s;\r\n}\r\n.tp:nth-child(odd) .tp-icon{background:rgba(4,107,210,.1);border:1px solid rgba(4,107,210,.22)}\r\n.tp:nth-child(even) .tp-icon{background:rgba(228,1,1,.08);border:1px solid rgba(228,1,1,.18)}\r\n.tp:nth-child(odd):hover .tp-icon{background:var(--blue);border-color:var(--blue)}\r\n.tp:nth-child(even):hover .tp-icon{background:var(--red);border-color:var(--red)}\r\n.tp-icon svg{width:11px;height:11px;transition:color .28s}\r\n.tp:nth-child(odd) .tp-icon svg{color:var(--blue)}\r\n.tp:nth-child(even) .tp-icon svg{color:var(--red)}\r\n.tp:hover .tp-icon svg{color:#fff}\r\n.tp-txt{\r\n font-size:1rem;\r\n font-weight:500;\r\n color:var(--ink);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.ps-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;letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n padding:clamp(14px,1.8vw,18px) clamp(32px,4vw,52px);\r\n background:var(--red);border-radius:3px;\r\n box-shadow:0 8px 28px rgba(228,1,1,.35);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n width:fit-content;\r\n}\r\n.ps-btn:hover{background:#c80000;box-shadow:0 14px 42px rgba(228,1,1,.55);transform:translateY(-4px) scale(1.03)}\r\n.ps-btn svg{transition:transform .3s}\r\n.ps-btn:hover svg{transform:translateX(6px)}\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\u2550\r\n 4. CTA \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\u2550\u2550\u2550\u2550 *\/\r\n.cta{\r\n width: 100vw;\r\n position:relative;\r\n overflow:hidden;\r\n min-height:clamp(320px,42vh,460px);\r\n display:flex;align-items:center;justify-content:center;\r\n border-top:4px solid var(--red);\r\n}\r\n.cta-bg{\r\n position:absolute;inset:0;\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1625047509252-ab38fb5c7343?q=80&w=2070&auto=format&fit=crop');\r\n background-size:cover;background-position:center 40%;\r\n filter:brightness(.15) saturate(.5);\r\n}\r\n.cta-ov{\r\n position:absolute;inset:0;\r\n background:linear-gradient(135deg,rgba(4,107,210,.22),rgba(228,1,1,.16));\r\n}\r\n.cta-inner{\r\n position:relative;z-index:2;\r\n text-align:center;\r\n padding:clamp(48px,7vw,80px) clamp(24px,8vw,100px);\r\n}\r\n.cta-kicker{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:rgba(255,255,255,.5);\r\n display:flex;align-items:center;justify-content:center;gap:12px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.cta-kicker::before,.cta-kicker::after{\r\n content:'';\r\n width:28px;\r\n height:1px;\r\n background:rgba(255,255,255,.2);\r\n}\r\n.cta-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.8rem,6vw,5rem);\r\n line-height:.88;letter-spacing:.01em;text-transform:uppercase;\r\n color:#fff;margin-bottom:clamp(20px,3vw,30px);\r\n}\r\n.cta-title span{color:var(--red);display:block}\r\n.cta-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}\r\n.cta-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;letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n padding:clamp(14px,1.8vw,18px) clamp(32px,4vw,52px);\r\n background:var(--red);border-radius:3px;\r\n box-shadow:0 8px 28px rgba(228,1,1,.45);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n white-space:nowrap;\r\n}\r\n.cta-btn:hover{background:#c80000;box-shadow:0 14px 42px rgba(228,1,1,.65);transform:translateY(-4px) scale(1.03)}\r\n.cta-btn svg{transition:transform .3s}\r\n.cta-btn:hover svg{transform:translateX(6px)}\r\n.cta-phone{\r\n display:inline-flex;align-items:center;gap:10px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.85rem;\r\n font-weight:500;letter-spacing:.12em;text-transform:uppercase;\r\n text-decoration:none;color:rgba(255,255,255,.8);\r\n padding:clamp(14px,1.8vw,18px) clamp(22px,3vw,36px);\r\n border:1px solid rgba(255,255,255,.2);border-radius:3px;\r\n transition:all .28s ease;white-space:nowrap;\r\n}\r\n.cta-phone:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06)}\r\n.cta-phone svg{color:var(--blue);flex-shrink:0;width:14px;height:14px}\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\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\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n .hero{\r\n grid-template-columns:1fr;\r\n }\r\n .hero-right{\r\n height:52vh;\r\n }\r\n .checks-top{\r\n grid-template-columns:1fr;\r\n }\r\n .check-grid{\r\n grid-template-columns:1fr;\r\n }\r\n .check-item:last-child:nth-child(odd){grid-column:auto}\r\n .photo-split{\r\n grid-template-columns:1fr;\r\n }\r\n .ps-img{\r\n min-height:320px;\r\n }\r\n .ps-img-ov{\r\n background:linear-gradient(0deg,rgba(250,248,245,.95) 0%,rgba(250,248,245,.3) 60%,transparent 100%);\r\n }\r\n .cta-btns{\r\n flex-direction:column;\r\n align-items:stretch;\r\n }\r\n .cta-btn,.cta-phone{\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n html,body{\r\n font-size:16px;\r\n }\r\n \r\n .hero-title{\r\n font-size:3.5rem;\r\n }\r\n \r\n .hero-desc{\r\n font-size:1rem;\r\n }\r\n \r\n .sp-txt{\r\n font-size:0.8rem;\r\n }\r\n \r\n .his-l{\r\n font-size:0.6rem;\r\n }\r\n \r\n .hw-txt{\r\n font-size:0.6rem;\r\n }\r\n \r\n .dvsa-txt{\r\n font-size:0.65rem;\r\n }\r\n \r\n .checks-title{\r\n font-size:2.8rem;\r\n }\r\n \r\n .checks-desc{\r\n font-size:1rem;\r\n }\r\n \r\n .ci-title{\r\n font-size:0.95rem;\r\n }\r\n \r\n .ci-desc{\r\n font-size:0.85rem;\r\n }\r\n \r\n .ps-title{\r\n font-size:2.5rem;\r\n }\r\n \r\n .ps-eb-txt{\r\n font-size:0.8rem;\r\n }\r\n \r\n .ps-desc{\r\n font-size:1rem;\r\n }\r\n \r\n .tp-txt{\r\n font-size:0.95rem;\r\n }\r\n \r\n .cta-title{\r\n font-size:3rem;\r\n }\r\n \r\n .cta-kicker{\r\n font-size:0.7rem;\r\n }\r\n \r\n .cta-btn{\r\n font-size:0.8rem;\r\n }\r\n \r\n .cta-phone{\r\n font-size:0.75rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .hero-left{\r\n padding:40px 20px;\r\n }\r\n \r\n .hero-title{\r\n font-size:3rem;\r\n }\r\n \r\n .hero-desc{\r\n font-size:0.95rem;\r\n }\r\n \r\n .hero-img-stats{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n \r\n .checks-title{\r\n font-size:2.2rem;\r\n }\r\n \r\n .check-item{\r\n padding:14px 16px;\r\n }\r\n \r\n .ci-num{\r\n font-size:1.2rem;\r\n min-width:24px;\r\n }\r\n \r\n .ci-icon{\r\n width:32px;\r\n height:32px;\r\n }\r\n \r\n .ps-content{\r\n padding:40px 20px;\r\n }\r\n \r\n .ps-title{\r\n font-size:2.2rem;\r\n }\r\n \r\n .cta-title{\r\n font-size:2.2rem;\r\n }\r\n \r\n .cta-inner{\r\n padding:40px 20px;\r\n }\r\n \r\n .tp{\r\n padding:12px 14px;\r\n }\r\n \r\n .tp-txt{\r\n font-size:0.9rem;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550 1. HERO \u2014 LIGHT \u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-ghost\">MOT<\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"service-pill\">\r\n <div class=\"sp-dot\"><\/div>\r\n <span class=\"sp-txt\">AutoPoint MK \u00b7 DVSA Approved<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n MOT\r\n <span class=\"ht-blue\">Testing<\/span>\r\n <span class=\"ht-red\">Services.<\/span>\r\n <\/h1>\r\n <div class=\"hero-rule\"><\/div>\r\n <p class=\"hero-desc\">At AutoPoint MK, we offer reliable, efficient, and fully DVSA-approved MOT testing services for all vehicle classes. Whether you drive a car, van, or motorcycle, our certified technicians carry out comprehensive inspections to ensure your vehicle meets all road safety and environmental standards.<\/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 class=\"hero-dvsa\">\r\n <svg class=\"dvsa-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\r\n <span class=\"dvsa-txt\">Fully DVSA-Approved MOT Testing Centre<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-right\">\r\n <div class=\"hero-right-img\"><\/div>\r\n <div class=\"hero-right-ov\"><\/div>\r\n <div class=\"hero-walkin\">\r\n <div class=\"hw-dot\"><\/div>\r\n <span class=\"hw-txt\">Walk-Ins Welcome<\/span>\r\n <\/div>\r\n <div class=\"hero-img-stats\">\r\n <div class=\"his\"><span class=\"his-n\">DVSA<\/span><span class=\"his-l\">Approved<\/span><\/div>\r\n <div class=\"his\"><span class=\"his-n\">5\u2605<\/span><span class=\"his-l\">Rated<\/span><\/div>\r\n <div class=\"his\"><span class=\"his-n\">All<\/span><span class=\"his-l\">Classes<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-item\">Brakes & Tyres<span class=\"md\"><\/span>Lights & Indicators<span class=\"md r\"><\/span>Suspension & Steering<span class=\"md\"><\/span>Windscreen & Wipers<span class=\"md r\"><\/span>Exhaust Emissions<span class=\"md\"><\/span>Seat Belts & Mirrors<span class=\"md r\"><\/span>Vehicle Structure<span class=\"md\"><\/span>DVSA Approved<span class=\"md r\"><\/span>Call 01908 97 38 39<span class=\"md\"><\/span><\/div>\r\n <div class=\"marquee-item\">Brakes & Tyres<span class=\"md\"><\/span>Lights & Indicators<span class=\"md r\"><\/span>Suspension & Steering<span class=\"md\"><\/span>Windscreen & Wipers<span class=\"md r\"><\/span>Exhaust Emissions<span class=\"md\"><\/span>Seat Belts & Mirrors<span class=\"md r\"><\/span>Vehicle Structure<span class=\"md\"><\/span>DVSA Approved<span class=\"md r\"><\/span>Call 01908 97 38 39<span class=\"md\"><\/span><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550 2. MOT INSPECTION CHECKS \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"checks\">\r\n <div class=\"checks-top\">\r\n <div class=\"rl\">\r\n <div class=\"checks-eyebrow\"><div class=\"ce-line\"><\/div><span class=\"ce-txt\">What We Inspect<\/span><\/div>\r\n <h2 class=\"checks-title\">Our MOT<em>Inspection Includes.<\/em><\/h2>\r\n <div class=\"checks-rule\"><\/div>\r\n <\/div>\r\n <p class=\"checks-desc rr\" style=\"transition-delay:.1s\">Our DVSA-approved MOT inspection covers every mandatory safety and environmental check required by law. Our certified technicians examine your vehicle thoroughly so you can drive away with complete confidence and a valid certificate.<\/p>\r\n <\/div>\r\n\r\n <div class=\"check-grid\">\r\n <div class=\"check-item rv\" style=\"transition-delay:.04s\">\r\n <span class=\"ci-num\">01<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Brakes & Tyres<\/div><div class=\"ci-desc\">Pad wear, disc condition, tread depth & tyre pressure<\/div><\/div>\r\n <\/div>\r\n <div class=\"check-item rv\" style=\"transition-delay:.07s\">\r\n <span class=\"ci-num\">02<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"22\"\/><path d=\"M7 14l5-3 5 3\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Lights & Indicators<\/div><div class=\"ci-desc\">Headlights, brake lights, indicators & hazard function<\/div><\/div>\r\n <\/div>\r\n <div class=\"check-item rv\" style=\"transition-delay:.10s\">\r\n <span class=\"ci-num\">03<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Suspension & Steering<\/div><div class=\"ci-desc\">Shock absorbers, joints, wheel bearings & steering play<\/div><\/div>\r\n <\/div>\r\n <div class=\"check-item rv\" style=\"transition-delay:.13s\">\r\n <span class=\"ci-num\">04<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><polyline points=\"8 21 12 17 16 21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Windscreen & Wipers<\/div><div class=\"ci-desc\">Chip & crack checks, wiper blade condition & wash function<\/div><\/div>\r\n <\/div>\r\n <div class=\"check-item rv\" style=\"transition-delay:.16s\">\r\n <span class=\"ci-num\">05<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c-4.97 0-9-2.69-9-6 0-1.5.87-2.89 2.31-3.97\"\/><path d=\"M12 22c4.97 0 9-2.69 9-6 0-1.5-.87-2.89-2.31-3.97\"\/><path d=\"M12 2v9M9 5l3-3 3 3\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Exhaust Emissions<\/div><div class=\"ci-desc\">CO\u2082 & hydrocarbon levels tested to legal standards<\/div><\/div>\r\n <\/div>\r\n <div class=\"check-item rv\" style=\"transition-delay:.19s\">\r\n <span class=\"ci-num\">06<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Seat Belts & Mirrors<\/div><div class=\"ci-desc\">Belt retraction, locking mechanism & mirror adjustment<\/div><\/div>\r\n <\/div>\r\n <div class=\"check-item rv\" style=\"transition-delay:.22s\">\r\n <span class=\"ci-num\">07<\/span>\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\r\n <div class=\"ci-body\"><div class=\"ci-title\">Vehicle Structure & More<\/div><div class=\"ci-desc\">Chassis, bodywork, fuel system & horn functionality<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 3. PHOTO SPLIT \u2014 LIGHT \u2550\u2550\u2550 -->\r\n<section class=\"photo-split\">\r\n <div class=\"ps-img rl\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?q=80&w=2070&auto=format&fit=crop\" alt=\"MOT Testing Bay\"\/>\r\n <div class=\"ps-img-ov\"><\/div>\r\n <div class=\"ps-img-badge\">\r\n <span class=\"pib-n\">DVSA<br>Approved<\/span>\r\n <span class=\"pib-l\">Certified Testing Centre<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ps-content rr\" style=\"transition-delay:.1s\">\r\n <div class=\"ps-eyebrow\"><div class=\"ps-eb-line\"><\/div><span class=\"ps-eb-txt\">Why Choose Us<\/span><\/div>\r\n <h2 class=\"ps-title\">Your MOT<em>Done Right.<\/em><\/h2>\r\n <div class=\"ps-rule\"><\/div>\r\n <p class=\"ps-desc\">We make MOT testing stress-free. Our certified technicians will inspect your vehicle quickly and honestly \u2014 no unnecessary advisory work, no hidden extras. Just a thorough, professional MOT carried out to the highest standard.<\/p>\r\n <div class=\"trust-points\">\r\n <div class=\"tp\">\r\n <div class=\"tp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <span class=\"tp-txt\">Fully DVSA-approved testing centre<\/span>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div class=\"tp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <span class=\"tp-txt\">Cars, vans & motorcycles \u2014 all vehicle classes<\/span>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div class=\"tp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <span class=\"tp-txt\">Transparent, honest results with no hidden extras<\/span>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div class=\"tp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <span class=\"tp-txt\">Walk-ins welcome \u2014 fast same-day testing available<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"ps-btn\">\r\n Book Your MOT\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<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 4. CTA \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"cta\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-ov\"><\/div>\r\n <div class=\"cta-inner rv\">\r\n <div class=\"cta-kicker\">Book Your MOT Today<\/div>\r\n <h2 class=\"cta-title\">\r\n Stay Legal.<span>Stay Safe.<\/span>\r\n <\/h2>\r\n <div class=\"cta-btns\">\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"cta-btn\">\r\n Book Now Online\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 <a href=\"tel:+441908973839\" class=\"cta-phone\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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\"\/><\/svg>\r\n 01908 97 38 39\r\n <\/a>\r\n <\/div>\r\n <\/div>\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-9a7ed71 e-flex e-con-boxed e-con e-parent\" data-id=\"9a7ed71\" 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-d784b80 elementor-widget elementor-widget-html\" data-id=\"d784b80\" 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>MOT Testing \u2013 AutoPoint MK MOT AutoPoint MK \u00b7 DVSA Approved MOT Testing Services. At AutoPoint MK, we offer reliable,…<\/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-137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/137","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=137"}],"version-history":[{"count":7,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/137\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}