{"id":1575,"date":"2026-08-10T19:41:25","date_gmt":"2026-08-10T19:41:25","guid":{"rendered":"https:\/\/classiqueengineering.co.za\/public_html\/?page_id=1575"},"modified":"2026-09-06T14:46:39","modified_gmt":"2026-09-06T14:46:39","slug":"projects","status":"publish","type":"page","link":"https:\/\/classiqueengineering.co.za\/public_html\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\n<!-- =========================================================\n     CLASSIQUE ENGINEERING\n     PROJECTS PAGE\n     HTML + CSS + JAVASCRIPT\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   GLOBAL PROJECT PAGE STYLES\n   ========================================================= *\/\n\n.ce-projects-page {\n    --ce-red: #b2262c;\n    --ce-dark-red: #650b10;\n    --ce-light-red: #f8e7e8;\n    --ce-text: #111111;\n    --ce-grey: #52606d;\n    --ce-light-grey: #f3f6f5;\n    --ce-border: #dfe4e2;\n    --ce-white: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--ce-text);\n    background: #ffffff;\n    width: 100%;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.ce-projects-page *,\n.ce-projects-page *::before,\n.ce-projects-page *::after {\n    box-sizing: border-box;\n}\n\n.ce-container {\n    width: 100%;\n    max-width: 1045px;\n    margin: 0 auto;\n    padding-left: 20px;\n    padding-right: 20px;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.ce-project-hero {\n    background: var(--ce-dark-red);\n    color: #ffffff;\n    padding: 62px 0 68px;\n}\n\n.ce-project-hero-inner {\n    max-width: 1045px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.ce-hero-line {\n    width: 55px;\n    height: 4px;\n    background: var(--ce-red);\n    margin-bottom: 18px;\n}\n\n.ce-project-hero h1 {\n    font-size: 52px;\n    line-height: 1.05;\n    font-weight: 800;\n    margin: 0 0 18px;\n    letter-spacing: -1.5px;\n}\n\n.ce-project-hero p {\n    max-width: 650px;\n    margin: 0;\n    font-size: 18px;\n    line-height: 1.55;\n    color: #f2dede;\n}\n\n\n\/* =========================================================\n   SECTION HEADINGS\n   ========================================================= *\/\n\n.ce-section-heading {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.ce-heading-line {\n    width: 55px;\n    height: 4px;\n    background: var(--ce-red);\n    margin: 0 auto 16px;\n}\n\n.ce-section-heading h2 {\n    font-size: 32px;\n    line-height: 1.2;\n    margin: 0 0 14px;\n    font-weight: 700;\n}\n\n.ce-section-heading p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    color: var(--ce-grey);\n}\n\n\n\/* =========================================================\n   FEATURED CASE STUDIES\n   ========================================================= *\/\n\n.ce-featured {\n    padding: 78px 0 85px;\n    background: #ffffff;\n}\n\n.ce-case-study {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 70px;\n}\n\n.ce-case-study:last-child {\n    margin-bottom: 0;\n}\n\n\n\/* Image *\/\n\n.ce-case-image {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 5px;\n    box-shadow: 0 8px 22px rgba(0,0,0,0.10);\n}\n\n.ce-case-image img {\n    display: block;\n    width: 100%;\n    height: 390px;\n    object-fit: cover;\n}\n\n\n\/* Reverse second project *\/\n\n.ce-case-study.reverse .ce-case-image {\n    order: 2;\n}\n\n.ce-case-study.reverse .ce-case-content {\n    order: 1;\n}\n\n\n\/* Category badge *\/\n\n.ce-project-badge {\n    position: absolute;\n    left: 14px;\n    bottom: 14px;\n    background: var(--ce-red);\n    color: #ffffff;\n    padding: 7px 14px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n\n\/* Case study content *\/\n\n.ce-case-content h3 {\n    font-size: 27px;\n    margin: 0 0 14px;\n    font-weight: 700;\n}\n\n.ce-case-content > p {\n    color: var(--ce-grey);\n    font-size: 16px;\n    line-height: 1.6;\n    margin: 0 0 24px;\n}\n\n\n\/* Information boxes *\/\n\n.ce-project-info {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    margin-bottom: 20px;\n}\n\n.ce-info-box {\n    border: 1px solid var(--ce-border);\n    background: #f7f9f8;\n    border-radius: 5px;\n    padding: 18px;\n}\n\n.ce-info-label {\n    display: block;\n    color: var(--ce-grey);\n    font-size: 12px;\n    margin-bottom: 5px;\n}\n\n.ce-info-value {\n    font-size: 15px;\n    font-weight: 700;\n}\n\n\n\/* Engineering challenge *\/\n\n.ce-challenge {\n    border: 1px solid #edc3c5;\n    background: var(--ce-light-red);\n    border-radius: 5px;\n    padding: 18px 20px;\n}\n\n.ce-challenge-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: #111111;\n    font-weight: 700;\n    margin-bottom: 8px;\n}\n\n.ce-challenge-icon {\n    color: var(--ce-red);\n    font-size: 18px;\n}\n\n.ce-challenge p {\n    color: var(--ce-grey);\n    font-size: 14px;\n    line-height: 1.55;\n    margin: 0 0 0 28px;\n}\n\n\n\/* =========================================================\n   PROJECT GALLERY\n   ========================================================= *\/\n\n.ce-gallery-section {\n    background: var(--ce-light-grey);\n    padding: 78px 0 90px;\n}\n\n.ce-gallery-heading {\n    text-align: center;\n    margin-bottom: 38px;\n}\n\n.ce-gallery-heading h2 {\n    font-size: 32px;\n    margin: 0 0 12px;\n}\n\n.ce-gallery-heading p {\n    color: var(--ce-grey);\n    margin: 0;\n    font-size: 16px;\n}\n\n\n\/* Filter buttons *\/\n\n.ce-filters {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 40px;\n}\n\n.ce-filter {\n    border: 1px solid #d8dddb;\n    background: #ffffff;\n    color: #39434b;\n    border-radius: 24px;\n    padding: 10px 21px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.ce-filter:hover {\n    border-color: var(--ce-red);\n    color: var(--ce-red);\n}\n\n.ce-filter.active {\n    background: var(--ce-red);\n    border-color: var(--ce-red);\n    color: #ffffff;\n}\n\n\n\/* Gallery grid *\/\n\n.ce-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.ce-gallery-item {\n    position: relative;\n    border-radius: 5px;\n    overflow: hidden;\n    background: #ffffff;\n    aspect-ratio: 1 \/ 1;\n    cursor: pointer;\n}\n\n.ce-gallery-item img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.35s ease;\n}\n\n.ce-gallery-item:hover img {\n    transform: scale(1.05);\n}\n\n\n\/* Gallery overlay *\/\n\n.ce-gallery-overlay {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 30px 15px 15px;\n    background: linear-gradient(\n        transparent,\n        rgba(0,0,0,0.75)\n    );\n    color: #ffffff;\n    opacity: 0;\n    transition: opacity 0.25s ease;\n}\n\n.ce-gallery-item:hover .ce-gallery-overlay {\n    opacity: 1;\n}\n\n.ce-gallery-overlay strong {\n    font-size: 14px;\n}\n\n\n\/* Hidden filter items *\/\n\n.ce-gallery-item.ce-hidden {\n    display: none;\n}\n\n\n\/* =========================================================\n   CALL TO ACTION\n   ========================================================= *\/\n\n.ce-project-cta {\n    background: var(--ce-dark-red);\n    color: #ffffff;\n    text-align: center;\n    padding: 92px 20px;\n}\n\n.ce-project-cta h2 {\n    font-size: 34px;\n    margin: 0 0 18px;\n    font-weight: 700;\n}\n\n.ce-project-cta p {\n    max-width: 720px;\n    margin: 0 auto 32px;\n    color: #efdada;\n    font-size: 17px;\n    line-height: 1.6;\n}\n\n.ce-cta-button {\n    display: inline-block;\n    background: var(--ce-red);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    padding: 15px 27px;\n    border-radius: 4px;\n    font-size: 14px;\n    font-weight: 700;\n    transition: all 0.2s ease;\n}\n\n.ce-cta-button:hover {\n    background: #d03339;\n    transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .ce-project-hero h1 {\n        font-size: 43px;\n    }\n\n    .ce-case-study {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .ce-case-study.reverse .ce-case-image,\n    .ce-case-study.reverse .ce-case-content {\n        order: initial;\n    }\n\n    .ce-gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\n@media (max-width: 600px) {\n\n    .ce-project-hero {\n        padding: 48px 0 52px;\n    }\n\n    .ce-project-hero h1 {\n        font-size: 36px;\n    }\n\n    .ce-project-hero p {\n        font-size: 16px;\n    }\n\n    .ce-featured,\n    .ce-gallery-section {\n        padding: 58px 0;\n    }\n\n    .ce-section-heading h2,\n    .ce-gallery-heading h2 {\n        font-size: 27px;\n    }\n\n    .ce-case-image img {\n        height: 280px;\n    }\n\n    .ce-project-info {\n        grid-template-columns: 1fr;\n    }\n\n    .ce-gallery-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 8px;\n    }\n\n    .ce-project-cta {\n        padding: 65px 20px;\n    }\n\n    .ce-project-cta h2 {\n        font-size: 28px;\n    }\n}\n\n<\/style>\n\n\n<div class=\"ce-projects-page\">\n\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n\n<section class=\"ce-project-hero\">\n\n    <div class=\"ce-project-hero-inner\">\n\n        <div class=\"ce-hero-line\"><\/div>\n\n        <h1>Our Projects<\/h1>\n\n        <p>\n            Evidence of capability. Explore our portfolio of completed\n            structural steel projects across South Africa.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     FEATURED CASE STUDIES\n     ========================================================= -->\n\n<section class=\"ce-featured\">\n\n    <div class=\"ce-container\">\n\n        <div class=\"ce-section-heading\">\n\n            <div class=\"ce-heading-line\"><\/div>\n\n            <h2>Featured Case Studies<\/h2>\n\n            <p>\n                Flagship projects that demonstrate our Tier-1 capability\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =================================================\n             PROJECT 1 \u2014 OCEANS UMHLANGA\n             ================================================= -->\n\n        <div class=\"ce-case-study\">\n\n            <div class=\"ce-case-image\">\n\n                <!-- REPLACE IMAGE URL -->\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/cbea10ef-ec2e-43b7-be62-d804f34f4840.jpg\" alt=\"Oceans Umhlanga structural steel project\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxNjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" alt=\"Oceans Umhlanga structural steel project\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/cbea10ef-ec2e-43b7-be62-d804f34f4840.jpg\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <span class=\"ce-project-badge\">\n                    Commercial\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"ce-case-content\">\n\n                <h3>Oceans Umhlanga<\/h3>\n\n                <p>\n                    Full structural steel package including fabrication,\n                    treatment, and erection for this landmark Umhlanga\n                    development.\n                <\/p>\n\n\n                <div class=\"ce-project-info\">\n\n                    <div class=\"ce-info-box\">\n\n                        <span class=\"ce-info-label\">\n                            Steel Tonnage\n                        <\/span>\n\n                        <span class=\"ce-info-value\">\n                            350+ tonnes\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"ce-info-box\">\n\n                        <span class=\"ce-info-label\">\n                            Sector\n                        <\/span>\n\n                        <span class=\"ce-info-value\">\n                            Commercial\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"ce-challenge\">\n\n                    <div class=\"ce-challenge-title\">\n\n                        <span class=\"ce-challenge-icon\">\n                            \u2692\n                        <\/span>\n\n                        Engineering Challenge\n\n                    <\/div>\n\n                    <p>\n                        Complex multi-level podium structure requiring\n                        precise sequencing to maintain the main\n                        contractor&#8217;s programme. Tight site logistics\n                        demanded coordinated just-in-time delivery.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PROJECT 2 \u2014 SHORELINE SIBAYA\n             ================================================= -->\n\n        <div class=\"ce-case-study reverse\">\n\n            <div class=\"ce-case-image\">\n\n                <!-- REPLACE IMAGE URL -->\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/83796827-dd57-4ca7-ba4b-7fcaf755b90a.jpg\" alt=\"Shoreline Sibaya structural steel project\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" alt=\"Shoreline Sibaya structural steel project\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/83796827-dd57-4ca7-ba4b-7fcaf755b90a.jpg\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <span class=\"ce-project-badge\">\n                    Commercial\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"ce-case-content\">\n\n                <h3>Shoreline Sibaya<\/h3>\n\n                <p>\n                    Structural steelwork for the residential towers\n                    and amenity areas of this prestigious coastal estate.\n                <\/p>\n\n\n                <div class=\"ce-project-info\">\n\n                    <div class=\"ce-info-box\">\n\n                        <span class=\"ce-info-label\">\n                            Steel Tonnage\n                        <\/span>\n\n                        <span class=\"ce-info-value\">\n                            280+ tonnes\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"ce-info-box\">\n\n                        <span class=\"ce-info-label\">\n                            Sector\n                        <\/span>\n\n                        <span class=\"ce-info-value\">\n                            Commercial\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"ce-challenge\">\n\n                    <div class=\"ce-challenge-title\">\n\n                        <span class=\"ce-challenge-icon\">\n                            \u2692\n                        <\/span>\n\n                        Engineering Challenge\n\n                    <\/div>\n\n                    <p>\n                        Coastal environment required specialist\n                        anti-corrosion treatment. Extended floor spans\n                        and cantilevered balconies demanded innovative\n                        connection design.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     PROJECT GALLERY\n     ========================================================= -->\n\n<section class=\"ce-gallery-section\">\n\n    <div class=\"ce-container\">\n\n\n        <div class=\"ce-gallery-heading\">\n\n            <h2>Project Gallery<\/h2>\n\n            <p>\n                Browse our portfolio of structural steel work\n            <\/p>\n\n        <\/div>\n\n\n        <!-- FILTERS -->\n\n        <div class=\"ce-filters\">\n\n            <button class=\"ce-filter active\" data-filter=\"all\" type=\"button\">\n                All\n            <\/button>\n\n            <button class=\"ce-filter\" data-filter=\"commercial\" type=\"button\">\n                Commercial\n            <\/button>\n\n            <button class=\"ce-filter\" data-filter=\"industrial\" type=\"button\">\n                Industrial\n            <\/button>\n\n            <button class=\"ce-filter\" data-filter=\"residential\" type=\"button\">\n                Residential\n            <\/button>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             GALLERY\n             ================================================= -->\n\n        <div class=\"ce-gallery-grid\">\n\n\n            <!-- IMAGE 1 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"commercial\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-1-URL-HERE\" alt=\"Commercial structural steel project\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-1-URL-HERE\" alt=\"Commercial structural steel project\" data-src=\"YOUR-GALLERY-IMAGE-1-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Commercial Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 2 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"residential\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-2-URL-HERE\" alt=\"Residential structural steel project\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-2-URL-HERE\" alt=\"Residential structural steel project\" data-src=\"YOUR-GALLERY-IMAGE-2-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Residential Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 3 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"industrial\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-3-URL-HERE\" alt=\"Industrial structural steel project\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-3-URL-HERE\" alt=\"Industrial structural steel project\" data-src=\"YOUR-GALLERY-IMAGE-3-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Industrial Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 4 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"commercial\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-4-URL-HERE\" alt=\"Commercial structural steel installation\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-4-URL-HERE\" alt=\"Commercial structural steel installation\" data-src=\"YOUR-GALLERY-IMAGE-4-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Commercial Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 5 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"industrial\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-5-URL-HERE\" alt=\"Structural steel fabrication\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-5-URL-HERE\" alt=\"Structural steel fabrication\" data-src=\"YOUR-GALLERY-IMAGE-5-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Steel Fabrication<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 6 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"residential\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-6-URL-HERE\" alt=\"Residential steel installation\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-6-URL-HERE\" alt=\"Residential steel installation\" data-src=\"YOUR-GALLERY-IMAGE-6-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Residential Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 7 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"commercial\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-7-URL-HERE\" alt=\"Commercial steel structure\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-7-URL-HERE\" alt=\"Commercial steel structure\" data-src=\"YOUR-GALLERY-IMAGE-7-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Commercial Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- IMAGE 8 -->\n\n            <div class=\"ce-gallery-item\" data-category=\"industrial\">\n\n                <noscript><img decoding=\"async\" data-skip-lazy src=\"YOUR-GALLERY-IMAGE-8-URL-HERE\" alt=\"Industrial steel installation\"><\/noscript><img decoding=\"async\" src=\"YOUR-GALLERY-IMAGE-8-URL-HERE\" alt=\"Industrial steel installation\" data-src=\"YOUR-GALLERY-IMAGE-8-URL-HERE\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n                <div class=\"ce-gallery-overlay\">\n                    <strong>Industrial Project<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     CALL TO ACTION\n     ========================================================= -->\n\n<section class=\"ce-project-cta\">\n\n    <div class=\"ce-container\">\n\n        <h2>\n            Ready to Build With Confidence?\n        <\/h2>\n\n        <p>\n            Whether you&#8217;re tendering a new development or need a\n            reliable steel partner for an ongoing project, our team\n            is ready to deliver a technical proposal within 48 hours.\n        <\/p>\n\n        <a href=\"\/contact\/\" class=\"ce-cta-button\">\n            Request a Technical Proposal \u2192\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n\n<!-- =========================================================\n     GALLERY FILTER JAVASCRIPT\n     ========================================================= -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const filters =\n        document.querySelectorAll(\".ce-filter\");\n\n    const items =\n        document.querySelectorAll(\".ce-gallery-item\");\n\n\n    filters.forEach(function (filter) {\n\n        filter.addEventListener(\"click\", function () {\n\n            const selected =\n                this.getAttribute(\"data-filter\");\n\n\n            \/* Remove active state *\/\n\n            filters.forEach(function (button) {\n\n                button.classList.remove(\"active\");\n\n            });\n\n\n            \/* Activate clicked filter *\/\n\n            this.classList.add(\"active\");\n\n\n            \/* Filter gallery *\/\n\n            items.forEach(function (item) {\n\n                const category =\n                    item.getAttribute(\"data-category\");\n\n\n                if (\n                    selected === \"all\" ||\n                    category === selected\n                ) {\n\n                    item.classList.remove(\"ce-hidden\");\n\n                } else {\n\n                    item.classList.add(\"ce-hidden\");\n\n                }\n\n            });\n\n        });\n\n    });\n\n});\n\n<\/script>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\">Project Gallery<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Browse our portfolio of structural steel work<\/p>\n\n\n\t\t<!-- printing filters start-->\r\n\t\t\t<div class=\"fg-content-wrapper\" version=\"1.1.4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-row\">\r\n\t\t\t\t<div class=\"ufg-search-container ufg-uncombined-search\">\r\n\t\t\t\t\t<input type=\"text\" class=\"ufg-search-input\" placeholder=\"Type here to search images\" data-gallery-id=\"1\">\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"ufg-row\">\r\n\t\t\t\t<div class=\"ufg-filter-container ufg-uncombined-filter ufg-filters-1 ufg-filter-style-buttons\">\r\n\t\t\t\t\t<!-- UFG DEBUG: {&quot;one&quot;:4,&quot;two&quot;:2,&quot;three&quot;:2,&quot;four&quot;:0,&quot;five&quot;:0} --><div class='filter-group ufg-parent-filters'><div class='ufg-filter-group-inner'><button data-filter='*' data-fname='none' id='1evel1-all' class='ufg-btn ufg-btn-3 filters ufg-all-filter-button ufg-parent-filters ufg-all-filter all ' onclick='return filter(this.id, this.value)' value='*'><i class=\"fas fa-filter\"><\/i> All (11) <span class='ufg-active-dot'><\/span><\/button><button data-filter='.one' data-fname='.one' id='1evel1-one' class='ufg-btn ufg-btn-3 filters ufg-parent-filter-button ufg-parent-filters one' onclick='return filter(this.id, this.value)' value='one'><i class=\"fas fa-camera\"><\/i> Commercial (4) <span class='ufg-active-dot'><\/span><\/button><button data-filter='.two' data-fname='.two' id='1evel1-two' class='ufg-btn ufg-btn-3 filters ufg-parent-filter-button ufg-parent-filters two' onclick='return filter(this.id, this.value)' value='two'><i class=\"fas fa-image\"><\/i> Industrial (2) <span class='ufg-active-dot'><\/span><\/button><button data-filter='.three' data-fname='.three' id='1evel1-three' class='ufg-btn ufg-btn-3 filters ufg-parent-filter-button ufg-parent-filters three' onclick='return filter(this.id, this.value)' value='three'><i class=\"fas fa-star\"><\/i> Residential (2) <span class='ufg-active-dot'><\/span><\/button><button data-filter='.four' data-fname='.four' id='1evel1-four' class='ufg-btn ufg-btn-3 filters ufg-parent-filter-button ufg-parent-filters four' onclick='return filter(this.id, this.value)' value='four'><i class=\"fas fa-heart\"><\/i> Four (0) <span class='ufg-active-dot'><\/span><\/button><button data-filter='.five' data-fname='.five' id='1evel1-five' class='ufg-btn ufg-btn-3 filters ufg-parent-filter-button ufg-parent-filters five' onclick='return filter(this.id, this.value)' value='five'><i class=\"fas fa-shield-alt\"><\/i> Five (0) <span class='ufg-active-dot'><\/span><\/button><\/div><\/div><div class='filter-group ufg-level-one-filters'><div class='ufg-filter-group-inner'><\/div><\/div><div class='filter-group ufg-level-two-filters'><div class='ufg-filter-group-inner'><\/div><\/div><div class='filter-group ufg-level-three-filters'><div class='ufg-filter-group-inner'><\/div><\/div><div class='filter-group ufg-level-four-filters'><div class='ufg-filter-group-inner'><\/div><\/div>\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<input id=\"ufg_current_clicked_filter_id\" name=\"ufg_current_clicked_filter_id\" value=\"\" class=\"ufg-hidden\" placeholder=\"Current Filter\">\r\n\t\t\t<input id=\"ufg_current_clicked_filter_level\" name=\"ufg_current_clicked_filter_level\" value=\"\" class=\"ufg-hidden\" placeholder=\"Current Level\">\r\n\t\t\t<input id=\"ufg_last_clicked_filter_id\" name=\"ufg_last_clicked_filter_id\" value=\"\" class=\"ufg-hidden\" placeholder=\"Last Filter\">\r\n\t\t\t<input id=\"ufg_last_clicked_filter_level\" name=\"ufg_last_clicked_filter_level\" value=\"\" class=\"ufg-hidden\" placeholder=\"Last Level\">\r\n\t\t\t<input id=\"ufg_current_clicked_parent_filter_id\" name=\"ufg_current_clicked_parent_filter_id\" value=\"\" class=\"ufg-hidden\" placeholder=\"Current Parent Filter\">\r\n\t\t\t<input id=\"ufg_last_clicked_filter_parent_id\" name=\"ufg_last_clicked_filter_parent_id\" value=\"\" class=\"ufg-hidden\" placeholder=\"Last Parent Filter\">\r\n\t\t\t\r\n\t\t\t<!-- printing gallery start-->\r\n\t\t\t<div class=\"ufg-row ufg-gallery-container ufg-gallery-1\">\r\n\t\t\t\t<div class=\"ufg-gallery-loader\">\r\n\t\t\t\t\t<div class=\"ufg-loader-card\">\r\n\t\t\t\t\t\t<div class=\"ufg-loader-spinner-box\">\r\n\t\t\t\t\t\t\t<div class=\"ufg-loader-ring\"><\/div>\r\n\t\t\t\t\t\t\t<div class=\"ufg-loader-bg-circle\">\r\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t\t\t\t\t\t<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\/>\r\n\t\t\t\t\t\t\t\t\t<circle cx=\"9\" cy=\"9\" r=\"2\"\/>\r\n\t\t\t\t\t\t\t\t\t<path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/>\r\n\t\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<h3 class=\"ufg-loader-title\">Loading Filter Gallery...<\/h3>\r\n\t\t\t\t\t\t<p class=\"ufg-loader-subtitle\">Please wait while the gallery is initializing<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id='ufg-gallery-1' class='ufg-gallery'><div class='ufg-grid-sizer'><\/div><div\r\n\tclass=\"ufg-thumbnail  one\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/83796827-dd57-4ca7-ba4b-7fcaf755b90a.jpg\" class=\"ufg-lightbox one\"\r\n\t\t\t\t\tdata-title=\"83796827-dd57-4ca7-ba4b-7fcaf755b90a\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/83796827-dd57-4ca7-ba4b-7fcaf755b90a.jpg\" width=\"1600\" height=\"1200\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1600\" height=\"1200\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/83796827-dd57-4ca7-ba4b-7fcaf755b90a.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">83796827-dd57-4ca7-ba4b-7fcaf755b90a<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"412\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  one\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/e7ef0c3a-ed40-4347-965f-d25b069b38e9.jpg\" class=\"ufg-lightbox one\"\r\n\t\t\t\t\tdata-title=\"e7ef0c3a-ed40-4347-965f-d25b069b38e9\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/e7ef0c3a-ed40-4347-965f-d25b069b38e9.jpg\" width=\"1600\" height=\"1200\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1600\" height=\"1200\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/e7ef0c3a-ed40-4347-965f-d25b069b38e9.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">e7ef0c3a-ed40-4347-965f-d25b069b38e9<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"413\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  one\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/cbea10ef-ec2e-43b7-be62-d804f34f4840.jpg\" class=\"ufg-lightbox one\"\r\n\t\t\t\t\tdata-title=\"cbea10ef-ec2e-43b7-be62-d804f34f4840\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/cbea10ef-ec2e-43b7-be62-d804f34f4840.jpg\" width=\"1200\" height=\"1600\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxNjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1200\" height=\"1600\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/03\/cbea10ef-ec2e-43b7-be62-d804f34f4840.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">cbea10ef-ec2e-43b7-be62-d804f34f4840<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"402\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  three\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/d6904073-f13e-4f03-a010-d0913fdefee3.jpg\" class=\"ufg-lightbox three\"\r\n\t\t\t\t\tdata-title=\"d6904073-f13e-4f03-a010-d0913fdefee3\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/d6904073-f13e-4f03-a010-d0913fdefee3.jpg\" width=\"900\" height=\"1600\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiBoZWlnaHQ9IjE2MDAiIHZpZXdCb3g9IjAgMCA5MDAgMTYwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" width=\"900\" height=\"1600\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/d6904073-f13e-4f03-a010-d0913fdefee3.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">d6904073-f13e-4f03-a010-d0913fdefee3<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1626\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  three\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/e5c279ed-c14b-4c2b-8c2d-d52006a52c0f.jpg\" class=\"ufg-lightbox three\"\r\n\t\t\t\t\tdata-title=\"e5c279ed-c14b-4c2b-8c2d-d52006a52c0f\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/e5c279ed-c14b-4c2b-8c2d-d52006a52c0f.jpg\" width=\"1200\" height=\"1600\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxNjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1200\" height=\"1600\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/e5c279ed-c14b-4c2b-8c2d-d52006a52c0f.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">e5c279ed-c14b-4c2b-8c2d-d52006a52c0f<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1625\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  \">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/4b70bd66-1c2f-4e04-93f0-28eaa3495522.jpg\" class=\"ufg-lightbox \"\r\n\t\t\t\t\tdata-title=\"4b70bd66-1c2f-4e04-93f0-28eaa3495522\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/4b70bd66-1c2f-4e04-93f0-28eaa3495522.jpg\" width=\"1600\" height=\"900\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" width=\"1600\" height=\"900\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/4b70bd66-1c2f-4e04-93f0-28eaa3495522.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">4b70bd66-1c2f-4e04-93f0-28eaa3495522<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1622\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  two\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/0e5ac1ae-e0dc-4928-a9bf-6998a9d075ec.jpg\" class=\"ufg-lightbox two\"\r\n\t\t\t\t\tdata-title=\"0e5ac1ae-e0dc-4928-a9bf-6998a9d075ec\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/0e5ac1ae-e0dc-4928-a9bf-6998a9d075ec.jpg\" width=\"1600\" height=\"1200\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1600\" height=\"1200\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/09\/0e5ac1ae-e0dc-4928-a9bf-6998a9d075ec.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">0e5ac1ae-e0dc-4928-a9bf-6998a9d075ec<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1621\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  \">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce1_web.jpg\" class=\"ufg-lightbox \"\r\n\t\t\t\t\tdata-title=\"ce1_web\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce1_web.jpg\" width=\"1600\" height=\"900\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" width=\"1600\" height=\"900\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce1_web.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">ce1_web<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1053\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  two\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce4_web.jpg\" class=\"ufg-lightbox two\"\r\n\t\t\t\t\tdata-title=\"ce4_web\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce4_web.jpg\" width=\"1600\" height=\"900\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" width=\"1600\" height=\"900\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce4_web.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">ce4_web<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1056\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  \">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce2_web.jpg\" class=\"ufg-lightbox \"\r\n\t\t\t\t\tdata-title=\"ce2_web\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce2_web.jpg\" width=\"1200\" height=\"1600\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxNjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1200\" height=\"1600\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce2_web.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">ce2_web<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1054\">\r\n<\/div><div\r\n\tclass=\"ufg-thumbnail  one\">\r\n\t<div class=\"ufg-thumbnail-border\">\r\n\t\t<!-- Lightbox = Show -->\r\n\t\t\r\n\t\t\t<!-- Read more link on: Image(2) = Link On Image -->\r\n\t\t\t\t\t\t\t<!-- Read more link on: Button(1) = Lightbox -->\r\n\t\t\t\t<a href=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce15_web.jpg\" class=\"ufg-lightbox one\"\r\n\t\t\t\t\tdata-title=\"ce15_web\" data-lightbox=\"ufg-lightbox\" data-alt=\"\">\r\n\t\t\t\t\t<div class=\"border-expand-one\"><\/div>\r\n\t\t\t\t\t<div class=\"ufg-img-wrap\">\r\n\t\t\t\t\t\t<noscript><img decoding=\"async\" loading=\"lazy\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce15_web.jpg\" width=\"1600\" height=\"1200\"\r\n\t\t\t\t\t\t\tclass=\"ufg-thumbnail-img ufg-img-responsive\" alt=\"\"><\/noscript><img decoding=\"async\" loading=\"eager\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMjAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" width=\"1600\" height=\"1200\" class=\"ufg-thumbnail-img ufg-img-responsive vp-lazyload\" alt data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/05\/ce15_web.jpg\" data-sizes=\"auto\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"border-expand-two\"><\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t\t\t\t<div class=\"ufg-image-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ufg-image-title\">ce15_web<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t<input type=\"hidden\" class=\"count_attached\" value=\"1066\">\r\n<\/div><\/div>\t\t\t<\/div>\r\n\t\t\t<!-- printing gallery end-->\r\n\t\t<\/div>\r\n\t\t\r\n\t\t<style>\r\n\t\t\t\/* Load more color overrides *\/\r\n\t\t\t.fg-load-more button {\r\n\t\t\t\tcolor: #FFFFFF !important;\r\n\t\t\t\tbackground-color: #0080ff !important;\r\n\t\t\t\tborder-color: #0080ff !important;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\/* Combined Row CSS *\/\r\n\t\t\t.fg-content-wrapper .ufg-combined-row {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tflex-wrap: wrap !important;\r\n\t\t\t\talign-items: flex-start !important;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tgap: 20px !important;\r\n\t\t\t\tmargin-bottom: 20px !important;\r\n\t\t\t\tpadding-left: 15px !important;\r\n\t\t\t\tpadding-right: 15px !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-combined-row .ufg-filter-group-inner {\r\n\t\t\t\tpadding-left: 0 !important;\r\n\t\t\t\tpadding-right: 0 !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-combined-row .ufg-filter-container {\r\n\t\t\t\tflex: 1 1 0% !important;\r\n\t\t\t\tmin-width: 250px !important;\r\n\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-combined-row .ufg-search-container {\r\n\t\t\t\tflex: 0 0 300px !important;\r\n\t\t\t\twidth: 300px !important;\r\n\t\t\t\tmargin-top: 0 !important;\r\n\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-combined-row .ufg-search-input {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmax-width: 100% !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tpadding: 8px 16px !important;\r\n\t\t\t\tmargin-top: 5px !important;\r\n\t\t\t\tmargin-bottom: 5px !important;\r\n\t\t\t\tmargin-left: 0 !important;\r\n\t\t\t\tmargin-right: 0 !important;\r\n\t\t\t\tline-height: 1.5 !important;\r\n\t\t\t\tfont-size: inherit !important;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t\tmin-height: 0 !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-uncombined-search {\r\n\t\t\t\tmargin-bottom: 20px !important;\r\n\t\t\t\tpadding-left: 15px !important;\r\n\t\t\t\tpadding-right: 15px !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-uncombined-search .ufg-search-input {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmax-width: 100% !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tpadding: 8px 16px !important;\r\n\t\t\t\tmargin-top: 5px !important;\r\n\t\t\t\tmargin-bottom: 5px !important;\r\n\t\t\t\tline-height: 1.5 !important;\r\n\t\t\t\tfont-size: inherit !important;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t\tmin-height: 0 !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-uncombined-filter {\r\n\t\t\t\tmargin-bottom: 20px !important;\r\n\t\t\t\tpadding-left: 15px !important;\r\n\t\t\t\tpadding-right: 15px !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-filter-group-inner {\r\n\t\t\t\tpadding-left: 0 !important;\r\n\t\t\t\tpadding-right: 0 !important;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\/* Dropdown select container & select box styles matching search input *\/\r\n\t\t\t.fg-content-wrapper .ufg-filter-dropdown-container {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper select.ufg-filter-dropdown {\r\n\t\t\t\tpadding: 8px 16px !important;\r\n\t\t\t\tpadding-right: 40px !important;\r\n\t\t\t\tmargin-top: 5px !important;\r\n\t\t\t\tmargin-bottom: 5px !important;\r\n\t\t\t\tmargin-left: 0 !important;\r\n\t\t\t\tmargin-right: 0 !important;\r\n\t\t\t\tline-height: 1.5 !important;\r\n\t\t\t\tfont-size: inherit !important;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t\tmin-height: 0 !important;\r\n\t\t\t\tborder: 1px solid #e5e7eb !important;\r\n\t\t\t\tborder-radius: 6px !important;\r\n\t\t\t\tbackground-color: #fff !important;\r\n\t\t\t\tbackground-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'\/%3e%3c\/svg%3e\") !important;\r\n\t\t\t\tbackground-repeat: no-repeat !important;\r\n\t\t\t\tbackground-position: right 15px center !important;\r\n\t\t\t\tbackground-size: 16px !important;\r\n\t\t\t\tcolor: #374151 !important;\r\n\t\t\t\tbox-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\r\n\t\t\t\toutline: none !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmax-width: 100% !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\t-webkit-appearance: none !important;\r\n\t\t\t\t-moz-appearance: none !important;\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t\/* Level-by-Level Custom Colors for Dropdown Options *\/\r\n\t\t\t.fg-content-wrapper select.ufg-filter-dropdown option.ufg-opt-all {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #0A85ED !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper select.ufg-filter-dropdown option.ufg-opt-parent {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #b21f2e !important;\r\n\t\t\t}\r\n\r\n\t\t\t\/* filters CSS and Custom Spacings *\/\r\n\t\t\t.ufg-filters-1 button.filters {\r\n\t\t\t\t\t\t\t\tpadding: 8px 16px !important;\r\n\t\t\t\t\t\t\t\t\t\t\t\tmargin: 5px !important;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t.ufg-filters-1 .ufg-filter-group-inner > button:first-of-type {\r\n\t\t\t\tmargin-left: 0 !important;\r\n\t\t\t}\r\n\t\t\t\/* All Button Style *\/\r\n\t\t\t.ufg-filters-1 .ufg-all-filter-button {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #b21f2e !important;\r\n\t\t\t\tborder-color: #b21f2e !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filters-1 .ufg-all-filter-button:hover {\r\n\t\t\t\tcolor: #000000 !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filters-1 .ufg-all-filter-button.active-filter,\r\n\t\t\t.ufg-filters-1 .ufg-all-filter-button.active {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #000000 !important;\r\n\t\t\t\tborder-color: #000000 !important;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\/* Level 1 (Parent) *\/\r\n\t\t\t.ufg-filters-1 .ufg-parent-filter-button {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #b21f2e !important;\r\n\t\t\t\tborder-color: #b21f2e !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filters-1 .ufg-parent-filter-button:hover {\r\n\t\t\t\tcolor: #000000 !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filters-1 .ufg-parent-filter-button.active-filter,\r\n\t\t\t.ufg-filters-1 .ufg-parent-filter-button.active {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #000000 !important;\r\n\t\t\t\tborder-color: #000000 !important;\r\n\t\t\t}\r\n\r\n\t\t\t\/* Dropdown Select Style *\/\r\n\t\t\t.ufg-filter-dropdown-container {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmax-width: 320px !important;\r\n\t\t\t\tdisplay: inline-block !important;\r\n\t\t\t\tmargin-bottom: 15px !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filter-dropdown,\r\n\t\t\t.ufg-filter-dropdown option {\r\n\t\t\t\tfont-family: 'Font Awesome 5 Free', 'FontAwesome', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filter-dropdown {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tpadding: 10px 15px !important;\r\n\t\t\t\tborder: 1px solid #e2e8f0 !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tcolor: #334155 !important;\r\n\t\t\t\tbackground-color: #ffffff !important;\r\n\t\t\t\tbackground-image: url(\"data:image\/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E\") !important;\r\n\t\t\t\tbackground-repeat: no-repeat !important;\r\n\t\t\t\tbackground-position: right 12px center !important;\r\n\t\t\t\tbackground-size: 16px !important;\r\n\t\t\t\t-webkit-appearance: none !important;\r\n\t\t\t\t-moz-appearance: none !important;\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\ttransition: border-color 0.2s, box-shadow 0.2s !important;\r\n\t\t\t\tbox-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\r\n\t\t\t}\r\n\t\t\t.ufg-filter-dropdown:focus {\r\n\t\t\t\tborder-color: #0c63e7 !important;\r\n\t\t\t\toutline: none !important;\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(12, 99, 231, 0.15) !important;\r\n\t\t\t}\r\n\r\n\t\t\t\/* Mobile Responsive Scroll Menu *\/\r\n\t\t\t@media (max-width: 767px) {\r\n\t\t\t\t.ufg-filter-group-inner {\r\n\t\t\t\t\tdisplay: flex !important;\r\n\t\t\t\t\toverflow-x: auto !important;\r\n\t\t\t\t\twhite-space: nowrap !important;\r\n\t\t\t\t\tflex-wrap: nowrap !important;\r\n\t\t\t\t\t-webkit-overflow-scrolling: touch !important;\r\n\t\t\t\t\tpadding-bottom: 8px !important;\r\n\t\t\t\t\tmargin-bottom: 5px !important;\r\n\t\t\t\t}\r\n\t\t\t\t.ufg-filter-group-inner::-webkit-scrollbar {\r\n\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t}\r\n\t\t\t\t.ufg-filter-group-inner button.filters {\r\n\t\t\t\t\tflex: 0 0 auto !important;\r\n\t\t\t\t\tdisplay: inline-block !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.ufg-grid-sizer, .ufg-thumbnail {\r\n\t\t\t\twidth: calc( (100% \/ (12\/6)) - 1px ) !important;\r\n\t\t\t\tmax-width: none !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t\tpadding: 0; \/* Internal padding is handled by ufg-thumbnail class below *\/\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 576px) {\r\n\t\t\t\t.ufg-grid-sizer, .ufg-thumbnail { width: calc( (100% \/ (12\/4)) - 1px ) !important; }\r\n\t\t\t}\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\t.ufg-grid-sizer, .ufg-thumbnail { width: calc( (100% \/ (12\/4)) - 1px ) !important; }\r\n\t\t\t}\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\t.ufg-grid-sizer, .ufg-thumbnail { width: calc( (100% \/ (12\/3)) - 1px ) !important; }\r\n\t\t\t}\r\n\r\n\t\t\t\/* gallery-specific overrides *\/\r\n\t\t\t\t\t\t.ufg-thumbnail .border-expand-one, .ufg-thumbnail .border-expand-two {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 30px;\r\n\t\t\t\tright: 30px;\r\n\t\t\t\tbottom: 30px;\r\n\t\t\t\tleft: 30px;\r\n\t\t\t\t\/*border: 2px solid #fff;*\/\r\n\t\t\t\t\/*box-shadow: 0 0 0 30px rgb(255 255 255 \/ 20%);*\/\r\n\t\t\t\tcontent: '';\r\n\t\t\t\topacity: 0;\r\n\t\t\t\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n\t\t\t\ttransition: opacity 0.35s, transform 0.35s;\r\n\t\t\t\t-webkit-transform: scale3d(1.4,1.4,1);\r\n\t\t\t\ttransform: scale3d(1.4,1.4,1);\r\n\t\t\t}\r\n\t\t\t.ufg-thumbnail:hover .border-expand-one, .ufg-thumbnail:hover .border-expand-two {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\t-webkit-transform: scale3d(1,1,1);\r\n\t\t\t\ttransform: scale3d(1,1,1);\r\n\t\t\t\tz-index: 9;\r\n\t\t\t}\r\n\t\t\t.border-expand-one:after, .border-expand-one:before {\r\n\t\t\t\tcontent: \" \";\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 25px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}.border-expand-two:after, .border-expand-two:before {\r\n\t\t\t\tcontent: \" \";\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 25px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t\t.border-expand-one:before {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tborder-bottom: 3px solid white;\r\n\t\t\t\tborder-right: 3px solid white;\r\n\t\t\t}\r\n\t\t\t.border-expand-two:before {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tborder-bottom: 3px solid white;\r\n\t\t\t\tborder-left: 3px solid white;\r\n\t\t\t}\r\n\t\t\t.border-expand-one:after {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tborder-top: 3px solid white;\r\n\t\t\t\tborder-left: 3px solid white;\r\n\t\t\t}\r\n\t\t\t.border-expand-two:after {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tborder-top: 3px solid white;\r\n\t\t\t\tborder-right: 3px solid white;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t\/* The Transformation *\/\r\n\t\t\t.ufg-thumbnail:hover img {\r\n\t\t\t\ttransform: scale(1.1);\r\n\t\t\t\topacity:0.7;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.ufg-gallery-1 .ufg-thumbnail-border {\r\n\t\t\t\tbackground-color: #222a33 !important;\r\n\t\t\t\t\t\t\t\tborder: 1px solid #ffffff !important;\r\n\t\t\t\t\t\t\t\tborder-radius: 0.25rem !important;\r\n\t\t\t}\r\n\t\t\t.ufg-gallery-1 .ufg-image-title {\r\n\t\t\t\tfont-size: 18px !important;\r\n\t\t\t\tfont-weight: bold !important;\r\n\t\t\t\tcolor: #FFFFFF !important;\r\n\t\t\t}\r\n\t\t\t.ufg-gallery-1 .ufg-image-description {\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tcolor: #FFFFFF !important;\r\n\t\t\t}\r\n\t\t\t.ufg-gallery-1 .ufg-read-more-button {\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tbackground-color: #0080ff !important;\r\n\t\t\t}\r\n\t\t\t\/* =======================================================\r\n\t\t\t   Gallery Loading Overlay & Spinner styles\r\n\t\t\t   ======================================================= *\/\r\n\t\t\t.fg-content-wrapper .ufg-gallery-container {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tmin-height: 280px !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-gallery-loader {\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\ttop: 0 !important;\r\n\t\t\t\tleft: 0 !important;\r\n\t\t\t\tright: 0 !important;\r\n\t\t\t\tbottom: 0 !important;\r\n\t\t\t\tbackground: rgba(248, 250, 252, 0.85) !important;\r\n\t\t\t\tbackdrop-filter: blur(4px) !important;\r\n\t\t\t\tz-index: 999 !important;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tpadding: 20px !important;\r\n\t\t\t\tborder-radius: 12px !important;\r\n\t\t\t\ttransition: opacity 0.4s ease, visibility 0.4s ease;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-gallery-loader.ufg-loader-hidden {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t\topacity: 0 !important;\r\n\t\t\t\tvisibility: hidden !important;\r\n\t\t\t\tpointer-events: none !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-loader-card {\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tborder-radius: 16px !important;\r\n\t\t\t\tbox-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.03) !important;\r\n\t\t\t\tborder: 1px solid #f1f5f9 !important;\r\n\t\t\t\tpadding: 36px 32px !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t\tmax-width: 380px !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-loader-spinner-box {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\twidth: 64px !important;\r\n\t\t\t\theight: 64px !important;\r\n\t\t\t\tmargin: 0 auto 20px auto !important;\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-loader-bg-circle {\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\tinset: 0 !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tbackground-color: #eff6ff !important;\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-loader-ring {\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\tinset: -4px !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tborder: 3px solid transparent !important;\r\n\t\t\t\tborder-top-color: #2563eb !important;\r\n\t\t\t\tborder-right-color: #2563eb !important;\r\n\t\t\t\tanimation: ufg-spin 0.9s linear infinite !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-loader-title {\r\n\t\t\t\tfont-family: inherit !important;\r\n\t\t\t\tfont-size: 18px !important;\r\n\t\t\t\tfont-weight: 700 !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tmargin: 0 0 6px 0 !important;\r\n\t\t\t\tline-height: 1.3 !important;\r\n\t\t\t}\r\n\t\t\t.fg-content-wrapper .ufg-loader-subtitle {\r\n\t\t\t\tfont-family: inherit !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 400 !important;\r\n\t\t\t\tcolor: #64748b !important;\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t\tline-height: 1.4 !important;\r\n\t\t\t}\r\n\t\t\t@keyframes ufg-spin {\r\n\t\t\t\t0% { transform: rotate(0deg); }\r\n\t\t\t\t100% { transform: rotate(360deg); }\r\n\t\t\t}\r\n\t\t<\/style>\r\n\t\t\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Projects Evidence of capability. Explore our portfolio of completed structural steel projects across South Africa. Featured Case Studies Flagship projects that demonstrate our Tier-1 capability Commercial Oceans Umhlanga Full structural steel package including fabrication, treatment, and erection for this landmark Umhlanga development. Steel Tonnage 350+ tonnes Sector Commercial \u2692 Engineering Challenge Complex multi-level podium &#8230; <a title=\"Projects\" class=\"read-more\" href=\"https:\/\/classiqueengineering.co.za\/public_html\/projects\/\" aria-label=\"Read more about Projects\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-1575","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/1575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/comments?post=1575"}],"version-history":[{"count":19,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/1575\/revisions"}],"predecessor-version":[{"id":1633,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/1575\/revisions\/1633"}],"wp:attachment":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/media?parent=1575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}