{"id":105,"date":"2026-05-05T07:39:40","date_gmt":"2026-05-05T07:39:40","guid":{"rendered":"https:\/\/autopointmk.com\/?page_id=105"},"modified":"2026-05-09T09:36:46","modified_gmt":"2026-05-09T09:36:46","slug":"air-conditioning","status":"publish","type":"page","link":"https:\/\/autopointmk.com\/?page_id=105","title":{"rendered":"Air Conditioning"},"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\nAir Conditioning \u2013 AutoPoint MK<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Abhaya+Libre:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n\r\n:root{\r\n --red:#E40101;\r\n --blue:#046BD2;\r\n --ink:#0a0a0b;\r\n --paper:#f0ede8;\r\n --cream:#faf8f5;\r\n --steel:#111318;\r\n --white:#fff;\r\n --dark:#08090a;\r\n --dark2:#0d0f14;\r\n --light:#f4f5f7;\r\n}\r\n\r\nhtml,body{\r\n width:100%;\r\n max-width:100%;\r\n font-family:'Abhaya Libre', serif;\r\n background:var(--cream);\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n font-size:18px;\r\n}\r\n\r\n\/* FULL WIDTH FIX *\/\r\nsection, .marquee, .cta {\r\n position: relative;\r\n width: 100vw;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.rv{\r\n opacity:0;\r\n transform:translateY(28px);\r\n transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rl{\r\n opacity:0;\r\n transform:translateX(-44px);\r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rl.on{opacity:1;transform:translateX(0)}\r\n.rr{\r\n opacity:0;\r\n transform:translateX(44px);\r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rr.on{opacity:1;transform:translateX(0)}\r\n@keyframes fup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n@keyframes ruleGrow{to{width:48px}}\r\n@keyframes imgZoom{to{transform:scale(1)}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 1. HERO \u2014 LIGHT \/ PAPER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero{\r\n width: 100vw;\r\n background:var(--cream);\r\n display:grid;\r\n grid-template-columns:1fr 1.05fr;\r\n min-height:100vh;\r\n border-top:4px solid var(--blue);\r\n overflow:hidden;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* LEFT \u2014 content *\/\r\n.hero-left{\r\n padding:clamp(60px,8vw,110px) clamp(36px,5vw,72px);\r\n display:flex;flex-direction:column;justify-content:center;\r\n position:relative;background:var(--paper);\r\n border-right:3px solid var(--ink);\r\n}\r\n\r\n\/* big ghost number *\/\r\n.hero-ghost{\r\n position:absolute;bottom:-.06em;left:-.03em;\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(28vw,36vw,44vw);\r\n line-height:1;text-transform:uppercase;color:transparent;\r\n -webkit-text-stroke:2px rgba(0,0,0,.04);\r\n pointer-events:none;user-select:none;z-index:0;\r\n}\r\n.hero-inner{position:relative;z-index:2}\r\n\r\n.service-pill{\r\n display:inline-flex;align-items:center;gap:10px;\r\n background:rgba(4,107,210,.1);border:1px solid rgba(4,107,210,.3);\r\n border-radius:3px;padding:7px 14px;\r\n margin-bottom:clamp(18px,2.5vw,28px);width:fit-content;\r\n opacity:0;animation:fup .6s .2s forwards;\r\n}\r\n.sp-dot{\r\n width:6px;height:6px;border-radius:50%;background:var(--blue);\r\n box-shadow:0 0 8px rgba(4,107,210,.8);animation:blink 2s ease-in-out infinite;flex-shrink:0;\r\n}\r\n.sp-txt{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n letter-spacing:.3em;text-transform:uppercase;color:var(--blue);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n.hero-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3.5rem,9vw,5.5rem);\r\n line-height:.82;letter-spacing:.01em;text-transform:uppercase;\r\n color:var(--ink);\r\n opacity:0;animation:fup .85s .35s forwards;\r\n}\r\n.ht-ac{color:var(--blue);display:block}\r\n.ht-red{color:var(--red);display:block}\r\n\r\n.hero-rule{\r\n width:0;height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;margin:clamp(16px,2.5vw,26px) 0;\r\n animation:ruleGrow 1s .9s cubic-bezier(.16,1,.3,1) forwards;\r\n border:none;\r\n}\r\n\r\n.hero-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(10,10,11,.6);\r\n max-width:440px;\r\n opacity:0;animation:fup .75s 1s forwards;\r\n}\r\n\r\n.hero-btn{\r\n display:inline-flex;align-items:center;gap:12px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.9rem;\r\n font-weight:700;letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:var(--white);\r\n padding:clamp(14px,1.8vw,18px) clamp(32px,4vw,52px);\r\n background:var(--red);border-radius:3px;\r\n box-shadow:0 8px 28px rgba(228,1,1,.35);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n width:fit-content;margin-top:clamp(24px,3.5vw,38px);\r\n opacity:0;animation:fup .7s 1.15s forwards;\r\n}\r\n.hero-btn:hover{background:#c80000;box-shadow:0 14px 42px rgba(228,1,1,.55);transform:translateY(-4px) scale(1.03)}\r\n.hero-btn svg{transition:transform .3s}\r\n.hero-btn:hover svg{transform:translateX(6px)}\r\n\r\n\/* RIGHT \u2014 big image with overlaid stats *\/\r\n.hero-right{position:relative;overflow:hidden}\r\n.hero-right-img{\r\n position:absolute;inset:0;\r\n background-image:url('https:\/\/autopointmk.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-09-142930-300x190.png');\r\n background-size:cover;background-position:center 30%;\r\n filter:brightness(.5) saturate(.65);\r\n transform:scale(1.08);\r\n animation:imgZoom 13s ease forwards;\r\n}\r\n.hero-right-ov{\r\n position:absolute;inset:0;\r\n background:linear-gradient(180deg,rgba(10,10,11,.3) 0%,rgba(10,10,11,.85) 100%),\r\n linear-gradient(270deg,rgba(10,10,11,0) 50%,rgba(240,237,232,.1) 100%);\r\n}\r\n\r\n\/* stats grid on image *\/\r\n.hero-img-stats{\r\n position:absolute;bottom:0;left:0;right:0;\r\n display:grid;grid-template-columns:repeat(3,1fr);\r\n gap:1px;background:rgba(255,255,255,.07);z-index:5;\r\n}\r\n.his{\r\n padding:clamp(16px,2vw,24px) clamp(14px,1.8vw,20px);text-align:center;\r\n background:rgba(10,10,11,.7);backdrop-filter:blur(12px);\r\n transition:background .3s;cursor:default;\r\n}\r\n.his:hover{background:rgba(4,107,210,.15)}\r\n.his-n{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.4rem,2.5vw,2rem);\r\n line-height:1;display:block;\r\n}\r\n.his:nth-child(odd) .his-n{color:var(--blue)}\r\n.his:nth-child(even) .his-n{color:var(--red)}\r\n.his-l{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.22em;text-transform:uppercase;\r\n color:rgba(255,255,255,.4);\r\n margin-top:5px;display:block;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* walk-in tag *\/\r\n.hero-walkin{\r\n position:absolute;top:28px;right:28px;z-index:5;\r\n display:flex;align-items:center;gap:9px;\r\n background:rgba(10,10,11,.8);border:1px solid rgba(4,107,210,.45);\r\n backdrop-filter:blur(12px);border-radius:4px;padding:9px 16px;\r\n}\r\n.hw-dot{\r\n width:7px;height:7px;border-radius:50%;background:var(--blue);\r\n box-shadow:0 0 9px rgba(4,107,210,.8);animation:blink 2s ease-in-out infinite;flex-shrink:0;\r\n}\r\n.hw-txt{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.26em;text-transform:uppercase;\r\n color:rgba(200,225,255,.85);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MARQUEE BAND\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.marquee{\r\n width: 100vw;\r\n background:var(--ink);\r\n padding:12px 0;\r\n overflow:hidden;\r\n}\r\n.marquee-track{\r\n display:flex;\r\n width:max-content;\r\n animation:ticker 18s linear infinite;\r\n}\r\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n.marquee-item{\r\n font-family:'Anton',sans-serif;\r\n font-size:0.8rem;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:rgba(255,255,255,.7);\r\n padding:0 clamp(20px,3vw,44px);\r\n display:flex;align-items:center;gap:clamp(18px,3vw,44px);white-space:nowrap;\r\n}\r\n.md{\r\n width:5px;height:5px;border-radius:50%;\r\n background:var(--blue);flex-shrink:0;\r\n}\r\n.md.r{background:var(--red)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 2. SIGNS \u2014 DARK \/ STEEL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.signs{\r\n width: 100vw;\r\n background:var(--steel);\r\n padding:clamp(60px,8vw,110px) clamp(24px,5vw,140px);\r\n border-top:4px solid var(--red);\r\n position:relative;overflow:hidden;\r\n}\r\n.signs::before{\r\n content:'';\r\n position:absolute;\r\n top:-20%;\r\n right:-8%;\r\n width:55%;\r\n height:80%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(4,107,210,.1) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n\r\n.signs-top{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:clamp(40px,6vw,80px);\r\n align-items:end;\r\n margin-bottom:clamp(40px,5vw,64px);\r\n}\r\n.signs-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3rem,5vw,5.2rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:var(--white);\r\n}\r\n.signs-title em{color:var(--red);font-style:normal;display:block}\r\n.signs-rule{\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(14px,2vw,22px) 0;\r\n border:none;\r\n}\r\n.signs-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(255,255,255,.6);\r\n}\r\n\r\n\/* 5 horizontal sign rows *\/\r\n.sign-rows{display:flex;flex-direction:column;gap:2px}\r\n.sign-row{\r\n display:flex;align-items:center;gap:clamp(16px,2.5vw,28px);\r\n padding:clamp(16px,2vw,22px) clamp(20px,2.5vw,30px);\r\n background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);\r\n border-radius:6px;cursor:default;position:relative;overflow:hidden;\r\n transition:all .28s ease;\r\n}\r\n.sign-row::after{\r\n content:'';\r\n position:absolute;\r\n top:0;left:0;bottom:0;\r\n width:3px;\r\n transform:scaleY(0);\r\n transform-origin:bottom;\r\n transition:transform .35s cubic-bezier(.16,1,.3,1);\r\n}\r\n.sign-row:nth-child(odd)::after{background:var(--blue)}\r\n.sign-row:nth-child(even)::after{background:var(--red)}\r\n.sign-row:hover::after{transform:scaleY(1)}\r\n.sign-row:hover{background:rgba(255,255,255,.07);transform:translateX(6px)}\r\n\r\n.sign-row-num{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.4rem,2.5vw,2rem);\r\n line-height:1;flex-shrink:0;min-width:clamp(36px,4vw,52px);\r\n transition:color .28s;\r\n}\r\n.sign-row:nth-child(odd) .sign-row-num{color:rgba(4,107,210,.22)}\r\n.sign-row:nth-child(even) .sign-row-num{color:rgba(228,1,1,.18)}\r\n.sign-row:nth-child(odd):hover .sign-row-num{color:var(--blue)}\r\n.sign-row:nth-child(even):hover .sign-row-num{color:var(--red)}\r\n\r\n.sign-row-icon{\r\n width:40px;height:40px;border-radius:8px;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all .28s;\r\n}\r\n.sign-row:nth-child(odd) .sign-row-icon{background:rgba(4,107,210,.12);border:1px solid rgba(4,107,210,.25)}\r\n.sign-row:nth-child(even) .sign-row-icon{background:rgba(228,1,1,.1);border:1px solid rgba(228,1,1,.22)}\r\n.sign-row:nth-child(odd):hover .sign-row-icon{background:var(--blue);border-color:var(--blue);box-shadow:0 4px 16px rgba(4,107,210,.4)}\r\n.sign-row:nth-child(even):hover .sign-row-icon{background:var(--red);border-color:var(--red);box-shadow:0 4px 16px rgba(228,1,1,.35)}\r\n.sign-row-icon svg{width:16px;height:16px;transition:color .28s}\r\n.sign-row:nth-child(odd) .sign-row-icon svg{color:var(--blue)}\r\n.sign-row:nth-child(even) .sign-row-icon svg{color:var(--red)}\r\n.sign-row:hover .sign-row-icon svg{color:#fff}\r\n\r\n.sign-row-txt{\r\n font-size:1rem;\r\n font-weight:400;\r\n color:rgba(255,255,255,.7);\r\n flex:1;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 3. SERVICES \u2014 LIGHT split\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.services{\r\n width: 100vw;\r\n background:var(--cream);\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n border-top:4px solid var(--blue);\r\n overflow:hidden;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* LEFT image *\/\r\n.svc-img{\r\n position:relative;\r\n overflow:hidden;\r\n min-height:clamp(440px,60vh,700px);\r\n}\r\n.svc-img img{\r\n width:100%;height:100%;\r\n object-fit:cover;object-position:center 20%;\r\n display:block;\r\n filter:brightness(.72) saturate(.75);\r\n transform:scale(1.06);\r\n transition:transform 8s ease;\r\n}\r\n.svc-img:hover img{transform:scale(1)}\r\n.svc-img-ov{\r\n position:absolute;inset:0;\r\n background:linear-gradient(90deg,rgba(240,237,232,0) 40%,rgba(250,248,245,.95) 100%),\r\n linear-gradient(0deg,rgba(250,248,245,.7) 0%,transparent 40%);\r\n}\r\n\r\n\/* floating accent *\/\r\n.svc-img-accent{\r\n position:absolute;bottom:32px;left:32px;z-index:5;\r\n background:var(--blue);padding:14px 20px;border-radius:5px;\r\n box-shadow:0 8px 28px rgba(4,107,210,.45);\r\n}\r\n.sia-n{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.4rem,2.2vw,1.8rem);\r\n color:#fff;display:block;line-height:1;\r\n}\r\n.sia-l{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.26em;text-transform:uppercase;\r\n color:rgba(255,255,255,.6);\r\n margin-top:4px;display:block;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* RIGHT content *\/\r\n.svc-content{\r\n padding:clamp(48px,6vw,88px) clamp(36px,5vw,72px);\r\n display:flex;flex-direction:column;justify-content:center;\r\n background:var(--cream);\r\n}\r\n.svc-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,2vw,20px)}\r\n.svc-eb-line{width:28px;height:2px;background:var(--red);flex-shrink:0}\r\n.svc-eb-txt{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:var(--red);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.svc-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3rem,4.5vw,4.8rem);\r\n line-height:.88;letter-spacing:.01em;text-transform:uppercase;\r\n color:var(--ink);\r\n}\r\n.svc-title em{color:var(--red);font-style:normal;display:block}\r\n.svc-rule{\r\n width:44px;height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(14px,2vw,22px) 0;\r\n border:none;\r\n}\r\n\r\n\/* service items *\/\r\n.svc-items{display:flex;flex-direction:column;gap:2px;margin-bottom:clamp(24px,3.5vw,38px)}\r\n.si{\r\n display:flex;align-items:flex-start;gap:14px;\r\n padding:clamp(13px,1.6vw,17px) clamp(16px,2vw,20px);\r\n background:var(--white);border:1px solid rgba(0,0,0,.07);\r\n border-radius:5px;cursor:default;\r\n transition:all .28s ease;position:relative;overflow:hidden;\r\n}\r\n.si::before{\r\n content:'';\r\n position:absolute;\r\n bottom:0;left:0;right:0;\r\n height:2px;\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n transition:transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n.si:nth-child(odd)::before{background:var(--blue)}\r\n.si:nth-child(even)::before{background:var(--red)}\r\n.si:hover::before{transform:scaleX(1)}\r\n.si:hover{box-shadow:0 6px 24px rgba(0,0,0,.08);transform:translateX(5px)}\r\n\r\n.si-icon{\r\n width:32px;height:32px;border-radius:6px;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all .28s;\r\n}\r\n.si:nth-child(odd) .si-icon{background:rgba(4,107,210,.1);border:1px solid rgba(4,107,210,.22)}\r\n.si:nth-child(even) .si-icon{background:rgba(228,1,1,.08);border:1px solid rgba(228,1,1,.18)}\r\n.si:nth-child(odd):hover .si-icon{background:var(--blue);border-color:var(--blue);box-shadow:0 3px 12px rgba(4,107,210,.35)}\r\n.si:nth-child(even):hover .si-icon{background:var(--red);border-color:var(--red);box-shadow:0 3px 12px rgba(228,1,1,.3)}\r\n.si-icon svg{width:13px;height:13px;transition:color .28s}\r\n.si:nth-child(odd) .si-icon svg{color:var(--blue)}\r\n.si:nth-child(even) .si-icon svg{color:var(--red)}\r\n.si:hover .si-icon svg{color:#fff}\r\n\r\n.si-body{}\r\n.si-title{\r\n font-size:1rem;\r\n font-weight:600;\r\n color:var(--ink);\r\n}\r\n.si-desc{\r\n font-size:0.9rem;\r\n font-weight:300;\r\n color:rgba(10,10,11,.55);\r\n margin-top:2px;\r\n line-height:1.5;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n.svc-btn{\r\n display:inline-flex;align-items:center;gap:12px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.9rem;\r\n font-weight:700;letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n padding:clamp(14px,1.8vw,18px) clamp(32px,4vw,52px);\r\n background:var(--red);border-radius:3px;\r\n box-shadow:0 8px 28px rgba(228,1,1,.35);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n width:fit-content;\r\n}\r\n.svc-btn:hover{background:#c80000;box-shadow:0 14px 42px rgba(228,1,1,.55);transform:translateY(-4px) scale(1.03)}\r\n.svc-btn svg{transition:transform .3s}\r\n.svc-btn:hover svg{transform:translateX(6px)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n 4. CTA \u2014 DARK full-bleed\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta{\r\n width: 100vw;\r\n position:relative;\r\n overflow:hidden;\r\n min-height:clamp(320px,42vh,460px);\r\n display:flex;align-items:center;justify-content:center;\r\n border-top:4px solid var(--red);\r\n}\r\n.cta-bg{\r\n position:absolute;inset:0;\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1619642751034-765dfdf7c58e?auto=format&fit=crop&w=1800&q=70');\r\n background-size:cover;background-position:center 35%;\r\n filter:brightness(.18) saturate(.5);\r\n}\r\n.cta-ov{\r\n position:absolute;inset:0;\r\n background:linear-gradient(135deg,rgba(4,107,210,.25),rgba(228,1,1,.18));\r\n}\r\n.cta-inner{\r\n position:relative;z-index:2;\r\n text-align:center;\r\n padding:clamp(48px,7vw,80px) clamp(24px,8vw,100px);\r\n}\r\n.cta-kicker{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.38em;text-transform:uppercase;\r\n color:rgba(255,255,255,.5);\r\n display:flex;align-items:center;justify-content:center;gap:12px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.cta-kicker::before,.cta-kicker::after{\r\n content:'';\r\n width:28px;\r\n height:1px;\r\n background:rgba(255,255,255,.2);\r\n}\r\n.cta-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.8rem,6vw,5rem);\r\n line-height:.88;letter-spacing:.01em;text-transform:uppercase;\r\n color:#fff;margin-bottom:clamp(20px,3vw,30px);\r\n}\r\n.cta-title span{color:var(--red);display:block}\r\n.cta-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}\r\n.cta-btn{\r\n display:inline-flex;align-items:center;gap:12px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.9rem;\r\n font-weight:700;letter-spacing:.2em;text-transform:uppercase;\r\n text-decoration:none;color:#fff;\r\n padding:clamp(14px,1.8vw,18px) clamp(32px,4vw,52px);\r\n background:var(--red);border-radius:3px;\r\n box-shadow:0 8px 28px rgba(228,1,1,.45);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n white-space:nowrap;\r\n}\r\n.cta-btn:hover{background:#c80000;box-shadow:0 14px 42px rgba(228,1,1,.65);transform:translateY(-4px) scale(1.03)}\r\n.cta-btn svg{transition:transform .3s}\r\n.cta-btn:hover svg{transform:translateX(6px)}\r\n.cta-phone{\r\n display:inline-flex;align-items:center;gap:10px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.85rem;\r\n font-weight:500;letter-spacing:.12em;text-transform:uppercase;\r\n text-decoration:none;color:rgba(255,255,255,.8);\r\n padding:clamp(14px,1.8vw,18px) clamp(22px,3vw,36px);\r\n border:1px solid rgba(255,255,255,.2);border-radius:3px;\r\n transition:all .28s ease;white-space:nowrap;\r\n}\r\n.cta-phone:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06)}\r\n.cta-phone svg{color:var(--blue);flex-shrink:0;width:14px;height:14px}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE FONT SIZES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n .hero{\r\n grid-template-columns:1fr;\r\n }\r\n .hero-right{\r\n height:52vh;\r\n }\r\n .services{\r\n grid-template-columns:1fr;\r\n }\r\n .svc-img{\r\n min-height:320px;\r\n }\r\n .svc-img-ov{\r\n background:linear-gradient(0deg,rgba(250,248,245,.95) 0%,rgba(250,248,245,.3) 60%,transparent 100%);\r\n }\r\n .signs-top{\r\n grid-template-columns:1fr;\r\n }\r\n .cta-btns{\r\n flex-direction:column;\r\n align-items:stretch;\r\n }\r\n .cta-btn,.cta-phone{\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n html,body{\r\n font-size:16px;\r\n }\r\n \r\n .hero-title{\r\n font-size:3.5rem;\r\n }\r\n \r\n .hero-desc{\r\n font-size:1rem;\r\n }\r\n \r\n .sp-txt{\r\n font-size:0.8rem;\r\n }\r\n \r\n .his-l{\r\n font-size:0.6rem;\r\n }\r\n \r\n .hw-txt{\r\n font-size:0.6rem;\r\n }\r\n \r\n .signs-title{\r\n font-size:2.8rem;\r\n }\r\n \r\n .signs-desc{\r\n font-size:1rem;\r\n }\r\n \r\n .sign-row-txt{\r\n font-size:0.95rem;\r\n }\r\n \r\n .svc-title{\r\n font-size:2.8rem;\r\n }\r\n \r\n .svc-eb-txt{\r\n font-size:0.8rem;\r\n }\r\n \r\n .si-title{\r\n font-size:0.95rem;\r\n }\r\n \r\n .si-desc{\r\n font-size:0.85rem;\r\n }\r\n \r\n .cta-title{\r\n font-size:3rem;\r\n }\r\n \r\n .cta-kicker{\r\n font-size:0.7rem;\r\n }\r\n \r\n .cta-btn{\r\n font-size:0.8rem;\r\n }\r\n \r\n .cta-phone{\r\n font-size:0.75rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .hero-left{\r\n padding:40px 20px;\r\n }\r\n \r\n .hero-title{\r\n font-size:2.8rem;\r\n }\r\n \r\n .hero-desc{\r\n font-size:0.95rem;\r\n }\r\n \r\n .hero-img-stats{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n \r\n .signs-title{\r\n font-size:2.2rem;\r\n }\r\n \r\n .svc-title{\r\n font-size:2.2rem;\r\n }\r\n \r\n .svc-content{\r\n padding:40px 20px;\r\n }\r\n \r\n .cta-title{\r\n font-size:2.2rem;\r\n }\r\n \r\n .cta-inner{\r\n padding:40px 20px;\r\n }\r\n \r\n .sign-row{\r\n padding:14px 16px;\r\n gap:12px;\r\n }\r\n \r\n .sign-row-num{\r\n font-size:1.2rem;\r\n min-width:30px;\r\n }\r\n \r\n .sign-row-txt{\r\n font-size:0.9rem;\r\n }\r\n \r\n .si{\r\n padding:12px 14px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550 1. HERO \u2014 LIGHT \u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n\r\n <!-- LEFT content -->\r\n <div class=\"hero-left\">\r\n <div class=\"hero-ghost\">AC<\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"service-pill\">\r\n <div class=\"sp-dot\"><\/div>\r\n <span class=\"sp-txt\">AutoPoint MK \u00b7 A\/C Specialists<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n Air\r\n <span class=\"ht-ac\">Conditioning<\/span>\r\n <span class=\"ht-red\">Services.<\/span>\r\n <\/h1>\r\n <div class=\"hero-rule\"><\/div>\r\n <p class=\"hero-desc\">A fully functional air conditioning system keeps you cool in summer, de-mists windows in winter, and improves overall driving comfort. We offer comprehensive A\/C services \u2014 fault diagnosis, gas recharging, leak testing, and component repairs \u2014 to ensure your system works efficiently all year round.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"hero-btn\">\r\n Book Now\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT image -->\r\n <div class=\"hero-right\">\r\n <div class=\"hero-right-img\"><\/div>\r\n <div class=\"hero-right-ov\"><\/div>\r\n <div class=\"hero-walkin\">\r\n <div class=\"hw-dot\"><\/div>\r\n <span class=\"hw-txt\">Walk-Ins Welcome<\/span>\r\n <\/div>\r\n <div class=\"hero-img-stats\">\r\n <div class=\"his\"><span class=\"his-n\">15+<\/span><span class=\"his-l\">Yrs Exp<\/span><\/div>\r\n <div class=\"his\"><span class=\"his-n\">5\u2605<\/span><span class=\"his-l\">Rated<\/span><\/div>\r\n <div class=\"his\"><span class=\"his-n\">All<\/span><span class=\"his-l\">Makes<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-item\">A\/C Diagnostics<span class=\"md\"><\/span>Re-gas & Recharging<span class=\"md r\"><\/span>Leak Testing<span class=\"md\"><\/span>Compressor Repair<span class=\"md r\"><\/span>Cabin Filter<span class=\"md\"><\/span>Anti-Bacterial Cleanse<span class=\"md r\"><\/span>Walk-Ins Welcome<span class=\"md\"><\/span>Call 01908 97 38 39<span class=\"md r\"><\/span><\/div>\r\n <div class=\"marquee-item\">A\/C Diagnostics<span class=\"md\"><\/span>Re-gas & Recharging<span class=\"md r\"><\/span>Leak Testing<span class=\"md\"><\/span>Compressor Repair<span class=\"md r\"><\/span>Cabin Filter<span class=\"md\"><\/span>Anti-Bacterial Cleanse<span class=\"md r\"><\/span>Walk-Ins Welcome<span class=\"md\"><\/span>Call 01908 97 38 39<span class=\"md r\"><\/span><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550 2. SIGNS \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"signs\">\r\n <div class=\"signs-top\">\r\n <div class=\"rl\">\r\n <div style=\"display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,2vw,20px)\">\r\n <div style=\"width:28px;height:2px;background:var(--red)\"><\/div>\r\n <span style=\"font-size:0.8rem;font-weight:600;letter-spacing:.38em;text-transform:uppercase;color:var(--red);font-family:'Abhaya Libre', serif;\">Warning Signs<\/span>\r\n <\/div>\r\n <h2 class=\"signs-title\">Signs Your A\/C<em>Needs Attention.<\/em><\/h2>\r\n <div class=\"signs-rule\"><\/div>\r\n <\/div>\r\n <p class=\"signs-desc rr\" style=\"transition-delay:.1s\">Don't ignore the warning signs. A faulty air conditioning system affects comfort, safety, and visibility. If you notice any of these symptoms, bring your car in and our certified technicians will diagnose and fix it fast.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sign-rows\">\r\n <div class=\"sign-row rv\" style=\"transition-delay:.04s\">\r\n <span class=\"sign-row-num\">01<\/span>\r\n <div class=\"sign-row-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"sign-row-txt\">Weak or warm airflow<\/span>\r\n <\/div>\r\n <div class=\"sign-row rv\" style=\"transition-delay:.08s\">\r\n <span class=\"sign-row-num\">02<\/span>\r\n <div class=\"sign-row-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"\/><\/svg>\r\n <\/div>\r\n <span class=\"sign-row-txt\">Unusual noises when A\/C is on<\/span>\r\n <\/div>\r\n <div class=\"sign-row rv\" style=\"transition-delay:.12s\">\r\n <span class=\"sign-row-num\">03<\/span>\r\n <div class=\"sign-row-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <span class=\"sign-row-txt\">Bad odors coming from vents<\/span>\r\n <\/div>\r\n <div class=\"sign-row rv\" style=\"transition-delay:.16s\">\r\n <span class=\"sign-row-num\">04<\/span>\r\n <div class=\"sign-row-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5z\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1\"\/><\/svg>\r\n <\/div>\r\n <span class=\"sign-row-txt\">Excessive condensation or fogging<\/span>\r\n <\/div>\r\n <div class=\"sign-row rv\" style=\"transition-delay:.2s\">\r\n <span class=\"sign-row-num\">05<\/span>\r\n <div class=\"sign-row-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n <\/div>\r\n <span class=\"sign-row-txt\">A\/C warning lights or system not engaging<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 3. SERVICES \u2014 LIGHT \u2550\u2550\u2550 -->\r\n<section class=\"services\">\r\n\r\n <!-- LEFT image -->\r\n <div class=\"svc-img rl\">\r\n <img decoding=\"async\" src=\"https:\/\/autopointmk.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-09-143019.png\" alt=\"Air Conditioning Repair\"\/>\r\n <div class=\"svc-img-ov\"><\/div>\r\n <div class=\"svc-img-accent\">\r\n <span class=\"sia-n\">5 Services<\/span>\r\n <span class=\"sia-l\">Fully Certified<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT content -->\r\n <div class=\"svc-content rr\" style=\"transition-delay:.1s\">\r\n <div class=\"svc-eyebrow\"><div class=\"svc-eb-line\"><\/div><span class=\"svc-eb-txt\">What We Offer<\/span><\/div>\r\n <h2 class=\"svc-title\">Our A\/C<em>Services Include.<\/em><\/h2>\r\n <div class=\"svc-rule\"><\/div>\r\n <div class=\"svc-items\">\r\n <div class=\"si\">\r\n <div class=\"si-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"si-body\">\r\n <div class=\"si-title\">A\/C System Diagnostics<\/div>\r\n <div class=\"si-desc\">Detect faults, leaks, and pressure issues with precision diagnostic equipment<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"si\">\r\n <div class=\"si-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"si-body\">\r\n <div class=\"si-title\">Re-gas \/ Recharging<\/div>\r\n <div class=\"si-desc\">Top-up refrigerant to restore full cooling performance and efficiency<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"si\">\r\n <div class=\"si-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"si-body\">\r\n <div class=\"si-title\">Compressor, Condenser & Pipe Repairs<\/div>\r\n <div class=\"si-desc\">Repair or replace faulty components to restore full system function<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"si\">\r\n <div class=\"si-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"si-body\">\r\n <div class=\"si-title\">Cabin Filter Replacement<\/div>\r\n <div class=\"si-desc\">Improve air quality inside your vehicle with a fresh, clean cabin filter<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"si\">\r\n <div class=\"si-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"si-body\">\r\n <div class=\"si-title\">Anti-Bacterial Cleanse<\/div>\r\n <div class=\"si-desc\">Eliminate odors and bacteria from vents for fresher, healthier air in your car<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"svc-btn\">\r\n Book Now\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 4. CTA \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"cta\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-ov\"><\/div>\r\n <div class=\"cta-inner rv\">\r\n <div class=\"cta-kicker\">Book Your A\/C Service<\/div>\r\n <h2 class=\"cta-title\">\r\n Get It Fixed<span>Today.<\/span>\r\n <\/h2>\r\n <div class=\"cta-btns\">\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"cta-btn\">\r\n Book Now Online\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"tel:+441908973839\" class=\"cta-phone\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.87a16 16 0 0 0 6.29 6.29l1.14-1.14a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n 01908 97 38 39\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('on'); obs.unobserve(e.target); } });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.rv,.rl,.rr').forEach(el => obs.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d88fed0 e-flex e-con-boxed e-con e-parent\" data-id=\"d88fed0\" 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-a15b7c0 elementor-widget elementor-widget-html\" data-id=\"a15b7c0\" 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>Air Conditioning \u2013 AutoPoint MK AC AutoPoint MK \u00b7 A\/C Specialists Air Conditioning Services. A fully functional air conditioning system…<\/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-105","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/105","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=105"}],"version-history":[{"count":22,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":309,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions\/309"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}