{"id":356,"date":"2026-03-30T22:06:04","date_gmt":"2026-03-30T22:06:04","guid":{"rendered":"https:\/\/jwwebsites.com\/giancarlo-hunt\/?page_id=356"},"modified":"2026-03-31T04:47:43","modified_gmt":"2026-03-31T04:47:43","slug":"work-space-1","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/","title":{"rendered":"Work Space-1"},"content":{"rendered":"
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n ClearFlow Plumbing | Reliable Residential Plumbing Services<\/title>\r\n\r\n <style>\r\n :root {\r\n --primary: #087ea4;\r\n --primary-dark: #075b78;\r\n --secondary: #10b9c5;\r\n --accent: #f4a229;\r\n --dark: #102a36;\r\n --text: #344d59;\r\n --light-text: #68808b;\r\n --background: #f4fbfd;\r\n --white: #ffffff;\r\n --border: #d8e8ed;\r\n --success: #1e9c67;\r\n --shadow: 0 14px 40px rgba(16, 42, 54, 0.12);\r\n --small-shadow: 0 8px 24px rgba(16, 42, 54, 0.09);\r\n --radius: 18px;\r\n --max-width: 1180px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n color: var(--text);\r\n background: var(--white);\r\n line-height: 1.65;\r\n }\r\n\r\n body.menu-open {\r\n overflow: hidden;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n button,\r\n input,\r\n textarea,\r\n select {\r\n font: inherit;\r\n }\r\n\r\n button {\r\n cursor: pointer;\r\n }\r\n\r\n section {\r\n scroll-margin-top: 90px;\r\n }\r\n\r\n .container {\r\n width: min(92%, var(--max-width));\r\n margin-inline: auto;\r\n }\r\n\r\n .section {\r\n padding: 90px 0;\r\n }\r\n\r\n .section-light {\r\n background: var(--background);\r\n }\r\n\r\n .section-heading {\r\n max-width: 720px;\r\n margin-bottom: 45px;\r\n }\r\n\r\n .section-heading.centered {\r\n margin-inline: auto;\r\n text-align: center;\r\n }\r\n\r\n .eyebrow {\r\n display: inline-block;\r\n margin-bottom: 12px;\r\n color: var(--primary);\r\n font-weight: 800;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3 {\r\n color: var(--dark);\r\n line-height: 1.15;\r\n }\r\n\r\n h1 {\r\n font-size: clamp(2.5rem, 6vw, 4.8rem);\r\n letter-spacing: -0.04em;\r\n }\r\n\r\n h2 {\r\n margin-bottom: 18px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n h3 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n color: var(--light-text);\r\n }\r\n\r\n .button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 52px;\r\n padding: 13px 24px;\r\n border: 2px solid transparent;\r\n border-radius: 999px;\r\n font-weight: 800;\r\n transition:\r\n transform 0.2s ease,\r\n background-color 0.2s ease,\r\n border-color 0.2s ease,\r\n color 0.2s ease;\r\n }\r\n\r\n .button:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .button-primary {\r\n color: var(--white);\r\n background: var(--primary);\r\n }\r\n\r\n .button-primary:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n .button-secondary {\r\n color: var(--dark);\r\n background: var(--accent);\r\n }\r\n\r\n .button-secondary:hover {\r\n background: #e99519;\r\n }\r\n\r\n .button-outline {\r\n color: var(--primary);\r\n background: transparent;\r\n border-color: var(--primary);\r\n }\r\n\r\n .button-outline:hover {\r\n color: var(--white);\r\n background: var(--primary);\r\n }\r\n\r\n .top-bar {\r\n padding: 9px 0;\r\n color: var(--white);\r\n background: var(--dark);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .top-bar-inner {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n .top-bar p,\r\n .top-bar a {\r\n color: var(--white);\r\n }\r\n\r\n .top-bar a {\r\n font-weight: 700;\r\n }\r\n\r\n .site-header {\r\n position: sticky;\r\n z-index: 1000;\r\n top: 0;\r\n background: rgba(255, 255, 255, 0.96);\r\n border-bottom: 1px solid rgba(216, 232, 237, 0.9);\r\n backdrop-filter: blur(12px);\r\n }\r\n\r\n .navigation {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n min-height: 78px;\r\n gap: 30px;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--dark);\r\n font-size: 1.3rem;\r\n font-weight: 900;\r\n }\r\n\r\n .logo-mark {\r\n display: grid;\r\n place-items: center;\r\n width: 44px;\r\n height: 44px;\r\n color: var(--white);\r\n background: linear-gradient(\r\n 145deg,\r\n var(--primary),\r\n var(--secondary)\r\n );\r\n border-radius: 14px;\r\n font-size: 1.45rem;\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 26px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: var(--dark);\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .menu-button {\r\n display: none;\r\n width: 46px;\r\n height: 46px;\r\n color: var(--dark);\r\n background: transparent;\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n font-size: 1.4rem;\r\n }\r\n\r\n .hero {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 105px 0 90px;\r\n background:\r\n radial-gradient(\r\n circle at 85% 20%,\r\n rgba(16, 185, 197, 0.2),\r\n transparent 32%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #f5fcfe 0%,\r\n #e7f7fa 50%,\r\n #ffffff 100%\r\n );\r\n }\r\n\r\n .hero::after {\r\n position: absolute;\r\n right: -120px;\r\n bottom: -170px;\r\n width: 450px;\r\n height: 450px;\r\n content: \"\";\r\n border: 80px solid rgba(8, 126, 164, 0.06);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-grid {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: 1.08fr 0.92fr;\r\n align-items: center;\r\n gap: 70px;\r\n }\r\n\r\n .hero-copy p {\r\n max-width: 650px;\r\n margin: 24px 0 32px;\r\n font-size: 1.12rem;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .hero-points {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px 22px;\r\n list-style: none;\r\n color: var(--dark);\r\n font-weight: 700;\r\n }\r\n\r\n .hero-points li::before {\r\n margin-right: 7px;\r\n color: var(--success);\r\n content: \"\u2713\";\r\n font-weight: 900;\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n min-height: 480px;\r\n }\r\n\r\n .plumber-card {\r\n position: absolute;\r\n inset: 25px 0 0 50px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n min-height: 440px;\r\n padding: 38px;\r\n color: var(--white);\r\n background:\r\n linear-gradient(\r\n rgba(7, 91, 120, 0.78),\r\n rgba(16, 42, 54, 0.9)\r\n ),\r\n linear-gradient(140deg, #087ea4, #102a36);\r\n border-radius: 34px;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .plumber-card p,\r\n .plumber-card h2,\r\n .plumber-card h3 {\r\n color: var(--white);\r\n }\r\n\r\n .plumber-icon {\r\n display: grid;\r\n place-items: center;\r\n width: 105px;\r\n height: 105px;\r\n background: rgba(255, 255, 255, 0.14);\r\n border: 1px solid rgba(255, 255, 255, 0.24);\r\n border-radius: 28px;\r\n font-size: 3.7rem;\r\n }\r\n\r\n .plumber-card h2 {\r\n max-width: 390px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .rating-card {\r\n position: absolute;\r\n z-index: 3;\r\n top: 0;\r\n left: 0;\r\n padding: 20px 24px;\r\n background: var(--white);\r\n border-radius: 16px;\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .rating-card strong {\r\n display: block;\r\n color: var(--dark);\r\n font-size: 1.2rem;\r\n }\r\n\r\n .stars {\r\n color: var(--accent);\r\n letter-spacing: 2px;\r\n }\r\n\r\n .emergency-card {\r\n position: absolute;\r\n z-index: 3;\r\n right: -10px;\r\n bottom: 8px;\r\n max-width: 230px;\r\n padding: 20px;\r\n color: var(--white);\r\n background: var(--primary);\r\n border-radius: 18px;\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .emergency-card p,\r\n .emergency-card a {\r\n color: var(--white);\r\n }\r\n\r\n .emergency-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .trust-strip {\r\n background: var(--dark);\r\n }\r\n\r\n .trust-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .trust-item {\r\n padding: 29px 22px;\r\n text-align: center;\r\n border-right: 1px solid rgba(255, 255, 255, 0.12);\r\n }\r\n\r\n .trust-item:last-child {\r\n border-right: 0;\r\n }\r\n\r\n .trust-item strong {\r\n display: block;\r\n color: var(--white);\r\n font-size: 1.08rem;\r\n }\r\n\r\n .trust-item span {\r\n color: #a9c1cb;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .service-card {\r\n padding: 31px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: 0 8px 25px rgba(16, 42, 54, 0.04);\r\n transition:\r\n transform 0.25s ease,\r\n box-shadow 0.25s ease;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-7px);\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .service-icon {\r\n display: grid;\r\n place-items: center;\r\n width: 58px;\r\n height: 58px;\r\n margin-bottom: 22px;\r\n color: var(--primary);\r\n background: #e5f7fa;\r\n border-radius: 16px;\r\n font-size: 1.75rem;\r\n }\r\n\r\n .service-card h3 {\r\n margin-bottom: 11px;\r\n }\r\n\r\n .service-card a {\r\n display: inline-block;\r\n margin-top: 18px;\r\n color: var(--primary);\r\n font-weight: 800;\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n align-items: center;\r\n gap: 70px;\r\n }\r\n\r\n .about-visual {\r\n position: relative;\r\n min-height: 500px;\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(16, 185, 197, 0.75),\r\n rgba(7, 91, 120, 0.92)\r\n );\r\n border-radius: 30px;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .pipe-art {\r\n position: absolute;\r\n inset: 40px;\r\n overflow: hidden;\r\n background: rgba(255, 255, 255, 0.12);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 24px;\r\n }\r\n\r\n .pipe-art::before {\r\n position: absolute;\r\n top: 24%;\r\n left: -20px;\r\n width: 70%;\r\n height: 70px;\r\n content: \"\";\r\n background: #dce9ec;\r\n border-radius: 35px;\r\n box-shadow:\r\n 170px 120px 0 #dce9ec,\r\n 220px 240px 0 #dce9ec;\r\n }\r\n\r\n .pipe-art::after {\r\n position: absolute;\r\n top: 21%;\r\n left: 57%;\r\n width: 70px;\r\n height: 190px;\r\n content: \"\";\r\n background: #dce9ec;\r\n border-radius: 35px;\r\n box-shadow:\r\n -170px 120px 0 #dce9ec,\r\n 50px 220px 0 #dce9ec;\r\n }\r\n\r\n .experience-badge {\r\n position: absolute;\r\n right: -25px;\r\n bottom: 35px;\r\n width: 165px;\r\n padding: 22px;\r\n background: var(--white);\r\n border-radius: 18px;\r\n box-shadow: var(--small-shadow);\r\n text-align: center;\r\n }\r\n\r\n .experience-badge strong {\r\n display: block;\r\n color: var(--primary);\r\n font-size: 2.5rem;\r\n line-height: 1;\r\n }\r\n\r\n .experience-badge span {\r\n color: var(--dark);\r\n font-weight: 800;\r\n }\r\n\r\n .check-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n margin: 30px 0;\r\n list-style: none;\r\n }\r\n\r\n .check-list li {\r\n color: var(--dark);\r\n font-weight: 700;\r\n }\r\n\r\n .check-list li::before {\r\n display: inline-grid;\r\n place-items: center;\r\n width: 24px;\r\n height: 24px;\r\n margin-right: 9px;\r\n color: var(--white);\r\n background: var(--success);\r\n border-radius: 50%;\r\n content: \"\u2713\";\r\n font-size: 0.8rem;\r\n }\r\n\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 22px;\r\n }\r\n\r\n .process-card {\r\n position: relative;\r\n padding: 30px 25px;\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .step-number {\r\n display: grid;\r\n place-items: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 21px;\r\n color: var(--white);\r\n background: var(--primary);\r\n border-radius: 50%;\r\n font-weight: 900;\r\n }\r\n\r\n .process-card h3 {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .emergency-section {\r\n padding: 75px 0;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(7, 91, 120, 0.98),\r\n rgba(16, 42, 54, 0.98)\r\n );\r\n }\r\n\r\n .emergency-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n }\r\n\r\n .emergency-inner h2,\r\n .emergency-inner p {\r\n color: var(--white);\r\n }\r\n\r\n .emergency-inner p {\r\n max-width: 700px;\r\n color: #c7dce3;\r\n }\r\n\r\n .testimonial-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .testimonial {\r\n padding: 30px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n }\r\n\r\n .testimonial .stars {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .testimonial blockquote {\r\n margin-bottom: 22px;\r\n color: var(--text);\r\n font-size: 1rem;\r\n }\r\n\r\n .customer {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n }\r\n\r\n .customer-avatar {\r\n display: grid;\r\n place-items: center;\r\n width: 46px;\r\n height: 46px;\r\n color: var(--white);\r\n background: var(--primary);\r\n border-radius: 50%;\r\n font-weight: 900;\r\n }\r\n\r\n .customer strong {\r\n display: block;\r\n color: var(--dark);\r\n }\r\n\r\n .customer span {\r\n color: var(--light-text);\r\n font-size: 0.88rem;\r\n }\r\n\r\n .service-area-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: stretch;\r\n gap: 40px;\r\n }\r\n\r\n .area-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 13px;\r\n margin-top: 27px;\r\n list-style: none;\r\n }\r\n\r\n .area-list li {\r\n padding: 13px 15px;\r\n color: var(--dark);\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .area-list li::before {\r\n margin-right: 8px;\r\n color: var(--primary);\r\n content: \"\u25cf\";\r\n }\r\n\r\n .map-placeholder {\r\n display: grid;\r\n place-items: center;\r\n min-height: 360px;\r\n padding: 35px;\r\n text-align: center;\r\n background:\r\n linear-gradient(\r\n rgba(8, 126, 164, 0.86),\r\n rgba(7, 91, 120, 0.9)\r\n ),\r\n repeating-linear-gradient(\r\n 45deg,\r\n rgba(255, 255, 255, 0.06) 0,\r\n rgba(255, 255, 255, 0.06) 12px,\r\n transparent 12px,\r\n transparent 24px\r\n );\r\n border-radius: 24px;\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .map-placeholder h3,\r\n .map-placeholder p {\r\n color: var(--white);\r\n }\r\n\r\n .map-pin {\r\n margin-bottom: 15px;\r\n font-size: 4rem;\r\n }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 45px;\r\n }\r\n\r\n .contact-details {\r\n padding: 36px;\r\n color: var(--white);\r\n background: var(--dark);\r\n border-radius: 24px;\r\n }\r\n\r\n .contact-details h2,\r\n .contact-details h3,\r\n .contact-details p,\r\n .contact-details a {\r\n color: var(--white);\r\n }\r\n\r\n .contact-details > p {\r\n color: #bbd0d8;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 26px;\r\n }\r\n\r\n .contact-icon {\r\n display: grid;\r\n flex-shrink: 0;\r\n place-items: center;\r\n width: 46px;\r\n height: 46px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .contact-form {\r\n padding: 38px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 24px;\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .form-group.full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n label {\r\n color: var(--dark);\r\n font-size: 0.92rem;\r\n font-weight: 800;\r\n }\r\n\r\n input,\r\n select,\r\n textarea {\r\n width: 100%;\r\n padding: 14px 15px;\r\n color: var(--dark);\r\n background: #fbfdfe;\r\n border: 1px solid var(--border);\r\n border-radius: 11px;\r\n outline: none;\r\n transition:\r\n border-color 0.2s ease,\r\n box-shadow 0.2s ease;\r\n }\r\n\r\n input:focus,\r\n select:focus,\r\n textarea:focus {\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 4px rgba(8, 126, 164, 0.1);\r\n }\r\n\r\n textarea {\r\n min-height: 140px;\r\n resize: vertical;\r\n }\r\n\r\n .form-message {\r\n display: none;\r\n margin-top: 16px;\r\n padding: 12px 15px;\r\n color: #126442;\r\n background: #e8f8f1;\r\n border: 1px solid #bdebd7;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n }\r\n\r\n .faq-list {\r\n max-width: 860px;\r\n margin-inline: auto;\r\n }\r\n\r\n .faq-item {\r\n margin-bottom: 14px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n padding: 20px 22px;\r\n color: var(--dark);\r\n background: transparent;\r\n border: 0;\r\n text-align: left;\r\n font-weight: 800;\r\n }\r\n\r\n .faq-symbol {\r\n color: var(--primary);\r\n font-size: 1.4rem;\r\n }\r\n\r\n .faq-answer {\r\n display: none;\r\n padding: 0 22px 21px;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n display: block;\r\n }\r\n\r\n .footer {\r\n padding: 65px 0 25px;\r\n color: var(--white);\r\n background: #091d26;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.4fr 0.8fr 0.8fr 1fr;\r\n gap: 45px;\r\n }\r\n\r\n .footer .logo {\r\n color: var(--white);\r\n margin-bottom: 17px;\r\n }\r\n\r\n .footer p,\r\n .footer li,\r\n .footer a {\r\n color: #aec4cd;\r\n }\r\n\r\n .footer h3 {\r\n margin-bottom: 18px;\r\n color: var(--white);\r\n font-size: 1rem;\r\n }\r\n\r\n .footer ul {\r\n list-style: none;\r\n }\r\n\r\n .footer li {\r\n margin-bottom: 9px;\r\n }\r\n\r\n .footer a:hover {\r\n color: var(--white);\r\n }\r\n\r\n .footer-bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n margin-top: 45px;\r\n padding-top: 24px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n font-size: 0.88rem;\r\n }\r\n\r\n .back-to-top {\r\n position: fixed;\r\n z-index: 900;\r\n right: 22px;\r\n bottom: 22px;\r\n display: none;\r\n place-items: center;\r\n width: 48px;\r\n height: 48px;\r\n color: var(--white);\r\n background: var(--primary);\r\n border: 0;\r\n border-radius: 50%;\r\n box-shadow: var(--small-shadow);\r\n font-size: 1.2rem;\r\n }\r\n\r\n .back-to-top.visible {\r\n display: grid;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .nav-links {\r\n position: fixed;\r\n inset: 78px 0 auto 0;\r\n display: none;\r\n flex-direction: column;\r\n align-items: stretch;\r\n padding: 25px 5%;\r\n background: var(--white);\r\n border-bottom: 1px solid var(--border);\r\n box-shadow: var(--small-shadow);\r\n }\r\n\r\n .nav-links.open {\r\n display: flex;\r\n }\r\n\r\n .menu-button {\r\n display: block;\r\n }\r\n\r\n .header-button {\r\n display: none;\r\n }\r\n\r\n .hero-grid,\r\n .about-grid,\r\n .contact-grid,\r\n .service-area-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-copy {\r\n text-align: center;\r\n }\r\n\r\n .hero-copy p {\r\n margin-inline: auto;\r\n }\r\n\r\n .hero-buttons,\r\n .hero-points {\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual {\r\n max-width: 620px;\r\n width: 100%;\r\n margin-inline: auto;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .process-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .testimonial-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .top-bar-inner {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .top-bar-inner p:first-child {\r\n display: none;\r\n }\r\n\r\n .section {\r\n padding: 70px 0;\r\n }\r\n\r\n .hero {\r\n padding: 75px 0 70px;\r\n }\r\n\r\n .hero-visual {\r\n min-height: 455px;\r\n }\r\n\r\n .plumber-card {\r\n inset: 35px 0 0 0;\r\n padding: 28px;\r\n }\r\n\r\n .rating-card {\r\n left: 10px;\r\n }\r\n\r\n .emergency-card {\r\n right: 10px;\r\n }\r\n\r\n .trust-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .trust-item:nth-child(2) {\r\n border-right: 0;\r\n }\r\n\r\n .trust-item:nth-child(-n + 2) {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n }\r\n\r\n .service-grid,\r\n .process-grid,\r\n .form-grid,\r\n .check-list,\r\n .area-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .experience-badge {\r\n right: 15px;\r\n }\r\n\r\n .emergency-inner {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 470px) {\r\n .logo {\r\n font-size: 1.08rem;\r\n }\r\n\r\n .logo-mark {\r\n width: 39px;\r\n height: 39px;\r\n }\r\n\r\n .hero-visual {\r\n min-height: 500px;\r\n }\r\n\r\n .rating-card {\r\n padding: 15px 18px;\r\n }\r\n\r\n .plumber-card {\r\n min-height: 450px;\r\n }\r\n\r\n .emergency-card {\r\n max-width: 205px;\r\n }\r\n\r\n .contact-form,\r\n .contact-details {\r\n padding: 27px 22px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"top-bar\">\r\n <div class=\"container top-bar-inner\">\r\n <p>Licensed \u2022 Insured \u2022 Locally Operated<\/p>\r\n\r\n <p>\r\n Need help now?\r\n <a href=\"tel:+16185550147\">(618) 555-0147<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"site-header\">\r\n <div class=\"container navigation\">\r\n <a class=\"logo\" href=\"#home\" aria-label=\"ClearFlow Plumbing home\">\r\n <span class=\"logo-mark\" aria-hidden=\"true\">\ud83d\udca7<\/span>\r\n <span>ClearFlow Plumbing<\/span>\r\n <\/a>\r\n\r\n <button\r\n class=\"menu-button\"\r\n id=\"menuButton\"\r\n type=\"button\"\r\n aria-label=\"Open navigation menu\"\r\n aria-expanded=\"false\"\r\n >\r\n \u2630\r\n <\/button>\r\n\r\n <nav aria-label=\"Main navigation\">\r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#process\">How It Works<\/a><\/li>\r\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <a class=\"button button-primary header-button\" href=\"#contact\">\r\n Request Service\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-copy\">\r\n <span class=\"eyebrow\">Dependable residential plumbing<\/span>\r\n\r\n <h1>Plumbing problems fixed the right way.<\/h1>\r\n\r\n <p>\r\n From leaking faucets and clogged drains to toilet installations\r\n and water-heater repairs, our experienced team provides honest,\r\n dependable service for your home.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a class=\"button button-primary\" href=\"#contact\">\r\n Get a Free Estimate\r\n <\/a>\r\n\r\n <a class=\"button button-outline\" href=\"tel:+16185550147\">\r\n Call (618) 555-0147\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"hero-points\">\r\n <li>Upfront pricing<\/li>\r\n <li>Respectful technicians<\/li>\r\n <li>Clean workmanship<\/li>\r\n <li>Fast response<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\" aria-label=\"Professional plumbing service\">\r\n <div class=\"rating-card\">\r\n <div class=\"stars\" aria-label=\"Five-star rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <strong>Trusted Local Service<\/strong>\r\n <span>Quality work for every home<\/span>\r\n <\/div>\r\n\r\n <div class=\"plumber-card\">\r\n <div class=\"plumber-icon\" aria-hidden=\"true\">\ud83d\udd27<\/div>\r\n\r\n <div>\r\n <h2>Professional service without the stress.<\/h2>\r\n\r\n <p>\r\n We explain the problem, discuss your options, and complete the\r\n work carefully.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"emergency-card\">\r\n <strong>Urgent plumbing issue?<\/strong>\r\n <p>Call for prompt scheduling and assistance.<\/p>\r\n <a href=\"tel:+16185550147\">Call us now \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"trust-strip\" aria-label=\"Company benefits\">\r\n <div class=\"container trust-grid\">\r\n <div class=\"trust-item\">\r\n <strong>Locally Operated<\/strong>\r\n <span>Serving nearby homeowners<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <strong>Upfront Estimates<\/strong>\r\n <span>No confusing surprises<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <strong>Quality Materials<\/strong>\r\n <span>Reliable parts and fixtures<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <strong>Clean Work Areas<\/strong>\r\n <span>Respect for your home<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-heading centered\">\r\n <span class=\"eyebrow\">Our plumbing services<\/span>\r\n\r\n <h2>Complete plumbing care for your home<\/h2>\r\n\r\n <p>\r\n Whether the job is a small repair or a larger installation, we\r\n focus on safe work, dependable results, and clear communication.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-grid\">\r\n <article class=\"service-card\">\r\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udebd<\/div>\r\n <h3>Toilet Repair and Installation<\/h3>\r\n <p>\r\n Repair running, leaking, loose, or clogged toilets, or replace\r\n an outdated fixture with a properly installed new model.\r\n <\/p>\r\n <a href=\"#contact\">Request this service \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udebf<\/div>\r\n <h3>Faucets and Fixtures<\/h3>\r\n <p>\r\n Repair or install kitchen faucets, bathroom faucets,\r\n showerheads, garbage disposals, and other plumbing fixtures.\r\n <\/p>\r\n <a href=\"#contact\">Request this service \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83c\udf00<\/div>\r\n <h3>Drain Cleaning<\/h3>\r\n <p>\r\n Clear slow or clogged sinks, tubs, showers, and household drain\r\n lines so water can flow properly again.\r\n <\/p>\r\n <a href=\"#contact\">Request this service \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udca6<\/div>\r\n <h3>Leak Detection and Repair<\/h3>\r\n <p>\r\n Locate and repair visible plumbing leaks before they create\r\n additional water damage or increase your utility bill.\r\n <\/p>\r\n <a href=\"#contact\">Request this service \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udd25<\/div>\r\n <h3>Water Heaters<\/h3>\r\n <p>\r\n Diagnose common water-heater problems and provide repair,\r\n maintenance, replacement, or installation options.\r\n <\/p>\r\n <a href=\"#contact\">Request this service \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83c\udfe0<\/div>\r\n <h3>General Plumbing Repairs<\/h3>\r\n <p>\r\n Address damaged pipes, shutoff valves, supply lines, drainage\r\n problems, and other common residential plumbing concerns.\r\n <\/p>\r\n <a href=\"#contact\">Request this service \u2192<\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-light\" id=\"about\">\r\n <div class=\"container about-grid\">\r\n <div class=\"about-visual\" aria-hidden=\"true\">\r\n <div class=\"pipe-art\"><\/div>\r\n\r\n <div class=\"experience-badge\">\r\n <strong>15+<\/strong>\r\n <span>Years of Experience<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-copy\">\r\n <span class=\"eyebrow\">Why homeowners choose us<\/span>\r\n\r\n <h2>Honest answers and workmanship you can trust<\/h2>\r\n\r\n <p>\r\n Plumbing problems can interrupt your entire day. Our goal is to\r\n make the repair process simple. We arrive prepared, explain what\r\n we find, and recommend practical solutions based on your home and\r\n budget.\r\n <\/p>\r\n\r\n <ul class=\"check-list\">\r\n <li>Clear communication<\/li>\r\n <li>Careful diagnosis<\/li>\r\n <li>Respect for your property<\/li>\r\n <li>Dependable scheduling<\/li>\r\n <li>Quality replacement parts<\/li>\r\n <li>Work-area cleanup<\/li>\r\n <\/ul>\r\n\r\n <a class=\"button button-primary\" href=\"#contact\">\r\n Schedule an Appointment\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"section-heading centered\">\r\n <span class=\"eyebrow\">Simple service process<\/span>\r\n\r\n <h2>Getting plumbing help is easy<\/h2>\r\n\r\n <p>\r\n Tell us what is happening, choose a convenient appointment, and\r\n let our team handle the repair.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-grid\">\r\n <article class=\"process-card\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Contact Us<\/h3>\r\n <p>\r\n Call or complete the service form and describe the plumbing\r\n problem.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"process-card\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>Choose a Time<\/h3>\r\n <p>\r\n We will arrange an available appointment that works with your\r\n schedule.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"process-card\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Review the Options<\/h3>\r\n <p>\r\n We inspect the issue and explain the recommended repair before\r\n beginning.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"process-card\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3>Problem Solved<\/h3>\r\n <p>\r\n The work is completed carefully, tested, and cleaned up before\r\n we leave.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"emergency-section\">\r\n <div class=\"container emergency-inner\">\r\n <div>\r\n <h2>Do not let a plumbing problem get worse.<\/h2>\r\n\r\n <p>\r\n Leaks, overflowing fixtures, and failed plumbing components can\r\n quickly damage your home. Contact us as soon as you notice a\r\n problem.\r\n <\/p>\r\n <\/div>\r\n\r\n <a class=\"button button-secondary\" href=\"tel:+16185550147\">\r\n Call for Service\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-light\" id=\"reviews\">\r\n <div class=\"container\">\r\n <div class=\"section-heading centered\">\r\n <span class=\"eyebrow\">Customer reviews<\/span>\r\n\r\n <h2>What local homeowners are saying<\/h2>\r\n\r\n <p>\r\n Our business grows through dependable service and recommendations\r\n from satisfied customers.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n <article class=\"testimonial\">\r\n <div class=\"stars\" aria-label=\"Five-star review\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n <blockquote>\r\n \u201cThey arrived when promised, explained why the toilet was\r\n leaking, and completed the repair without making a mess.\u201d\r\n <\/blockquote>\r\n\r\n <div class=\"customer\">\r\n <div class=\"customer-avatar\">JM<\/div>\r\n\r\n <div>\r\n <strong>James M.<\/strong>\r\n <span>Residential customer<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"testimonial\">\r\n <div class=\"stars\" aria-label=\"Five-star review\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n <blockquote>\r\n \u201cThe price was explained before the work started. Our kitchen\r\n faucet was replaced quickly and works perfectly.\u201d\r\n <\/blockquote>\r\n\r\n <div class=\"customer\">\r\n <div class=\"customer-avatar\">SW<\/div>\r\n\r\n <div>\r\n <strong>Sarah W.<\/strong>\r\n <span>Residential customer<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"testimonial\">\r\n <div class=\"stars\" aria-label=\"Five-star review\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n <blockquote>\r\n \u201cProfessional, friendly, and easy to work with. They cleared our\r\n drain and gave us helpful advice to prevent another clog.\u201d\r\n <\/blockquote>\r\n\r\n <div class=\"customer\">\r\n <div class=\"customer-avatar\">RB<\/div>\r\n\r\n <div>\r\n <strong>Robert B.<\/strong>\r\n <span>Residential customer<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"service-area\">\r\n <div class=\"container service-area-grid\">\r\n <div>\r\n <span class=\"eyebrow\">Our service area<\/span>\r\n\r\n <h2>Proudly serving our local community<\/h2>\r\n\r\n <p>\r\n We provide residential plumbing service throughout the local area.\r\n Contact us to confirm scheduling and availability for your\r\n address.\r\n <\/p>\r\n\r\n <ul class=\"area-list\">\r\n <li>Mount Vernon<\/li>\r\n <li>Centralia<\/li>\r\n <li>Salem<\/li>\r\n <li>Benton<\/li>\r\n <li>Ina<\/li>\r\n <li>Woodlawn<\/li>\r\n <li>Bluford<\/li>\r\n <li>Nearby communities<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"map-placeholder\">\r\n <div>\r\n <div class=\"map-pin\" aria-hidden=\"true\">\ud83d\udccd<\/div>\r\n <h3>Local Residential Service<\/h3>\r\n\r\n <p>\r\n Replace this section with a Google Maps embed showing your\r\n business location or service area.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-light\" id=\"contact\">\r\n <div class=\"container contact-grid\">\r\n <div class=\"contact-details\">\r\n <span class=\"eyebrow\" style=\"color: #7fe8ed;\">\r\n Contact ClearFlow\r\n <\/span>\r\n\r\n <h2>Request plumbing service<\/h2>\r\n\r\n <p>\r\n Contact us to discuss your plumbing concern and request an\r\n appointment or estimate.\r\n <\/p>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\u260e<\/div>\r\n\r\n <div>\r\n <h3>Phone<\/h3>\r\n <a href=\"tel:+16185550147\">(618) 555-0147<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\u2709<\/div>\r\n\r\n <div>\r\n <h3>Email<\/h3>\r\n <a href=\"mailto:service@clearflowplumbing.com\">\r\n service@clearflowplumbing.com\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\u231a<\/div>\r\n\r\n <div>\r\n <h3>Business Hours<\/h3>\r\n <p>\r\n Monday\u2013Friday: 7:00 AM\u20136:00 PM<br \/>\r\n Saturday: 8:00 AM\u20133:00 PM\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\" aria-hidden=\"true\">\ud83d\udccd<\/div>\r\n\r\n <div>\r\n <h3>Service Location<\/h3>\r\n <p>Mount Vernon, Illinois 62864<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <form class=\"contact-form\" id=\"serviceForm\">\r\n <div class=\"section-heading\">\r\n <span class=\"eyebrow\">Free estimate request<\/span>\r\n <h2>Tell us how we can help<\/h2>\r\n <\/div>\r\n\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Full Name<\/label>\r\n <input\r\n id=\"name\"\r\n name=\"name\"\r\n type=\"text\"\r\n autocomplete=\"name\"\r\n placeholder=\"Your full name\"\r\n required\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <input\r\n id=\"phone\"\r\n name=\"phone\"\r\n type=\"tel\"\r\n autocomplete=\"tel\"\r\n placeholder=\"Your phone number\"\r\n required\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input\r\n id=\"email\"\r\n name=\"email\"\r\n type=\"email\"\r\n autocomplete=\"email\"\r\n placeholder=\"Your email address\"\r\n required\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"service\">Service Needed<\/label>\r\n\r\n <select id=\"service\" name=\"service\" required>\r\n <option value=\"\">Select a service<\/option>\r\n <option>Toilet repair or installation<\/option>\r\n <option>Faucet or fixture service<\/option>\r\n <option>Drain cleaning<\/option>\r\n <option>Leak repair<\/option>\r\n <option>Water-heater service<\/option>\r\n <option>General plumbing repair<\/option>\r\n <option>Other plumbing concern<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label for=\"address\">Service Address<\/label>\r\n\r\n <input\r\n id=\"address\"\r\n name=\"address\"\r\n type=\"text\"\r\n autocomplete=\"street-address\"\r\n placeholder=\"Street address, city, and ZIP code\"\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label for=\"message\">Describe the Problem<\/label>\r\n\r\n <textarea\r\n id=\"message\"\r\n name=\"message\"\r\n placeholder=\"Please describe the plumbing issue and when you would like service.\"\r\n required\r\n ><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <button class=\"button button-primary\" type=\"submit\">\r\n Submit Service Request\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-message\" id=\"formMessage\" role=\"status\">\r\n Thank you. Your request has been recorded. Connect this form to\r\n your email service or website backend to receive submissions.\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-heading centered\">\r\n <span class=\"eyebrow\">Frequently asked questions<\/span>\r\n <h2>Helpful plumbing information<\/h2>\r\n <\/div>\r\n\r\n <div class=\"faq-list\">\r\n <article class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\">\r\n Do you provide estimates before starting the work?\r\n <span class=\"faq-symbol\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Yes. After inspecting the problem, we explain the recommended\r\n work and expected cost before beginning whenever possible.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\">\r\n What should I do when a pipe or fixture is leaking?\r\n <span class=\"faq-symbol\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Turn off the nearest fixture shutoff valve. For a major leak,\r\n turn off the home's main water supply and contact a qualified\r\n plumbing professional.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\">\r\n Do you install customer-purchased fixtures?\r\n <span class=\"faq-symbol\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Customer-purchased toilets, faucets, and other fixtures may be\r\n installed when they are appropriate for the existing plumbing\r\n and meet installation requirements.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\">\r\n How quickly can an appointment be scheduled?\r\n <span class=\"faq-symbol\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Appointment availability depends on the type of problem and\r\n current schedule. Call for the fastest response to an urgent\r\n plumbing concern.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div>\r\n <a class=\"logo\" href=\"#home\">\r\n <span class=\"logo-mark\" aria-hidden=\"true\">\ud83d\udca7<\/span>\r\n <span>ClearFlow Plumbing<\/span>\r\n <\/a>\r\n\r\n <p>\r\n Reliable residential plumbing repairs, fixture installations, and\r\n maintenance for local homeowners.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h3>Navigation<\/h3>\r\n\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h3>Services<\/h3>\r\n\r\n <ul>\r\n <li><a href=\"#services\">Toilets<\/a><\/li>\r\n <li><a href=\"#services\">Drain Cleaning<\/a><\/li>\r\n <li><a href=\"#services\">Leak Repairs<\/a><\/li>\r\n <li><a href=\"#services\">Water Heaters<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h3>Contact<\/h3>\r\n\r\n <ul>\r\n <li>\r\n <a href=\"tel:+16185550147\">(618) 555-0147<\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"mailto:service@clearflowplumbing.com\">\r\n service@clearflowplumbing.com\r\n <\/a>\r\n <\/li>\r\n\r\n <li>Mount Vernon, IL 62864<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>\r\n \u00a9 <span id=\"currentYear\"><\/span> ClearFlow Plumbing. All rights\r\n reserved.\r\n <\/p>\r\n\r\n <p>\r\n Replace the sample business name, contact information, and service\r\n claims before publishing.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <button\r\n class=\"back-to-top\"\r\n id=\"backToTop\"\r\n type=\"button\"\r\n aria-label=\"Return to top of page\"\r\n >\r\n \u2191\r\n <\/button>\r\n\r\n <script>\r\n const menuButton = document.getElementById(\"menuButton\");\r\n const navLinks = document.getElementById(\"navLinks\");\r\n const navigationLinks = navLinks.querySelectorAll(\"a\");\r\n const serviceForm = document.getElementById(\"serviceForm\");\r\n const formMessage = document.getElementById(\"formMessage\");\r\n const faqItems = document.querySelectorAll(\".faq-item\");\r\n const backToTop = document.getElementById(\"backToTop\");\r\n const currentYear = document.getElementById(\"currentYear\");\r\n\r\n currentYear.textContent = new Date().getFullYear();\r\n\r\n menuButton.addEventListener(\"click\", () => {\r\n const menuIsOpen = navLinks.classList.toggle(\"open\");\r\n\r\n document.body.classList.toggle(\"menu-open\", menuIsOpen);\r\n menuButton.setAttribute(\"aria-expanded\", String(menuIsOpen));\r\n menuButton.textContent = menuIsOpen ? \"\u2715\" : \"\u2630\";\r\n });\r\n\r\n navigationLinks.forEach((link) => {\r\n link.addEventListener(\"click\", () => {\r\n navLinks.classList.remove(\"open\");\r\n document.body.classList.remove(\"menu-open\");\r\n menuButton.setAttribute(\"aria-expanded\", \"false\");\r\n menuButton.textContent = \"\u2630\";\r\n });\r\n });\r\n\r\n serviceForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n formMessage.style.display = \"block\";\r\n serviceForm.reset();\r\n\r\n formMessage.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"nearest\"\r\n });\r\n });\r\n\r\n faqItems.forEach((item) => {\r\n const question = item.querySelector(\".faq-question\");\r\n const symbol = item.querySelector(\".faq-symbol\");\r\n\r\n question.addEventListener(\"click\", () => {\r\n const isActive = item.classList.contains(\"active\");\r\n\r\n faqItems.forEach((faqItem) => {\r\n faqItem.classList.remove(\"active\");\r\n faqItem.querySelector(\".faq-symbol\").textContent = \"+\";\r\n });\r\n\r\n if (!isActive) {\r\n item.classList.add(\"active\");\r\n symbol.textContent = \"\u2212\";\r\n }\r\n });\r\n });\r\n\r\n window.addEventListener(\"scroll\", () => {\r\n backToTop.classList.toggle(\"visible\", window.scrollY > 600);\r\n });\r\n\r\n backToTop.addEventListener(\"click\", () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\"\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>ClearFlow Plumbing | Reliable Residential Plumbing Services Licensed \u2022 Insured \u2022 Locally Operated Need help now? (618) 555-0147 \ud83d\udca7 ClearFlow Plumbing \u2630 Home Services About How It Works Reviews Contact Request Service Dependable residential plumbing Plumbing problems fixed the right way. From leaking faucets and clogged drains to toilet installations and water-heater repairs, our experienced […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"footnotes":""},"folder":[],"class_list":["post-356","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Work Space-1 -<\/title>\n<meta name=\"description\" content=\"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Work Space-1 -\" \/>\n<meta property=\"og:description\" content=\"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T04:47:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/work-space-1\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/work-space-1\\\/\",\"name\":\"Work Space-1 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/#website\"},\"datePublished\":\"2026-03-30T22:06:04+00:00\",\"dateModified\":\"2026-03-31T04:47:43+00:00\",\"description\":\"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/work-space-1\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/work-space-1\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/work-space-1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work Space-1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/#website\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jwwebsites.com\\\/giancarlo-hunt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Work Space-1 -","description":"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/","og_locale":"en_US","og_type":"article","og_title":"Work Space-1 -","og_description":"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.","og_url":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/","article_modified_time":"2026-03-31T04:47:43+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/","url":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/","name":"Work Space-1 -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/giancarlo-hunt\/#website"},"datePublished":"2026-03-30T22:06:04+00:00","dateModified":"2026-03-31T04:47:43+00:00","description":"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/giancarlo-hunt\/work-space-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/giancarlo-hunt\/"},{"@type":"ListItem","position":2,"name":"Work Space-1"}]},{"@type":"WebSite","@id":"https:\/\/jwwebsites.com\/giancarlo-hunt\/#website","url":"https:\/\/jwwebsites.com\/giancarlo-hunt\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jwwebsites.com\/giancarlo-hunt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/pages\/356\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/media?parent=356"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/giancarlo-hunt\/wp-json\/wp\/v2\/folder?post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}