{"id":31,"date":"2025-09-24T06:17:56","date_gmt":"2025-09-24T06:17:56","guid":{"rendered":"https:\/\/new.chetonanews24.com\/?page_id=31"},"modified":"2026-03-19T03:08:09","modified_gmt":"2026-03-19T03:08:09","slug":"service-areas","status":"publish","type":"page","link":"https:\/\/blueguard.ca\/fr\/service-areas\/","title":{"rendered":"Zones de service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58e8c0cd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58e8c0cd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1171a6fa\" data-id=\"1171a6fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-792d90a e-flex e-con-boxed e-con e-parent\" data-id=\"792d90a\" 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-ba34526 elementor-widget elementor-widget-template\" data-id=\"ba34526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"18297\" class=\"elementor elementor-18297\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-c46d714 e-con-full e-flex e-con e-parent\" data-id=\"c46d714\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ec0d1 elementor-widget elementor-widget-html\" data-id=\"d4ec0d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Nunito:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#sva-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n#sva-section {\r\n  font-family: 'Nunito', sans-serif;\r\n  background: #f8f9fb;\r\n  padding: 80px 20px 100px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n#sva-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle at 20% 20%, rgba(168,207,69,0.07) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(10,168,223,0.07) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n#sva-section .sva-dots { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\r\n#sva-section .sva-dot { position: absolute; border-radius: 50%; animation: svaDotFloat linear infinite; opacity: 0; }\r\n@keyframes svaDotFloat { 0% { transform: translateY(100%); opacity: 0; } 10% { opacity: 0.7; } 90% { opacity: 0.2; } 100% { transform: translateY(-60px); opacity: 0; } }\r\n#sva-section .sva-inner { max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n\/* HEADER *\/\r\n#sva-section .sva-header { text-align: center; margin-bottom: 44px; opacity: 0; transform: translateY(28px); transition: opacity 0.8s ease, transform 0.8s ease; }\r\n#sva-section .sva-header.sva-vis { opacity: 1; transform: translateY(0); }\r\n#sva-section .sva-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #a8cf45; margin-bottom: 14px; }\r\n#sva-section .sva-eyebrow::before, #sva-section .sva-eyebrow::after { content: ''; width: 32px; height: 2px; background: #a8cf45; border-radius: 2px; display: block; }\r\n#sva-section h2.sva-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(38px, 6vw, 66px); font-weight: 900; text-transform: uppercase; letter-spacing: -1px; line-height: 1; color: #1a1a2e; margin-bottom: 14px; }\r\n#sva-section h2.sva-title .sva-hl { background: linear-gradient(135deg, #a8cf45, #0aa8df); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n#sva-section p.sva-desc { font-size: 15px; color: #888; line-height: 1.75; max-width: 500px; margin: 0 auto; font-weight: 400; }\r\n\r\n\/* PROVINCE TABS *\/\r\n#sva-section .sva-tabs { display: flex; justify-content: center; margin-bottom: 44px; background: #fff; border-radius: 50px; padding: 5px; width: fit-content; margin-left: auto; margin-right: auto; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border: 1.5px solid #e8e8e8; }\r\n#sva-section .sva-tab { display: inline-flex; align-items: center; gap: 8px; padding: 11px 30px; border-radius: 50px; font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; border: none; background: transparent; color: #888; transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1); position: relative; overflow: hidden; }\r\n#sva-section .sva-tab .sva-tab-icon { font-size: 16px; transition: transform 0.3s ease; }\r\n#sva-section .sva-tab:hover { color: #555; }\r\n#sva-section .sva-tab:hover .sva-tab-icon { transform: scale(1.2); }\r\n#sva-section .sva-tab.sva-tab-active { background: linear-gradient(135deg, #a8cf45, #0aa8df); color: #fff; box-shadow: 0 6px 20px rgba(10,168,223,0.3); }\r\n#sva-section .sva-tab.sva-tab-active::before { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: svaBtnShine 2.5s ease-in-out infinite; }\r\n@keyframes svaBtnShine { 0% { left: -100%; } 45% { left: 140%; } 100% { left: 140%; } }\r\n\r\n\/* PANEL *\/\r\n#sva-section .sva-panel { display: none; }\r\n#sva-section .sva-panel.sva-panel-active { display: block; animation: svaPanelIn 0.45s ease; }\r\n@keyframes svaPanelIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\r\n#sva-section .sva-province-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 4vw, 42px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.5px; color: #1a1a2e; text-align: center; margin-bottom: 24px; }\r\n\r\n\/* MAP *\/\r\n#sva-section .sva-map-wrap { border-radius: 20px; overflow: hidden; box-shadow: 0 12px 50px rgba(0,0,0,0.12); margin-bottom: 32px; border: 2px solid #e8e8e8; position: relative; }\r\n#sva-section .sva-map-wrap iframe { display: block; width: 100%; height: 340px; border: none; }\r\n#sva-section .sva-map-badge { position: absolute; top: 14px; left: 14px; background: rgba(255,255,255,0.95); border-radius: 50px; padding: 6px 14px; display: flex; align-items: center; gap: 6px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a2e; z-index: 2; }\r\n#sva-section .sva-map-dot { width: 7px; height: 7px; border-radius: 50%; background: #a8cf45; animation: svaDotPing 1.6s ease-out infinite; }\r\n@keyframes svaDotPing { 0% { box-shadow: 0 0 0 0 rgba(168,207,69,0.5); } 70% { box-shadow: 0 0 0 8px rgba(168,207,69,0); } 100% { box-shadow: 0 0 0 0 rgba(168,207,69,0); } }\r\n\r\n\/* GRID & CARD *\/\r\n#sva-section .sva-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n#sva-section .sva-card { background: #fff; border-radius: 20px; padding: 30px 28px; border: 1.5px solid #ebebeb; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease, transform 0.3s ease; }\r\n#sva-section .sva-card:hover { box-shadow: 0 10px 40px rgba(0,0,0,0.09); transform: translateY(-3px); }\r\n#sva-section .sva-card-title { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #1a1a2e; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; }\r\n#sva-section .sva-card-title::before { content: ''; width: 4px; height: 20px; border-radius: 2px; background: linear-gradient(to bottom, #a8cf45, #0aa8df); flex-shrink: 0; }\r\n\r\n\/* CITY BUTTONS *\/\r\n#sva-section .sva-city-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\r\n#sva-section .sva-city-btn { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 10px; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; border: 1.5px solid rgba(10,168,223,0.2); transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1); background: #f0f7ff; color: #0aa8df; overflow: hidden; }\r\n#sva-section .sva-city-btn:hover { background: linear-gradient(135deg, #0aa8df, #007db3); color: #fff; border-color: transparent; transform: translateY(-2px) scale(1.03); box-shadow: 0 6px 18px rgba(10,168,223,0.3); }\r\n#sva-section .sva-city-btn .sva-pin { font-size: 14px; flex-shrink: 0; }\r\n\r\n\/* SUB-TABS \u2014 always horizontal *\/\r\n#sva-section .sva-subtabs {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 0;\r\n  margin-bottom: 14px;\r\n  background: #f4f6f9;\r\n  border-radius: 14px;\r\n  padding: 4px;\r\n  border: 1.5px solid #e8e8e8;\r\n  overflow-x: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n  scrollbar-width: none;\r\n}\r\n#sva-section .sva-subtabs::-webkit-scrollbar { display: none; }\r\n#sva-section .sva-subtab {\r\n  flex: 1;\r\n  min-width: max-content;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  padding: 9px 16px;\r\n  border-radius: 10px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  border: none;\r\n  background: transparent;\r\n  color: #888;\r\n  transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);\r\n  white-space: nowrap;\r\n}\r\n#sva-section .sva-subtab:hover { color: #555; }\r\n#sva-section .sva-subtab.sva-subtab-active { background: linear-gradient(135deg, #a8cf45, #0aa8df); color: #fff; box-shadow: 0 4px 14px rgba(10,168,223,0.25); }\r\n\r\n#sva-section .sva-subpanel { display: none; }\r\n#sva-section .sva-subpanel.sva-subpanel-active { display: block; animation: svaPanelIn 0.35s ease; }\r\n\r\n\/* NOTICE *\/\r\n#sva-section .sva-notice { margin-top: 28px; background: linear-gradient(135deg, rgba(168,207,69,0.08), rgba(10,168,223,0.06)); border: 1.5px solid rgba(168,207,69,0.3); border-radius: 16px; padding: 20px 24px; display: flex; align-items: flex-start; gap: 14px; }\r\n#sva-section .sva-notice-icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; animation: svaNoticeBounce 2s ease-in-out infinite; }\r\n@keyframes svaNoticeBounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }\r\n#sva-section .sva-notice-title { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a2e; margin-bottom: 4px; }\r\n#sva-section p.sva-notice-text { font-family: 'Nunito', sans-serif; font-size: 13px; color: #666; line-height: 1.6; }\r\n\r\n\/* \u2550\u2550 POPUP MODAL \u2550\u2550 *\/\r\n#sva-popup-overlay {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(10, 15, 30, 0.6);\r\n  backdrop-filter: blur(7px);\r\n  -webkit-backdrop-filter: blur(7px);\r\n  z-index: 999999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n}\r\n#sva-popup-overlay.sva-popup-open {\r\n  display: flex;\r\n  animation: svaOverlayIn 0.25s ease;\r\n}\r\n@keyframes svaOverlayIn { from { opacity: 0; } to { opacity: 1; } }\r\n@keyframes svaOverlayOut { to { opacity: 0; } }\r\n\r\n#sva-popup-box {\r\n  background: #fff;\r\n  border-radius: 26px;\r\n  width: 100%;\r\n  max-width: 430px;\r\n  box-shadow: 0 40px 100px rgba(0,0,0,0.25);\r\n  overflow: hidden;\r\n  animation: svaPopupIn 0.38s cubic-bezier(0.34,1.56,0.64,1);\r\n  position: relative;\r\n}\r\n@keyframes svaPopupIn { from { opacity: 0; transform: scale(0.85) translateY(24px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n@keyframes svaPopupOut { to { opacity: 0; transform: scale(0.9) translateY(14px); } }\r\n\r\n#sva-popup-header {\r\n  background: linear-gradient(135deg, #a8cf45 0%, #0aa8df 100%);\r\n  padding: 30px 28px 26px;\r\n  position: relative;\r\n}\r\n\r\n\/* Decorative circles \u2014 z-index: 0 so they stay BEHIND the close button *\/\r\n#sva-popup-header::before, #sva-popup-header::after {\r\n  content: '';\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.1);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n#sva-popup-header::before { width: 120px; height: 120px; top: -40px; right: -30px; }\r\n#sva-popup-header::after  { width: 70px;  height: 70px;  bottom: -20px; left: 20px; }\r\n\r\n\/* \u2705 FIXED CLOSE BUTTON *\/\r\n#sva-popup-close {\r\n  position: absolute;\r\n  top: 14px;\r\n  right: 14px;\r\n  width: 34px;\r\n  height: 34px;\r\n  min-width: 34px;\r\n  min-height: 34px;\r\n  max-width: 34px;\r\n  max-height: 34px;\r\n  border-radius: 50% !important;\r\n  background: rgba(255,255,255,0.22);\r\n  border: 1.5px solid rgba(255,255,255,0.35);\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  font-size: 15px;\r\n  color: #fff;\r\n  transition: background 0.2s ease, transform 0.25s ease;\r\n  z-index: 10;\r\n  line-height: 1;\r\n  padding: 0;\r\n  box-sizing: content-box;\r\n}\r\n#sva-popup-close:hover { background: rgba(255,255,255,0.38); transform: rotate(90deg) scale(1.1); }\r\n\r\n#sva-popup-icon { font-size: 38px; display: block; margin-bottom: 10px; position: relative; z-index: 1; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.18)); }\r\n#sva-popup-city { font-family: 'Barlow Condensed', sans-serif; font-size: 34px; font-weight: 900; text-transform: uppercase; letter-spacing: -0.5px; color: #fff; line-height: 1; text-shadow: 0 2px 10px rgba(0,0,0,0.15); position: relative; z-index: 1; }\r\n#sva-popup-tag { display: inline-block; margin-top: 10px; background: rgba(255,255,255,0.22); border: 1px solid rgba(255,255,255,0.35); border-radius: 50px; padding: 5px 14px; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,0.95); position: relative; z-index: 1; }\r\n\r\n#sva-popup-body { padding: 26px 28px 30px; }\r\n#sva-popup-desc {\r\n  font-family: 'Nunito', sans-serif;\r\n  font-size: 14.5px;\r\n  color: #555;\r\n  line-height: 1.72;\r\n  margin-bottom: 22px;\r\n  padding: 16px 18px;\r\n  background: linear-gradient(135deg, rgba(168,207,69,0.07), rgba(10,168,223,0.04));\r\n  border-radius: 14px;\r\n  border: 1.5px solid rgba(168,207,69,0.2);\r\n}\r\n#sva-popup-actions { display: flex; flex-direction: column; gap: 10px; }\r\n\r\n#sva-popup-btn-primary {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 15px 24px;\r\n  border-radius: 50px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  background: linear-gradient(135deg, #0aa8df, #007db3);\r\n  color: #fff;\r\n  border: none;\r\n  cursor: pointer;\r\n  box-shadow: 0 6px 22px rgba(10,168,223,0.38);\r\n  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#sva-popup-btn-primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent); animation: svaBtnShine 2.5s ease-in-out infinite; }\r\n#sva-popup-btn-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 14px 36px rgba(10,168,223,0.48); }\r\n#sva-popup-btn-primary .sva-arrow { display: inline-block; transition: transform 0.3s ease; }\r\n#sva-popup-btn-primary:hover .sva-arrow { transform: translateX(5px); }\r\n\r\n#sva-popup-btn-secondary { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; border-radius: 50px; font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; background: transparent; color: #999; border: 1.5px solid #e0e0e0; cursor: pointer; transition: all 0.25s ease; }\r\n#sva-popup-btn-secondary:hover { background: #f4f6f9; color: #666; border-color: #ccc; }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 860px) {\r\n  #sva-section .sva-grid { grid-template-columns: 1fr; }\r\n  #sva-section .sva-map-wrap iframe { height: 260px; }\r\n  #sva-section { padding: 50px 20px 80px; }\r\n}\r\n@media (max-width: 540px) {\r\n  #sva-section { padding: 40px 14px 60px; }\r\n  #sva-popup-box { border-radius: 20px; }\r\n  #sva-popup-header { padding: 24px 22px 20px; }\r\n  #sva-popup-body { padding: 20px 22px 24px; }\r\n}\r\n<\/style>\r\n\r\n<!-- POPUP MODAL (outside section so z-index works globally) -->\r\n<div id=\"sva-popup-overlay\" role=\"dialog\" aria-modal=\"true\" onclick=\"svaPopupClose(event)\">\r\n  <div id=\"sva-popup-box\">\r\n    <div id=\"sva-popup-header\">\r\n      <button id=\"sva-popup-close\" onclick=\"svaPopupHide()\" aria-label=\"Close\">\u2715<\/button>\r\n      <span id=\"sva-popup-icon\">\ud83d\udccd<\/span>\r\n      <div id=\"sva-popup-city\">City<\/div>\r\n      <span id=\"sva-popup-tag\">Service Area<\/span>\r\n    <\/div>\r\n    <div id=\"sva-popup-body\">\r\n      <div id=\"sva-popup-desc\"><\/div>\r\n      <div id=\"sva-popup-actions\">\r\n        <a href=\"#\" id=\"sva-popup-btn-primary\">More Details <span class=\"sva-arrow\">\u2192<\/span><\/a>\r\n        <button id=\"sva-popup-btn-secondary\" onclick=\"svaPopupHide()\">\u2190 Back to Service Areas<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<section id=\"sva-section\" aria-label=\"Our Service Area\">\r\n  <div class=\"sva-dots\" id=\"svaDots\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sva-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"sva-header\" id=\"svaHeader\">\r\n      <div class=\"sva-eyebrow\">Our Coverage<\/div>\r\n      <h2 class=\"sva-title\">Our <span class=\"sva-hl\">Service<\/span> Area<\/h2>\r\n      <p class=\"sva-desc\">Become one of our many happy customers! Let the BlueGuard team handle all your air duct and dryer vent cleaning requirements across these service areas.<\/p>\r\n    <\/header>\r\n\r\n    <!-- PROVINCE TABS -->\r\n    <div class=\"sva-tabs\" role=\"tablist\">\r\n      <button class=\"sva-tab sva-tab-active\" id=\"svaTabOn\" role=\"tab\" aria-selected=\"true\" onclick=\"svaSwitch('on')\">\r\n        <span class=\"sva-tab-icon\">\ud83c\udf41<\/span> Ontario\r\n      <\/button>\r\n      <button class=\"sva-tab\" id=\"svaTabQc\" role=\"tab\" aria-selected=\"false\" onclick=\"svaSwitch('qc')\">\r\n        <span class=\"sva-tab-icon\">\ud83c\udfd4\ufe0f<\/span> Quebec\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 ONTARIO \u2550\u2550 -->\r\n    <div class=\"sva-panel sva-panel-active\" id=\"svaPanelOn\">\r\n      <h3 class=\"sva-province-title\">Ontario<\/h3>\r\n      <div class=\"sva-map-wrap\">\r\n        <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1k6l75GQIL9eKci4mdRHQP5lvJs1Tg1A&ehbc=2E312F\" title=\"Ontario Service Area Map\" loading=\"lazy\" allowfullscreen><\/iframe>\r\n        <div style=\"background:white;width:100%;height:60px;border-radius:15px 15px 0 0;position:absolute;top:0px;\">\r\n          <div class=\"sva-map-badge\"><span class=\"sva-map-dot\"><\/span> Live Service Area<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"sva-grid\">\r\n        <div class=\"sva-card\">\r\n          <h4 class=\"sva-card-title\">Major Cities<\/h4>\r\n          <div class=\"sva-city-grid\">\r\n            <button class=\"sva-city-btn\" onclick=\"svaCity('Oshawa','BlueGuard professional dryer vent and duct cleaner serving Oshawa helps keep the air in your home clean.','Major City \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Oshawa<\/button>\r\n            <button class=\"sva-city-btn\" onclick=\"svaCity('Ottawa','BlueGuard delivers certified duct cleaning services throughout Ottawa and surrounding areas.','Major City \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Ottawa<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sva-card\">\r\n          <h4 class=\"sva-card-title\">City Nearby Areas<\/h4>\r\n          <div class=\"sva-subtabs\" id=\"svaOnSubtabs\">\r\n            <button class=\"sva-subtab sva-subtab-active\" onclick=\"svaSubSwitch('on','oshawa',this)\">\ud83d\udccd Oshawa<\/button>\r\n            <button class=\"sva-subtab\" onclick=\"svaSubSwitch('on','ottawa',this)\">\ud83d\udccd Ottawa<\/button>\r\n          <\/div>\r\n          <div class=\"sva-subpanel sva-subpanel-active\" id=\"svaOn-oshawa\">\r\n            <div class=\"sva-city-grid\">\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Whitby','Whitby residents trust BlueGuard for top-quality duct and vent cleaning services.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Whitby<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Ajax','Professional air duct and dryer vent cleaning services in Ajax \u2014 cleaner air for your home.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Ajax<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Pickering','BlueGuard serves Pickering with expert duct cleaning to improve indoor air quality.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Pickering<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Port Hope','BlueGuard serves Port Hope with reliable and affordable duct cleaning solutions.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Port Hope<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Peterborough','Professional indoor air quality services available throughout Peterborough.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Peterborough<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Bowmanville','BlueGuard provides expert duct and dryer vent cleaning services in Bowmanville.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Bowmanville<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Courtice','BlueGuard\\'s certified technicians bring clean air solutions to Courtice homes.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Courtice<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('New Castle','Expert duct and vent cleaning services available in New Castle, Ontario.','Oshawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> New Castle<\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sva-subpanel\" id=\"svaOn-ottawa\">\r\n            <div class=\"sva-city-grid\">\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Nepean','BlueGuard serves Nepean with professional air duct and dryer vent cleaning services.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Nepean<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Stittsville','Expert duct cleaning solutions for homes and businesses in Stittsville.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Stittsville<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Barrhaven','BlueGuard brings cleaner indoor air to Barrhaven families with certified technicians.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Barrhaven<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Long Island','Professional duct and vent cleaning services available in Long Island, Ontario.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Long Island<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Kemptville','BlueGuard serves Kemptville with reliable and affordable duct cleaning solutions.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Kemptville<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Findlay Creek','Clean, fresh air for Findlay Creek homes \u2014 trust BlueGuard\\'s expert team.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Findlay Creek<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Winchester','BlueGuard\\'s certified technicians deliver clean air solutions to Winchester homes.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Winchester<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Avalon','Professional air duct cleaning helping Avalon families breathe better every day.','Ottawa Nearby \u2014 Ontario')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Avalon<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 QUEBEC \u2550\u2550 -->\r\n    <div class=\"sva-panel\" id=\"svaPanelQc\">\r\n      <h3 class=\"sva-province-title\">Quebec<\/h3>\r\n      <div class=\"sva-map-wrap\">\r\n        <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1asW8-Ye-yqotalLDOakPSwv7Ij8bj9Y&ehbc=2E312F\" loading=\"lazy\" allowfullscreen><\/iframe>\r\n        <div style=\"background:white;width:100%;height:60px;border-radius:15px 15px 0 0;position:absolute;top:0px;\">\r\n          <div class=\"sva-map-badge\"><span class=\"sva-map-dot\"><\/span> Live Service Area<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"sva-grid\">\r\n        <div class=\"sva-card\">\r\n          <h4 class=\"sva-card-title\">Major Cities<\/h4>\r\n          <div class=\"sva-city-grid\">\r\n            <button class=\"sva-city-btn\" onclick=\"svaCity('Gatineau','BlueGuard provides expert duct and dryer vent cleaning services throughout Gatineau.','Major City \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Gatineau<\/button>\r\n            <button class=\"sva-city-btn\" onclick=\"svaCity('Montreal','BlueGuard provides top-rated duct and vent cleaning services throughout Montreal.','Major City \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Montreal<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sva-card\">\r\n          <h4 class=\"sva-card-title\">City Nearby Areas<\/h4>\r\n          <div class=\"sva-subtabs\" id=\"svaQcSubtabs\">\r\n            <button class=\"sva-subtab sva-subtab-active\" onclick=\"svaSubSwitch('qc','gatineau',this)\">\ud83d\udccd Gatineau<\/button>\r\n            <button class=\"sva-subtab\" onclick=\"svaSubSwitch('qc','montreal',this)\">\ud83d\udccd Montreal<\/button>\r\n          <\/div>\r\n          <div class=\"sva-subpanel sva-subpanel-active\" id=\"svaQc-gatineau\">\r\n            <div class=\"sva-city-grid\">\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Mont-Bleu','BlueGuard brings clean air solutions to Mont-Bleu homes with certified technicians.','Gatineau Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Mont-Bleu<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Limbour','Professional duct and vent cleaning services available throughout Limbour.','Gatineau Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Limbour<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Chelsea','BlueGuard serves Chelsea with expert indoor air quality improvements.','Gatineau Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Chelsea<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Cantley','Clean, fresh air for Cantley homes \u2014 trust BlueGuard\\'s expert team.','Gatineau Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Cantley<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Quinnville','BlueGuard provides reliable duct cleaning solutions to Quinnville homes.','Gatineau Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Quinnville<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('L\\'Ange-Gardien','BlueGuard brings certified air duct cleaning expertise to L\\'Ange-Gardien.','Gatineau Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> L'Ange-Gardien<\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sva-subpanel\" id=\"svaQc-montreal\">\r\n            <div class=\"sva-city-grid\">\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Vaudreuil-Dorion','BlueGuard provides professional duct cleaning services in Vaudreuil-Dorion.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Vaudreuil-Dorion<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Blainville','Expert air duct and dryer vent cleaning available throughout Blainville.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Blainville<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Saint-J\u00e9r\u00f4me','BlueGuard serves Saint-J\u00e9r\u00f4me with certified duct cleaning for healthier homes.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Saint-J\u00e9r\u00f4me<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Repentigny','Professional indoor air quality services available throughout Repentigny.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Repentigny<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Terrebonne','BlueGuard brings clean air solutions to Terrebonne families year-round.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Terrebonne<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Saint-Hyacinthe','Clean air matters \u2014 BlueGuard serves Saint-Hyacinthe with certified technicians.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Saint-Hyacinthe<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Granby','Professional duct cleaning services keeping Granby homes fresh and healthy.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Granby<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Saint-Jean-sur-Richelieu','BlueGuard serves Saint-Jean-sur-Richelieu with expert duct cleaning solutions.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> St-Jean-sur-Richelieu<\/button>\r\n              <button class=\"sva-city-btn\" onclick=\"svaCity('Sorel-Tracy','BlueGuard\\'s team delivers fresh, clean air to Sorel-Tracy homes.','Montreal Nearby \u2014 Quebec')\"><span class=\"sva-pin\">\ud83d\udccd<\/span> Sorel-Tracy<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Don't see your area -->\r\n    <div class=\"sva-notice\">\r\n      <span class=\"sva-notice-icon\">\ud83d\udd0d<\/span>\r\n      <div>\r\n        <div class=\"sva-notice-title\">Don't see your area?<\/div>\r\n        <p class=\"sva-notice-text\">Please contact us if you don't see your city\/region in the list. We try our best to provide service in every region.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Floating dots + scroll reveal *\/\r\n(function () {\r\n  var wrap = document.getElementById('svaDots');\r\n  var colors = ['#a8cf45','#0aa8df'];\r\n  for (var i = 0; i < 22; i++) {\r\n    var d = document.createElement('div');\r\n    d.className = 'sva-dot';\r\n    var sz = Math.random() * 5 + 2, cl = colors[i % 2];\r\n    d.style.cssText = 'left:'+(Math.random()*100)+'%;width:'+sz+'px;height:'+sz+'px;background:'+cl+';box-shadow:0 0 '+(sz*2)+'px '+cl+';animation-duration:'+(Math.random()*18+10)+'s;animation-delay:'+(Math.random()*16)+'s';\r\n    wrap.appendChild(d);\r\n  }\r\n  var hdr = document.getElementById('svaHeader');\r\n  function check() { if (hdr && !hdr.classList.contains('sva-vis') && hdr.getBoundingClientRect().top < (window.innerHeight||900)*0.93) hdr.classList.add('sva-vis'); }\r\n  setTimeout(check, 150);\r\n  window.addEventListener('scroll', check, { passive: true });\r\n})();\r\n\r\n\/* Province tab switch *\/\r\nfunction svaSwitch(which) {\r\n  document.querySelectorAll('#sva-section .sva-tab').forEach(function(t){ t.classList.remove('sva-tab-active'); t.setAttribute('aria-selected','false'); });\r\n  document.querySelectorAll('#sva-section .sva-panel').forEach(function(p){ p.classList.remove('sva-panel-active'); });\r\n  var t = document.getElementById(which==='on'?'svaTabOn':'svaTabQc');\r\n  var p = document.getElementById(which==='on'?'svaPanelOn':'svaPanelQc');\r\n  if(t){ t.classList.add('sva-tab-active'); t.setAttribute('aria-selected','true'); }\r\n  if(p) p.classList.add('sva-panel-active');\r\n}\r\n\r\n\/* Sub-tab switch *\/\r\nfunction svaSubSwitch(province, city, btn) {\r\n  var tabsId = province==='on'?'svaOnSubtabs':'svaQcSubtabs';\r\n  var prefix = 'sva'+(province==='on'?'On':'Qc')+'-';\r\n  document.getElementById(tabsId).querySelectorAll('.sva-subtab').forEach(function(b){ b.classList.remove('sva-subtab-active'); });\r\n  btn.classList.add('sva-subtab-active');\r\n  var panel = document.getElementById(province==='on'?'svaPanelOn':'svaPanelQc');\r\n  panel.querySelectorAll('.sva-subpanel').forEach(function(p){ p.classList.remove('sva-subpanel-active'); });\r\n  var target = document.getElementById(prefix+city);\r\n  if(target) target.classList.add('sva-subpanel-active');\r\n}\r\n\r\n\/* City click \u2192 popup *\/\r\nfunction svaCity(cityName, desc, tag) {\r\n  document.getElementById('sva-popup-city').textContent = cityName;\r\n  document.getElementById('sva-popup-desc').textContent = desc;\r\n  document.getElementById('sva-popup-tag').textContent = tag || 'Service Area';\r\n  var btn = document.getElementById('sva-popup-btn-primary');\r\n  btn.innerHTML = cityName + ' \\u2014 More Details <span class=\"sva-arrow\">\\u2192<\/span>';\r\n  btn.href = '#';\r\n  var overlay = document.getElementById('sva-popup-overlay');\r\n  overlay.classList.add('sva-popup-open');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\n\r\n\/* Close popup *\/\r\nfunction svaPopupHide() {\r\n  var overlay = document.getElementById('sva-popup-overlay');\r\n  var box = document.getElementById('sva-popup-box');\r\n  overlay.style.animation = 'svaOverlayOut 0.22s ease forwards';\r\n  box.style.animation = 'svaPopupOut 0.22s ease forwards';\r\n  setTimeout(function(){\r\n    overlay.classList.remove('sva-popup-open');\r\n    overlay.style.animation = '';\r\n    box.style.animation = '';\r\n    document.body.style.overflow = '';\r\n  }, 220);\r\n}\r\nfunction svaPopupClose(e){ if(e.target===document.getElementById('sva-popup-overlay')) svaPopupHide(); }\r\ndocument.addEventListener('keydown', function(e){ if(e.key==='Escape') svaPopupHide(); });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-52b72e7 e-con-full e-flex e-con e-parent\" data-id=\"52b72e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c57fe3 elementor-widget elementor-widget-html\" data-id=\"3c57fe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Nunito:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#sc-cta-section * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#sc-cta-section {\r\n  font-family: 'Nunito', sans-serif;\r\n  padding: 90px 0px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  background: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500 Soft animated orbs \u2500\u2500 *\/\r\n#sc-cta-section .cta-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: ctaOrbPulse ease-in-out infinite alternate;\r\n  filter: blur(60px);\r\n}\r\n\r\n#sc-cta-section .cta-orb-1 {\r\n  width: 550px; height: 550px;\r\n  background: radial-gradient(circle, rgba(168,207,69,0.13) 0%, transparent 70%);\r\n  top: -200px; left: -180px;\r\n  animation-duration: 9s;\r\n}\r\n\r\n#sc-cta-section .cta-orb-2 {\r\n  width: 500px; height: 500px;\r\n  background: radial-gradient(circle, rgba(10,168,223,0.11) 0%, transparent 70%);\r\n  bottom: -180px; right: -150px;\r\n  animation-duration: 11s;\r\n  animation-delay: 3s;\r\n}\r\n\r\n#sc-cta-section .cta-orb-3 {\r\n  width: 350px; height: 350px;\r\n  background: radial-gradient(circle, rgba(168,207,69,0.08) 0%, transparent 70%);\r\n  top: 50%; right: 30%;\r\n  transform: translateY(-50%);\r\n  animation-duration: 7s;\r\n  animation-delay: 5s;\r\n}\r\n\r\n@keyframes ctaOrbPulse {\r\n  0%   { transform: scale(1); opacity: 0.6; }\r\n  100% { transform: scale(1.2); opacity: 1; }\r\n}\r\n\r\n\/* Floating dots *\/\r\n#sc-cta-section .cta-particles {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n#sc-cta-section .cta-particle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  animation: ctaParticleFloat linear infinite;\r\n  opacity: 0;\r\n}\r\n\r\n@keyframes ctaParticleFloat {\r\n  0%   { transform: translateY(110%) scale(0.5); opacity: 0; }\r\n  10%  { opacity: 1; }\r\n  90%  { opacity: 0.35; }\r\n  100% { transform: translateY(-10%) scale(1); opacity: 0; }\r\n}\r\n\r\n\/* \u2500\u2500 Inner wrapper \u2500\u2500 *\/\r\n#sc-cta-section .cta-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT COLUMN \u2500\u2500 *\/\r\n#sc-cta-section .cta-left {\r\n  opacity: 0;\r\n  transform: translateX(-40px);\r\n  transition: opacity 0.85s ease, transform 0.85s ease;\r\n}\r\n\r\n#sc-cta-section .cta-left.cta-visible {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* Eyebrow *\/\r\n#sc-cta-section .cta-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  color: #a8cf45;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#sc-cta-section .cta-eyebrow::before,\r\n#sc-cta-section .cta-eyebrow::after {\r\n  content: '';\r\n  display: block;\r\n  width: 30px;\r\n  height: 2px;\r\n  background: #a8cf45;\r\n  border-radius: 2px;\r\n}\r\n\r\n#sc-cta-section .cta-eyebrow-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: #a8cf45;\r\n  box-shadow: 0 0 8px rgba(168,207,69,0.7);\r\n  animation: ctaBlink 1.4s ease-in-out infinite;\r\n  display: inline-block;\r\n}\r\n\r\n@keyframes ctaBlink {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50%       { opacity: 0.4; transform: scale(0.7); }\r\n}\r\n\r\n\/* Headline *\/\r\n#sc-cta-section .cta-headline {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(35px, 4vw, 60px);\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  line-height: 0.95;\r\n  letter-spacing: -1px;\r\n  color: #1a1a2e;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#sc-cta-section .cta-headline .hl-green {\r\n  background: linear-gradient(135deg, #a8cf45 0%, #8ab82e 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n#sc-cta-section .cta-headline .hl-blue {\r\n  background: linear-gradient(135deg, #0aa8df 0%, #007db3 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n\/* Sub *\/\r\n#sc-cta-section .cta-sub {\r\n  font-size: 15px;\r\n  color: #777;\r\n  line-height: 1.8;\r\n  margin-bottom: 30px;\r\n  max-width: 460px;\r\n}\r\n\r\n\/* Trust chips *\/\r\n#sc-cta-section .cta-chips {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n#sc-cta-section .cta-chip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 14px;\r\n  border-radius: 50px;\r\n  background: #f7f9f2;\r\n  border: 1.5px solid rgba(168,207,69,0.35);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: #4a6e00;\r\n  letter-spacing: 0.2px;\r\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\r\n}\r\n\r\n#sc-cta-section .cta-chip:hover {\r\n  border-color: rgba(168,207,69,0.7);\r\n  box-shadow: 0 4px 14px rgba(168,207,69,0.15);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#sc-cta-section .cta-chip .chip-icon { font-size: 13px; }\r\n\r\n\/* \u2500\u2500 RIGHT COLUMN \u2500\u2500 *\/\r\n#sc-cta-section .cta-right {\r\n  opacity: 0;\r\n  transform: translateX(40px);\r\n  transition: opacity 0.85s ease 0.2s, transform 0.85s ease 0.2s;\r\n}\r\n\r\n#sc-cta-section .cta-right.cta-visible {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* Card wrapper *\/\r\n#sc-cta-section .cta-card {\r\n  background: #fff;\r\n  border-radius: 28px;\r\n  padding: 44px 40px;\r\n  border: 1.5px solid #ebebeb;\r\n  box-shadow: 0 8px 40px rgba(0,0,0,0.07), 0 2px 12px rgba(0,0,0,0.04);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n#sc-cta-section .cta-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #a8cf45, #0aa8df);\r\n  border-radius: 28px 28px 0 0;\r\n}\r\n\r\n\/* Card heading *\/\r\n#sc-cta-section .cta-card-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  color: #1a1a2e;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* \u2500\u2500 PRIMARY BUTTON \u2500\u2500 *\/\r\n#sc-cta-section .cta-btn-primary {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  padding: 16px 22px;\r\n  border-radius: 16px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, #a8cf45 0%, #8aba2a 100%);\r\n  border: none;\r\n  box-shadow: 0 6px 24px rgba(168,207,69,0.35);\r\n  margin-bottom: 14px;\r\n  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease;\r\n}\r\n\r\n#sc-cta-section .cta-btn-primary:hover {\r\n  transform: translateY(-4px) scale(1.02);\r\n  box-shadow: 0 14px 40px rgba(168,207,69,0.5);\r\n}\r\n\r\n\/* Continuous shine sweep *\/\r\n#sc-cta-section .cta-btn-primary::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 55%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);\r\n  transform: skewX(-18deg);\r\n  animation: ctaBtnShine 2.6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaBtnShine {\r\n  0%   { left: -100%; }\r\n  45%  { left: 140%; }\r\n  100% { left: 140%; }\r\n}\r\n\r\n\/* Pulsing glow border *\/\r\n#sc-cta-section .cta-btn-primary::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: inherit;\r\n  box-shadow: 0 0 0 0 rgba(168,207,69,0.5);\r\n  animation: ctaPrimaryPulse 2s ease-out infinite;\r\n}\r\n\r\n@keyframes ctaPrimaryPulse {\r\n  0%   { box-shadow: 0 0 0 0 rgba(168,207,69,0.4); }\r\n  70%  { box-shadow: 0 0 0 8px rgba(168,207,69,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(168,207,69,0); }\r\n}\r\n\r\n#sc-cta-section .cta-btn-primary .btn-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#sc-cta-section .cta-btn-primary .btn-icon {\r\n  width: 34px; height: 34px;\r\n  background: rgba(255,255,255,0.2);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#sc-cta-section .cta-btn-primary .btn-label { line-height: 1.2; }\r\n#sc-cta-section .cta-btn-primary .btn-label small {\r\n  display: block;\r\n  font-size: 10px;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  opacity: 0.85;\r\n  text-transform: none;\r\n}\r\n\r\n#sc-cta-section .cta-btn-primary .btn-arrow {\r\n  position: relative;\r\n  z-index: 1;\r\n  font-size: 18px;\r\n  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);\r\n  display: inline-block;\r\n  animation: ctaArrowBounce 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaArrowBounce {\r\n  0%, 100% { transform: translateX(0); }\r\n  50%       { transform: translateX(5px); }\r\n}\r\n\r\n#sc-cta-section .cta-btn-primary:hover .btn-arrow {\r\n  animation: none;\r\n  transform: translateX(6px);\r\n}\r\n\r\n\/* \u2500\u2500 SECONDARY BUTTON \u2500\u2500 *\/\r\n#sc-cta-section .cta-btn-secondary {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  padding: 16px 22px;\r\n  border-radius: 16px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  color: #007db3;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  background: linear-gradient(135deg, rgba(10,168,223,0.07), rgba(10,168,223,0.03));\r\n  border: 1.5px solid rgba(10,168,223,0.35);\r\n  box-shadow: 0 4px 16px rgba(10,168,223,0.08);\r\n  margin-bottom: 28px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease;\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary:hover {\r\n  transform: translateY(-4px) scale(1.02);\r\n  box-shadow: 0 14px 40px rgba(10,168,223,0.22);\r\n  background: linear-gradient(135deg, #0aa8df, #007db3);\r\n  color: #fff;\r\n  border-color: transparent;\r\n}\r\n\r\n\/* Pulse ring *\/\r\n#sc-cta-section .cta-btn-secondary::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: inherit;\r\n  animation: ctaSecPulse 2.4s ease-out infinite;\r\n}\r\n\r\n@keyframes ctaSecPulse {\r\n  0%   { box-shadow: 0 0 0 0 rgba(10,168,223,0.35); }\r\n  70%  { box-shadow: 0 0 0 10px rgba(10,168,223,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(10,168,223,0); }\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary .btn-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary .btn-icon {\r\n  width: 34px; height: 34px;\r\n  background: rgba(10,168,223,0.12);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n  flex-shrink: 0;\r\n  transition: background 0.3s;\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary:hover .btn-icon {\r\n  background: rgba(255,255,255,0.2);\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary .btn-label { line-height: 1.2; }\r\n#sc-cta-section .cta-btn-secondary .btn-label small {\r\n  display: block;\r\n  font-size: 10px;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  opacity: 0.75;\r\n  text-transform: none;\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary .btn-arrow {\r\n  font-size: 18px;\r\n  position: relative;\r\n  z-index: 1;\r\n  display: inline-block;\r\n  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);\r\n  animation: ctaArrowBounce2 2.2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaArrowBounce2 {\r\n  0%, 100% { transform: translateX(0); }\r\n  50%       { transform: translateX(4px); }\r\n}\r\n\r\n#sc-cta-section .cta-btn-secondary:hover .btn-arrow {\r\n  animation: none;\r\n  transform: translateX(6px);\r\n}\r\n\r\n\/* Divider *\/\r\n#sc-cta-section .cta-card-divider {\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, #e8e8e8, transparent);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* Stats row inside card *\/\r\n#sc-cta-section .cta-stats {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n}\r\n\r\n#sc-cta-section .cta-stat {\r\n  text-align: center;\r\n  flex: 1;\r\n}\r\n\r\n#sc-cta-section .cta-stat-num {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n#sc-cta-section .cta-stat-num.num-green {\r\n  background: linear-gradient(135deg, #a8cf45, #6b9a00);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n#sc-cta-section .cta-stat-num.num-blue {\r\n  background: linear-gradient(135deg, #0aa8df, #007db3);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n#sc-cta-section .cta-stat-label {\r\n  font-size: 11px;\r\n  color: #aaa;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n}\r\n\r\n\/* Bottom accent line *\/\r\n#sc-cta-section .cta-accent-line {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, rgba(168,207,69,0.4), rgba(10,168,223,0.4), transparent);\r\n  animation: ctaLinePulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaLinePulse {\r\n  0%, 100% { opacity: 0.4; }\r\n  50%       { opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 860px) {\r\n  #sc-cta-section .cta-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  #sc-cta-section .cta-left { text-align: center; }\r\n  #sc-cta-section .cta-eyebrow { justify-content: center; }\r\n  #sc-cta-section .cta-sub { margin: 0 auto 30px; }\r\n  #sc-cta-section .cta-chips { justify-content: center; }\r\n  #sc-cta-section .cta-left  { transform: translateY(-30px); }\r\n  #sc-cta-section .cta-left.cta-visible  { transform: translateY(0); }\r\n  #sc-cta-section .cta-right { transform: translateY(30px); }\r\n  #sc-cta-section .cta-right.cta-visible { transform: translateY(0); }\r\n  #sc-cta-section {\r\n    padding: 70px 0px;\r\n}\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  #sc-cta-section { padding: 60px 16px; }\r\n  #sc-cta-section .cta-card { padding: 30px 22px; }\r\n  #sc-cta-section .cta-stats { flex-direction: column; gap: 16px; }\r\n}\r\n@media (max-width: 425px) {\r\n  #sc-cta-section {\r\n  padding: 40px 10px;\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n<section id=\"sc-cta-section\" aria-label=\"Call To Action \u2014 Get a Free Quote\">\r\n\r\n  <!-- Background -->\r\n  <div class=\"cta-orb cta-orb-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cta-orb cta-orb-2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cta-orb cta-orb-3\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cta-particles\" id=\"ctaParticles\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cta-accent-line\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"cta-inner\">\r\n\r\n    <!-- LEFT: Text content -->\r\n    <div class=\"cta-left\" id=\"ctaLeft\">\r\n\r\n      <div class=\"cta-eyebrow\">\r\n        <span class=\"cta-eyebrow-dot\"><\/span>\r\n        Get Started Today\r\n      <\/div>\r\n\r\n      <h2 class=\"cta-headline\">\r\n        Book a   \r\n        <span class=\"hl-green\">Service<\/span><br>\r\n        <span class=\"hl-blue\">in your<\/span> Area?\r\n      <\/h2>\r\n\r\n      <p class=\"cta-sub\">\r\n        Or Have more questions about service areas? Please Talk to an associate.\r\n      <\/p>\r\n\r\n      <div class=\"cta-chips\">\r\n        <span class=\"cta-chip\"><span class=\"chip-icon\">\u2705<\/span> Certified Technicians<\/span>\r\n        <span class=\"cta-chip\"><span class=\"chip-icon\">\u26a1<\/span> Same-Day Availability<\/span>\r\n        <span class=\"cta-chip\"><span class=\"chip-icon\">\ud83d\udee1\ufe0f<\/span> Satisfaction Guaranteed<\/span>\r\n        <span class=\"cta-chip\"><span class=\"chip-icon\">\ud83d\udcb0<\/span> Transparent Pricing<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Action card -->\r\n    <div class=\"cta-right\" id=\"ctaRight\">\r\n      <div class=\"cta-card\">\r\n\r\n        <h3 class=\"cta-card-title\">Book Your Service<\/h3>\r\n\r\n        <!-- Primary CTA -->\r\n        <a href=\"https:\/\/blueguard.ca\/book-now-get-quote\/\" class=\"cta-btn-primary\" aria-label=\"Get a Free Quote\">\r\n          <span class=\"btn-left\">\r\n            <span class=\"btn-icon\">\ud83d\udccb<\/span>\r\n            <span class=\"btn-label\">\r\n              Get a Free Quote\r\n              <small>No obligation \u2014 100% free<\/small>\r\n            <\/span>\r\n          <\/span>\r\n          <span class=\"btn-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <!-- Secondary CTA -->\r\n        <a href=\"tel:+18444988364\" class=\"cta-btn-secondary\" aria-label=\"Call Us Now\">\r\n          <span class=\"btn-left\">\r\n            <span class=\"btn-icon\">\ud83d\udcde<\/span>\r\n            <span class=\"btn-label\">\r\n              Call Us Now\r\n              <small>Mon \u2013 Fri, 9am \u2013 6pm<br>Saturday, 9am \u2013 5pm <br> Sunday, 10am \u2013 4pm<\/small>\r\n            <\/span>\r\n          <\/span>\r\n          <span class=\"btn-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"cta-card-divider\"><\/div>\r\n\r\n        <!-- Stats -->\r\n        <div class=\"cta-stats\" id=\"ctaStats\">\r\n          <div class=\"cta-stat\">\r\n            <span class=\"cta-stat-num num-green\" data-target=\"2000\" data-suffix=\"+\">0<\/span>\r\n            <span class=\"cta-stat-label\">Happy Clients<\/span>\r\n          <\/div>\r\n          <div class=\"cta-stat\">\r\n            <span class=\"cta-stat-num num-blue\" data-target=\"6\" data-suffix=\"+\">0<\/span>\r\n            <span class=\"cta-stat-label\">Years Experience<\/span>\r\n          <\/div>\r\n          <div class=\"cta-stat\">\r\n            <span class=\"cta-stat-num num-green\" data-target=\"100\" data-suffix=\"%\">0<\/span>\r\n            <span class=\"cta-stat-label\">Satisfaction<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* \u2500\u2500 Floating particles \u2500\u2500 *\/\r\n  var pc = document.getElementById('ctaParticles');\r\n  var colors = ['#a8cf45', '#0aa8df'];\r\n  for (var i = 0; i < 28; i++) {\r\n    var p = document.createElement('div');\r\n    p.className = 'cta-particle';\r\n    var sz = Math.random() * 4 + 1.5;\r\n    var cl = colors[Math.floor(Math.random() * 2)];\r\n    p.style.cssText = [\r\n      'left:' + (Math.random() * 100) + '%',\r\n      'width:' + sz + 'px',\r\n      'height:' + sz + 'px',\r\n      'background:' + cl,\r\n      'opacity:0.45',\r\n      'box-shadow:0 0 ' + (sz * 2) + 'px ' + cl,\r\n      'animation-duration:' + (Math.random() * 20 + 12) + 's',\r\n      'animation-delay:' + (Math.random() * 18) + 's'\r\n    ].join(';');\r\n    pc.appendChild(p);\r\n  }\r\n\r\n  \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n  var left  = document.getElementById('ctaLeft');\r\n  var right = document.getElementById('ctaRight');\r\n\r\n  function inView(el) {\r\n    if (!el) return false;\r\n    return el.getBoundingClientRect().top < (window.innerHeight || 900) * 0.93;\r\n  }\r\n\r\n  var statsTriggered = false;\r\n\r\n  function reveal() {\r\n    if (left  && !left.classList.contains('cta-visible')  && inView(left))  left.classList.add('cta-visible');\r\n    if (right && !right.classList.contains('cta-visible') && inView(right)) right.classList.add('cta-visible');\r\n\r\n    \/* Counter animation *\/\r\n    var statsEl = document.getElementById('ctaStats');\r\n    if (!statsTriggered && statsEl && inView(statsEl)) {\r\n      statsTriggered = true;\r\n      statsEl.querySelectorAll('.cta-stat-num').forEach(function (num) {\r\n        var target   = parseInt(num.getAttribute('data-target'), 10);\r\n        var suffix   = num.getAttribute('data-suffix') || '';\r\n        var duration = 1800;\r\n        var startTime = null;\r\n        function step(ts) {\r\n          if (!startTime) startTime = ts;\r\n          var prog  = Math.min((ts - startTime) \/ duration, 1);\r\n          var eased = 1 - Math.pow(1 - prog, 3);\r\n          num.textContent = Math.floor(eased * target) + suffix;\r\n          if (prog < 1) requestAnimationFrame(step);\r\n          else num.textContent = target + suffix;\r\n        }\r\n        requestAnimationFrame(step);\r\n      });\r\n    }\r\n  }\r\n\r\n  setTimeout(reveal, 200);\r\n  window.addEventListener('scroll', reveal, { passive: true });\r\n  window.addEventListener('resize', reveal, { passive: true });\r\n\r\n})();\r\n<\/script>\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>Get Started Today Book a Service in your Area? Or Have more questions about service areas? Please Talk to an associate. \u2705 Certified Technicians \u26a1 Same-Day Availability \ud83d\udee1\ufe0f Satisfaction Guaranteed \ud83d\udcb0 Transparent Pricing Book Your Service \ud83d\udccb Get a Free Quote No obligation \u2014 100% free \u2192 \ud83d\udcde Call Us Now Mon \u2013 Fri, 9am [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":5,"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":18832,"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/pages\/31\/revisions\/18832"}],"wp:attachment":[{"href":"https:\/\/blueguard.ca\/fr\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}