{"id":409,"date":"2019-11-11T08:37:45","date_gmt":"2019-11-11T08:37:45","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=409"},"modified":"2026-08-07T16:54:58","modified_gmt":"2026-08-07T15:54:58","slug":"services-v-2","status":"publish","type":"page","link":"https:\/\/siteworkexcavating.com\/index.php\/services-v-2\/","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"409\" class=\"elementor elementor-409\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-cf13068 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"cf13068\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da589f3\" data-id=\"da589f3\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-4bfe199 elementor-widget elementor-widget-html\" data-id=\"4bfe199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SITEWORK - COMMERCIAL SERVICES SECTION\r\n========================================== -->\r\n\r\n<section class=\"commercial-services\">\r\n\r\n    <div class=\"commercial-services-wrapper\">\r\n\r\n        <!-- Left Content -->\r\n        <div class=\"commercial-services-content\">\r\n\r\n            <span class=\"commercial-services-label\">\r\n                Commercial Services\r\n            <\/span>\r\n\r\n            <h2>\r\n                Expert Commercial\r\n                <span>Excavation Services<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"commercial-services-intro\">\r\n                At Sitework Excavating, we deliver complete site development\r\n                solutions tailored to meet the demands of any commercial project.\r\n                From raw land clearing to complex underground utility installation,\r\n                our team ensures every job is completed with precision, efficiency,\r\n                and unyielding quality.\r\n            <\/p>\r\n\r\n            <!-- Services Grid -->\r\n            <div class=\"commercial-services-grid\">\r\n\r\n                <div class=\"commercial-service-card\">\r\n                    <div class=\"commercial-service-number\">01<\/div>\r\n\r\n                    <div class=\"commercial-service-text\">\r\n                        <h3>Site Preparation<\/h3>\r\n                        <p>Commercial Lot Prep &amp; Land Clearing<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"commercial-service-card\">\r\n                    <div class=\"commercial-service-number\">02<\/div>\r\n\r\n                    <div class=\"commercial-service-text\">\r\n                        <h3>Earthmoving &amp; Grading<\/h3>\r\n                        <p>Precision Grading, Leveling &amp; Excavation<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"commercial-service-card\">\r\n                    <div class=\"commercial-service-number\">03<\/div>\r\n\r\n                    <div class=\"commercial-service-text\">\r\n                        <h3>Underground Utilities<\/h3>\r\n                        <p>Sewer, Water Lines, Storm Drains &amp; Trenching<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"commercial-service-card\">\r\n                    <div class=\"commercial-service-number\">04<\/div>\r\n\r\n                    <div class=\"commercial-service-text\">\r\n                        <h3>Structural Solutions<\/h3>\r\n                        <p>Precast Concrete &amp; Rock Retaining Walls<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n                href=\"https:\/\/siteworkexcavating.com\/index.php\/contact-v-4\/\"\r\n                class=\"commercial-estimate-button\"\r\n            >\r\n                Get a Commercial Estimate\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Image -->\r\n        <div class=\"commercial-services-image-area\">\r\n\r\n            <div class=\"commercial-services-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/siteworkexcavating.com\/wp-content\/uploads\/2026\/08\/sw4.webp\"\r\n                    alt=\"Commercial excavation and site development services\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"commercial-image-badge\">\r\n                <strong>Complete<\/strong>\r\n                <span>Commercial Site Solutions<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"commercial-decoration\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n    .commercial-services {\r\n        --commercial-red: #e41d27;\r\n        --commercial-grey: #949597;\r\n        --commercial-dark: #ffffff; \/* Adjusted for high visibility on dark background *\/\r\n        --commercial-text: #b0b3b8; \/* Adjusted for high visibility on dark background *\/\r\n        --commercial-light: #25282d;\r\n\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 60px 20px;\r\n        background: #1e2126; \/* Changed background to dark grey to match the previous section *\/\r\n        font-family: Arial, Helvetica, sans-serif;\r\n    }\r\n\r\n    .commercial-services *,\r\n    .commercial-services *::before,\r\n    .commercial-services *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .commercial-services-wrapper {\r\n        width: min(1180px, 100%);\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.05fr 0.95fr;\r\n        align-items: center;\r\n        gap: 85px;\r\n    }\r\n\r\n    \/* Content *\/\r\n\r\n    .commercial-services-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .commercial-services-label {\r\n        position: relative;\r\n        display: inline-block;\r\n        margin-bottom: 18px;\r\n        padding-left: 55px;\r\n        color: var(--commercial-red);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .commercial-services-label::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 38px;\r\n        height: 3px;\r\n        background: var(--commercial-red);\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .commercial-services-content > h2 {\r\n        max-width: 650px;\r\n        margin: 0 0 24px;\r\n        color: var(--commercial-dark);\r\n        font-size: clamp(42px, 4.6vw, 66px);\r\n        font-weight: 800;\r\n        line-height: 1.05;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .commercial-services-content > h2 span {\r\n        display: block;\r\n        color: var(--commercial-red);\r\n    }\r\n\r\n    .commercial-services-intro {\r\n        max-width: 680px;\r\n        margin: 0 0 35px;\r\n        color: var(--commercial-text);\r\n        font-size: 16px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    \/* Service Cards *\/\r\n\r\n    .commercial-services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .commercial-service-card {\r\n        position: relative;\r\n        min-height: 145px;\r\n        padding: 25px 20px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n        overflow: hidden;\r\n        border: 1px solid #2d3137; \/* Adjusted border for dark background *\/\r\n        background: #25282d; \/* Adjusted service card background *\/\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);\r\n        transition:\r\n            transform 0.3s ease,\r\n            box-shadow 0.3s ease,\r\n            border-color 0.3s ease;\r\n    }\r\n\r\n    .commercial-service-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 5px;\r\n        height: 100%;\r\n        background: var(--commercial-grey);\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .commercial-service-card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        right: -32px;\r\n        bottom: -32px;\r\n        width: 75px;\r\n        height: 75px;\r\n        border: 14px solid rgba(148, 149, 151, 0.08);\r\n        transform: rotate(45deg);\r\n        transition: border-color 0.3s ease;\r\n    }\r\n\r\n    .commercial-service-card:hover {\r\n        transform: translateY(-7px);\r\n        border-color: rgba(228, 29, 39, 0.4);\r\n        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .commercial-service-card:hover::before {\r\n        background: var(--commercial-red);\r\n    }\r\n\r\n    .commercial-service-card:hover::after {\r\n        border-color: rgba(228, 29, 39, 0.15);\r\n    }\r\n\r\n    .commercial-service-number {\r\n        flex: 0 0 40px;\r\n        color: var(--commercial-red);\r\n        font-size: 23px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n    }\r\n\r\n    .commercial-service-text {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .commercial-service-text h3 {\r\n        margin: 0 0 9px;\r\n        color: #ffffff; \/* Adjusted card title color for high visibility *\/\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .commercial-service-text p {\r\n        margin: 0;\r\n        color: #9da0a6; \/* Adjusted card text color *\/\r\n        font-size: 14px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    \/* Button *\/\r\n\r\n    .commercial-estimate-button {\r\n        width: fit-content;\r\n        margin-top: 32px;\r\n        padding: 17px 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        background: var(--commercial-red);\r\n        color: #ffffff;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.7px;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        box-shadow: 0 14px 30px rgba(228, 29, 39, 0.25);\r\n        transition:\r\n            transform 0.3s ease,\r\n            background 0.3s ease,\r\n            box-shadow 0.3s ease;\r\n    }\r\n\r\n    .commercial-estimate-button span {\r\n        font-size: 22px;\r\n        line-height: 1;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .commercial-estimate-button:hover {\r\n        transform: translateY(-4px);\r\n        background: #bf111a;\r\n        box-shadow: 0 18px 38px rgba(228, 29, 39, 0.34);\r\n    }\r\n\r\n    .commercial-estimate-button:hover span {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Image Area *\/\r\n\r\n    .commercial-services-image-area {\r\n        position: relative;\r\n        min-height: 650px;\r\n    }\r\n\r\n    .commercial-services-image {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 92%;\r\n        height: 610px;\r\n        overflow: hidden;\r\n        background: #2a2d32;\r\n        box-shadow: 0 28px 65px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .commercial-services-image::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        background: linear-gradient(\r\n            180deg,\r\n            rgba(0, 0, 0, 0.02) 45%,\r\n            rgba(0, 0, 0, 0.55) 100%\r\n        );\r\n        pointer-events: none;\r\n    }\r\n\r\n    .commercial-services-image::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        z-index: 3;\r\n        width: 8px;\r\n        height: 100%;\r\n        background: var(--commercial-red);\r\n    }\r\n\r\n    .commercial-services-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        transition: transform 0.7s ease;\r\n    }\r\n\r\n    .commercial-services-image:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .commercial-image-badge {\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        z-index: 5;\r\n        width: 215px;\r\n        min-height: 165px;\r\n        padding: 27px 23px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        background: var(--commercial-red);\r\n        color: #ffffff;\r\n        box-shadow: 0 20px 45px rgba(228, 29, 39, 0.3);\r\n    }\r\n\r\n    .commercial-image-badge strong {\r\n        margin-bottom: 7px;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .commercial-image-badge span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .commercial-decoration {\r\n        position: absolute;\r\n        top: -35px;\r\n        left: 8px;\r\n        width: 155px;\r\n        height: 155px;\r\n        border: 25px solid rgba(148, 149, 151, 0.12);\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* Tablet *\/\r\n\r\n    @media (max-width: 1050px) {\r\n        .commercial-services-wrapper {\r\n            grid-template-columns: 1fr;\r\n            gap: 70px;\r\n        }\r\n\r\n        .commercial-services-content {\r\n            width: min(820px, 100%);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .commercial-services-image-area {\r\n            width: min(760px, 100%);\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    \/* Mobile *\/\r\n\r\n    @media (max-width: 767px) {\r\n        .commercial-services {\r\n            padding: 75px 20px;\r\n        }\r\n\r\n        .commercial-services-wrapper {\r\n            gap: 55px;\r\n        }\r\n\r\n        .commercial-services-content > h2 {\r\n            font-size: 40px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .commercial-services-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .commercial-service-card {\r\n            min-height: auto;\r\n        }\r\n\r\n        .commercial-services-image-area {\r\n            min-height: 500px;\r\n        }\r\n\r\n        .commercial-services-image {\r\n            width: 100%;\r\n            height: 470px;\r\n        }\r\n\r\n        .commercial-image-badge {\r\n            left: 15px;\r\n            bottom: 0;\r\n            width: 180px;\r\n            min-height: 140px;\r\n            padding: 22px 19px;\r\n        }\r\n\r\n        .commercial-image-badge strong {\r\n            font-size: 23px;\r\n        }\r\n\r\n        .commercial-decoration {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .commercial-services-content > h2 {\r\n            font-size: 34px;\r\n        }\r\n\r\n        .commercial-services-intro {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .commercial-estimate-button {\r\n            width: 100%;\r\n            padding: 16px 18px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .commercial-services-image-area {\r\n            min-height: 420px;\r\n        }\r\n\r\n        .commercial-services-image {\r\n            height: 390px;\r\n        }\r\n\r\n        .commercial-image-badge {\r\n            width: 160px;\r\n            min-height: 120px;\r\n        }\r\n\r\n        .commercial-image-badge strong {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .commercial-image-badge span {\r\n            font-size: 11px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-1af39d8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"1af39d8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef0d9b9\" data-id=\"ef0d9b9\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-913e9d4 elementor-widget elementor-widget-html\" data-id=\"913e9d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SITEWORK - RESIDENTIAL SERVICES SECTION\r\n========================================== -->\r\n\r\n<section class=\"residential-services\">\r\n\r\n    <div class=\"residential-services-wrapper\">\r\n\r\n        <!-- Left Image -->\r\n        <div class=\"residential-image-area\">\r\n\r\n            <div class=\"residential-main-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/siteworkexcavating.com\/wp-content\/uploads\/2026\/08\/unnamed-4-1536x1152-1.jpg\"\r\n                    alt=\"Residential excavation and site preparation services\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"residential-image-badge\">\r\n                <strong>Complete<\/strong>\r\n                <span>Residential Site Solutions<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"residential-shape\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Content -->\r\n        <div class=\"residential-content\">\r\n\r\n            <span class=\"residential-label\">\r\n                Residential Services\r\n            <\/span>\r\n\r\n            <h2>\r\n                Precision Residential\r\n                <span>Excavation<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"residential-intro\">\r\n                At Sitework Excavating, we provide a full range of residential\r\n                excavation and site preparation services to help bring your vision\r\n                to life. From initial site work to complex foundation digs and\r\n                utilities, we ensure your residential project is completed safely,\r\n                efficiently, and with lasting quality.\r\n            <\/p>\r\n\r\n            <!-- Services -->\r\n            <div class=\"residential-services-list\">\r\n\r\n                <div class=\"residential-service-item\">\r\n\r\n                    <div class=\"residential-service-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div class=\"residential-service-text\">\r\n                        <h3>Foundations &amp; Digs<\/h3>\r\n\r\n                        <p>\r\n                            Foundation Digs, Footings, Basements &amp; Pools\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"residential-service-item\">\r\n\r\n                    <div class=\"residential-service-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div class=\"residential-service-text\">\r\n                        <h3>Site Prep &amp; Access<\/h3>\r\n\r\n                        <p>\r\n                            Driveways, Roadbeds, Boulder Placement &amp; Erosion\r\n                            Control\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"residential-service-item\">\r\n\r\n                    <div class=\"residential-service-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div class=\"residential-service-text\">\r\n                        <h3>Retaining Walls<\/h3>\r\n\r\n                        <p>\r\n                            Precast Concrete Walls &amp; Natural Rock Walls\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"residential-service-item\">\r\n\r\n                    <div class=\"residential-service-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <div class=\"residential-service-text\">\r\n                        <h3>Utilities &amp; Septic<\/h3>\r\n\r\n                        <p>\r\n                            Water, Sewer, Electric Lines &amp; Septic Installation\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n                href=\"https:\/\/siteworkexcavating.com\/index.php\/contact-v-4\/\"\r\n                class=\"residential-estimate-button\"\r\n            >\r\n                Get a Residential Estimate\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n    .residential-services {\r\n        --residential-red: #e41d27;\r\n        --residential-grey: #949597;\r\n        --residential-dark: #ffffff;\r\n        --residential-text: #b0b3b8;\r\n        --residential-light: #212529;\r\n\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 60px 20px;\r\n        background:\r\n            linear-gradient(\r\n                125deg,\r\n                #1b1e21 0%,\r\n                #1b1e21 35%,\r\n                #141618 35%,\r\n                #141618 100%\r\n            );\r\n        font-family: Arial, Helvetica, sans-serif;\r\n    }\r\n\r\n    .residential-services *,\r\n    .residential-services *::before,\r\n    .residential-services *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .residential-services-wrapper {\r\n        width: min(1180px, 100%);\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 0.95fr 1.05fr;\r\n        align-items: center;\r\n        gap: 85px;\r\n    }\r\n\r\n    \/* Image Area *\/\r\n\r\n    .residential-image-area {\r\n        position: relative;\r\n        min-height: 650px;\r\n    }\r\n\r\n    .residential-main-image {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 92%;\r\n        height: 610px;\r\n        overflow: hidden;\r\n        background: #2a2d32;\r\n        box-shadow: 0 28px 65px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .residential-main-image::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        background: linear-gradient(\r\n            180deg,\r\n            transparent 48%,\r\n            rgba(0, 0, 0, 0.48) 100%\r\n        );\r\n        pointer-events: none;\r\n    }\r\n\r\n    .residential-main-image::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 3;\r\n        width: 8px;\r\n        height: 100%;\r\n        background: var(--residential-red);\r\n    }\r\n\r\n    .residential-main-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        transition: transform 0.7s ease;\r\n    }\r\n\r\n    .residential-main-image:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .residential-image-badge {\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n        z-index: 5;\r\n        width: 220px;\r\n        min-height: 165px;\r\n        padding: 27px 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        background: var(--residential-red);\r\n        color: #ffffff;\r\n        box-shadow: 0 20px 45px rgba(228, 29, 39, 0.3);\r\n    }\r\n\r\n    .residential-image-badge strong {\r\n        margin-bottom: 8px;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .residential-image-badge span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .residential-shape {\r\n        position: absolute;\r\n        top: -35px;\r\n        right: 15px;\r\n        width: 155px;\r\n        height: 155px;\r\n        border: 25px solid rgba(148, 149, 151, 0.15);\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* Content *\/\r\n\r\n    .residential-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .residential-label {\r\n        position: relative;\r\n        display: inline-block;\r\n        margin-bottom: 18px;\r\n        padding-left: 55px;\r\n        color: var(--residential-red);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .residential-label::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 38px;\r\n        height: 3px;\r\n        background: var(--residential-red);\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .residential-content > h2 {\r\n        max-width: 650px;\r\n        margin: 0 0 25px;\r\n        color: var(--residential-dark);\r\n        font-size: clamp(42px, 4.6vw, 66px);\r\n        font-weight: 800;\r\n        line-height: 1.05;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .residential-content > h2 span {\r\n        display: block;\r\n        color: var(--residential-red);\r\n    }\r\n\r\n    .residential-intro {\r\n        max-width: 690px;\r\n        margin: 0 0 35px;\r\n        color: var(--residential-text);\r\n        font-size: 16px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    \/* Services List *\/\r\n\r\n    .residential-services-list {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .residential-service-item {\r\n        position: relative;\r\n        min-height: 150px;\r\n        padding: 25px 21px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n        overflow: hidden;\r\n        border: 1px solid #2d3238;\r\n        border-top: 4px solid var(--residential-grey);\r\n        background: #1c2024;\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);\r\n        transition:\r\n            transform 0.3s ease,\r\n            border-color 0.3s ease,\r\n            box-shadow 0.3s ease;\r\n    }\r\n\r\n    .residential-service-item::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        right: -32px;\r\n        bottom: -32px;\r\n        width: 76px;\r\n        height: 76px;\r\n        border: 14px solid rgba(148, 149, 151, 0.08);\r\n        transform: rotate(45deg);\r\n        transition: border-color 0.3s ease;\r\n    }\r\n\r\n    .residential-service-item:hover {\r\n        transform: translateY(-7px);\r\n        border-top-color: var(--residential-red);\r\n        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .residential-service-item:hover::after {\r\n        border-color: rgba(228, 29, 39, 0.15);\r\n    }\r\n\r\n    .residential-service-number {\r\n        position: relative;\r\n        z-index: 2;\r\n        flex: 0 0 42px;\r\n        color: var(--residential-red);\r\n        font-size: 23px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n    }\r\n\r\n    .residential-service-text {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .residential-service-text h3 {\r\n        margin: 0 0 9px;\r\n        color: var(--residential-dark);\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .residential-service-text p {\r\n        margin: 0;\r\n        color: #9da0a5;\r\n        font-size: 14px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    \/* Button *\/\r\n\r\n    .residential-estimate-button {\r\n        width: fit-content;\r\n        margin-top: 32px;\r\n        padding: 17px 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        background: var(--residential-red);\r\n        color: #ffffff;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.7px;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        box-shadow: 0 14px 30px rgba(228, 29, 39, 0.25);\r\n        transition:\r\n            transform 0.3s ease,\r\n            background 0.3s ease,\r\n            box-shadow 0.3s ease;\r\n    }\r\n\r\n    .residential-estimate-button span {\r\n        font-size: 22px;\r\n        line-height: 1;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .residential-estimate-button:hover {\r\n        transform: translateY(-4px);\r\n        background: #bd111a;\r\n        box-shadow: 0 18px 38px rgba(228, 29, 39, 0.34);\r\n    }\r\n\r\n    .residential-estimate-button:hover span {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Tablet *\/\r\n\r\n    @media (max-width: 1050px) {\r\n        .residential-services-wrapper {\r\n            grid-template-columns: 1fr;\r\n            gap: 70px;\r\n        }\r\n\r\n        .residential-image-area {\r\n            width: min(760px, 100%);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .residential-content {\r\n            width: min(820px, 100%);\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    \/* Mobile *\/\r\n\r\n    @media (max-width: 767px) {\r\n        .residential-services {\r\n            padding: 75px 20px;\r\n            background: #141618;\r\n        }\r\n\r\n        .residential-services-wrapper {\r\n            gap: 55px;\r\n        }\r\n\r\n        .residential-image-area {\r\n            min-height: 500px;\r\n        }\r\n\r\n        .residential-main-image {\r\n            width: 100%;\r\n            height: 470px;\r\n        }\r\n\r\n        .residential-image-badge {\r\n            right: 15px;\r\n            bottom: 0;\r\n            width: 185px;\r\n            min-height: 140px;\r\n            padding: 22px 19px;\r\n        }\r\n\r\n        .residential-image-badge strong {\r\n            font-size: 23px;\r\n        }\r\n\r\n        .residential-shape {\r\n            display: none;\r\n        }\r\n\r\n        .residential-content > h2 {\r\n            font-size: 40px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .residential-services-list {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .residential-service-item {\r\n            min-height: auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .residential-image-area {\r\n            min-height: 420px;\r\n        }\r\n\r\n        .residential-main-image {\r\n            height: 390px;\r\n        }\r\n\r\n        .residential-image-badge {\r\n            width: 165px;\r\n            min-height: 120px;\r\n            padding: 19px 17px;\r\n        }\r\n\r\n        .residential-image-badge strong {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .residential-image-badge span {\r\n            font-size: 11px;\r\n        }\r\n\r\n        .residential-content > h2 {\r\n            font-size: 34px;\r\n        }\r\n\r\n        .residential-intro {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .residential-estimate-button {\r\n            width: 100%;\r\n            padding: 16px 18px;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-181f7d3 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"181f7d3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-61cc041\" data-id=\"61cc041\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-eb57b43 elementor-widget elementor-widget-html\" data-id=\"eb57b43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     DEMOLITION SERVICES\r\n========================================= -->\r\n\r\n<section class=\"demo-services\">\r\n\r\n    <div class=\"demo-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"demo-content\">\r\n\r\n            <span class=\"demo-subtitle\">\r\n                DEMOLITION SERVICES\r\n            <\/span>\r\n\r\n            <h2>\r\n                Complete Site\r\n                <span>Demolition &amp; Clearing<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                At Sitework Excavating, we offer comprehensive demolition\r\n                solutions tailored to your project. From structural dismantling\r\n                to concrete breaking and asphalt removal, our experienced team\r\n                ensures every site is cleared safely, efficiently, and\r\n                responsibly.\r\n            <\/p>\r\n\r\n            <p>\r\n                We handle everything from complete structure demolition to final\r\n                debris hauling, preparing your property for its next phase while\r\n                minimizing environmental impact and maintaining the highest\r\n                safety standards.\r\n            <\/p>\r\n\r\n            <div class=\"demo-grid\">\r\n\r\n                <div class=\"demo-box\">\r\n                    <div class=\"demo-number\">01<\/div>\r\n\r\n                    <div>\r\n                        <h3>Structure Demolition<\/h3>\r\n                        <p>Safe demolition of residential, commercial and industrial structures.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"demo-box\">\r\n                    <div class=\"demo-number\">02<\/div>\r\n\r\n                    <div>\r\n                        <h3>Concrete Breaking<\/h3>\r\n                        <p>Concrete slab removal, foundations and reinforced concrete demolition.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"demo-box\">\r\n                    <div class=\"demo-number\">03<\/div>\r\n\r\n                    <div>\r\n                        <h3>Asphalt Removal<\/h3>\r\n                        <p>Parking lots, driveways, roads and pavement removal services.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"demo-box\">\r\n                    <div class=\"demo-number\">04<\/div>\r\n\r\n                    <div>\r\n                        <h3>Debris Hauling<\/h3>\r\n                        <p>Efficient cleanup, hauling and environmentally responsible disposal.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"demo-box full-box\">\r\n                    <div class=\"demo-number\">05<\/div>\r\n\r\n                    <div>\r\n                        <h3>Tree &amp; Stump Removal<\/h3>\r\n                        <p>Complete land clearing including tree removal, stump grinding and vegetation clearing.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/siteworkexcavating.com\/index.php\/contact-v-4\/\" class=\"demo-btn\">\r\n                Request a Demolition Quote\r\n                \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT IMAGE -->\r\n\r\n        <div class=\"demo-image-wrap\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/siteworkexcavating.com\/wp-content\/uploads\/2026\/08\/abdur-ahmanus-Pg3hfZa_izQ-unsplash-1-1536x1024-1.jpg\" alt=\"Demolition Services\">\r\n\r\n            <div class=\"demo-badge\">\r\n                <strong>SAFE<\/strong>\r\n                <span>Demolition Experts<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"demo-shape\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.demo-services{\r\n    padding: 60px 20px;\r\n    background: #141618;\r\n    overflow: hidden;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.demo-services *{\r\n    box-sizing: border-box;\r\n}\r\n\r\n.demo-container{\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr .95fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n}\r\n\r\n\/* LEFT *\/\r\n\r\n.demo-subtitle{\r\n    color: #e41d27;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n    position: relative;\r\n    padding-left: 55px;\r\n}\r\n\r\n.demo-subtitle:before{\r\n    content: \"\";\r\n    width: 40px;\r\n    height: 3px;\r\n    background: #e41d27;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.demo-content h2{\r\n    font-size: 58px;\r\n    line-height: 1.08;\r\n    margin: 0 0 25px;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n}\r\n\r\n.demo-content h2 span{\r\n    display: block;\r\n    color: #e41d27;\r\n}\r\n\r\n.demo-content p{\r\n    color: #b0b3b8;\r\n    line-height: 1.85;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.demo-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 18px;\r\n    margin-top: 35px;\r\n}\r\n\r\n.demo-box{\r\n    background: #1c2024;\r\n    border: 1px solid #2d3238;\r\n    border-left: 5px solid #949597;\r\n    padding: 24px;\r\n    display: flex;\r\n    gap: 18px;\r\n    transition: .35s;\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.demo-box:hover{\r\n    transform: translateY(-8px);\r\n    border-left-color: #e41d27;\r\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.full-box{\r\n    grid-column: 1\/-1;\r\n}\r\n\r\n.demo-number{\r\n    font-size: 26px;\r\n    color: #e41d27;\r\n    font-weight: 800;\r\n    min-width: 40px;\r\n}\r\n\r\n.demo-box h3{\r\n    margin: 0 0 10px;\r\n    color: #ffffff;\r\n    font-size: 19px;\r\n}\r\n\r\n.demo-box p{\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: #9da0a5;\r\n}\r\n\r\n.demo-btn{\r\n    display: inline-block;\r\n    margin-top: 35px;\r\n    background: #e41d27;\r\n    color: #fff;\r\n    padding: 18px 32px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: .5px;\r\n    box-shadow: 0 14px 30px rgba(228, 29, 39, 0.25);\r\n    transition: .3s;\r\n}\r\n\r\n.demo-btn:hover{\r\n    background: #bd111a;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(228, 29, 39, 0.34);\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.demo-image-wrap{\r\n    position: relative;\r\n    min-height: 650px;\r\n}\r\n\r\n.demo-image-wrap img{\r\n    width: 100%;\r\n    height: 650px;\r\n    object-fit: cover;\r\n    display: block;\r\n    background: #2a2d32;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.demo-image-wrap:before{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 8px;\r\n    height: 100%;\r\n    background: #e41d27;\r\n    z-index: 3;\r\n}\r\n\r\n.demo-badge{\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: -25px;\r\n    background: #e41d27;\r\n    color: #fff;\r\n    width: 220px;\r\n    padding: 28px 24px;\r\n    box-shadow: 0 18px 40px rgba(228, 29, 39, 0.3);\r\n    z-index: 4;\r\n}\r\n\r\n.demo-badge strong{\r\n    display: block;\r\n    font-size: 30px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.demo-badge span{\r\n    text-transform: uppercase;\r\n    font-size: 13px;\r\n    letter-spacing: 1px;\r\n    font-weight: 700;\r\n}\r\n\r\n.demo-shape{\r\n    position: absolute;\r\n    right: -30px;\r\n    top: -30px;\r\n    width: 150px;\r\n    height: 150px;\r\n    border: 22px solid rgba(148, 149, 151, 0.15);\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\/* Responsive *\/\r\n\r\n@media(max-width: 991px){\r\n\r\n.demo-container{\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n}\r\n\r\n.demo-grid{\r\n    grid-template-columns: 1fr;\r\n}\r\n\r\n.full-box{\r\n    grid-column: auto;\r\n}\r\n\r\n.demo-content h2{\r\n    font-size: 42px;\r\n}\r\n\r\n.demo-image-wrap{\r\n    min-height: auto;\r\n}\r\n\r\n.demo-image-wrap img{\r\n    height: 500px;\r\n}\r\n\r\n.demo-badge{\r\n    left: 15px;\r\n    bottom: 20px;\r\n}\r\n\r\n.demo-shape{\r\n    display: none;\r\n}\r\n\r\n}\r\n\r\n@media(max-width: 576px){\r\n\r\n.demo-services{\r\n    padding: 75px 20px;\r\n}\r\n\r\n.demo-content h2{\r\n    font-size: 34px;\r\n}\r\n\r\n.demo-image-wrap img{\r\n    height: 380px;\r\n}\r\n\r\n.demo-btn{\r\n    display: block;\r\n    text-align: center;\r\n}\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Commercial Services Expert Commercial Excavation Services At Sitework Excavating, we deliver complete site development solutions tailored to meet the demands of any commercial project. From raw land clearing to complex underground utility installation, our team ensures every job is completed with precision, efficiency, and unyielding quality. 01 Site Preparation Commercial Lot Prep &amp; Land Clearing [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-409","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/pages\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":10,"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":5964,"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions\/5964"}],"wp:attachment":[{"href":"https:\/\/siteworkexcavating.com\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}