{"id":7,"date":"2026-04-19T15:33:19","date_gmt":"2026-04-19T13:33:19","guid":{"rendered":"https:\/\/yhailehemservices.com\/?page_id=7"},"modified":"2026-05-05T23:22:25","modified_gmt":"2026-05-05T21:22:25","slug":"home","status":"publish","type":"page","link":"https:\/\/yhailehemservices.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4d9966 e-con-full e-flex e-con e-parent\" data-id=\"f4d9966\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4fcc9 elementor-widget elementor-widget-shortcode\" data-id=\"ad4fcc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .yha-hero { position: relative; min-height: 600px; height: 85vh; overflow: hidden; background: #000; font-family: 'Arial', sans-serif; }\r\n        .yha-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: 1s ease; }\r\n        .yha-slide.active { opacity: 1; transform: scale(1.05); }\r\n        .yha-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 45, 94, 0.9) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; }\r\n        .yha-grid { position: relative; z-index: 10; max-width: 1300px; margin: 0 auto; height: 100%; display: grid; grid-template-columns: 1.2fr 0.8fr; align-items: center; gap: 50px; padding: 0 20px; }\r\n        \r\n        .yha-text { text-align: left; color: #fff; }\r\n        .yha-pre { color: #ffb400; font-size: 20px; text-transform: uppercase; letter-spacing: 2px; display: block; }\r\n        .yha-t { color: #ffffff; font-size: clamp(35px, 5vw, 65px); font-weight: 800; margin: 15px 0; line-height: 1.1; }\r\n        \r\n        .yha-form-box { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.3); }\r\n        .yha-form-inner { display: flex; flex-wrap: wrap; margin: 0 -8px; }\r\n        .yha-field-wrap { padding: 0 8px; box-sizing: border-box; margin-bottom: 15px; }\r\n        \r\n        \/* ESTILOS CR\u00cdTICOS DEL CHECKBOX *\/\r\n        .yha-field-checkbox { \r\n            display: flex !important; \r\n            align-items: flex-start !important; \r\n            gap: 12px !important; \r\n            cursor: pointer; \r\n            width: 100%;\r\n            margin: 5px 0;\r\n        }\r\n        .yha-field-checkbox input { \r\n            flex-shrink: 0;\r\n            width: 12px !important; \r\n            height: 12px !important; \r\n            margin: 4px 0 0 0 !important;\r\n        }\r\n        .yha-txt-check { \r\n            font-size: 11px !important; \r\n            color: #707070 !important; \r\n            line-height: 1.4 !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .yha-label-ext { display: block; font-size: 12px; font-weight: 700; color: #333; margin-bottom: 5px; text-transform: uppercase; }\r\n        .yha-form-box input:not([type=\"checkbox\"]), .yha-form-box textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }\r\n        \r\n        .yha-extra-links {\r\n            text-align: center;\r\n            width: 100%;\r\n            margin: 10px 0;\r\n            font-size: 13px;\r\n            background: transparent !important; \/* Evita que herede fondos *\/\r\n            border: none !important;           \/* Evita que herede bordes *\/\r\n        }\r\n        .yha-extra-links a {\r\n            color: #707070;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n        .yha-extra-links a:hover {\r\n            color: #ffb400;\r\n        }\r\n        .yha-link-item {\r\n            display: inline-block;\r\n            transition: all 0.3s;\r\n        }\r\n        .yha-link-item a {\r\n            color: #707070;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n        .yha-link-item a:hover {\r\n            color: #ffb400;\r\n        }\r\n        .yha-sep {\r\n            margin: 0 8px;\r\n            color: #ccc;\r\n        }\r\n\r\n        @media (max-width: 900px) { .yha-grid { grid-template-columns: 1fr; } .yha-hero { height: auto; padding: 60px 0; } }\r\n    <\/style>\r\n\r\n    <div class=\"yha-hero\">\r\n                    <div class=\"yha-slide active\" style=\"background-image:url('https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/plumbing_1500_841.jpg')\"><\/div>\r\n                    <div class=\"yha-slide \" style=\"background-image:url('https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/cooling_1500_841.jpg')\"><\/div>\r\n                    <div class=\"yha-slide \" style=\"background-image:url('https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/electrical_1500_841.jpg')\"><\/div>\r\n                    <div class=\"yha-slide \" style=\"background-image:url('https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/heating_1500_841.jpg')\"><\/div>\r\n                <div class=\"yha-overlay\"><\/div>\r\n        <div class=\"yha-grid\">\r\n            <div class=\"yha-text\">\r\n                <span class=\"yha-pre\" id=\"v-pre\">24\/7 HYDRAULIC SOLUTIONS<\/span>\r\n                <h1 class=\"yha-t\" id=\"v-title\">Experts in Pipe Repair and Maintenance<\/h1>\r\n                <p class=\"yha-d\" id=\"v-desc\">Forget about leaks and dampness. We offer a fast, clean, and guaranteed service for homes and businesses.<\/p>\r\n                <a href=\"tel:+12022881527\" class=\"yha-btn-link\" style=\"background:#ffb400; color:#0a2d5e; padding:15px 30px; text-decoration:none; border-radius:5px; font-weight:bold; display:inline-block;\">\r\n                    REQUEST TECHNICIAN                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"yha-form-box\">\r\n                <form class=\"yha-form-inner\" id=\"yha-hero-form\">\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 100%;\">\r\n                            \r\n                                                            <h2 style=\"width:100%; margin:0; font-size:16px; color:#111; text-align:center; font-weight:800;\">\r\n                                    GET AN EASY QUOTE                                <\/h2>\r\n                                \r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 50%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">First Name<\/label>\r\n                                <input type=\"text\" name=\"yha_first-name_1\" placeholder=\"First Name\" required>\r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 50%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">Last Name<\/label>\r\n                                <input type=\"text\" name=\"yha_last-name_2\" placeholder=\"Last Name\" required>\r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 50%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">Email<\/label>\r\n                                <input type=\"email\" name=\"yha_email_3\" placeholder=\"Email\" required>\r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 50%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">Phone Number<\/label>\r\n                                <input type=\"tel\" name=\"yha_phone-number_4\" placeholder=\"Phone Number\" required>\r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 100%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">Zipcode<\/label>\r\n                                <input type=\"text\" name=\"yha_zipcode_5\" placeholder=\"Zipcode\" required>\r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 100%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">Service Category Needed<\/label>\r\n                                <select name=\"yha_service-category-needed_6\" style=\"width:100%; padding:10px; border-radius:5px; border:1px solid #ccc;\">\r\n                                                                            <option value=\"Plumbing\">Plumbing<\/option>\r\n                                                                            <option value=\"Hvac\">Hvac<\/option>\r\n                                                                            <option value=\"Electrical\">Electrical<\/option>\r\n                                                                    <\/select>\r\n            \r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 100%;\">\r\n                            \r\n                                                            <label class=\"yha-label-ext\">Message<\/label>\r\n                                <textarea name=\"yha_message_7\" placeholder=\"Message\"><\/textarea>\r\n                                \r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 100%;\">\r\n                            \r\n                                                            <label class=\"yha-field-checkbox\">\r\n                                    <input type=\"checkbox\" name=\"yha_by-submitting-this-form-and-signing-up-for-texts-you-consent-to-receive-text-messages-from-yhailehem-services-at-the-number-provided-including-messages-sent-by-autodialer-consent-is-not-a-condition_8\" required>\r\n                                    <span class=\"yha-txt-check\">\r\n                                        By submitting this form and signing up for texts, you consent to receive text messages from Yhailehem Services at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg &amp; data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available) and no further messages will be sent. Reply HELP for help. Information will not be shared with third parties.                                    <\/span>\r\n                                <\/label>\r\n            \r\n                                        \r\n                        <\/div>\r\n                                            <div class=\"yha-field-wrap\" style=\"width: 100%;\">\r\n                            \r\n                                                            <div class=\"yha-extra-links\">\r\n                                                                                    <span class=\"yha-link-item\">\r\n                                                    <a href=\"https:\/\/yhailehemservices.com\/index.php\/terms-adn-conditions\/\">\r\n                                                        T\u00e9rminos                                                    <\/a>\r\n                                                <\/span>\r\n                                            <span class=\"yha-sep\">|<\/span>                                                <span class=\"yha-link-item\">\r\n                                                    <a href=\"https:\/\/yhailehemservices.com\/index.php\/privacy-policy\/\">\r\n                                                        Privacidad                                                    <\/a>\r\n                                                <\/span>\r\n                                                                            <\/div>\r\n            \r\n                                        \r\n                        <\/div>\r\n                                \r\n                    <button type=\"submit\" id=\"btn-yha-send\" style=\"width:100%; padding:18px; background:#ffb400; color:#0a2d5e; border:none; border-radius:6px; cursor:pointer; font-weight:bold; font-size:16px;\">\r\n                        SUBMIT INQUIRY                    <\/button>\r\n                    <div id=\"yha-msg\" style=\"margin-top:10px; text-align:center; font-weight:bold; display:none;\"><\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        \/\/ Slider Logic (Mantenemos tu l\u00f3gica original)\r\n        var slides = [{\"img\":\"https:\\\/\\\/yhailehemservices.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/plumbing_1500_841.jpg\",\"pre\":\"24\\\/7 HYDRAULIC SOLUTIONS\",\"title\":\"Experts in Pipe Repair and Maintenance\",\"desc\":\"Forget about leaks and dampness. We offer a fast, clean, and guaranteed service for homes and businesses.\",\"btn\":\"REQUEST TECHNICIAN\",\"url\":\"tel:+12022881527\"},{\"img\":\"https:\\\/\\\/yhailehemservices.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cooling_1500_841.jpg\",\"pre\":\"GUARANTEED THERMAL COMFORT\",\"title\":\"Keep your space cool even on the hottest days\",\"desc\":\"Installation, cleaning, and refrigerant recharging for air conditioners. We maximize your equipment's efficiency and lower your energy consumption.\",\"btn\":\"GET A MAINTENANCE QUOTE\",\"url\":\"tel:+12022881527\"},{\"img\":\"https:\\\/\\\/yhailehemservices.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/electrical_1500_841.jpg\",\"pre\":\"PROFESSIONAL ELECTRICAL SAFETY\",\"title\":\"Safe and Risk-Free Electrical Installations\",\"desc\":\"From thermal switch replacements to complete rewiring, we protect your property with current regulations and certified technicians.\",\"btn\":\"REQUEST INSPECTION\",\"url\":\"tel:+12022881527\"},{\"img\":\"https:\\\/\\\/yhailehemservices.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/heating_1500_841.jpg\",\"pre\":\"WARMTH FOR YOUR FAMILY\",\"title\":\"Specialists in Heating and Hot Water Systems\",\"desc\":\"Boiler and water heater repair. Ensure your system is working optimally before winter arrives.\",\"btn\":\"CHECK MY EQUIPMENT\",\"url\":\"tel:+12022881527\"}], c = 0;\r\n        function upd(i) {\r\n            if(!slides[i]) return;\r\n            $('.yha-slide').removeClass('active').eq(i).addClass('active');\r\n            $('#v-pre').text(slides[i].pre); \r\n            $('#v-title').text(slides[i].title);\r\n            $('#v-desc').text(slides[i].desc);\r\n        }\r\n        if(slides.length > 1) {\r\n            setInterval(function(){ \r\n                upd((c + 1) % slides.length); \r\n                c++; \r\n            }, 7000);\r\n        }\r\n    \r\n        \/\/ --- EL CABLEADO AJAX (Insertado para conectar con post.php) ---\r\n        $('#yha-hero-form').on('submit', function(e){\r\n            e.preventDefault();\r\n            var $btn = $('#btn-yha-send');\r\n            var $msg = $('#yha-msg');\r\n            var formData = $(this).serialize();\r\n    \r\n            \/\/ Feedback visual inmediato para la reuni\u00f3n\r\n            $btn.prop('disabled', true).text('ENVIANDO...');\r\n            \r\n            $.ajax({\r\n                url: 'https:\/\/yhailehemservices.com\/wp-content\/plugins\/yha-hero-slider\/post.php',\r\n                type: 'POST',\r\n                data: formData,\r\n                success: function(res){\r\n                    \/\/ Validamos la respuesta del servidor\r\n                    if(res.trim() == \"success\") {\r\n                        $msg.css('color', 'green').text('\u2705 \u00a1Received! We will contact you soon.').fadeIn();\r\n                        $('#yha-hero-form')[0].reset(); \/\/ Limpia el formulario tras el \u00e9xito\r\n                    } else {\r\n                        $msg.css('color', 'red').text('\u274c Error en el servidor.').fadeIn();\r\n                    }\r\n                },\r\n                error: function(){\r\n                    $msg.css('color', 'red').text('\u274c Error de conexi\u00f3n.').fadeIn();\r\n                },\r\n                complete: function(){\r\n                    \/\/ Restauramos el bot\u00f3n con el texto original del setting\r\n                    $btn.prop('disabled', false).text('SUBMIT INQUIRY');\r\n                }\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb2d4d e-con-full e-flex e-con e-parent\" data-id=\"7fb2d4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3f94e elementor-widget elementor-widget-shortcode\" data-id=\"fa3f94e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        \/* 1. Forzar el contenedor al 80% y centrarlo respecto a la p\u00e1gina *\/\r\n        .yahai-slider-container { \r\n            width: 80% !important; \r\n            max-width: 1400px;\r\n            margin-left: auto !important; \r\n            margin-right: auto !important; \r\n            padding: 40px 0;\r\n            display: block;\r\n            clear: both;\r\n        }\r\n\r\n        .yahai-category-group { \r\n            margin-bottom: 60px; \r\n            width: 100%; \r\n        }\r\n        \r\n        .yahai-category-title { \r\n            color: #0d2c4a; \r\n            font-size: 2.2rem; \r\n            font-weight: 900; \r\n            margin-bottom: 35px; \r\n            text-align: center; \r\n            width: 100%;\r\n        }\r\n        \r\n        \/* 2. Grid que centra las cards sobrantes *\/\r\n        .yahai-services-grid {\r\n            display: grid;\r\n            \/* Definimos columnas de tama\u00f1o fijo para que no se estiren feo *\/\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 320px)); \r\n            gap: 30px;\r\n            width: 100%;\r\n            \/* ESTO centra las cards si no llenan la fila *\/\r\n            justify-content: center; \r\n        }\r\n\r\n        \/* Ajuste para que las cards se vean consistentes *\/\r\n        .yahai-card-wrapper { \r\n            width: 100%; \r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* 3. Ajustes de ancho para pantallas m\u00e1s peque\u00f1as *\/\r\n        @media (max-width: 1200px) { \r\n            .yahai-slider-container { width: 90% !important; } \r\n        }\r\n        \r\n        @media (max-width: 768px) { \r\n            .yahai-slider-container { width: 95% !important; }\r\n            .yahai-services-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"yahai-slider-container\">\r\n                        \r\n                <div class=\"yahai-category-group\">\r\n                    <h2 class=\"yahai-category-title\">Comercial Services<\/h2>\r\n                    \r\n                    <div class=\"yahai-services-grid\">\r\n                                                    <div class=\"yahai-card-wrapper\">\r\n                                <div class=\"yahai-card\">\r\n                                    <div class=\"promo-header\">\r\n                                                                                    <span style=\"visibility:hidden;\">-<\/span>\r\n                                                                            <\/div>\r\n\r\n                                    <div class=\"service-visual\">\r\n                                        <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/electrical-300x300.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/electrical-300x300.png 300w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/electrical-150x150.png 150w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/electrical.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    <\/div>\r\n\r\n                                    <h3>Electrical<\/h3>\r\n\r\n                                    <div class=\"sub-item-links\">\r\n                                        <div class=\"sub-links-inner\">\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"card-footer\">\r\n                                        <a href=\"https:\/\/yhailehemservices.com\/index.php\/electrical-comercial\/\" class=\"btn-yhaile\">\r\n                                            Electrical Comercial Services \u2192\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"yahai-card-wrapper\">\r\n                                <div class=\"yahai-card\">\r\n                                    <div class=\"promo-header\">\r\n                                                                                    <span style=\"visibility:hidden;\">-<\/span>\r\n                                                                            <\/div>\r\n\r\n                                    <div class=\"service-visual\">\r\n                                        <img decoding=\"async\" width=\"300\" height=\"268\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/heating-300x268.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/heating-300x268.png 300w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/heating.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    <\/div>\r\n\r\n                                    <h3>HVAC Comercial<\/h3>\r\n\r\n                                    <div class=\"sub-item-links\">\r\n                                        <div class=\"sub-links-inner\">\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"card-footer\">\r\n                                        <a href=\"https:\/\/yhailehemservices.com\/index.php\/hvac-comercial\/\" class=\"btn-yhaile\">\r\n                                            HVAC Comercial Services \u2192\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"yahai-card-wrapper\">\r\n                                <div class=\"yahai-card\">\r\n                                    <div class=\"promo-header\">\r\n                                                                                    <span style=\"visibility:hidden;\">-<\/span>\r\n                                                                            <\/div>\r\n\r\n                                    <div class=\"service-visual\">\r\n                                        <img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/plumbing-300x300.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/plumbing-300x300.png 300w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/plumbing-150x150.png 150w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/plumbing.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    <\/div>\r\n\r\n                                    <h3>Plumbing<\/h3>\r\n\r\n                                    <div class=\"sub-item-links\">\r\n                                        <div class=\"sub-links-inner\">\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"card-footer\">\r\n                                        <a href=\"https:\/\/yhailehemservices.com\/index.php\/plumbing-comercial\/\" class=\"btn-yhaile\">\r\n                                            Plumbing Comercial Services \u2192\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                    \r\n                <div class=\"yahai-category-group\">\r\n                    <h2 class=\"yahai-category-title\">Residential Services<\/h2>\r\n                    \r\n                    <div class=\"yahai-services-grid\">\r\n                                                    <div class=\"yahai-card-wrapper\">\r\n                                <div class=\"yahai-card\">\r\n                                    <div class=\"promo-header\">\r\n                                                                                    <span style=\"visibility:hidden;\">-<\/span>\r\n                                                                            <\/div>\r\n\r\n                                    <div class=\"service-visual\">\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/plumbing-300x300.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/plumbing-300x300.png 300w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/plumbing-150x150.png 150w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/plumbing.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    <\/div>\r\n\r\n                                    <h3>Plumbing<\/h3>\r\n\r\n                                    <div class=\"sub-item-links\">\r\n                                        <div class=\"sub-links-inner\">\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"card-footer\">\r\n                                        <a href=\"https:\/\/yhailehemservices.com\/index.php\/plumbing\/\" class=\"btn-yhaile\">\r\n                                            Plumbing Residential Services \u2192\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"yahai-card-wrapper\">\r\n                                <div class=\"yahai-card\">\r\n                                    <div class=\"promo-header\">\r\n                                                                                    <span style=\"visibility:hidden;\">-<\/span>\r\n                                                                            <\/div>\r\n\r\n                                    <div class=\"service-visual\">\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"268\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/heating-300x268.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/heating-300x268.png 300w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/heating.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    <\/div>\r\n\r\n                                    <h3>HVAC Residential<\/h3>\r\n\r\n                                    <div class=\"sub-item-links\">\r\n                                        <div class=\"sub-links-inner\">\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"card-footer\">\r\n                                        <a href=\"https:\/\/yhailehemservices.com\/index.php\/hvac-2\/\" class=\"btn-yhaile\">\r\n                                            HVAC Residential Services \u2192\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"yahai-card-wrapper\">\r\n                                <div class=\"yahai-card\">\r\n                                    <div class=\"promo-header\">\r\n                                                                                    <span style=\"visibility:hidden;\">-<\/span>\r\n                                                                            <\/div>\r\n\r\n                                    <div class=\"service-visual\">\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/electrical-300x300.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/electrical-300x300.png 300w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/electrical-150x150.png 150w, https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/electrical.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    <\/div>\r\n\r\n                                    <h3>Electrical<\/h3>\r\n\r\n                                    <div class=\"sub-item-links\">\r\n                                        <div class=\"sub-links-inner\">\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"card-footer\">\r\n                                        <a href=\"https:\/\/yhailehemservices.com\/index.php\/electrical-residential\/\" class=\"btn-yhaile\">\r\n                                            Electrical Residential Services \u2192\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                        <\/div>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ca8897 e-con-full e-flex e-con e-parent\" data-id=\"9ca8897\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6dd45d elementor-widget elementor-widget-shortcode\" data-id=\"b6dd45d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .y-wrapper { width: 100% !important; background: #0d2c4a; padding: 60px 0; font-family: 'Arial', sans-serif; box-sizing: border-box; }\r\n        .y-inner { width: 80% !important; max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px; }\r\n        .y-box { flex: 1; min-width: 220px; text-align: center; }\r\n                    .y-ic-1 { color: #fbb016; font-size: 45px; display: block; margin-bottom: 10px; }\r\n            .y-nm-1 { color: #fbb016; font-size: 45px; font-weight: 900; line-height: 1; }\r\n            .y-lb-1 { color: #ffffff; display: block; margin-top: 15px; font-weight: 600; text-transform: uppercase; font-size: 14px; }\r\n                    .y-ic-2 { color: #fbb016; font-size: 45px; display: block; margin-bottom: 10px; }\r\n            .y-nm-2 { color: #fbb016; font-size: 45px; font-weight: 900; line-height: 1; }\r\n            .y-lb-2 { color: #ffffff; display: block; margin-top: 15px; font-weight: 600; text-transform: uppercase; font-size: 14px; }\r\n                    .y-ic-3 { color: #fbb016; font-size: 45px; display: block; margin-bottom: 10px; }\r\n            .y-nm-3 { color: #fbb016; font-size: 45px; font-weight: 900; line-height: 1; }\r\n            .y-lb-3 { color: #ffffff; display: block; margin-top: 15px; font-weight: 600; text-transform: uppercase; font-size: 14px; }\r\n                    .y-ic-4 { color: #fbb016; font-size: 45px; display: block; margin-bottom: 10px; }\r\n            .y-nm-4 { color: #fbb016; font-size: 45px; font-weight: 900; line-height: 1; }\r\n            .y-lb-4 { color: #ffffff; display: block; margin-top: 15px; font-weight: 600; text-transform: uppercase; font-size: 14px; }\r\n            <\/style>\r\n\r\n    <div class=\"y-wrapper\">\r\n        <div class=\"y-inner\">\r\n                        <div class=\"y-box\">\r\n                <span class=\"y-ic-1\"><i class=\"fa-solid fa-diagram-project\"><\/i><\/span>\r\n                <span class=\"y-nm-1\">\r\n                    +<span class=\"y-count\" data-target=\"150\">0<\/span>                <\/span>\r\n                <span class=\"y-lb-1\">Completed Projects<\/span>\r\n            <\/div>\r\n                        <div class=\"y-box\">\r\n                <span class=\"y-ic-2\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/span>\r\n                <span class=\"y-nm-2\">\r\n                    +<span class=\"y-count\" data-target=\"20\">0<\/span>                <\/span>\r\n                <span class=\"y-lb-2\"> Years of Experience<\/span>\r\n            <\/div>\r\n                        <div class=\"y-box\">\r\n                <span class=\"y-ic-3\"><i class=\"fa-solid fa-building\"><\/i><\/span>\r\n                <span class=\"y-nm-3\">\r\n                    +<span class=\"y-count\" data-target=\"1000\">0<\/span>                <\/span>\r\n                <span class=\"y-lb-3\">Corporate Clients<\/span>\r\n            <\/div>\r\n                        <div class=\"y-box\">\r\n                <span class=\"y-ic-4\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/span>\r\n                <span class=\"y-nm-4\">\r\n                    <span class=\"y-count\" data-target=\"100\">0<\/span>%                <\/span>\r\n                <span class=\"y-lb-4\">Warranty\/Support<\/span>\r\n            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        $('.y-count').each(function() {\r\n            var $t = $(this), target = parseInt($t.data('target'));\r\n            if(isNaN(target)) return;\r\n            $({ c: 0 }).animate({ c: target }, {\r\n                duration: 2500,\r\n                step: function() { $t.text(Math.floor(this.c)); },\r\n                complete: function() { $t.text(this.c); }\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8711d7 e-con-full e-flex e-con e-parent\" data-id=\"a8711d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2383aa0 elementor-widget elementor-widget-shortcode\" data-id=\"2383aa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .ys-pro-section { width: 100%; background: #ffffff; padding: 100px 0; font-family: 'Arial', sans-serif; }\r\n        .ys-pro-container { width: 80%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 60px; }\r\n        \r\n        \/* Columna Texto (Izquierda) *\/\r\n        .ys-pro-content { flex: 1; text-align: left; }\r\n        .ys-pro-pre { color: #f5b81d; font-size: 14px; font-weight: 800; text-transform: uppercase; margin-bottom: 15px; display: block; }\r\n        .ys-pro-title { color: #0d2c4a; font-size: 48px; font-weight: 900; margin: 0 0 20px; line-height: 1.1; position: relative; padding-bottom: 15px; }\r\n        .ys-pro-title::after { content: \"\"; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #f5b81d; }\r\n        .ys-pro-desc { color: #0d2c4a; font-size: 18px; line-height: 1.7; margin-bottom: 30px; text-align: justify; } \/* TEXTO JUSTIFICADO *\/\r\n        \r\n        .ys-pro-btn { \r\n            background: #f5b81d; \r\n            color: #0d2c4a !important; \r\n            padding: 12px 30px; \r\n            border-radius: 50px; \r\n            text-decoration: none; \r\n            font-weight: 700; \r\n            display: inline-flex; \r\n            align-items: center; \r\n            gap: 8px;\r\n            transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \r\n        }\r\n        .ys-pro-btn:hover { transform: scale(1.05); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }\r\n\r\n        \/* Columna Imagen (Derecha) *\/\r\n        .ys-pro-media { flex: 1; display: flex; justify-content: center; }\r\n        .ys-pro-media img { \r\n            max-width: 100%; \r\n            height: auto; \r\n            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\r\n            animation: morphingBlob 10s ease-in-out infinite; \/* ANIMACI\u00d3N PRO *\/\r\n        }\r\n\r\n        @keyframes morphingBlob {\r\n            0%, 100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\r\n            50% { border-radius: 30% 60% 70% 40% \/ 50% 60% 30% 60%; }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .ys-pro-container { flex-direction: column; width: 90%; text-align: center; }\r\n            .ys-pro-content { text-align: center; }\r\n            .ys-pro-title::after { left: 50%; transform: translateX(-50%); }\r\n            .ys-pro-desc { text-align: center; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"ys-pro-section\">\r\n        <div class=\"ys-pro-container\">\r\n            <!-- TEXTO A LA IZQUIERDA[cite: 2] -->\r\n            <div class=\"ys-pro-content\">\r\n                <span class=\"ys-pro-pre\">70 YEARS OF SERVING OUR TWIN CITIES NEIGHBORS<\/span>\r\n                <h2 class=\"ys-pro-title\">The Best Team in Town!<\/h2>\r\n                <div class=\"ys-pro-desc\">For more than 20 years, Yhailehem Services has provided comprehensive home service solutionsfor prperty owners in the Twin Cities metro area. From heating and cooling services to electrical and plumbing, you can count on our award-winning service and communication. Of course, our work is only as good as our employees. And let us tell you, we feel pretty darn lucky  to havethe best of teh best in the home services industry on our team. What does that mean for you? Good things - including speedy service times, insider tips, and reliable repairs that keep your home running smoothle. In fact, cutomer reviews tell us that our friendly tech are the #1 reason people keep coming back!<\/div>\r\n                <a href=\"\" class=\"ys-pro-btn\">\r\n                    Contact                    <span class=\"dashicons dashicons-arrow-right-alt2\"><\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <!-- FOTO A LA DERECHA[cite: 2] -->\r\n            <div class=\"ys-pro-media\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/history_image.jpg\" alt=\"Featured Image\">\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4892534 e-con-full e-flex e-con e-parent\" data-id=\"4892534\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9486c4a elementor-widget elementor-widget-shortcode\" data-id=\"9486c4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .wcu-parallax-window {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 750px;\r\n            overflow: hidden;\r\n            clip-path: inset(0 0 0 0);\r\n            background: #0d2c4a;\r\n            font-family: 'Arial', sans-serif;\r\n        }\r\n\r\n        .wcu-video-fixed {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .wcu-content-overlay {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            min-height: 750px;\r\n            background: linear-gradient(to bottom, \r\n                rgba(0,0,0,0.1) 0%, \r\n                rgba(0,0,0,0.4) 50%, \r\n                #0d2c4a 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .wcu-inner { width: 90%; max-width: 1100px; text-align: center; }\r\n\r\n        .wcu-title { \r\n            color: #ffffff; \r\n            font-size: 48px; \r\n            font-weight: 900; margin-bottom: 60px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .wcu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; text-align: left; margin-bottom: 50px; }\r\n        .wcu-item { display: flex; gap: 20px; align-items: flex-start; }\r\n        .wcu-item .dashicons { font-size: 30px; width: 30px; height: 30px; color: #fbb016; }\r\n        .wcu-item h3 { margin: 0 0 8px; font-weight: 700; color: #fbb016; }\r\n        .wcu-item p { margin: 0; line-height: 1.5; color: #fff; text-align: justify; }\r\n\r\n        .wcu-cta-container { margin-top: 40px; }\r\n        .wcu-cta-button {\r\n            display: inline-block;\r\n            padding: 18px 45px;\r\n            background-color: #fbb016;\r\n            color: #ffffff !important;\r\n            text-decoration: none;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            \/* RADIO DE BORDE CONFIGURABLE *\/\r\n            border-radius: 30px;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n        }\r\n        .wcu-cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.4);\r\n            filter: brightness(1.1);\r\n        }\r\n\r\n        @media (max-width: 768px) { \r\n            .wcu-grid { grid-template-columns: 1fr; }\r\n            .wcu-title { font-size: 32px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"wcu-parallax-window\">\r\n        <video class=\"wcu-video-fixed\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/hvac_services.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n\r\n        <div class=\"wcu-content-overlay\">\r\n            <div class=\"wcu-inner\">\r\n                <h2 class=\"wcu-title\">Why Choose Us?<\/h2>\r\n                \r\n                <div class=\"wcu-grid\">\r\n                                        <div class=\"wcu-item\">\r\n                        <span class=\"dashicons dashicons-thumbs-up\"><\/span>\r\n                        <div>\r\n                            <h3 style=\"font-size:22px;\">Certified &amp; Dedicate Technicians<\/h3>\r\n                            <p style=\"font-size:16px;\">For over 30 years, our certified technicians have delivered quality heating and cooling service to local homes an business.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"wcu-item\">\r\n                        <span class=\"dashicons dashicons-thumbs-up\"><\/span>\r\n                        <div>\r\n                            <h3 style=\"font-size:22px;\">Custom Ductwork<\/h3>\r\n                            <p style=\"font-size:16px;\">We manufacture custom ductwork for all of our residential and light commercial customers.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"wcu-item\">\r\n                        <span class=\"dashicons dashicons-thumbs-up\"><\/span>\r\n                        <div>\r\n                            <h3 style=\"font-size:22px;\">High Quality Products<\/h3>\r\n                            <p style=\"font-size:16px;\">We offer quality products such as Trane, WaterFurnace, Tisubishi, Aprilaire, Honeywell, and more.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"wcu-item\">\r\n                        <span class=\"dashicons dashicons-thumbs-up\"><\/span>\r\n                        <div>\r\n                            <h3 style=\"font-size:22px;\">Competitive Prices<\/h3>\r\n                            <p style=\"font-size:16px;\">We offer the best value in the market, optimizing costs to provide competitive rates without sacrificing the excellence you deserve.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n\r\n                                <div class=\"wcu-cta-container\">\r\n                    <a href=\"#\" class=\"wcu-cta-button\">\r\n                        Contact Us Now                    <\/a>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f9a642 e-con-full e-flex e-con e-parent\" data-id=\"8f9a642\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc656bb elementor-widget elementor-widget-shortcode\" data-id=\"fc656bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        .y-test-full-wrapper { width: 100%; padding: 60px 0; background: #ffffff; }\r\n        .y-test-container { width: 90%; max-width: 1200px; margin: 0 auto; position: relative; }\r\n        .swiper-card { \r\n            background: #ffffff; border-radius: 15px; padding: 30px; \r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.07); text-align: center; \r\n            margin: 15px; display: flex; flex-direction: column; align-items: center;\r\n        }\r\n        \r\n        .swiper-card .y-avatar { width: 80px !important; height: 80px !important; object-fit: cover; margin: 15px 0; display: block; border: 3px solid #fbb016; }\r\n        .swiper-card .y-avatar.round { border-radius: 50% !important; }\r\n        .swiper-card .y-avatar.square { border-radius: 10px !important; }\r\n        .swiper-card .y-avatar.hexagon { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%) !important; border: none !important; }\r\n        .swiper-card .y-avatar.bubble { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70% !important; }\r\n\r\n        .order-img { order: 1; }\r\n        .order-name { order: 2; color: #333; }\r\n        .order-stars { order: 4; color: #fbb016; margin: 10px 0; }\r\n        .order-text { order: 5; font-style: italic; color: #555; }\r\n\r\n        .swiper-button-next, .swiper-button-prev {\r\n            background-color: #ffffff !important;\r\n            width: 50px !important;\r\n            height: 50px !important;\r\n            border-radius: 50%;\r\n        }\r\n        .swiper-button-next:after, .swiper-button-prev:after { \r\n            color: #fbb016 !important; \r\n            font-size: 20px !important; \r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"y-test-full-wrapper\">\r\n        <div class=\"y-test-container\">\r\n            <div class=\"swiper swiper-yahai\">\r\n                <div class=\"swiper-wrapper\">\r\n                                            <div class=\"swiper-slide\">\r\n                            <div class=\"swiper-card\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/rodolfo_camara.jpg\" class=\"y-avatar round order-img\">\r\n                                                                <div class=\"order-name\">\r\n                                    <h4 style=\"margin:0;\">Rodolfo C\u00e1mara<\/h4>\r\n                                    <small>18-01-2026<\/small>\r\n                                <\/div>\r\n                                <div class=\"order-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                                <p class=\"order-text\">\"&quot;Great experience! Rodolfo was very respectful of our home and completed the duct cleaning much faster than expected. The air quality improvement is noticeable immediately.&quot;\"<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"swiper-slide\">\r\n                            <div class=\"swiper-card\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/patricia_alvarez.jpg\" class=\"y-avatar round order-img\">\r\n                                                                <div class=\"order-name\">\r\n                                    <h4 style=\"margin:0;\">Patricia Alvarez<\/h4>\r\n                                    <small>20-07-2025<\/small>\r\n                                <\/div>\r\n                                <div class=\"order-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                                <p class=\"order-text\">\"&quot;Top-tier customer service from start to finish. Patricia went above and beyond to make sure we were satisfied with our new ventilation system. Very reliable.&quot;\"<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"swiper-slide\">\r\n                            <div class=\"swiper-card\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/nathaly_portland.jpg\" class=\"y-avatar round order-img\">\r\n                                                                <div class=\"order-name\">\r\n                                    <h4 style=\"margin:0;\">Nathaly Portland<\/h4>\r\n                                    <small>15-06-2025<\/small>\r\n                                <\/div>\r\n                                <div class=\"order-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                                <p class=\"order-text\">\"&quot;Nathaly provided excellent maintenance service. She was thorough, knowledgeable, and gave us great tips on how to improve our energy efficiency. Outstanding work.\"<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"swiper-slide\">\r\n                            <div class=\"swiper-card\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/luis_hugarte.jpg\" class=\"y-avatar round order-img\">\r\n                                                                <div class=\"order-name\">\r\n                                    <h4 style=\"margin:0;\">Luis Hugarte<\/h4>\r\n                                    <small>02-01-2025<\/small>\r\n                                <\/div>\r\n                                <div class=\"order-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                                <p class=\"order-text\">\"&quot;Professional, punctual, and polite. Luis diagnosed a complex electrical issue with our furnace that others missed. My family is finally warm again. Thank you!&quot;\"<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"swiper-slide\">\r\n                            <div class=\"swiper-card\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/gladys_gonzales.jpg\" class=\"y-avatar round order-img\">\r\n                                                                <div class=\"order-name\">\r\n                                    <h4 style=\"margin:0;\">Gladys Gonzales<\/h4>\r\n                                    <small>26-12-2024<\/small>\r\n                                <\/div>\r\n                                <div class=\"order-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                                <p class=\"order-text\">\"&quot;The installation was seamless. Gladys ensured everything was tidy and the new system works perfectly. Our home has never felt this comfortable. Five stars!&quot;\"<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n                <div class=\"swiper-button-next\"><\/div>\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        new Swiper('.swiper-yahai', {\r\n            slidesPerView: 1, spaceBetween: 20,\r\n            loop: true,\r\n            autoplay: { delay: 5000 },\r\n            navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\r\n            pagination: { el: '.swiper-pagination', clickable: true },\r\n            breakpoints: { 768: { slidesPerView: 2 }, 1100: { slidesPerView: 3 } }\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed7e4b0 e-con-full e-flex e-con e-parent\" data-id=\"ed7e4b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0833bff elementor-widget elementor-widget-shortcode\" data-id=\"0833bff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .y-proc-section { \r\n            padding: 80px 0; \r\n            background: linear-gradient(135deg, #19568e 0%, #0d2c4a 100%);            font-family: Arial;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        .y-section-title {\r\n            text-align: center; margin-bottom: 50px; font-weight: 700;\r\n            font-size: 36px;\r\n            color: #ffffff;\r\n        }\r\n        \r\n        .y-slider-wrapper {\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .y-slider-container {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .y-proc-grid { \r\n            display: flex; \r\n            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n            gap: 20px; \r\n        }\r\n\r\n        .y-proc-card { \r\n            flex: 0 0 calc(25% - 15px);\r\n            background: #fff; border-radius: 15px; padding: 30px; position: relative;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n            display: flex; flex-direction: column; \r\n            justify-content: space-between;\r\n            min-height: 400px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .y-num-float { position: absolute; top: 10px; right: 20px; font-weight: 900; opacity: 0.1; }\r\n        \r\n        .y-btn-cta {\r\n            text-decoration: none; padding: 12px 20px; display: inline-flex; align-items: center; gap: 8px;\r\n            font-weight: 600; margin-top: auto; justify-content: center;\r\n        }\r\n\r\n        \/* Flechas Din\u00e1micas *\/\r\n        .y-nav-btn {\r\n            position: absolute; top: 50%; transform: translateY(-50%);\r\n            background: #ffffff; \r\n            color: #f5b81d;\r\n            border: none; \r\n            width: 45px; \r\n            height: 45px;\r\n            font-size: 18px;\r\n            border-radius: 50%; cursor: pointer; z-index: 10;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center;\r\n            transition: all 0.3s;\r\n        }\r\n        .y-nav-btn:hover { opacity: 0.8; transform: translateY(-50%) scale(1.1); }\r\n        .y-nav-btn:disabled { opacity: 0.3 !important; cursor: not-allowed; transform: translateY(-50%) scale(1); }\r\n        .y-nav-btn.prev { left: -60px; }\r\n        .y-nav-btn.next { right: -60px; }\r\n        .y-nav-btn i, .y-nav-btn span { line-height: 1; }\r\n    <\/style>\r\n\r\n    <div class=\"y-proc-section\">\r\n                    <h2 class=\"y-section-title\">Our Process<\/h2>\r\n                \r\n        <div class=\"y-slider-wrapper\">\r\n            <!-- Botones de Navegaci\u00f3n con soporte para FA y Dashicons -->\r\n            <button class=\"y-nav-btn prev\" id=\"y-prev\">\r\n                                    <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n                            <\/button>\r\n\r\n            <button class=\"y-nav-btn next\" id=\"y-next\">\r\n                                    <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n                            <\/button>\r\n\r\n            <div class=\"y-slider-container\">\r\n                <div class=\"y-proc-grid\" id=\"y-grid\">\r\n                                            <div class=\"y-proc-card\">\r\n                            <div class=\"y-num-float\" style=\"font-size:60px; color:#000000;\">\r\n                                1                            <\/div>\r\n                            <div>\r\n                                <div class=\"y-icon\" style=\"font-size:40px; color:#333; margin-bottom:15px;\">\r\n                                                                            <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n                                                                    <\/div>\r\n                                <h3 style=\"font-size:20px; color:#333; margin-bottom:10px;\">\r\n                                    Give Us a Ring!                                <\/h3>\r\n                                <p style=\"font-size:14px; color:#666; line-height:1.5; margin-bottom:20px;\">\r\n                                    Contact our team by phone or our website contact form and tell us a little bit about the home issues you\u2019re facing.                                <\/p>\r\n                            <\/div>\r\n                            <a href=\"#\" class=\"y-btn-cta\" \r\n                               style=\"background:#f5b81d; border: 2px solid #f5b81d; border-radius:25px; color:#fff;\">\r\n                                Know more                            <\/a>\r\n                        <\/div>\r\n                                            <div class=\"y-proc-card\">\r\n                            <div class=\"y-num-float\" style=\"font-size:60px; color:#000000;\">\r\n                                2                            <\/div>\r\n                            <div>\r\n                                <div class=\"y-icon\" style=\"font-size:40px; color:#333; margin-bottom:15px;\">\r\n                                                                            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                                                                    <\/div>\r\n                                <h3 style=\"font-size:20px; color:#333; margin-bottom:10px;\">\r\n                                    On-Site Visit                                <\/h3>\r\n                                <p style=\"font-size:14px; color:#666; line-height:1.5; margin-bottom:20px;\">\r\n                                    We offer same-day visits to your home or property! We\u2019ll take a look at the problem and come up with an action plan.                                <\/p>\r\n                            <\/div>\r\n                            <a href=\"#\" class=\"y-btn-cta\" \r\n                               style=\"background:#f5b81d; border: 2px solid #f5b81d; border-radius:25px; color:#fff;\">\r\n                                Know more                            <\/a>\r\n                        <\/div>\r\n                                            <div class=\"y-proc-card\">\r\n                            <div class=\"y-num-float\" style=\"font-size:60px; color:#000000;\">\r\n                                3                            <\/div>\r\n                            <div>\r\n                                <div class=\"y-icon\" style=\"font-size:40px; color:#333; margin-bottom:15px;\">\r\n                                                                            <i class=\"fa-solid fa-file-pen\"><\/i>\r\n                                                                    <\/div>\r\n                                <h3 style=\"font-size:20px; color:#333; margin-bottom:10px;\">\r\n                                    Get Free Quote                                <\/h3>\r\n                                <p style=\"font-size:14px; color:#666; line-height:1.5; margin-bottom:20px;\">\r\n                                    After your inspection, we\u2019ll present you with a personalized quote that meets your exact needs. Got a question? We\u2019re here to answer it.                                <\/p>\r\n                            <\/div>\r\n                            <a href=\"#\" class=\"y-btn-cta\" \r\n                               style=\"background:#f5b81d; border: 2px solid #f5b81d; border-radius:25px; color:#fff;\">\r\n                                Know more                            <\/a>\r\n                        <\/div>\r\n                                            <div class=\"y-proc-card\">\r\n                            <div class=\"y-num-float\" style=\"font-size:60px; color:#000000;\">\r\n                                4                            <\/div>\r\n                            <div>\r\n                                <div class=\"y-icon\" style=\"font-size:40px; color:#333; margin-bottom:15px;\">\r\n                                                                            <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                                                                    <\/div>\r\n                                <h3 style=\"font-size:20px; color:#333; margin-bottom:10px;\">\r\n                                    Let\u2019s Get To Work!                                <\/h3>\r\n                                <p style=\"font-size:14px; color:#666; line-height:1.5; margin-bottom:20px;\">\r\n                                    Our skilled technicians can fix most issues within a single day, leaving you with more time to focus on the things that matter most to you.                                <\/p>\r\n                            <\/div>\r\n                            <a href=\"#\" class=\"y-btn-cta\" \r\n                               style=\"background:#f5b81d; border: 2px solid #f5b81d; border-radius:25px; color:#fff;\">\r\n                                Know more                            <\/a>\r\n                        <\/div>\r\n                                            <div class=\"y-proc-card\">\r\n                            <div class=\"y-num-float\" style=\"font-size:60px; color:#000000;\">\r\n                                5                            <\/div>\r\n                            <div>\r\n                                <div class=\"y-icon\" style=\"font-size:40px; color:#333; margin-bottom:15px;\">\r\n                                                                            <i class=\"fa-solid fa-check-to-slot\"><\/i>\r\n                                                                    <\/div>\r\n                                <h3 style=\"font-size:20px; color:#333; margin-bottom:10px;\">\r\n                                    Wrap It Up                                <\/h3>\r\n                                <p style=\"font-size:14px; color:#666; line-height:1.5; margin-bottom:20px;\">\r\n                                    We\u2019ll leave your place better than we found it, with your home back in working order!                                <\/p>\r\n                            <\/div>\r\n                            <a href=\"#\" class=\"y-btn-cta\" \r\n                               style=\"background:#f5b81d; border: 2px solid #f5b81d; border-radius:25px; color:#fff;\">\r\n                                Know more                            <\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const grid = document.getElementById('y-grid');\r\n        const prev = document.getElementById('y-prev');\r\n        const next = document.getElementById('y-next');\r\n        const cards = document.querySelectorAll('.y-proc-card');\r\n        if(!grid || cards.length === 0) return;\r\n        \r\n        let currentIndex = 0;\r\n        const totalCards = cards.length;\r\n        const visibleCards = 4;\r\n        const maxIndex = Math.max(0, totalCards - visibleCards);\r\n\r\n        function updateSlider() {\r\n            const cardWidth = cards[0].offsetWidth + 20; \r\n            grid.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n            prev.disabled = currentIndex === 0;\r\n            next.disabled = currentIndex >= maxIndex;\r\n        }\r\n\r\n        next.addEventListener('click', () => { if (currentIndex < maxIndex) { currentIndex++; updateSlider(); } });\r\n        prev.addEventListener('click', () => { if (currentIndex > 0) { currentIndex--; updateSlider(); } });\r\n        updateSlider();\r\n        window.addEventListener('resize', updateSlider);\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73abcf3 e-con-full e-flex e-con e-parent\" data-id=\"73abcf3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a61206c elementor-widget elementor-widget-shortcode\" data-id=\"a61206c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .y-areas-section { padding: 60px 5%; background: #ffffff; font-family: sans-serif; }\r\n        .y-areas-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }\r\n        .y-areas-header h2 { margin: 0; color: #002d5b; font-size: 32px; font-weight: 900; }\r\n        .y-btn-top { background: #e31b23; color: #fff; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }\r\n        \r\n        .y-tabs-nav { display: flex; gap: 10px; margin-bottom: 0px; flex-wrap: wrap; }\r\n        .y-tab-link { \r\n            background: #1a2b44; \r\n            color: #ffffff; \r\n            padding: 15px 25px; border-radius: 10px 10px 0 0;\r\n            cursor: pointer; font-weight: bold; border: none; display: flex; align-items: center; gap: 8px; opacity: 0.8;\r\n            font-family: sans-serif;\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n            border-bottom: 4px solid transparent;\r\n        }\r\n        \r\n        \/* Color del icono por defecto *\/\r\n        .y-tab-link i { color: #f5b81d; transition: color 0.3s ease; }\r\n\r\n        .y-tab-link:hover {\r\n            background: #f5b81d;\r\n            color: #002d5b;\r\n            opacity: 1;\r\n            border-bottom: 4px solid #002d5b;\r\n        }\r\n        \r\n        \/* CAMBIO CR\u00cdTICO: El icono tambi\u00e9n cambia al color de borde hover *\/\r\n        .y-tab-link:hover i {\r\n            color: #002d5b !important;\r\n        }\r\n\r\n        .y-tab-link.active { \r\n            opacity: 1; \r\n            background: #002d5b; \r\n            border-bottom: 4px solid #f5b81d; \r\n            color: #ffffff;\r\n        }\r\n        \r\n        \/* El icono en estado activo mantiene el color del borde activo *\/\r\n        .y-tab-link.active i { color: #f5b81d; }\r\n\r\n        .y-tab-content { \r\n            display: none; \r\n            grid-template-columns: 2fr 1fr; \r\n            gap: 40px; \r\n            padding-top: 40px; \r\n            border-top: 1px solid #ddd; \r\n        }\r\n        .y-tab-content.active { display: grid !important; }\r\n\r\n        .y-inner-title { font-size: 28px; color: #002d5b; font-weight: 900; margin-bottom: 25px; text-transform: uppercase; }\r\n        .y-location-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 20px; list-style: none; padding: 0; }\r\n        .y-location-list li { color: #444; font-size: 15px; display: flex; align-items: center; gap: 8px; }\r\n        .y-location-list li:before { \r\n            content: \"\\f3c5\"; \r\n            font-family: \"Font Awesome 6 Free\"; \r\n            font-weight: 900; \r\n            color: #f5b81d; \r\n            font-size: 12px; \r\n        }\r\n\r\n        .y-map-side iframe, .y-map-side img { \r\n            width: 100% !important; \r\n            height: 450px !important; \r\n            border-radius: 15px; \r\n            border:0; \r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            filter: grayscale(100%);\r\n        }\r\n\r\n        @media (max-width: 900px) { \r\n            .y-tab-content { grid-template-columns: 1fr; } \r\n            .y-location-list { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"y-areas-section\">\r\n        <div class=\"y-areas-header\">\r\n            <h2>FIND YOUR LOCAL TEAM<\/h2>\r\n            <a href=\"#\" class=\"y-btn-top\">VIEW SERVICE AREA<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"y-tabs-nav\">\r\n                            <button class=\"y-tab-link active\" onclick=\"openYahaiTab(event, 'tab-0')\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> WASHINGTON DC                <\/button>\r\n                            <button class=\"y-tab-link \" onclick=\"openYahaiTab(event, 'tab-1')\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> VIRGINIA                <\/button>\r\n                            <button class=\"y-tab-link \" onclick=\"openYahaiTab(event, 'tab-2')\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> MARYLAND                <\/button>\r\n                    <\/div>\r\n\r\n                    <div id=\"tab-0\" class=\"y-tab-content active\">\r\n                <div class=\"y-info-side\">\r\n                    <h3 class=\"y-inner-title\"><\/h3>\r\n                    <ul class=\"y-location-list\">\r\n                        <li>Adams Morgan, WDC (NW)\r<\/li><li>Anacostia, WDC (SE)\r<\/li><li>Barney Circle, WDC (SE)\r<\/li><li>Bellevue, WDC (SW)\r<\/li><li>Benning Heights, WDC (SE)\r<\/li><li>Bloomingdale, WDC (NW)\r<\/li><li>Brightwood, WDC (NW)\r<\/li><li>Brookland, WDC (NE)\r<\/li><li>Capitol Hill, WDC (SE\/NE)\r<\/li><li>Capitol Riverfront \/ Navy Yard, WDC (SE)\r<\/li><li>Chevy Chase, WDC (NW)\r<\/li><li>Cleveland Park, WDC (NW)\r<\/li><li>Columbia Heights, WDC (NW)\r<\/li><li>Congress Heights, WDC (SE)\r<\/li><li>Deanwood, WDC (NE)\r<\/li><li>Dupont Circle, WDC (NW)\r<\/li><li>Eckington, WDC (NE)\r<\/li><li>Foggy Bottom, WDC (NW)\r<\/li><li>Fort Totten, WDC (NE)\r<\/li><li>Georgetown, WDC (NW)\r<\/li><li>Glover Park, WDC (NW)\r<\/li><li>Hillcrest, WDC (SE)\r<\/li><li>Ivy City, WDC (NE)\r<\/li><li>Logan Circle, WDC (NW)\r<\/li><li>Mount Pleasant, WDC (NW)\r<\/li><li>NoMa, WDC (NE)\r<\/li><li>Palisades, WDC (NW)\r<\/li><li>Petworth, WDC (NW)\r<\/li><li>Shaw, WDC (NW)\r<\/li><li>Southwest Waterfront \/ The Wharf, WDC (SW)\r<\/li><li>Takoma, WDC (NW)\r<\/li><li>Tenleytown, WDC (NW)\r<\/li><li>Trinidad, WDC (NE)\r<\/li><li>U Street Corridor, WDC (NW)\r<\/li><li>Woodley Park, WDC (NW)<\/li>                    <\/ul>\r\n                <\/div>\r\n                <div class=\"y-map-side\">\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d198740.03068699266!2d-77.17928485715333!3d38.89395760021341!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7c6de5af6e45b%3A0xc2524522d4885d2a!2sWashington%20D.%20C.%2C%20Distrito%20de%20Columbia%2C%20EE.%20UU.!5e0!3m2!1ses!2sbo!4v1777551074151!5m2!1ses!2sbo\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>                <\/div>\r\n            <\/div>\r\n                    <div id=\"tab-1\" class=\"y-tab-content \">\r\n                <div class=\"y-info-side\">\r\n                    <h3 class=\"y-inner-title\"><\/h3>\r\n                    <ul class=\"y-location-list\">\r\n                        <li>Alexandria, VA\r<\/li><li>Annandale, VA\r<\/li><li>Arlington, VA\r<\/li><li>Ashburn, VA\r<\/li><li>Brambleton, VA\r<\/li><li>Burke, VA\r<\/li><li>Centreville, VA\r<\/li><li>Chantilly, VA\r<\/li><li>Clifton, VA\r<\/li><li>Dale City, VA\r<\/li><li>Dulles, VA\r<\/li><li>Dunn Loring, VA\r<\/li><li>Fairfax, VA\r<\/li><li>Fairfax Station, VA\r<\/li><li>Falls Church, VA\r<\/li><li>Gainesville, VA\r<\/li><li>Great Falls, VA\r<\/li><li>Haymarket, VA\r<\/li><li>Herndon, VA\r<\/li><li>Lake Ridge, VA\r<\/li><li>Leesburg, VA\r<\/li><li>Lorton, VA\r<\/li><li>Loudoun County, VA\r<\/li><li>Manassas, VA\r<\/li><li>Manassas Park, VA\r<\/li><li>McLean, VA\r<\/li><li>Merrifield, VA\r<\/li><li>Mount Vernon, VA\r<\/li><li>Oakton, VA\r<\/li><li>Prince William County, VA\r<\/li><li>Reston, VA\r<\/li><li>Rosslyn, VA\r<\/li><li>South Riding, VA\r<\/li><li>Springfield, VA\r<\/li><li>Sterling, VA\r<\/li><li>Tysons, VA\r<\/li><li>Vienna, VA\r<\/li><li>Woodbridge, VA<\/li>                    <\/ul>\r\n                <\/div>\r\n                <div class=\"y-map-side\">\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3220431.7244981807!2d-82.06203277212954!3d37.9782295131037!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x884cd670bdbcb2cd%3A0xc04e4149b746a695!2sVirginia%2C%20EE.%20UU.!5e0!3m2!1ses!2sbo!4v1777551556960!5m2!1ses!2sbo\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>                <\/div>\r\n            <\/div>\r\n                    <div id=\"tab-2\" class=\"y-tab-content \">\r\n                <div class=\"y-info-side\">\r\n                    <h3 class=\"y-inner-title\"><\/h3>\r\n                    <ul class=\"y-location-list\">\r\n                        <li>Baltimore, MD\r<\/li><li>Annapolis, MD\r<\/li><li>Anne Arundel County, MD\r<\/li><li>Aspen Hill, MD\r<\/li><li>Baltimore County, MD\r<\/li><li>Bel Air, MD\r<\/li><li>Bethesda, MD\r<\/li><li>Bowie, MD\r<\/li><li>Carroll County, MD\r<\/li><li>Catonsville, MD\r<\/li><li>Clarkville, MD\r<\/li><li>Columbia, MD\r<\/li><li>Derwood, MD\r<\/li><li>Elkridge, MD\r<\/li><li>Ellicott City, MD\r<\/li><li>Finksburg, MD\r<\/li><li>Gaithersburg, MD\r<\/li><li>Germantown, MD\r<\/li><li>Glen Burnie, MD\r<\/li><li>Hanover, MD\r<\/li><li>Harford County, MD\r<\/li><li>Howard County, MD\r<\/li><li>Kensington, MD\r<\/li><li>Laurel, MD\r<\/li><li>Middle River, MD\r<\/li><li>Montgomery County, MD\r<\/li><li>North Potomac, MD\r<\/li><li>Odenton, MD\r<\/li><li>Ocean City, MD\r<\/li><li>Olney, MD\r<\/li><li>Parkville, MD\r<\/li><li>Pasadena, MD\r<\/li><li>Perry Hill, MD\r<\/li><li>Pikesville, MD\r<\/li><li>Potomac, MD\r<\/li><li>Prince George&#039;s County, MD\r<\/li><li>Reisterstown, MD\r<\/li><li>Rockville, MD\r<\/li><li>Severn, MD\r<\/li><li>Silver Spring, MD\r<\/li><li>Sparks, MD\r<\/li><li>Towson, MD\r<\/li><li>Wheaton, MD\r<\/li><li>Woodlawn, MD<\/li>                    <\/ul>\r\n                <\/div>\r\n                <div class=\"y-map-side\">\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3184964.1094579278!2d-79.87800041010621!3d38.77937783681613!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b64debe9f190df%3A0xf2af37657655f6b1!2sMaryland%2C%20EE.%20UU.!5e0!3m2!1ses!2sbo!4v1777551513076!5m2!1ses!2sbo\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <script>\r\n    function openYahaiTab(evt, tabName) {\r\n        var i, tabcontent, tablinks;\r\n        tabcontent = document.getElementsByClassName(\"y-tab-content\");\r\n        for (i = 0; i < tabcontent.length; i++) {\r\n            tabcontent[i].style.display = \"none\";\r\n            tabcontent[i].classList.remove(\"active\");\r\n        }\r\n        tablinks = document.getElementsByClassName(\"y-tab-link\");\r\n        for (i = 0; i < tablinks.length; i++) {\r\n            tablinks[i].classList.remove(\"active\");\r\n        }\r\n        var targetTab = document.getElementById(tabName);\r\n        targetTab.style.display = \"grid\";\r\n        targetTab.classList.add(\"active\");\r\n        evt.currentTarget.classList.add(\"active\");\r\n\r\n        var iframes = targetTab.getElementsByTagName('iframe');\r\n        for (var j = 0; j < iframes.length; j++) {\r\n            var src = iframes[j].src;\r\n            iframes[j].src = src; \r\n        }\r\n    }\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbf6f3c e-con-full e-flex e-con e-parent\" data-id=\"fbf6f3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b1d83a elementor-widget elementor-widget-yahai_parallax_cta\" data-id=\"4b1d83a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"yahai_parallax_cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <style>\r\n            .y-cta-parallax-window {\r\n                position: relative; width: 100%; min-height: 600px;\r\n                overflow: hidden; clip-path: inset(0 0 0 0);\r\n                display: flex; align-items: center; justify-content: center;\r\n            }\r\n            .y-cta-video-fixed {\r\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n                object-fit: cover; z-index: -1; pointer-events: none;\r\n            }\r\n            .y-cta-overlay {\r\n                position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n                \/* Aplicamos el \u00e1ngulo forzado aqu\u00ed *\/\r\n                background: linear-gradient(0deg, rgba(0, 45, 91, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%) !important;\r\n                z-index: 1;\r\n            }\r\n            .y-cta-content { \r\n                position: relative; z-index: 2; text-align: center; color: #fff; \r\n                margin: 0 auto;\r\n            }\r\n            .y-cta-title { font-size: 50px; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }\r\n            .y-cta-btn { \r\n                display: inline-flex; align-items: center; justify-content: center;\r\n                text-decoration: none; color: #fff; font-weight: bold; \r\n                transition: 0.3s; text-transform: uppercase;\r\n            }\r\n            .y-cta-btn:hover { transform: scale(1.05); }\r\n            .y-cta-btn .icon-before { order: 1; }\r\n            .y-cta-btn .btn-text-span { order: 2; }\r\n            .y-cta-btn .icon-after { order: 3; }\r\n        <\/style>\r\n\r\n        <div class=\"y-cta-parallax-window\">\r\n                            <video class=\"y-cta-video-fixed\" autoplay muted loop playsinline>\r\n                    <source src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/04\/cta-hvac-services.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                        \r\n            <div class=\"y-cta-overlay\"><\/div>\r\n            \r\n            <div class=\"y-cta-content\">\r\n                <h2 class=\"y-cta-title\">Expert HVAC, Plumbing &amp; Electrical. Quality You Can Trust.<\/h2>\r\n                <div class=\"y-cta-desc\" style=\"margin-bottom: 30px;\">\r\n                    <p>At YHAILEHEM, we deliver comprehensive home and commercial solutions with professional craftsmanship and clear communication\u2014ensuring your essential systems work perfectly so you can enjoy total peace of mind.<\/p>\r\n                <\/div>\r\n                                    <a href=\"#\" class=\"y-cta-btn\">\r\n                        <span class=\"btn-text-span\">GET MY FREE ESTIMATE<\/span>\r\n                        \r\n                                                    <span class=\"icon-before\">\r\n                                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-tools\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z\"><\/path><\/svg>                            <\/span>\r\n                                            <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n        \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","protected":false},"excerpt":{"rendered":"<p>Expert HVAC, Plumbing &amp; Electrical. Quality You Can Trust. At YHAILEHEM, we deliver comprehensive home and commercial solutions with professional craftsmanship and clear communication\u2014ensuring your essential systems work perfectly so you can enjoy total peace of mind. GET MY FREE ESTIMATE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":70,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":460,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/460"}],"wp:attachment":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}