{"id":6,"date":"2026-05-04T15:01:24","date_gmt":"2026-05-04T15:01:24","guid":{"rendered":"https:\/\/autopointmk.com\/?page_id=6"},"modified":"2026-05-09T09:23:53","modified_gmt":"2026-05-09T09:23:53","slug":"home","status":"publish","type":"page","link":"https:\/\/autopointmk.com\/","title":{"rendered":"Home"},"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\nAutoPoint MK<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500&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\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 background: #08090a;\r\n font-family: 'Abhaya Libre', serif;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n font-size: 18px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HERO WRAPPER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n PHOTO + OVERLAYS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.photo {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n}\r\n.photo img {\r\n width: 100%; \r\n height: 100%;\r\n object-fit: cover;\r\n object-position: 55% 35%;\r\n animation: ken 22s ease-out forwards;\r\n filter: brightness(0.55) saturate(0.9);\r\n}\r\n@keyframes ken {\r\n from { transform: scale(1.1) translateX(20px); }\r\n to { transform: scale(1.0) translateX(0); }\r\n}\r\n\r\n.photo::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(180deg,\r\n rgba(8,9,10,0.15) 0%,\r\n rgba(8,9,10,0.0) 30%,\r\n rgba(8,9,10,0.55) 65%,\r\n rgba(8,9,10,0.97) 100%\r\n ),\r\n linear-gradient(90deg,\r\n rgba(8,9,10,0.6) 0%,\r\n transparent 60%\r\n );\r\n}\r\n\r\n.light-leak {\r\n position: absolute;\r\n top: -15%; right: -10%;\r\n width: 55vw; height: 55vw;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(4,107,210,0.20) 0%, transparent 65%);\r\n z-index: 1;\r\n pointer-events: none;\r\n animation: leakPulse 6s ease-in-out infinite alternate;\r\n}\r\n.light-leak-red {\r\n position: absolute;\r\n bottom: -10%; left: 10%;\r\n width: 45vw; height: 45vw;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(228,1,1,0.14) 0%, transparent 65%);\r\n z-index: 1;\r\n pointer-events: none;\r\n animation: leakPulse 8s ease-in-out 1s infinite alternate-reverse;\r\n}\r\n@keyframes leakPulse {\r\n from { opacity: 0.6; transform: scale(1.0); }\r\n to { opacity: 1.0; transform: scale(1.1); }\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BIG GHOST TEXT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ghost {\r\n position: absolute;\r\n bottom: clamp(80px,12vh,130px);\r\n left: -0.03em;\r\n z-index: 2;\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(18vw, 22vw, 26vw);\r\n line-height: 0.82;\r\n letter-spacing: -0.03em;\r\n text-transform: uppercase;\r\n -webkit-text-stroke: 1px rgba(4,107,210,0.25);\r\n color: transparent;\r\n white-space: nowrap;\r\n pointer-events: none;\r\n user-select: none;\r\n opacity: 0;\r\n animation: ghostIn 1.4s ease 0.3s forwards;\r\n}\r\n@keyframes ghostIn {\r\n from { opacity: 0; transform: translateX(-30px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n NAV\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.nav {\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n z-index: 30;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: clamp(18px,3vw,32px) clamp(20px,5vw,64px);\r\n opacity: 0;\r\n animation: navDrop 0.8s ease 0.2s forwards;\r\n}\r\n@keyframes navDrop {\r\n from { opacity: 0; transform: translateY(-14px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n}\r\n.logo-text {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 1.2rem;\r\n letter-spacing: 0.1em;\r\n color: #fff;\r\n}\r\n.logo-text span { color: #046BD2; }\r\n\r\n.nav-pill {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(4,107,210,0.08);\r\n border: 1px solid rgba(4,107,210,0.3);\r\n border-radius: 100px;\r\n padding: 9px 20px;\r\n backdrop-filter: blur(12px);\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(220,235,255,0.85);\r\n}\r\n.pulse-dot {\r\n width: 7px; height: 7px;\r\n border-radius: 50%;\r\n background: #046BD2;\r\n box-shadow: 0 0 8px rgba(4,107,210,0.8);\r\n animation: dot 2s ease-in-out infinite;\r\n border: none;\r\n}\r\n@keyframes dot {\r\n 0%,100% { opacity: 1; }\r\n 50% { opacity: 0.3; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n MAIN CONTENT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.content {\r\n position: relative;\r\n z-index: 20;\r\n padding: clamp(24px,4vw,56px) clamp(20px,5vw,64px);\r\n padding-bottom: clamp(36px,5vw,64px);\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n}\r\n\r\n.content-left {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: clamp(10px,1.5vw,16px);\r\n opacity: 0;\r\n animation: riseUp 0.6s ease 0.8s forwards;\r\n}\r\n.eyebrow-line { \r\n width: 30px; \r\n height: 2px; \r\n background: #046BD2; \r\n flex-shrink: 0;\r\n border: none;\r\n}\r\n.eyebrow-text {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n letter-spacing: 0.35em;\r\n text-transform: uppercase;\r\n color: #046BD2;\r\n}\r\n\r\n.headline {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(4rem, 7.5vw, 7.8rem);\r\n line-height: 0.88;\r\n letter-spacing: 0.01em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n margin-bottom: clamp(14px,2vw,22px);\r\n opacity: 0;\r\n animation: riseUp 0.9s ease 1s forwards;\r\n}\r\n.headline .red { color: #E40101; }\r\n\r\n.sub {\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n color: rgba(255,255,255,0.7);\r\n max-width: 500px;\r\n margin-bottom: clamp(24px,3.5vw,40px);\r\n opacity: 0;\r\n animation: riseUp 0.7s ease 1.2s forwards;\r\n}\r\n\r\n.btns {\r\n display: flex;\r\n gap: clamp(10px,1.5vw,14px);\r\n flex-wrap: wrap;\r\n opacity: 0;\r\n animation: riseUp 0.7s ease 1.4s forwards;\r\n}\r\n\r\n.btn {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n padding: clamp(13px,1.5vw,16px) clamp(26px,3vw,40px);\r\n border-radius: 4px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: all 0.28s cubic-bezier(0.34,1.56,0.64,1);\r\n white-space: nowrap;\r\n position: relative;\r\n overflow: hidden;\r\n border: none;\r\n}\r\n\r\n.btn-red {\r\n background: #046BD2;\r\n color: #fff;\r\n box-shadow: 0 6px 28px rgba(4,107,210,0.5);\r\n}\r\n.btn-red:hover {\r\n background: #0580f8;\r\n box-shadow: 0 12px 48px rgba(4,107,210,0.7);\r\n transform: translateY(-4px) scale(1.03);\r\n}\r\n\r\n.btn-glass {\r\n background: rgba(255,255,255,0.06);\r\n color: rgba(255,255,255,0.85);\r\n border: 1px solid rgba(255,255,255,0.18);\r\n backdrop-filter: blur(14px);\r\n}\r\n.btn-glass:hover {\r\n background: rgba(4,107,210,0.12);\r\n border-color: rgba(4,107,210,0.6);\r\n color: #fff;\r\n transform: translateY(-4px) scale(1.03);\r\n box-shadow: 0 10px 36px rgba(4,107,210,0.25);\r\n}\r\n\r\n.btn-icon {\r\n width: 28px; height: 28px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.18);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n transition: transform 0.28s ease;\r\n border: none;\r\n}\r\n.btn:hover .btn-icon { transform: translateX(5px); }\r\n\r\n.content-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n flex-shrink: 0;\r\n opacity: 0;\r\n animation: riseUp 0.8s ease 1.3s forwards;\r\n}\r\n\r\n.stat-card {\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.09);\r\n border-radius: 10px;\r\n padding: 14px 22px;\r\n text-align: center;\r\n backdrop-filter: blur(14px);\r\n min-width: 120px;\r\n transition: all 0.3s ease;\r\n}\r\n.stat-card:hover {\r\n background: rgba(4,107,210,0.1);\r\n border-color: rgba(4,107,210,0.35);\r\n transform: translateX(-5px);\r\n}\r\n.stat-num {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 2rem;\r\n color: #E40101;\r\n display: block;\r\n line-height: 1;\r\n letter-spacing: 0.02em;\r\n}\r\n.stat-card:nth-child(even) .stat-num { color: #046BD2; }\r\n.stat-lbl {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.4);\r\n margin-top: 4px;\r\n display: block;\r\n white-space: nowrap;\r\n}\r\n\r\n.ticker-wrap {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n z-index: 30;\r\n height: clamp(34px,4.5vw,44px);\r\n background: linear-gradient(90deg, #E40101 0%, #046BD2 100%);\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n opacity: 0;\r\n animation: fadeIn 0.7s ease 2s forwards;\r\n border: none;\r\n}\r\n.ticker {\r\n display: flex;\r\n gap: 0;\r\n white-space: nowrap;\r\n animation: tickerScroll 22s linear infinite;\r\n}\r\n.ticker-item {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.9);\r\n padding: 0 clamp(18px,3vw,36px);\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(12px,2vw,24px);\r\n flex-shrink: 0;\r\n}\r\n.ticker-dot {\r\n width: 4px; height: 4px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.5);\r\n flex-shrink: 0;\r\n border: none;\r\n}\r\n@keyframes tickerScroll {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n}\r\n\r\n@keyframes riseUp {\r\n from { opacity: 0; transform: translateY(28px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes fadeIn {\r\n to { opacity: 1; }\r\n}\r\n\r\n\/* ======================================\r\n MOBILE FIXES - CONTENT MOVED UP\r\n ====================================== *\/\r\n@media (max-width: 768px) {\r\n html, body {\r\n font-size: 14px;\r\n }\r\n \r\n .hero {\r\n height: 100vh;\r\n justify-content: center; \/* Changed from flex-end to center *\/\r\n }\r\n \r\n \/* Adjust content positioning - PULLED UPWARD *\/\r\n .content {\r\n padding: 0 20px;\r\n padding-bottom: 30px;\r\n margin-top: -30px; \/* Pull content upward *\/\r\n position: relative;\r\n z-index: 20;\r\n }\r\n \r\n \/* Move ghost text up and make it more subtle *\/\r\n .ghost {\r\n bottom: auto;\r\n top: 55%;\r\n transform: translateY(-50%);\r\n font-size: 32vw;\r\n opacity: 0.25;\r\n z-index: 1;\r\n }\r\n \r\n \/* Nav positioning *\/\r\n .nav {\r\n padding: 15px 20px;\r\n position: absolute;\r\n top: 0;\r\n z-index: 30;\r\n }\r\n \r\n \/* Headline - smaller *\/\r\n .headline {\r\n font-size: 3.2rem !important;\r\n line-height: 0.9;\r\n margin-bottom: 8px;\r\n margin-top: 0;\r\n }\r\n \r\n \/* Sub text *\/\r\n .sub {\r\n font-size: 0.95rem;\r\n line-height: 1.4;\r\n margin-bottom: 20px;\r\n max-width: 100%;\r\n }\r\n \r\n \/* Buttons - stacked *\/\r\n .btns {\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 10px;\r\n }\r\n \r\n .btn {\r\n width: 100%;\r\n justify-content: center;\r\n font-size: 0.8rem;\r\n padding: 12px 20px;\r\n }\r\n \r\n .btn-icon {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n \r\n \/* Stat cards - 2x2 grid *\/\r\n .content-right {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n gap: 6px;\r\n margin-top: 15px;\r\n }\r\n \r\n .stat-card {\r\n flex: 1 1 calc(50% - 6px);\r\n min-width: auto;\r\n padding: 10px 8px;\r\n }\r\n \r\n .stat-num {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .stat-lbl {\r\n font-size: 0.55rem;\r\n letter-spacing: 0.15em;\r\n white-space: normal;\r\n line-height: 1.2;\r\n }\r\n \r\n \/* Fix stat label wrapping *\/\r\n .stat-card:nth-child(1) .stat-lbl,\r\n .stat-card:nth-child(2) .stat-lbl,\r\n .stat-card:nth-child(3) .stat-lbl,\r\n .stat-card:nth-child(4) .stat-lbl {\r\n max-width: 80px;\r\n margin: 0 auto;\r\n }\r\n \r\n \/* Eyebrow *\/\r\n .eyebrow {\r\n margin-bottom: 8px;\r\n }\r\n \r\n .eyebrow-text {\r\n font-size: 0.65rem;\r\n letter-spacing: 0.25em;\r\n }\r\n \r\n .eyebrow-line {\r\n width: 25px;\r\n }\r\n \r\n \/* Nav - smaller *\/\r\n .logo-text {\r\n font-size: 1rem;\r\n }\r\n \r\n .nav-pill {\r\n font-size: 0.65rem;\r\n padding: 6px 12px;\r\n }\r\n \r\n .pulse-dot {\r\n width: 5px;\r\n height: 5px;\r\n }\r\n \r\n \/* Ticker - smaller *\/\r\n .ticker-item {\r\n font-size: 0.65rem;\r\n letter-spacing: 0.2em;\r\n padding: 0 12px;\r\n gap: 10px;\r\n }\r\n \r\n .ticker-wrap {\r\n height: 32px;\r\n }\r\n}\r\n\r\n\/* Extra small devices *\/\r\n@media (max-width: 480px) {\r\n html, body {\r\n font-size: 13px;\r\n }\r\n \r\n .headline {\r\n font-size: 2.6rem !important;\r\n }\r\n \r\n .content {\r\n margin-top: -35px; \/* Pull up even more on small screens *\/\r\n padding-bottom: 25px;\r\n }\r\n \r\n .ghost {\r\n top: 52%;\r\n font-size: 28vw;\r\n opacity: 0.2;\r\n }\r\n \r\n .sub {\r\n font-size: 0.9rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .stat-num {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .stat-lbl {\r\n font-size: 0.5rem;\r\n }\r\n \r\n .btn {\r\n font-size: 0.75rem;\r\n padding: 10px 16px;\r\n }\r\n}\r\n\r\n\/* Tablet adjustments *\/\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n .content {\r\n padding: 30px 40px;\r\n }\r\n \r\n .headline {\r\n font-size: 5rem;\r\n }\r\n \r\n .stat-card {\r\n min-width: 100px;\r\n padding: 12px 16px;\r\n }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n .content { \r\n flex-direction: column; \r\n align-items: flex-start; \r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .nav-pill span { \r\n display: none; \r\n }\r\n .nav-pill {\r\n padding: 6px 10px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n\r\n <div class=\"photo\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1530046339160-ce3e530c7d2f?auto=format&fit=crop&w=1920&q=90\"\r\n alt=\"AutoPoint MK Garage\"\r\n \/>\r\n <\/div>\r\n <div class=\"light-leak\"><\/div>\r\n <div class=\"light-leak-red\"><\/div>\r\n\r\n <div class=\"ghost\">Garage<\/div>\r\n\r\n <nav class=\"nav\">\r\n <a href=\"#\" class=\"logo\">\r\n <\/a>\r\n <div class=\"nav-pill\">\r\n <div class=\"pulse-dot\"><\/div>\r\n <span>Now Accepting Bookings<\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"content\">\r\n <div class=\"content-left\">\r\n\r\n <div class=\"eyebrow\">\r\n <div class=\"eyebrow-line\"><\/div>\r\n <span class=\"eyebrow-text\">Milton Keynes — Premier Auto Garage<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"headline\">\r\n Your One<br>\r\n Stop <span class=\"red\">Garage.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"sub\">\r\n Trusted repairs and exceptional standards \u2014<br>\r\n your vehicle deserves nothing less than the best.\r\n <\/p>\r\n\r\n <div class=\"btns\">\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"btn btn-red\">\r\n Book a Service\r\n <span class=\"btn-icon\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=154\" class=\"btn btn-glass\">\r\n Contact Us\r\n <span class=\"btn-icon\" style=\"background:rgba(255,255,255,0.08)\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"content-right\">\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num\">15+<\/span>\r\n <span class=\"stat-lbl\">Years Exp.<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num\">5K+<\/span>\r\n <span class=\"stat-lbl\">Cars Fixed<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num\">5\u2605<\/span>\r\n <span class=\"stat-lbl\">Rated<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num\">100%<\/span>\r\n <span class=\"stat-lbl\">Trusted<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ticker-wrap\">\r\n <div class=\"ticker\">\r\n <div class=\"ticker-item\">Full Vehicle Servicing <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">MOT Testing <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Expert Diagnostics <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Brake & Clutch Repairs <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Engine Repairs <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Air Con Recharge <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Tyres & Exhausts <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Free Estimates <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Full Vehicle Servicing <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">MOT Testing <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Expert Diagnostics <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Brake & Clutch Repairs <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Engine Repairs <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Air Con Recharge <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Tyres & Exhausts <span class=\"ticker-dot\"><\/span><\/div>\r\n <div class=\"ticker-item\">Free Estimates <span class=\"ticker-dot\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\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<div class=\"elementor-element elementor-element-4ba1f3e e-flex e-con-boxed e-con e-parent\" data-id=\"4ba1f3e\" 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-0115595 elementor-widget elementor-widget-html\" data-id=\"0115595\" 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 Services<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500&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\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 background: #f4f5f7;\r\n font-family: 'Abhaya Libre', serif;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n font-size: 18px;\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SERVICES SECTION - 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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.services {\r\n position: relative;\r\n width: 100vw;\r\n background: #f4f5f7;\r\n padding: clamp(60px, 8vw, 110px) 0;\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\/* background ghost text *\/\r\n.services-ghost {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(18vw, 24vw, 30vw);\r\n letter-spacing: -0.04em;\r\n text-transform: uppercase;\r\n color: transparent;\r\n -webkit-text-stroke: 1px rgba(0,0,0,0.045);\r\n pointer-events: none;\r\n user-select: none;\r\n white-space: nowrap;\r\n z-index: 0;\r\n}\r\n\r\n\/* subtle top line *\/\r\n.services::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: clamp(20px,5vw,72px); right: clamp(20px,5vw,72px);\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(4,107,210,0.35) 30%, rgba(228,1,1,0.3) 70%, transparent);\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.sec-header {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 14px;\r\n margin-bottom: clamp(40px, 6vw, 72px);\r\n max-width: 680px;\r\n padding: 0 clamp(20px, 5vw, 72px);\r\n}\r\n\r\n.sec-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n.sec-eyebrow-line {\r\n width: 32px; height: 2px;\r\n background: #E40101;\r\n flex-shrink: 0;\r\n}\r\n.sec-eyebrow-text {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 0.35em;\r\n text-transform: uppercase;\r\n color: #E40101;\r\n}\r\n\r\n.sec-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(3rem, 6vw, 5.5rem);\r\n line-height: 0.9;\r\n letter-spacing: 0.01em;\r\n text-transform: uppercase;\r\n color: #0b0c0f;\r\n}\r\n.sec-title span { color: #046BD2; }\r\n\r\n.sec-desc {\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n color: rgba(0,0,0,0.6);\r\n max-width: 560px;\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.services-grid {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0;\r\n width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 CARD - BORDERS REMOVED \u2500\u2500 *\/\r\n.card {\r\n position: relative;\r\n background: #ffffff;\r\n padding: clamp(24px, 3vw, 38px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n overflow: hidden;\r\n transition: background 0.35s ease, box-shadow 0.35s ease;\r\n cursor: default;\r\n border: none;\r\n}\r\n\r\n\/* hover line top *\/\r\n.card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, #E40101, #046BD2);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n}\r\n.card:hover::before { transform: scaleX(1); }\r\n.card:hover {\r\n background: #fff;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* card number *\/\r\n.card-num {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.25em;\r\n color: rgba(0,0,0,0.15);\r\n margin-bottom: 20px;\r\n transition: color 0.3s;\r\n}\r\n.card:hover .card-num { color: rgba(4,107,210,0.7); }\r\n\r\n\/* icon *\/\r\n.card-icon {\r\n width: 48px; height: 48px;\r\n border-radius: 8px;\r\n background: rgba(228,1,1,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 20px;\r\n transition: all 0.35s ease;\r\n flex-shrink: 0;\r\n border: none;\r\n}\r\n.card:hover .card-icon {\r\n background: rgba(228,1,1,0.18);\r\n box-shadow: 0 4px 20px rgba(228,1,1,0.2);\r\n}\r\n.card-icon svg { width: 24px; height: 24px; color: #E40101; transition: color 0.3s; }\r\n\r\n\/* title *\/\r\n.card-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 1.5rem;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #0b0c0f;\r\n margin-bottom: 12px;\r\n line-height: 1.1;\r\n}\r\n\r\n\/* detail *\/\r\n.card-detail {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n color: rgba(0,0,0,0.6);\r\n margin-bottom: 28px;\r\n flex: 1;\r\n}\r\n\r\n\/* book button *\/\r\n.card-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n align-self: flex-start;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n color: #0b0c0f;\r\n padding: 12px 24px;\r\n border: none;\r\n border-radius: 3px;\r\n background: transparent;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.card-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: #046BD2;\r\n transform: translateX(-101%);\r\n transition: transform 0.35s cubic-bezier(0.16,1,0.3,1);\r\n z-index: 0;\r\n}\r\n.card-btn:hover::before { transform: translateX(0); }\r\n.card-btn:hover {\r\n box-shadow: 0 6px 24px rgba(4,107,210,0.35);\r\n}\r\n.card-btn span, .card-btn svg {\r\n position: relative; z-index: 1;\r\n}\r\n.card-btn svg { transition: transform 0.3s ease; }\r\n.card-btn:hover svg { transform: translateX(4px); }\r\n\r\n\/* \u2500\u2500 BOTTOM CTA STRIP - FIXED FOR MOBILE \u2500\u2500 *\/\r\n.cta-strip {\r\n position: relative;\r\n z-index: 2;\r\n margin-top: 0;\r\n background: #046BD2;\r\n padding: clamp(24px, 3vw, 36px) clamp(20px, 5vw, 72px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n transition: background 0.3s ease;\r\n border: none;\r\n}\r\n.cta-strip:hover { background: #0358b0; }\r\n\r\n.cta-text h3 {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 1.8rem;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n margin-bottom: 8px;\r\n line-height: 1.2;\r\n}\r\n.cta-text p {\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n color: rgba(255,255,255,0.85);\r\n line-height: 1.5;\r\n}\r\n\r\n.cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n color: #fff;\r\n padding: clamp(13px, 1.5vw, 18px) clamp(28px, 3vw, 48px);\r\n background: #E40101;\r\n border: none;\r\n border-radius: 3px;\r\n box-shadow: 0 6px 28px rgba(228,1,1,0.4);\r\n transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n}\r\n.cta-btn:hover {\r\n background: #c80000;\r\n box-shadow: 0 12px 44px rgba(228,1,1,0.6);\r\n transform: translateY(-3px) scale(1.02);\r\n}\r\n.cta-btn svg { transition: transform 0.3s ease; }\r\n.cta-btn:hover svg { transform: translateX(5px); }\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\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\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 .sec-desc {\r\n font-size: 1rem;\r\n }\r\n \r\n .card-detail {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .card-btn {\r\n font-size: 0.85rem;\r\n padding: 10px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .services-grid { \r\n grid-template-columns: 1fr; \r\n }\r\n \r\n \/* FIXED CTA STRIP FOR MOBILE *\/\r\n .cta-strip { \r\n flex-direction: column; \r\n align-items: flex-start; \r\n padding: 30px 24px; \/* Increased padding for better spacing *\/\r\n gap: 20px; \/* Increased gap between text and button *\/\r\n }\r\n \r\n .cta-text h3 {\r\n font-size: 1.6rem; \/* Slightly smaller heading on mobile *\/\r\n margin-bottom: 10px;\r\n }\r\n \r\n .cta-text p {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n max-width: 100%; \/* Ensure text doesn't overflow *\/\r\n }\r\n \r\n .cta-btn { \r\n width: 100%; \r\n justify-content: center;\r\n padding: 14px 24px; \/* Slightly larger touch target *\/\r\n font-size: 0.95rem;\r\n white-space: normal; \/* Allow button text to wrap if needed *\/\r\n text-align: center;\r\n }\r\n \r\n .sec-title { \r\n font-size: clamp(2.5rem, 10vw, 3.5rem); \r\n }\r\n}\r\n\r\n\/* Extra small devices *\/\r\n@media (max-width: 480px) {\r\n .cta-strip {\r\n padding: 25px 20px;\r\n }\r\n \r\n .cta-text h3 {\r\n font-size: 1.4rem; \/* Even smaller for very small screens *\/\r\n }\r\n \r\n .cta-text p {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .cta-btn {\r\n font-size: 0.9rem;\r\n padding: 12px 20px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"services\">\r\n\r\n <div class=\"services-ghost\">Services<\/div>\r\n\r\n <!-- Header -->\r\n <div class=\"sec-header\">\r\n <div class=\"sec-eyebrow\">\r\n <div class=\"sec-eyebrow-line\"><\/div>\r\n <span class=\"sec-eyebrow-text\">What We Do<\/span>\r\n <\/div>\r\n <h2 class=\"sec-title\">Our <span>Services<\/span><\/h2>\r\n <p class=\"sec-desc\">At AutoPoint MK, we provide a comprehensive range of automotive repair and maintenance services to keep your vehicle in optimal condition.<\/p>\r\n <\/div>\r\n\r\n <!-- Grid -->\r\n <div class=\"services-grid\">\r\n\r\n <!-- 01 MOT Testing -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">01<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">MOT Testing<\/div>\r\n <p class=\"card-detail\">Authorised MOT test centre offering fast, reliable testing for all vehicle classes. We'll identify any issues and advise on repairs to get you back on the road safely.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 02 Full Servicing -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">02<\/div>\r\n <div class=\"card-icon\">\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\"\/><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 class=\"card-title\">Full Servicing<\/div>\r\n <p class=\"card-detail\">From interim to full service packages, we cover oil changes, filter replacements, fluid checks and full vehicle inspection \u2014 all at transparent, competitive prices.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 03 Diagnostic Checks -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">03<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Diagnostic Checks<\/div>\r\n <p class=\"card-detail\">Warning light on? Our state-of-the-art diagnostic equipment accurately identifies fault codes across all makes and models, saving you time and unnecessary costs.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 04 Brake Repairs -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">04<\/div>\r\n <div class=\"card-icon\">\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=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"9.17\" y2=\"9.17\"\/><line x1=\"14.83\" y1=\"14.83\" x2=\"19.07\" y2=\"19.07\"\/><line x1=\"14.83\" y1=\"9.17\" x2=\"19.07\" y2=\"4.93\"\/><line x1=\"4.93\" y1=\"19.07\" x2=\"9.17\" y2=\"14.83\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Brake Repairs<\/div>\r\n <p class=\"card-detail\">Your safety is our priority. We inspect, repair and replace brake pads, discs, callipers and fluid \u2014 ensuring your braking system performs perfectly every time.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 05 Battery Services -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">05<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"11\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Battery Services<\/div>\r\n <p class=\"card-detail\">Struggling to start? We test, supply and fit batteries for all vehicles. Quick same-day service available \u2014 get back on the road without delay.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 06 Engine Repairs -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">06<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Engine Repairs<\/div>\r\n <p class=\"card-detail\">From minor fixes to major overhauls, our experienced technicians diagnose and repair engine issues with precision \u2014 restoring full performance to your vehicle.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 07 Oil Changes -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">07<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2v6l3 3-3 3v6\"\/><path d=\"M6 12c0-3.31 2.69-6 6-6s6 2.69 6 6c0 4-6 10-6 10S6 16 6 12z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Oil Changes<\/div>\r\n <p class=\"card-detail\">Regular oil changes keep your engine running smoothly and extend its life. We use high-quality oils suited to your vehicle's specifications \u2014 quick and hassle-free.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 08 Air Conditioning -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">08<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2\"\/><path d=\"M9.6 4.6A2 2 0 1 1 11 8H2\"\/><path d=\"M12.6 19.4A2 2 0 1 0 14 16H2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Air Conditioning<\/div>\r\n <p class=\"card-detail\">Keep your cabin comfortable year-round. We recharge, repair and service A\/C systems \u2014 checking for leaks, replacing refrigerant and ensuring peak efficiency.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- 09 Tyres -->\r\n <div class=\"card\">\r\n <div class=\"card-num\">09<\/div>\r\n <div class=\"card-icon\">\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=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"9\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"22\"\/><line x1=\"2\" y1=\"12\" x2=\"9\" y2=\"12\"\/><line x1=\"15\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Tyres<\/div>\r\n <p class=\"card-detail\">We supply and fit tyres from leading brands across all sizes. Includes balancing, alignment checks and pressure monitoring \u2014 keeping you safe on every journey.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"card-btn\">\r\n <span>Book Now<\/span>\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <!-- Bottom CTA Strip - Fixed for mobile -->\r\n <div class=\"cta-strip\">\r\n <div class=\"cta-text\">\r\n <h3>Not Sure What You Need?<\/h3>\r\n <p>Book a free consultation and our experts will advise you on the best solution for your vehicle.<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"cta-btn\">\r\n Book a Service\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<\/section>\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<div class=\"elementor-element elementor-element-a529b65 e-flex e-con-boxed e-con e-parent\" data-id=\"a529b65\" 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-d07b9e3 elementor-widget elementor-widget-html\" data-id=\"d07b9e3\" 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 Free Battery Health Check<\/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 background: #08090a;\r\n font-family: 'DM Sans', sans-serif;\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 SECTION \u2014 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.battery {\r\n position: relative;\r\n width: 100vw;\r\n display: block;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\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 LEFT \u2014 IMAGE (placeholder for future use)\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\/* Image column will go here if needed *\/\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 RIGHT \u2014 CONTENT\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.bat-content {\r\n background: #0f1014;\r\n padding: clamp(60px, 8vw, 110px) clamp(24px, 8vw, 140px);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n border-top: none; \/* Removed border *\/\r\n position: relative;\r\n}\r\n\r\n\/* Optional accent bar - kept as design element *\/\r\n.bat-content::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #E40101, #046BD2);\r\n}\r\n\r\n\/* eyebrow *\/\r\n.bat-eyebrow {\r\n display: flex; \r\n align-items: center; \r\n gap: 12px;\r\n margin-bottom: clamp(16px, 2vw, 24px);\r\n}\r\n.bat-eyebrow-line { \r\n width: 28px; \r\n height: 2px; \r\n background: #046BD2; \r\n flex-shrink: 0; \r\n border: none;\r\n}\r\n.bat-eyebrow-text {\r\n font-size: 0.62rem;\r\n font-weight: 600;\r\n letter-spacing: 0.35em;\r\n text-transform: uppercase;\r\n color: #046BD2;\r\n}\r\n\r\n\/* heading *\/\r\n.bat-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(2.2rem, 4.5vw, 4.8rem);\r\n line-height: 0.9;\r\n letter-spacing: 0.01em;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n}\r\n.bat-title-blue { \r\n color: #046BD2; \r\n display: block; \r\n}\r\n\r\n\/* divider *\/\r\n.bat-divider {\r\n width: 44px; \r\n height: 3px;\r\n background: linear-gradient(90deg, #E40101, #046BD2);\r\n border-radius: 2px;\r\n margin: clamp(18px, 2.5vw, 28px) 0;\r\n border: none;\r\n}\r\n\r\n\/* description *\/\r\n.bat-desc {\r\n font-size: clamp(0.85rem, 1.15vw, 0.96rem);\r\n font-weight: 300;\r\n line-height: 1.85;\r\n color: rgba(255,255,255,0.48);\r\n margin-bottom: clamp(28px, 3.5vw, 44px);\r\n}\r\n\r\n\/* checklist *\/\r\n.bat-checks { \r\n display: flex; \r\n flex-direction: column; \r\n gap: 0; \r\n margin-bottom: clamp(28px, 4vw, 48px); \r\n}\r\n.bat-check {\r\n display: flex; \r\n align-items: center; \r\n gap: 14px;\r\n padding: clamp(12px, 1.5vw, 16px) 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.07);\r\n transition: padding-left 0.25s ease;\r\n cursor: default;\r\n}\r\n.bat-check:first-child { \r\n border-top: 1px solid rgba(255,255,255,0.07); \r\n}\r\n.bat-check:hover { \r\n padding-left: 8px; \r\n}\r\n.bat-check-icon {\r\n width: 30px; \r\n height: 30px; \r\n border-radius: 50%;\r\n display: flex; \r\n align-items: center; \r\n justify-content: center;\r\n flex-shrink: 0; \r\n transition: all 0.25s ease;\r\n}\r\n.bat-check:nth-child(odd) .bat-check-icon { \r\n background: rgba(4,107,210,0.15); \r\n}\r\n.bat-check:nth-child(even) .bat-check-icon { \r\n background: rgba(228,1,1,0.12); \r\n}\r\n.bat-check:nth-child(odd):hover .bat-check-icon { \r\n background: #046BD2; \r\n}\r\n.bat-check:nth-child(even):hover .bat-check-icon { \r\n background: #E40101; \r\n}\r\n.bat-check-icon svg { \r\n width: 13px; \r\n height: 13px; \r\n transition: color 0.25s; \r\n}\r\n.bat-check:nth-child(odd) .bat-check-icon svg { \r\n color: #046BD2; \r\n}\r\n.bat-check:nth-child(even) .bat-check-icon svg { \r\n color: #E40101; \r\n}\r\n.bat-check:hover .bat-check-icon svg { \r\n color: #fff; \r\n}\r\n.bat-check-text { \r\n display: flex; \r\n flex-direction: column; \r\n gap: 2px; \r\n}\r\n.bat-check-label {\r\n font-size: clamp(0.8rem, 1.05vw, 0.9rem);\r\n font-weight: 600;\r\n color: #ffffff;\r\n}\r\n.bat-check-sub {\r\n font-size: clamp(0.7rem, 0.9vw, 0.78rem);\r\n font-weight: 300;\r\n color: rgba(255,255,255,0.38);\r\n line-height: 1.5;\r\n}\r\n\r\n\/* stats strip *\/\r\n.bat-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0; \/* Removed gap to eliminate borders *\/\r\n background: rgba(255,255,255,0.04);\r\n border-radius: 6px;\r\n overflow: hidden;\r\n}\r\n.bat-stat {\r\n background: #1a1b20;\r\n padding: clamp(14px, 2vw, 22px) clamp(10px, 1.5vw, 16px);\r\n text-align: center;\r\n transition: background 0.25s ease;\r\n border: none;\r\n}\r\n.bat-stat:hover { \r\n background: #22242a; \r\n}\r\n.bat-stat-n {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(1rem, 1.8vw, 1.6rem);\r\n line-height: 1; \r\n letter-spacing: 0.02em; \r\n display: block;\r\n}\r\n.bat-stat:nth-child(odd) .bat-stat-n { \r\n color: #046BD2; \r\n}\r\n.bat-stat:nth-child(even) .bat-stat-n { \r\n color: #E40101; \r\n}\r\n.bat-stat-l {\r\n font-size: 0.54rem; \r\n font-weight: 600;\r\n letter-spacing: 0.2em; \r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.3); \r\n margin-top: 5px; \r\n display: block;\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 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: 860px) {\r\n .battery { \r\n grid-template-columns: 1fr; \r\n }\r\n \r\n .bat-content { \r\n border-top: none; \/* Removed border *\/\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bat-stats { \r\n grid-template-columns: repeat(3,1fr); \r\n }\r\n \r\n \/* Adjust padding for mobile *\/\r\n .bat-content {\r\n padding: 40px 20px;\r\n }\r\n \r\n \/* Make checklist items more compact *\/\r\n .bat-check {\r\n gap: 10px;\r\n }\r\n \r\n .bat-check-sub {\r\n font-size: 0.65rem;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"battery\">\r\n\r\n <!-- CONTENT COLUMN -->\r\n <div class=\"bat-content\">\r\n\r\n <div class=\"bat-eyebrow\">\r\n <div class=\"bat-eyebrow-line\"><\/div>\r\n <span class=\"bat-eyebrow-text\">Complimentary Service<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"bat-title\">\r\n Free Battery\r\n <span class=\"bat-title-blue\">Health Check.<\/span>\r\n <\/h2>\r\n\r\n <div class=\"bat-divider\"><\/div>\r\n\r\n <p class=\"bat-desc\">\r\n Keep your car running smoothly with our complimentary battery health check. Our technicians will test your battery's performance, charging system, and overall condition \u2014 ensuring you're never caught off guard by a flat battery. This quick and easy service can help extend your battery life and improve vehicle reliability.\r\n <\/p>\r\n\r\n <div class=\"bat-checks\">\r\n <div class=\"bat-check\">\r\n <div class=\"bat-check-icon\">\r\n <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>\r\n <\/div>\r\n <div class=\"bat-check-text\">\r\n <span class=\"bat-check-label\">Battery Performance Test<\/span>\r\n <span class=\"bat-check-sub\">Voltage, cold cranking amps & full capacity check<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bat-check\">\r\n <div class=\"bat-check-icon\">\r\n <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>\r\n <\/div>\r\n <div class=\"bat-check-text\">\r\n <span class=\"bat-check-label\">Charging System Check<\/span>\r\n <span class=\"bat-check-sub\">Full alternator output test while driving<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bat-check\">\r\n <div class=\"bat-check-icon\">\r\n <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>\r\n <\/div>\r\n <div class=\"bat-check-text\">\r\n <span class=\"bat-check-label\">Connection & Terminal Inspection<\/span>\r\n <span class=\"bat-check-sub\">Checks for corrosion, wear or loose fittings<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bat-check\">\r\n <div class=\"bat-check-icon\">\r\n <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>\r\n <\/div>\r\n <div class=\"bat-check-text\">\r\n <span class=\"bat-check-label\">Full Health Report & Expert Advice<\/span>\r\n <span class=\"bat-check-sub\">Clear honest results \u2014 no pressure, no surprises<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bat-stats\">\r\n <div class=\"bat-stat\">\r\n <span class=\"bat-stat-n\">Free<\/span>\r\n <span class=\"bat-stat-l\">No Cost<\/span>\r\n <\/div>\r\n <div class=\"bat-stat\">\r\n <span class=\"bat-stat-n\">15 Min<\/span>\r\n <span class=\"bat-stat-l\">Quick Check<\/span>\r\n <\/div>\r\n <div class=\"bat-stat\">\r\n <span class=\"bat-stat-n\">All Cars<\/span>\r\n <span class=\"bat-stat-l\">All Makes<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\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<div class=\"elementor-element elementor-element-10fdac6 e-flex e-con-boxed e-con e-parent\" data-id=\"10fdac6\" 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-a4658fe elementor-widget elementor-widget-html\" data-id=\"a4658fe\" 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 About & More<\/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: #f4f5f7;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n}\r\n\r\n:root {\r\n --red: #E40101;\r\n --blue: #046BD2;\r\n --dark: #08090a;\r\n --dark2: #0f1014;\r\n --light: #f4f5f7;\r\n --white: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SHARED \u2500\u2500\u2500 *\/\r\n.eyebrow { \r\n display:flex; \r\n align-items:center; \r\n gap:12px; \r\n margin-bottom:clamp(14px,2vw,20px); \r\n}\r\n.eyebrow-line { \r\n width:28px; \r\n height:2px; \r\n flex-shrink:0; \r\n border: none;\r\n}\r\n.eyebrow-line.red { background:var(--red); }\r\n.eyebrow-line.blue { background:var(--blue); }\r\n.eyebrow-text { \r\n font-size:.62rem; \r\n font-weight:600; \r\n letter-spacing:.35em; \r\n text-transform:uppercase; \r\n}\r\n.eyebrow-text.red { color:var(--red); }\r\n.eyebrow-text.blue { color:var(--blue); }\r\n.eyebrow-text.wht { color:rgba(255,255,255,.5); }\r\n\r\n.title-light { \r\n font-family:'Anton',sans-serif; \r\n font-size:clamp(2.4rem,5.5vw,5.2rem); \r\n line-height:.9; \r\n letter-spacing:.01em; \r\n text-transform:uppercase; \r\n color:var(--dark); \r\n}\r\n.title-light span { color:var(--blue); }\r\n.title-dark { \r\n font-family:'Anton',sans-serif; \r\n font-size:clamp(2.4rem,5.5vw,5.2rem); \r\n line-height:.9; \r\n letter-spacing:.01em; \r\n text-transform:uppercase; \r\n color:#fff; \r\n}\r\n.title-dark span { color:var(--red); }\r\n\r\n.divider { \r\n width:44px; \r\n height:3px; \r\n border-radius:2px; \r\n margin:clamp(16px,2.5vw,26px) 0; \r\n border: none;\r\n}\r\n.div-rb { background:linear-gradient(90deg,var(--red),var(--blue)); }\r\n.div-br { background:linear-gradient(90deg,var(--blue),var(--red)); }\r\n\r\n.reveal { \r\n opacity:0; \r\n transform:translateY(28px); \r\n transition:opacity .7s ease, transform .7s ease; \r\n}\r\n.reveal.visible { \r\n opacity:1; \r\n transform:translateY(0); \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 1. ABOUT \u2014 LIGHT (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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.about {\r\n position: relative;\r\n width: 100vw;\r\n background: var(--white);\r\n padding: clamp(60px,8vw,110px) 0;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n border-top: none;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.about::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--blue);\r\n z-index: 1;\r\n}\r\n\r\n.about-inner {\r\n display:grid; \r\n grid-template-columns:1fr 1fr;\r\n align-items:center; \r\n gap:0;\r\n}\r\n\r\n\/* left text side *\/\r\n.about-text {\r\n padding:0 clamp(24px,6vw,100px) 0 clamp(24px,8vw,140px);\r\n}\r\n.about-desc {\r\n font-size:clamp(.86rem,1.2vw,.98rem); \r\n font-weight:300;\r\n line-height:1.85; \r\n color:rgba(0,0,0,.52);\r\n margin-bottom:clamp(24px,3.5vw,40px);\r\n}\r\n.about-list { \r\n display:flex; \r\n flex-direction:column; \r\n gap:0; \r\n}\r\n.about-item {\r\n display:flex; \r\n align-items:center; \r\n gap:14px;\r\n padding:clamp(10px,1.3vw,14px) 0;\r\n border-bottom:1px solid rgba(0,0,0,.06);\r\n transition:padding-left .25s ease; \r\n cursor:default;\r\n}\r\n.about-item:first-child { \r\n border-top:1px solid rgba(0,0,0,.06); \r\n}\r\n.about-item:hover { \r\n padding-left:8px; \r\n}\r\n.adot { \r\n width:8px; \r\n height:8px; \r\n border-radius:50%; \r\n flex-shrink:0; \r\n border: none;\r\n}\r\n.about-item:nth-child(odd) .adot { background:var(--blue); }\r\n.about-item:nth-child(even) .adot { background:var(--red); }\r\n.about-item span { \r\n font-size:clamp(.8rem,1.05vw,.9rem); \r\n font-weight:500; \r\n color:#0b0c0f; \r\n}\r\n\r\n\/* right image side *\/\r\n.about-img {\r\n position:relative; \r\n overflow:hidden;\r\n height:clamp(480px,70vh,720px);\r\n}\r\n.about-img img {\r\n width:100%; \r\n height:100%;\r\n object-fit:cover; \r\n object-position:center 30%;\r\n display:block; \r\n transition:transform 6s ease;\r\n filter:brightness(.92) saturate(.9);\r\n}\r\n.about-img:hover img { transform:scale(1.04); }\r\n\/* floating badge *\/\r\n.about-badge {\r\n position:absolute; \r\n bottom:36px; \r\n left:-4px; \r\n z-index:5;\r\n background:var(--blue); \r\n padding:14px 22px 14px 18px;\r\n border-radius:0 4px 4px 0;\r\n box-shadow:0 8px 32px rgba(4,107,210,.45);\r\n border: none;\r\n}\r\n.about-badge-n {\r\n font-family:'Anton',sans-serif; \r\n font-size:clamp(1.8rem,3vw,2.6rem);\r\n color:#fff; \r\n line-height:1; \r\n letter-spacing:.02em; \r\n display:block;\r\n}\r\n.about-badge-l {\r\n font-size:.56rem; \r\n font-weight:600; \r\n letter-spacing:.28em;\r\n text-transform:uppercase; \r\n color:rgba(255,255,255,.7);\r\n margin-top:3px; \r\n display:block;\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 2. WHY CHOOSE US \u2014 DARK (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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.why {\r\n position: relative;\r\n width: 100vw;\r\n background: var(--dark);\r\n padding: clamp(60px,8vw,110px) 0;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n border-top: none;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.why::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: var(--red);\r\n z-index: 1;\r\n}\r\n\r\n.why-inner {\r\n display:grid; \r\n grid-template-columns:1fr 1fr;\r\n align-items:stretch; \r\n gap:0;\r\n}\r\n\r\n\/* image left *\/\r\n.why-img {\r\n position:relative; \r\n overflow:hidden;\r\n min-height:clamp(400px,60vh,650px);\r\n}\r\n.why-img img {\r\n width:100%; \r\n height:100%;\r\n object-fit:cover; \r\n object-position:center 25%;\r\n display:block; \r\n filter:brightness(.55) saturate(.8);\r\n transition:transform 6s ease;\r\n}\r\n.why-img:hover img { transform:scale(1.04); }\r\n.why-img-overlay {\r\n position:absolute; \r\n inset:0;\r\n background:linear-gradient(90deg, rgba(8,9,10,.0) 60%, rgba(8,9,10,.9) 100%);\r\n}\r\n\r\n\/* right content *\/\r\n.why-content {\r\n padding:clamp(48px,6vw,80px) clamp(24px,8vw,100px) clamp(48px,6vw,80px) clamp(24px,5vw,64px);\r\n display:flex; \r\n flex-direction:column; \r\n justify-content:center;\r\n}\r\n.why-desc {\r\n font-size:clamp(.86rem,1.2vw,.98rem); \r\n font-weight:300;\r\n line-height:1.85; \r\n color:rgba(255,255,255,.48);\r\n margin-bottom:clamp(28px,4vw,48px);\r\n}\r\n.why-grid {\r\n display:grid; \r\n grid-template-columns:1fr 1fr;\r\n gap:clamp(10px,1.5vw,14px);\r\n}\r\n.why-card {\r\n background:rgba(255,255,255,.04);\r\n border: none;\r\n border-radius:8px; \r\n padding:clamp(16px,2vw,24px);\r\n display:flex; \r\n flex-direction:column; \r\n gap:12px;\r\n transition:all .3s ease; \r\n cursor:default; \r\n position:relative; \r\n overflow:hidden;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n}\r\n.why-card::before {\r\n content:''; \r\n position:absolute; \r\n top:0; \r\n left:0; \r\n right:0; \r\n height:2px;\r\n transform:scaleX(0); \r\n transform-origin:left; \r\n transition:transform .4s ease;\r\n}\r\n.why-card:nth-child(odd)::before { background:var(--blue); }\r\n.why-card:nth-child(even)::before { background:var(--red); }\r\n.why-card:hover::before { transform:scaleX(1); }\r\n.why-card:hover { \r\n background:rgba(255,255,255,.07); \r\n}\r\n.why-icon {\r\n width:36px; \r\n height:36px; \r\n border-radius:6px;\r\n display:flex; \r\n align-items:center; \r\n justify-content:center; \r\n transition:all .3s ease;\r\n border: none;\r\n}\r\n.why-card:nth-child(odd) .why-icon { background:rgba(4,107,210,.14); }\r\n.why-card:nth-child(even) .why-icon { background:rgba(228,1,1,.1); }\r\n.why-card:nth-child(odd):hover .why-icon { background:var(--blue); }\r\n.why-card:nth-child(even):hover .why-icon { background:var(--red); }\r\n.why-icon svg { \r\n width:16px; \r\n height:16px; \r\n transition:color .3s; \r\n}\r\n.why-card:nth-child(odd) .why-icon svg { color:var(--blue); }\r\n.why-card:nth-child(even) .why-icon svg { color:var(--red); }\r\n.why-card:hover .why-icon svg { color:#fff; }\r\n.why-card-title {\r\n font-family:'Anton',sans-serif; \r\n font-size:clamp(.9rem,1.4vw,1.1rem);\r\n letter-spacing:.03em; \r\n text-transform:uppercase; \r\n color:#fff; \r\n line-height:1.1;\r\n}\r\n.why-card-text {\r\n font-size:clamp(.72rem,.95vw,.82rem); \r\n font-weight:300;\r\n line-height:1.65; \r\n color:rgba(255,255,255,.38);\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 3. TESTIMONIALS \u2014 LIGHT (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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.testimonials {\r\n position: relative;\r\n width: 100vw;\r\n background: var(--light);\r\n padding: clamp(60px,8vw,110px) 0 0;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n border-top: none;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.testimonials::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--red);\r\n z-index: 1;\r\n}\r\n\r\n.test-header {\r\n padding:0 clamp(24px,8vw,140px) clamp(40px,5vw,64px);\r\n max-width:640px;\r\n}\r\n.test-desc {\r\n font-size:clamp(.86rem,1.2vw,.98rem); \r\n font-weight:300;\r\n line-height:1.8; \r\n color:rgba(0,0,0,.48);\r\n}\r\n\r\n\/* carousel track *\/\r\n.test-track-wrap {\r\n overflow:hidden; \r\n width:100%;\r\n padding-bottom:clamp(48px,7vw,80px);\r\n position:relative;\r\n}\r\n\/* fade edges *\/\r\n.test-track-wrap::before,\r\n.test-track-wrap::after {\r\n content:''; \r\n position:absolute; \r\n top:0; \r\n bottom:0; \r\n width:80px; \r\n z-index:2; \r\n pointer-events:none;\r\n}\r\n.test-track-wrap::before { \r\n left:0; \r\n background:linear-gradient(90deg,var(--light),transparent); \r\n}\r\n.test-track-wrap::after { \r\n right:0; \r\n background:linear-gradient(270deg,var(--light),transparent); \r\n}\r\n\r\n.test-track {\r\n display:flex; \r\n gap:clamp(14px,2vw,24px);\r\n width:max-content;\r\n animation:autoScroll 32s linear infinite;\r\n padding:0 clamp(24px,4vw,48px);\r\n}\r\n.test-track:hover { animation-play-state:paused; }\r\n@keyframes autoScroll {\r\n from { transform:translateX(0); }\r\n to { transform:translateX(-50%); }\r\n}\r\n\r\n.test-card {\r\n background:var(--white);\r\n border: none;\r\n border-radius:10px;\r\n padding:clamp(22px,2.5vw,32px);\r\n width:clamp(280px,30vw,380px);\r\n flex-shrink:0;\r\n display:flex; \r\n flex-direction:column; \r\n gap:14px;\r\n transition:all .3s ease; \r\n cursor:default;\r\n position:relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n}\r\n.test-card::before {\r\n content:''; \r\n position:absolute;\r\n top:0; \r\n left:0; \r\n right:0; \r\n height:3px; \r\n border-radius:10px 10px 0 0;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform .4s ease;\r\n}\r\n.test-card:nth-child(odd)::before { background:var(--blue); }\r\n.test-card:nth-child(even)::before { background:var(--red); }\r\n.test-card:hover::before { transform: scaleX(1); }\r\n.test-card:hover { \r\n box-shadow:0 14px 40px rgba(0,0,0,.1); \r\n transform:translateY(-6px); \r\n}\r\n\r\n\/* avatar row *\/\r\n.test-top { \r\n display:flex; \r\n align-items:center; \r\n gap:14px; \r\n}\r\n.test-avatar {\r\n width:46px; \r\n height:46px; \r\n border-radius:50%;\r\n display:flex; \r\n align-items:center; \r\n justify-content:center;\r\n font-family:'Anton',sans-serif; \r\n font-size:1.1rem; \r\n letter-spacing:.02em;\r\n color:#fff; \r\n flex-shrink:0;\r\n}\r\n.test-card:nth-child(odd) .test-avatar { background:linear-gradient(135deg,var(--blue),#0240a0); }\r\n.test-card:nth-child(even) .test-avatar { background:linear-gradient(135deg,var(--red),#a00000); }\r\n.test-author-name { \r\n font-size:clamp(.82rem,1.05vw,.92rem); \r\n font-weight:600; \r\n color:#0b0c0f; \r\n}\r\n.test-author-service {\r\n font-size:.58rem; \r\n font-weight:500; \r\n letter-spacing:.18em;\r\n text-transform:uppercase; \r\n margin-top:2px;\r\n}\r\n.test-card:nth-child(odd) .test-author-service { color:var(--blue); }\r\n.test-card:nth-child(even) .test-author-service { color:var(--red); }\r\n\r\n.test-stars { \r\n display:flex; \r\n gap:2px; \r\n}\r\n.test-star { \r\n color:#f5a623; \r\n font-size:.85rem; \r\n}\r\n\r\n.test-quote {\r\n font-family:'Anton',sans-serif; \r\n font-size:2.8rem;\r\n line-height:1; \r\n margin-bottom:-8px;\r\n}\r\n.test-card:nth-child(odd) .test-quote { color:rgba(4,107,210,.12); }\r\n.test-card:nth-child(even) .test-quote { color:rgba(228,1,1,.1); }\r\n\r\n.test-text {\r\n font-size:clamp(.8rem,1vw,.88rem); \r\n font-weight:300;\r\n line-height:1.75; \r\n color:rgba(0,0,0,.55); \r\n flex:1;\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 4. BOOKING CTA \u2014 DARK (FIXED 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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta {\r\n position: relative;\r\n width: 100vw;\r\n background: var(--dark2);\r\n padding: clamp(60px,8vw,100px) clamp(24px,8vw,140px);\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n border-top: none;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: var(--blue);\r\n z-index: 1;\r\n}\r\n\r\n\/* Gradient effects *\/\r\n.cta-glow-left {\r\n content: ''; \r\n position: absolute;\r\n bottom:-30%; \r\n left:-5%; \r\n width:45%; \r\n height:130%; \r\n border-radius:50%;\r\n background:radial-gradient(ellipse, rgba(228,1,1,.07) 0%, transparent 60%);\r\n pointer-events:none;\r\n}\r\n\r\n.cta-inner {\r\n position:relative; \r\n z-index:2;\r\n display:flex; \r\n align-items:center; \r\n justify-content:space-between;\r\n gap:40px; \r\n flex-wrap:wrap;\r\n}\r\n.cta-left { \r\n max-width:580px; \r\n}\r\n.cta-label {\r\n font-size:.62rem; \r\n font-weight:600; \r\n letter-spacing:.35em;\r\n text-transform:uppercase; \r\n color:var(--blue);\r\n display:flex; \r\n align-items:center; \r\n gap:10px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n}\r\n.cta-label::before { \r\n content:''; \r\n width:24px; \r\n height:2px; \r\n background:var(--blue); \r\n flex-shrink:0; \r\n border: none;\r\n}\r\n.cta-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.2rem,5vw,5rem);\r\n line-height:.88; \r\n letter-spacing:.01em;\r\n text-transform:uppercase; \r\n color:#fff;\r\n margin-bottom:clamp(12px,1.8vw,18px);\r\n}\r\n.cta-title span { \r\n color:var(--red); \r\n display:block; \r\n}\r\n.cta-desc {\r\n font-size:clamp(.85rem,1.2vw,1rem); \r\n font-weight:300;\r\n line-height:1.8; \r\n color:rgba(255,255,255,.45);\r\n}\r\n.cta-btn {\r\n display:inline-flex; \r\n align-items:center; \r\n gap:14px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:clamp(.72rem,1vw,.82rem); \r\n font-weight:700;\r\n letter-spacing:.18em; \r\n text-transform:uppercase;\r\n text-decoration:none; \r\n color:#fff;\r\n padding:clamp(16px,2vw,20px) clamp(36px,4vw,60px);\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 .3s cubic-bezier(.34,1.56,.64,1);\r\n white-space:nowrap; \r\n flex-shrink:0;\r\n}\r\n.cta-btn:hover {\r\n background:#c80000;\r\n box-shadow:0 16px 52px rgba(228,1,1,.6);\r\n transform:translateY(-4px) scale(1.03);\r\n}\r\n.cta-btn svg { \r\n transition:transform .3s ease; \r\n}\r\n.cta-btn:hover svg { \r\n transform:translateX(6px); \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\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width:900px) {\r\n .about-inner { grid-template-columns:1fr; }\r\n .about-text { padding:clamp(48px,6vw,72px) clamp(24px,6vw,48px); order:2; }\r\n .about-img { height:320px; order:1; }\r\n .why-inner { grid-template-columns:1fr; }\r\n .why-img { min-height:300px; }\r\n .why-img-overlay { background:linear-gradient(180deg,rgba(8,9,10,0) 40%,rgba(8,9,10,.9) 100%); }\r\n .why-content { padding:clamp(36px,5vw,56px) clamp(24px,6vw,48px); }\r\n .why-grid { grid-template-columns:1fr 1fr; }\r\n \r\n \/* Adjust section padding for mobile *\/\r\n .about, .why, .testimonials, .cta {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n@media (max-width:768px) {\r\n .cta-inner { \r\n flex-direction:column; \r\n align-items:flex-start; \r\n }\r\n \r\n .cta-btn { \r\n width:100%; \r\n justify-content:center;\r\n }\r\n \r\n .cta-title {\r\n font-size: 2.8rem; \/* Smaller on mobile *\/\r\n line-height: 1;\r\n }\r\n \r\n .cta-title span {\r\n display: inline; \/* Keep span inline on mobile *\/\r\n margin-left: 5px;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n .why-grid { grid-template-columns:1fr; }\r\n .about-badge { bottom:20px; }\r\n \r\n .test-track-wrap::before,\r\n .test-track-wrap::after {\r\n width: 30px;\r\n }\r\n \r\n \/* Fix for CTA section on small phones *\/\r\n .cta {\r\n padding: 40px 24px;\r\n }\r\n \r\n .cta-title {\r\n font-size: 2.2rem;\r\n line-height: 1.1;\r\n }\r\n \r\n .cta-title span {\r\n display: block; \/* Stack on very small screens *\/\r\n margin-left: 0;\r\n margin-top: 5px;\r\n }\r\n \r\n .cta-desc {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .cta-btn {\r\n font-size: 0.9rem;\r\n padding: 14px 24px;\r\n white-space: normal; \/* Allow button text to wrap if needed *\/\r\n text-align: center;\r\n }\r\n}\r\n\r\n\/* Extra small devices *\/\r\n@media (max-width:400px) {\r\n .cta-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .cta-desc {\r\n font-size: 0.9rem;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 1. ABOUT \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"about\">\r\n <div class=\"about-inner\">\r\n\r\n <!-- Text left -->\r\n <div class=\"about-text reveal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eyebrow-line blue\"><\/div>\r\n <span class=\"eyebrow-text blue\">Who We Are<\/span>\r\n <\/div>\r\n <h2 class=\"title-light\">About <span>AutoPoint<\/span> MK<\/h2>\r\n <div class=\"divider div-rb\"><\/div>\r\n <p class=\"about-desc\">AutoPoint MK is your local car and van repair and MOT specialist in Milton Keynes. Our certified team brings over 15 years of industry experience, delivering reliable, high-quality service with a focus on transparency and customer care. From diagnostics to repairs and MOTs, we've got you covered.<br><br>Our dedicated team of certified mechanics is committed to delivering high-quality service and customer satisfaction. We understand that vehicle repairs can be stressful, which is why we strive to make the process as transparent and hassle-free as possible.<\/p>\r\n <div class=\"about-list\">\r\n <div class=\"about-item\"><div class=\"adot\"><\/div><span>Over 15 years of experience in automotive repair<\/span><\/div>\r\n <div class=\"about-item\"><div class=\"adot\"><\/div><span>Fully qualified and certified mechanics<\/span><\/div>\r\n <div class=\"about-item\"><div class=\"adot\"><\/div><span>Genuine manufacturer parts used<\/span><\/div>\r\n <div class=\"about-item\"><div class=\"adot\"><\/div><span>Latest diagnostic equipment<\/span><\/div>\r\n <div class=\"about-item\"><div class=\"adot\"><\/div><span>Transparent pricing with no hidden costs<\/span><\/div>\r\n <div class=\"about-item\"><div class=\"adot\"><\/div><span>Convenient location in Milton Keynes<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Image right -->\r\n <div class=\"about-img reveal\" style=\"transition-delay:.15s\">\r\n <img decoding=\"async\" src=\"https:\/\/autopointmk.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-07-202201.png\" alt=\"AutoPoint MK Garage\"\/>\r\n <div class=\"about-badge\">\r\n <span class=\"about-badge-n\">15+<\/span>\r\n <span class=\"about-badge-l\">Years of Trust<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 2. WHY CHOOSE US \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"why\">\r\n <div class=\"why-inner\">\r\n\r\n <!-- Image left -->\r\n <div class=\"why-img reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1619642751034-765dfdf7c58e?auto=format&fit=crop&w=1200&q=85\" alt=\"Mechanic at work\"\/>\r\n <div class=\"why-img-overlay\"><\/div>\r\n <\/div>\r\n\r\n <!-- Content right -->\r\n <div class=\"why-content reveal\" style=\"transition-delay:.15s\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eyebrow-line red\"><\/div>\r\n <span class=\"eyebrow-text red\">Our Promise<\/span>\r\n <\/div>\r\n <h2 class=\"title-dark\">Why <span>Choose<\/span> Us<\/h2>\r\n <div class=\"divider div-br\"><\/div>\r\n <p class=\"why-desc\">We go beyond standard repairs \u2014 combining technical expertise with a personal, customer-first approach. No upselling, no shortcuts \u2014 just honest advice, quality workmanship, and a commitment to getting you back on the road quickly and safely.<\/p>\r\n\r\n <div class=\"why-grid\">\r\n <div class=\"why-card\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\r\n <div class=\"why-card-title\">Honest Advice<\/div>\r\n <p class=\"why-card-text\">No upselling \u2014 clear, unbiased advice always in your best interest.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\r\n <div class=\"why-card-title\">Quality Work<\/div>\r\n <p class=\"why-card-text\">Genuine parts, latest equipment, fully certified mechanics.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <div class=\"why-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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div class=\"why-card-title\">Fast Turnaround<\/div>\r\n <p class=\"why-card-text\">Most services completed same-day. We respect your time.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\r\n <div class=\"why-card-title\">Clear Pricing<\/div>\r\n <p class=\"why-card-text\">No hidden fees, no surprises. Fair, competitive pricing always.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n <div class=\"why-card-title\">Customer First<\/div>\r\n <p class=\"why-card-text\">Friendly, informative \u2014 from first call to handing back your keys.<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <div class=\"why-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=\"why-card-title\">Fully Certified<\/div>\r\n <p class=\"why-card-text\">All mechanics fully qualified. Your vehicle is in safe hands.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 3. TESTIMONIALS \u2014 LIGHT (auto-scroll)\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"testimonials\">\r\n\r\n <div class=\"test-header reveal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eyebrow-line red\"><\/div>\r\n <span class=\"eyebrow-text red\">Reviews<\/span>\r\n <\/div>\r\n <h2 class=\"title-light\">What Our <span style=\"color:var(--red)\">Customers<\/span> Say<\/h2>\r\n <div class=\"divider div-rb\"><\/div>\r\n <p class=\"test-desc\">Don't just take our word for it \u2014 here's what some of our satisfied customers have to say about AutoPoint MK.<\/p>\r\n <\/div>\r\n\r\n <div class=\"test-track-wrap\">\r\n <div class=\"test-track\">\r\n\r\n <!-- Card 1 -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\">\r\n <div class=\"test-avatar\">MW<\/div>\r\n <div>\r\n <div class=\"test-author-name\">Mark Williams<\/div>\r\n <div class=\"test-author-service\">Engine Diagnostics<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">I had a warning light on my dashboard and they diagnosed the issue quickly. They explained everything clearly and fixed the problem without any unnecessary work. Highly recommended!<\/p>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\">\r\n <div class=\"test-avatar\">SJ<\/div>\r\n <div>\r\n <div class=\"test-author-name\">Sarah Johnson<\/div>\r\n <div class=\"test-author-service\">Full Service & MOT<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">Outstanding service from start to finish. The team at AutoPoint MK were professional, efficient and kept me informed throughout the process. My car is running better than ever!<\/p>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\">\r\n <div class=\"test-avatar\">DT<\/div>\r\n <div>\r\n <div class=\"test-author-name\">David Thompson<\/div>\r\n <div class=\"test-author-service\">Brake Replacement<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">I had my brakes replaced here and the service was excellent. The price was very reasonable and the work was completed on the same day. Will definitely be returning for future repairs.<\/p>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\">\r\n <div class=\"test-avatar\">RP<\/div>\r\n <div>\r\n <div class=\"test-author-name\">Rachel Patel<\/div>\r\n <div class=\"test-author-service\">MOT Testing<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">Passed my MOT first time with no advisories. The team were friendly and the whole experience was smooth and straightforward. Great local garage \u2014 will be back next year!<\/p>\r\n <\/div>\r\n\r\n <!-- Card 5 -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\">\r\n <div class=\"test-avatar\">JM<\/div>\r\n <div>\r\n <div class=\"test-author-name\">James Mitchell<\/div>\r\n <div class=\"test-author-service\">Air Con Recharge<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">Quick, efficient and very fairly priced. Booked online, dropped the car off in the morning and it was ready by lunch. Couldn't ask for more \u2014 absolutely recommend AutoPoint MK.<\/p>\r\n <\/div>\r\n\r\n <!-- Card 6 -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\">\r\n <div class=\"test-avatar\">LC<\/div>\r\n <div>\r\n <div class=\"test-author-name\">Lisa Clarke<\/div>\r\n <div class=\"test-author-service\">Battery Service<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">My car wouldn't start and they fitted a new battery same day. The staff were incredibly helpful and explained exactly what had gone wrong. Fantastic service \u2014 thank you!<\/p>\r\n <\/div>\r\n\r\n <!-- DUPLICATES for seamless loop -->\r\n <div class=\"test-card\">\r\n <div class=\"test-top\"><div class=\"test-avatar\">MW<\/div><div><div class=\"test-author-name\">Mark Williams<\/div><div class=\"test-author-service\">Engine Diagnostics<\/div><\/div><\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">I had a warning light on my dashboard and they diagnosed the issue quickly. They explained everything clearly and fixed the problem without any unnecessary work. Highly recommended!<\/p>\r\n <\/div>\r\n <div class=\"test-card\">\r\n <div class=\"test-top\"><div class=\"test-avatar\">SJ<\/div><div><div class=\"test-author-name\">Sarah Johnson<\/div><div class=\"test-author-service\">Full Service & MOT<\/div><\/div><\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">Outstanding service from start to finish. The team at AutoPoint MK were professional, efficient and kept me informed throughout the process. My car is running better than ever!<\/p>\r\n <\/div>\r\n <div class=\"test-card\">\r\n <div class=\"test-top\"><div class=\"test-avatar\">DT<\/div><div><div class=\"test-author-name\">David Thompson<\/div><div class=\"test-author-service\">Brake Replacement<\/div><\/div><\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">I had my brakes replaced here and the service was excellent. The price was very reasonable and the work was completed on the same day. Will definitely be returning for future repairs.<\/p>\r\n <\/div>\r\n <div class=\"test-card\">\r\n <div class=\"test-top\"><div class=\"test-avatar\">RP<\/div><div><div class=\"test-author-name\">Rachel Patel<\/div><div class=\"test-author-service\">MOT Testing<\/div><\/div><\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">Passed my MOT first time with no advisories. The team were friendly and the whole experience was smooth and straightforward. Great local garage \u2014 will be back next year!<\/p>\r\n <\/div>\r\n <div class=\"test-card\">\r\n <div class=\"test-top\"><div class=\"test-avatar\">JM<\/div><div><div class=\"test-author-name\">James Mitchell<\/div><div class=\"test-author-service\">Air Con Recharge<\/div><\/div><\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">Quick, efficient and very fairly priced. Booked online, dropped the car off in the morning and it was ready by lunch. Couldn't ask for more \u2014 absolutely recommend AutoPoint MK.<\/p>\r\n <\/div>\r\n <div class=\"test-card\">\r\n <div class=\"test-top\"><div class=\"test-avatar\">LC<\/div><div><div class=\"test-author-name\">Lisa Clarke<\/div><div class=\"test-author-service\">Battery Service<\/div><\/div><\/div>\r\n <div class=\"test-stars\"><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><span class=\"test-star\">\u2605<\/span><\/div>\r\n <div class=\"test-quote\">\"<\/div>\r\n <p class=\"test-text\">My car wouldn't start and they fitted a new battery same day. The staff were incredibly helpful and explained exactly what had gone wrong. Fantastic service \u2014 thank you!<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 4. BOOKING CTA \u2014 DARK (FIXED)\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cta\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-left reveal\">\r\n <div class=\"cta-label\">Online Booking<\/div>\r\n <h2 class=\"cta-title\">\r\n Easy Online Booking\r\n <span>At Your Convenience.<\/span>\r\n <\/h2>\r\n <p class=\"cta-desc\">Get your car serviced at a time that suits you. Book online in minutes \u2014 fast, simple and hassle-free.<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"cta-btn reveal\" style=\"transition-delay:.2s\">\r\n Book Now\r\n <svg width=\"16\" height=\"16\" 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=\"cta-glow-left\"><\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { \r\n e.target.classList.add('visible'); \r\n obs.unobserve(e.target); \r\n }\r\n });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.reveal').forEach(el => obs.observe(el));\r\n<\/script>\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<div class=\"elementor-element elementor-element-0dc6271 e-flex e-con-boxed e-con e-parent\" data-id=\"0dc6271\" 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-cbfcdaa elementor-widget elementor-widget-html\" data-id=\"cbfcdaa\" 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 FAQs<\/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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION WRAPPER - 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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faq {\r\n position: relative;\r\n width: 100vw;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 100vh;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LEFT \u2014 PREMIUM IMAGE COLUMN\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faq-img {\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 600px;\r\n}\r\n\r\n\/* base photo *\/\r\n.faq-img img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%; \r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 30%;\r\n display: block;\r\n filter: brightness(0.55) saturate(0.75);\r\n transform: scale(1.06);\r\n transition: transform 10s ease;\r\n}\r\n.faq-img:hover img { transform: scale(1.0); }\r\n\r\n\/* layered cinematic overlays *\/\r\n.faq-img-overlay {\r\n position: absolute; inset: 0; z-index: 1;\r\n background:\r\n linear-gradient(180deg,\r\n rgba(8,9,10,0.55) 0%,\r\n rgba(8,9,10,0.05) 35%,\r\n rgba(8,9,10,0.05) 60%,\r\n rgba(8,9,10,0.75) 100%\r\n ),\r\n linear-gradient(90deg,\r\n rgba(8,9,10,0.0) 55%,\r\n rgba(8,9,10,0.95) 100%\r\n );\r\n}\r\n\r\n\/* blue atmospheric glow *\/\r\n.faq-img-glow {\r\n position: absolute;\r\n top: -10%; right: -10%;\r\n width: 65%; height: 65%;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(4,107,210,0.22) 0%, transparent 65%);\r\n z-index: 2; \r\n pointer-events: none;\r\n animation: glowPulse 6s ease-in-out infinite alternate;\r\n}\r\n.faq-img-glow2 {\r\n position: absolute;\r\n bottom: -5%; left: -5%;\r\n width: 55%; height: 55%;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(228,1,1,0.14) 0%, transparent 65%);\r\n z-index: 2; \r\n pointer-events: none;\r\n animation: glowPulse 8s ease-in-out 1s infinite alternate-reverse;\r\n}\r\n@keyframes glowPulse {\r\n from { opacity: 0.7; transform: scale(1.0); }\r\n to { opacity: 1.0; transform: scale(1.12); }\r\n}\r\n\r\n\/* noise grain texture *\/\r\n.faq-img-grain {\r\n position: absolute; inset: 0; z-index: 3; \r\n pointer-events: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n opacity: 0.35; \r\n mix-blend-mode: overlay;\r\n}\r\n\r\n\/* premium content on image *\/\r\n.faq-img-content {\r\n position: absolute; inset: 0; z-index: 5;\r\n display: flex; flex-direction: column;\r\n justify-content: space-between;\r\n padding: clamp(32px,4vw,56px);\r\n}\r\n\r\n\/* top \u2014 empty (logo removed) *\/\r\n.faq-img-brand {\r\n display: none; \/* Hides the logo section *\/\r\n}\r\n\r\n\/* middle \u2014 stat pill *\/\r\n.faq-img-mid {\r\n display: flex; flex-direction: column; gap: 14px;\r\n align-items: flex-start;\r\n margin-top: auto; \/* Pushes content down slightly *\/\r\n margin-bottom: auto;\r\n}\r\n.faq-img-pill {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: rgba(4,107,210,0.15);\r\n border: none;\r\n border-radius: 100px;\r\n padding: 9px 18px;\r\n backdrop-filter: blur(14px);\r\n}\r\n.faq-img-pill-dot {\r\n width: 7px; height: 7px; \r\n border-radius: 50%;\r\n background: #046BD2;\r\n box-shadow: 0 0 10px rgba(4,107,210,0.9);\r\n animation: blink 2s ease-in-out infinite;\r\n border: none;\r\n}\r\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }\r\n.faq-img-pill-text {\r\n font-size: clamp(0.56rem,0.8vw,0.64rem);\r\n font-weight: 600; \r\n letter-spacing: 0.28em;\r\n text-transform: uppercase; \r\n color: rgba(200,225,255,0.9);\r\n}\r\n\r\n.faq-img-big-text {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(2.4rem,5vw,4.8rem);\r\n line-height: 0.88; \r\n letter-spacing: 0.01em;\r\n text-transform: uppercase; \r\n color: #fff;\r\n}\r\n.faq-img-big-text span { \r\n color: #E40101; \r\n display: block; \r\n}\r\n\r\n\/* bottom \u2014 stats row *\/\r\n.faq-img-stats {\r\n display: flex; \r\n gap: 0;\r\n}\r\n.faq-stat-box {\r\n flex: 1;\r\n background: rgba(8,9,10,0.7);\r\n border: none;\r\n backdrop-filter: blur(20px);\r\n padding: clamp(14px,2vw,20px) clamp(10px,1.5vw,16px);\r\n text-align: center;\r\n transition: background 0.3s ease;\r\n}\r\n.faq-stat-box:first-child { border-radius: 8px 0 0 8px; }\r\n.faq-stat-box:last-child { border-radius: 0 8px 8px 0; }\r\n.faq-stat-box:hover { \r\n background: rgba(4,107,210,0.12); \r\n}\r\n.faq-stat-n {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(1.2rem,2vw,1.8rem);\r\n line-height: 1; \r\n display: block; \r\n letter-spacing: 0.02em;\r\n}\r\n.faq-stat-box:nth-child(odd) .faq-stat-n { color: #046BD2; }\r\n.faq-stat-box:nth-child(even) .faq-stat-n { color: #E40101; }\r\n.faq-stat-l {\r\n font-size: 0.52rem; \r\n font-weight: 600;\r\n letter-spacing: 0.22em; \r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.28); \r\n margin-top: 5px; \r\n display: block;\r\n}\r\n\r\n\/* thin red\/blue side stripe - kept as design element *\/\r\n.faq-img::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; right: 0; bottom: 0;\r\n width: 3px; z-index: 10;\r\n background: linear-gradient(180deg, transparent 0%, #046BD2 35%, #E40101 65%, transparent 100%);\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RIGHT \u2014 FAQ CONTENT - FULL WIDTH INSIDE GRID\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faq-content {\r\n background: #0f1014;\r\n padding: clamp(48px,6vw,88px) clamp(32px,5vw,72px);\r\n display: flex; \r\n flex-direction: column; \r\n justify-content: center;\r\n border-top: none;\r\n position: relative;\r\n}\r\n\r\n\/* Accent bar instead of border *\/\r\n.faq-content::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #046BD2;\r\n z-index: 1;\r\n}\r\n\r\n.faq-eyebrow {\r\n display: flex; \r\n align-items: center; \r\n gap: 12px;\r\n margin-bottom: clamp(14px,2vw,20px);\r\n}\r\n.faq-eyebrow-line { \r\n width: 28px; \r\n height: 2px; \r\n background: #E40101; \r\n flex-shrink: 0; \r\n border: none;\r\n}\r\n.faq-eyebrow-text {\r\n font-size: 0.62rem; \r\n font-weight: 600;\r\n letter-spacing: 0.35em; \r\n text-transform: uppercase; \r\n color: #E40101;\r\n}\r\n\r\n.faq-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(2.2rem,4.5vw,4.5rem);\r\n line-height: 0.9; \r\n letter-spacing: 0.01em;\r\n text-transform: uppercase; \r\n color: #fff;\r\n margin-bottom: 6px;\r\n}\r\n.faq-title span { \r\n color: #046BD2; \r\n display: block; \r\n}\r\n\r\n.faq-divider {\r\n width: 44px; \r\n height: 3px;\r\n background: linear-gradient(90deg, #E40101, #046BD2);\r\n border-radius: 2px;\r\n margin: clamp(18px,2.5vw,28px) 0;\r\n border: none;\r\n}\r\n\r\n.faq-subtitle {\r\n font-size: clamp(0.84rem,1.15vw,0.95rem);\r\n font-weight: 300; \r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.42);\r\n margin-bottom: clamp(28px,4vw,44px);\r\n}\r\n\r\n\/* \u2500\u2500 ACCORDION \u2500\u2500 *\/\r\n.faq-list { \r\n display: flex; \r\n flex-direction: column; \r\n gap: 2px; \r\n}\r\n\r\n.faq-item {\r\n border: none;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n transition: background-color 0.3s ease;\r\n}\r\n.faq-item.open {\r\n background: rgba(4,107,210,0.05);\r\n}\r\n\r\n.faq-q {\r\n display: flex; \r\n align-items: center; \r\n justify-content: space-between;\r\n gap: 16px;\r\n padding: clamp(16px,2vw,22px) clamp(18px,2.5vw,26px);\r\n cursor: pointer;\r\n background: rgba(255,255,255,0.03);\r\n transition: background 0.25s ease;\r\n user-select: none;\r\n}\r\n.faq-q:hover { \r\n background: rgba(255,255,255,0.06); \r\n}\r\n.faq-item.open .faq-q { \r\n background: rgba(4,107,210,0.1); \r\n}\r\n\r\n.faq-q-left { \r\n display: flex; \r\n align-items: center; \r\n gap: 14px; \r\n}\r\n\r\n.faq-q-num {\r\n font-family: 'Anton', sans-serif;\r\n font-size: 0.6rem; \r\n letter-spacing: 0.22em;\r\n color: rgba(255,255,255,0.2); \r\n flex-shrink: 0;\r\n transition: color 0.3s;\r\n}\r\n.faq-item.open .faq-q-num { \r\n color: rgba(4,107,210,0.8); \r\n}\r\n\r\n.faq-q-text {\r\n font-size: clamp(0.84rem,1.1vw,0.95rem);\r\n font-weight: 500; \r\n color: rgba(255,255,255,0.85);\r\n line-height: 1.4;\r\n}\r\n.faq-item.open .faq-q-text { \r\n color: #fff; \r\n}\r\n\r\n.faq-q-icon {\r\n width: 28px; \r\n height: 28px; \r\n border-radius: 50%; \r\n flex-shrink: 0;\r\n border: none;\r\n background: rgba(255,255,255,0.04);\r\n display: flex; \r\n align-items: center; \r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n}\r\n.faq-item.open .faq-q-icon {\r\n background: #046BD2; \r\n transform: rotate(45deg);\r\n}\r\n.faq-q-icon svg { \r\n width: 12px; \r\n height: 12px; \r\n color: rgba(255,255,255,0.5); \r\n transition: color 0.3s; \r\n}\r\n.faq-item.open .faq-q-icon svg { \r\n color: #fff; \r\n}\r\n\r\n\/* answer panel *\/\r\n.faq-a {\r\n max-height: 0; \r\n overflow: hidden;\r\n transition: max-height 0.45s cubic-bezier(0.16,1,0.3,1), padding 0.35s ease;\r\n padding: 0 clamp(18px,2.5vw,26px);\r\n background: rgba(4,107,210,0.05);\r\n}\r\n.faq-item.open .faq-a {\r\n max-height: 300px;\r\n padding: 0 clamp(18px,2.5vw,26px) clamp(16px,2vw,22px);\r\n}\r\n.faq-a-inner {\r\n padding-top: clamp(12px,1.5vw,16px);\r\n border-top: 1px solid rgba(4,107,210,0.18);\r\n font-size: clamp(0.8rem,1.05vw,0.9rem);\r\n font-weight: 300; \r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.48);\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\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .faq { \r\n grid-template-columns: 1fr; \r\n }\r\n .faq-img { \r\n min-height: 460px; \r\n }\r\n .faq-img::after { \r\n display: none; \r\n }\r\n .faq-content { \r\n border-top: none;\r\n }\r\n .faq-content::before {\r\n height: 4px;\r\n background: #046BD2;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .faq-img-stats { \r\n flex-direction: row; \r\n }\r\n \r\n \/* Adjust padding for mobile *\/\r\n .faq-content {\r\n padding: 40px 20px;\r\n }\r\n \r\n .faq-img-content {\r\n padding: 24px 16px;\r\n }\r\n \r\n \/* Adjust middle section spacing on mobile *\/\r\n .faq-img-mid {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq\">\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\r\n LEFT \u2014 PREMIUM IMAGE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"faq-img\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/autopointmk.com\/wp-content\/uploads\/2025\/05\/back-headlights-black-luxury-car-1-1024x684.jpg\"\r\n alt=\"AutoPoint MK Garage\"\r\n \/>\r\n <div class=\"faq-img-overlay\"><\/div>\r\n <div class=\"faq-img-glow\"><\/div>\r\n <div class=\"faq-img-glow2\"><\/div>\r\n <div class=\"faq-img-grain\"><\/div>\r\n\r\n <div class=\"faq-img-content\">\r\n\r\n <!-- Brand top - REMOVED (logo section hidden) -->\r\n <!-- No logo displayed -->\r\n\r\n <!-- Middle headline -->\r\n <div class=\"faq-img-mid\">\r\n <div class=\"faq-img-pill\">\r\n <div class=\"faq-img-pill-dot\"><\/div>\r\n <span class=\"faq-img-pill-text\">Always Here To Help<\/span>\r\n <\/div>\r\n <div class=\"faq-img-big-text\">\r\n Got A\r\n <span>Question?<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom stats -->\r\n <div class=\"faq-img-stats\">\r\n <div class=\"faq-stat-box\">\r\n <span class=\"faq-stat-n\">15+<\/span>\r\n <span class=\"faq-stat-l\">Yrs Experience<\/span>\r\n <\/div>\r\n <div class=\"faq-stat-box\">\r\n <span class=\"faq-stat-n\">5K+<\/span>\r\n <span class=\"faq-stat-l\">Cars Serviced<\/span>\r\n <\/div>\r\n <div class=\"faq-stat-box\">\r\n <span class=\"faq-stat-n\">5 \u2605<\/span>\r\n <span class=\"faq-stat-l\">Google Rated<\/span>\r\n <\/div>\r\n <div class=\"faq-stat-box\">\r\n <span class=\"faq-stat-n\">Free<\/span>\r\n <span class=\"faq-stat-l\">Estimates<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\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\r\n RIGHT \u2014 FAQ CONTENT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"faq-content\">\r\n\r\n <div class=\"faq-eyebrow\">\r\n <div class=\"faq-eyebrow-line\"><\/div>\r\n <span class=\"faq-eyebrow-text\">Got Questions?<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"faq-title\">\r\n Frequently Asked\r\n <span>Questions.<\/span>\r\n <\/h2>\r\n\r\n <div class=\"faq-divider\"><\/div>\r\n\r\n <p class=\"faq-subtitle\">Everything you need to know about our services. Can't find your answer? Give us a call or drop us a message.<\/p>\r\n\r\n <div class=\"faq-list\">\r\n\r\n <div class=\"faq-item open\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">01<\/span>\r\n <span class=\"faq-q-text\">How do I book a service or MOT?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">You can book easily online via our booking page at any time \u2014 it only takes a few minutes. Alternatively, call us directly and our friendly team will arrange everything for you at a time that suits you best.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">02<\/span>\r\n <span class=\"faq-q-text\">Do you work on all makes and models?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">Yes \u2014 we service and repair all makes and models of cars and vans, both petrol and diesel. From hatchbacks and SUVs to commercial vans, our certified mechanics have the expertise and equipment to handle them all.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">03<\/span>\r\n <span class=\"faq-q-text\">How long does an MOT take?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">A standard MOT typically takes around 45 to 60 minutes. If any repairs or advisories are identified, we'll explain everything clearly and provide a transparent quote before any additional work is carried out.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">04<\/span>\r\n <span class=\"faq-q-text\">Do you use genuine manufacturer parts?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">Yes. We always use genuine or OEM-equivalent parts to ensure quality and reliability. We never compromise on parts quality \u2014 it's part of our commitment to delivering lasting, trustworthy repairs.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">05<\/span>\r\n <span class=\"faq-q-text\">Are your prices fixed or can they change?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">We always provide a full, transparent quote before any work begins. The price you're quoted is the price you pay \u2014 no hidden costs, no surprise charges. If anything unexpected is found, we'll always discuss it with you first.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">06<\/span>\r\n <span class=\"faq-q-text\">Can I wait while my car is being worked on?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">Absolutely. You're welcome to wait in our comfortable customer area while your vehicle is being serviced. For longer jobs, many customers prefer to drop off their car and collect it later \u2014 we're flexible and happy to accommodate you either way.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-num\">07<\/span>\r\n <span class=\"faq-q-text\">Where are you located in Milton Keynes?<\/span>\r\n <\/div>\r\n <div class=\"faq-q-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-a\">\r\n <div class=\"faq-a-inner\">AutoPoint MK is conveniently located in Milton Keynes with easy access and ample parking. Visit our contact page for the full address, directions and opening hours \u2014 or give us a call and we'll guide you in.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.querySelectorAll('.faq-q').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const item = btn.closest('.faq-item');\r\n const isOpen = item.classList.contains('open');\r\n \/\/ close all\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n \/\/ toggle clicked\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n});\r\n<\/script>\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<div class=\"elementor-element elementor-element-b427184 e-flex e-con-boxed e-con e-parent\" data-id=\"b427184\" 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-c517425 elementor-widget elementor-widget-html\" data-id=\"c517425\" 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 Opening Hours<\/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: #f4f5f7;\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 SECTION - 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.hours {\r\n position: relative;\r\n width: 100vw;\r\n background: #ffffff;\r\n padding: clamp(60px,8vw,110px) clamp(24px,8vw,140px);\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n border-top: none; \/* Removed border *\/\r\n}\r\n\r\n\/* Accent bar instead of border *\/\r\n.hours::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #046BD2, #E40101);\r\n z-index: 1;\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 HEADER\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.hours-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n margin-bottom: clamp(36px,5vw,60px);\r\n}\r\n\r\n.hours-header-left {}\r\n\r\n.eyebrow {\r\n display: flex; \r\n align-items: center; \r\n gap: 12px;\r\n margin-bottom: clamp(12px,1.8vw,18px);\r\n}\r\n.eyebrow-line { \r\n width: 28px; \r\n height: 2px; \r\n background: #E40101; \r\n flex-shrink: 0; \r\n border: none;\r\n}\r\n.eyebrow-text {\r\n font-size: .62rem; \r\n font-weight: 600;\r\n letter-spacing: .35em; \r\n text-transform: uppercase; \r\n color: #E40101;\r\n}\r\n\r\n.hours-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(2.4rem,5.5vw,5.2rem);\r\n line-height: .9; \r\n letter-spacing: .01em;\r\n text-transform: uppercase; \r\n color: #0b0c0f;\r\n}\r\n.hours-title span { \r\n color: #046BD2; \r\n}\r\n\r\n\/* live status pill \u2014 top right *\/\r\n.hours-status-pill {\r\n display: inline-flex; \r\n align-items: center; \r\n gap: 10px;\r\n padding: 12px 22px;\r\n border-radius: 100px;\r\n border: 1px solid;\r\n font-size: .68rem; \r\n font-weight: 700;\r\n letter-spacing: .16em; \r\n text-transform: uppercase;\r\n white-space: nowrap; \r\n align-self: center;\r\n}\r\n.hours-status-pill.open { \r\n background: rgba(34,197,94,.08); \r\n border-color: rgba(34,197,94,.3); \r\n color: #15803d; \r\n}\r\n.hours-status-pill.closed { \r\n background: rgba(228,1,1,.07); \r\n border-color: rgba(228,1,1,.25); \r\n color: #E40101; \r\n}\r\n.pill-dot {\r\n width: 8px; \r\n height: 8px; \r\n border-radius: 50%; \r\n flex-shrink: 0;\r\n animation: pulse 2s ease-in-out infinite;\r\n border: none;\r\n}\r\n.hours-status-pill.open .pill-dot { \r\n background: #22c55e; \r\n box-shadow: 0 0 8px rgba(34,197,94,.6); \r\n}\r\n.hours-status-pill.closed .pill-dot { \r\n background: #E40101; \r\n box-shadow: 0 0 8px rgba(228,1,1,.5); \r\n}\r\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.35} }\r\n\r\n\/* divider *\/\r\n.hours-divider {\r\n width: 44px; \r\n height: 3px;\r\n background: linear-gradient(90deg, #E40101, #046BD2);\r\n border-radius: 2px;\r\n margin: clamp(16px,2.5vw,24px) 0 0;\r\n border: none;\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 GRID OF DAY CARDS\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.hours-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 3px;\r\n}\r\n\r\n.day-card {\r\n background: #f4f5f7;\r\n border: none; \/* Removed border *\/\r\n border-radius: 8px;\r\n padding: clamp(16px,2vw,24px) clamp(10px,1.2vw,16px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n transition: all .3s ease;\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\r\n}\r\n.day-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: #046BD2;\r\n transform: scaleX(0);\r\n transition: transform .3s ease;\r\n}\r\n.day-card.sunday::before { \r\n background: #E40101; \r\n}\r\n.day-card:hover::before { \r\n transform: scaleX(1); \r\n}\r\n.day-card:hover {\r\n background: #fff;\r\n box-shadow: 0 8px 28px rgba(4,107,210,.1);\r\n transform: translateY(-4px);\r\n}\r\n.day-card.sunday:hover {\r\n box-shadow: 0 8px 28px rgba(228,1,1,.08);\r\n}\r\n\r\n\/* today highlight *\/\r\n.day-card.today {\r\n background: #fff;\r\n border: none; \/* Removed border *\/\r\n border-width: 0;\r\n box-shadow: 0 8px 32px rgba(4,107,210,.15);\r\n transform: translateY(-4px);\r\n}\r\n.day-card.today::before { \r\n transform: scaleX(1); \r\n}\r\n.day-card.sunday.today {\r\n box-shadow: 0 8px 32px rgba(228,1,1,.12);\r\n}\r\n\r\n.day-abbr {\r\n font-size: clamp(.52rem,.7vw,.6rem);\r\n font-weight: 700; \r\n letter-spacing: .28em;\r\n text-transform: uppercase; \r\n color: rgba(0,0,0,.28);\r\n}\r\n.day-card.today .day-abbr { \r\n color: #046BD2; \r\n}\r\n.day-card.sunday.today .day-abbr { \r\n color: #E40101; \r\n}\r\n\r\n.day-name {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(.9rem,1.4vw,1.15rem);\r\n letter-spacing: .02em; \r\n text-transform: uppercase;\r\n color: #0b0c0f; \r\n line-height: 1;\r\n}\r\n.day-card.today .day-name { \r\n color: #046BD2; \r\n}\r\n.day-card.sunday.today .day-name { \r\n color: #E40101; \r\n}\r\n\r\n.day-time {\r\n font-size: clamp(.62rem,.8vw,.7rem);\r\n font-weight: 400; \r\n color: rgba(0,0,0,.45);\r\n line-height: 1.5;\r\n}\r\n.day-card.today .day-time { \r\n color: rgba(0,0,0,.65); \r\n font-weight: 500; \r\n}\r\n\r\n.day-badge {\r\n font-size: .48rem; \r\n font-weight: 700;\r\n letter-spacing: .18em; \r\n text-transform: uppercase;\r\n padding: 3px 8px; \r\n border-radius: 20px;\r\n}\r\n.day-badge.weekday { \r\n background: rgba(4,107,210,.1); \r\n color: #046BD2; \r\n border: none; \/* Removed border *\/\r\n}\r\n.day-badge.weekend { \r\n background: rgba(228,1,1,.08); \r\n color: #E40101; \r\n border: none; \/* Removed border *\/\r\n}\r\n\r\n.today-tag {\r\n position: absolute;\r\n top: 8px; right: 8px;\r\n font-size: .42rem; \r\n font-weight: 800;\r\n letter-spacing: .2em; \r\n text-transform: uppercase;\r\n padding: 3px 7px; \r\n border-radius: 2px;\r\n background: #046BD2; \r\n color: #fff;\r\n display: none;\r\n border: none;\r\n}\r\n.day-card.sunday .today-tag { \r\n background: #E40101; \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 BOTTOM INFO ROW\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.hours-footer {\r\n margin-top: clamp(28px,4vw,44px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n padding: clamp(16px,2vw,22px) clamp(18px,2.5vw,28px);\r\n background: #f4f5f7;\r\n border: none; \/* Removed border *\/\r\n border-left: 3px solid #046BD2;\r\n border-radius: 4px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n}\r\n.hours-footer-note {\r\n font-size: clamp(.78rem,1vw,.86rem);\r\n font-weight: 300; \r\n color: rgba(0,0,0,.48);\r\n}\r\n.hours-footer-note strong { \r\n font-weight: 600; \r\n color: #0b0c0f; \r\n}\r\n\r\n.hours-footer-next {\r\n font-size: clamp(.68rem,.88vw,.76rem);\r\n font-weight: 600; \r\n letter-spacing: .12em;\r\n text-transform: uppercase; \r\n color: #046BD2;\r\n display: flex; \r\n align-items: center; \r\n gap: 8px;\r\n}\r\n.hours-footer-next::before {\r\n content: '';\r\n width: 6px; \r\n height: 6px; \r\n border-radius: 50%;\r\n background: #046BD2;\r\n animation: pulse 2s ease-in-out infinite;\r\n border: none;\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 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: 900px) {\r\n .hours-grid { \r\n grid-template-columns: repeat(4, 1fr); \r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .hours-grid { \r\n grid-template-columns: repeat(2, 1fr); \r\n }\r\n .hours-header { \r\n flex-direction: column; \r\n align-items: flex-start; \r\n }\r\n \r\n \/* Adjust padding for mobile *\/\r\n .hours {\r\n padding: 40px 20px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hours\">\r\n\r\n <!-- Header -->\r\n <div class=\"hours-header\">\r\n <div class=\"hours-header-left\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eyebrow-line\"><\/div>\r\n <span class=\"eyebrow-text\">Visit Us<\/span>\r\n <\/div>\r\n <h2 class=\"hours-title\">Opening <span>Hours<\/span><\/h2>\r\n <div class=\"hours-divider\"><\/div>\r\n <\/div>\r\n <div class=\"hours-status-pill\" id=\"status-pill\">\r\n <div class=\"pill-dot\"><\/div>\r\n <span id=\"status-text\">Checking...<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Day cards grid -->\r\n <div class=\"hours-grid\">\r\n\r\n <div class=\"day-card\" id=\"card-1\">\r\n <span class=\"today-tag\" id=\"tag-1\">Today<\/span>\r\n <span class=\"day-abbr\">Mon<\/span>\r\n <span class=\"day-name\">Monday<\/span>\r\n <span class=\"day-time\">8:00 AM<br>6:00 PM<\/span>\r\n <span class=\"day-badge weekday\">Open<\/span>\r\n <\/div>\r\n\r\n <div class=\"day-card\" id=\"card-2\">\r\n <span class=\"today-tag\" id=\"tag-2\">Today<\/span>\r\n <span class=\"day-abbr\">Tue<\/span>\r\n <span class=\"day-name\">Tuesday<\/span>\r\n <span class=\"day-time\">8:00 AM<br>6:00 PM<\/span>\r\n <span class=\"day-badge weekday\">Open<\/span>\r\n <\/div>\r\n\r\n <div class=\"day-card\" id=\"card-3\">\r\n <span class=\"today-tag\" id=\"tag-3\">Today<\/span>\r\n <span class=\"day-abbr\">Wed<\/span>\r\n <span class=\"day-name\">Wednesday<\/span>\r\n <span class=\"day-time\">8:00 AM<br>6:00 PM<\/span>\r\n <span class=\"day-badge weekday\">Open<\/span>\r\n <\/div>\r\n\r\n <div class=\"day-card\" id=\"card-4\">\r\n <span class=\"today-tag\" id=\"tag-4\">Today<\/span>\r\n <span class=\"day-abbr\">Thu<\/span>\r\n <span class=\"day-name\">Thursday<\/span>\r\n <span class=\"day-time\">8:00 AM<br>6:00 PM<\/span>\r\n <span class=\"day-badge weekday\">Open<\/span>\r\n <\/div>\r\n\r\n <div class=\"day-card\" id=\"card-5\">\r\n <span class=\"today-tag\" id=\"tag-5\">Today<\/span>\r\n <span class=\"day-abbr\">Fri<\/span>\r\n <span class=\"day-name\">Friday<\/span>\r\n <span class=\"day-time\">8:00 AM<br>6:00 PM<\/span>\r\n <span class=\"day-badge weekday\">Open<\/span>\r\n <\/div>\r\n\r\n <div class=\"day-card\" id=\"card-6\">\r\n <span class=\"today-tag\" id=\"tag-6\">Today<\/span>\r\n <span class=\"day-abbr\">Sat<\/span>\r\n <span class=\"day-name\">Saturday<\/span>\r\n <span class=\"day-time\">8:00 AM<br>6:00 PM<\/span>\r\n <span class=\"day-badge weekday\">Open<\/span>\r\n <\/div>\r\n\r\n <div class=\"day-card sunday\" id=\"card-0\">\r\n <span class=\"today-tag\" id=\"tag-0\">Today<\/span>\r\n <span class=\"day-abbr\">Sun<\/span>\r\n <span class=\"day-name\">Sunday<\/span>\r\n <span class=\"day-time\">9:00 AM<br>3:00 PM<\/span>\r\n <span class=\"day-badge weekend\">Open<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Footer note -->\r\n <div class=\"hours-footer\">\r\n <p class=\"hours-footer-note\">\r\n <strong>AutoPoint MK<\/strong> \u2014 Unit B Lyon Rd, Bletchley, Milton Keynes MK1 1EX\r\n <\/p>\r\n <span class=\"hours-footer-next\" id=\"footer-next\"><\/span>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n const now = new Date();\r\n const day = now.getDay(); \/\/ 0=Sun \u2026 6=Sat\r\n const h = now.getHours();\r\n const m = now.getMinutes();\r\n const t = h + m \/ 60;\r\n\r\n \/\/ Highlight today card\r\n const card = document.getElementById('card-' + day);\r\n const tag = document.getElementById('tag-' + day);\r\n if (card) { card.classList.add('today'); }\r\n if (tag) { tag.style.display = 'block'; }\r\n\r\n \/\/ Open\/closed\r\n const isSun = day === 0;\r\n const isOpen = isSun ? (t >= 9 && t < 15) : (t >= 8 && t < 18);\r\n\r\n const pill = document.getElementById('status-pill');\r\n const txt = document.getElementById('status-text');\r\n const foot = document.getElementById('footer-next');\r\n\r\n if (isOpen) {\r\n pill.classList.add('open');\r\n txt.textContent = `We're Open Now \u00b7 Closes ${isSun ? '3:00 PM' : '6:00 PM'}`;\r\n foot.textContent = 'Currently Open';\r\n } else {\r\n pill.classList.add('closed');\r\n let next;\r\n if (isSun && t < 9) next = 'Opens today at 9:00 AM';\r\n else if (isSun) next = 'Opens Monday at 8:00 AM';\r\n else if (day === 6 && t >= 18) next = 'Opens Sunday at 9:00 AM';\r\n else if (t < 8) next = 'Opens today at 8:00 AM';\r\n else next = 'Opens tomorrow at 8:00 AM';\r\n txt.textContent = `Closed \u00b7 ${next}`;\r\n foot.textContent = next;\r\n foot.style.color = '#E40101';\r\n \r\n \/\/ override dot color for closed state\r\n const style = document.createElement('style');\r\n style.textContent = '.hours-footer-next::before { background:#E40101!important; }';\r\n document.head.appendChild(style);\r\n }\r\n})();\r\n<\/script>\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<div class=\"elementor-element elementor-element-07bcc70 e-flex e-con-boxed e-con e-parent\" data-id=\"07bcc70\" 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-c4d190b elementor-widget elementor-widget-html\" data-id=\"c4d190b\" 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>AutoPoint MK Garage Now Accepting Bookings Milton Keynes — Premier Auto Garage Your One Stop Garage. Trusted repairs and exceptional…<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/6","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=6"}],"version-history":[{"count":91,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}