{"id":8,"date":"2026-06-09T12:38:56","date_gmt":"2026-06-09T12:38:56","guid":{"rendered":"https:\/\/staging.samplesite.top\/binnaeng\/?page_id=8"},"modified":"2026-09-28T09:44:25","modified_gmt":"2026-09-28T09:44:25","slug":"home","status":"publish","type":"page","link":"https:\/\/staging.samplesite.top\/binnaeng\/","title":{"rendered":"Home"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5002330 e-con-full e-flex e-con e-parent\" data-id=\"5002330\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b7c7ba5 e-con-full e-flex e-con e-child\" data-id=\"b7c7ba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5efbcd1 elementor-widget elementor-widget-html\" data-id=\"5efbcd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Swiper CSS & Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;900&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.hero-slider {\n    position: relative;\n    height: 750px;\n    overflow: hidden;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.hero-slider .swiper-slide {\n    position: relative;\n    overflow: hidden;\n}\n\n.hero-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    transform: scale(1);\n    transition: transform 7s ease;\n}\n\n.swiper-slide-active .hero-bg {\n    transform: scale(1.08);\n}\n\n\/* OVERLAY *\/\n.hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        rgba(8, 21, 46, 0.85) 0%,\n        rgba(8, 21, 46, 0.60) 40%,\n        rgba(8, 21, 46, 0.30) 100%\n    );\n}\n\n\/* ALIGNED INNER CONTAINER *\/\n.hero-inner {\n    position: relative;\n    z-index: 5;\n    max-width: 1200px;\n    margin: auto;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    padding-left: 0;\n    padding-right: 40px;\n}\n\n.hero-content {\n    max-width: 750px;\n    margin: 0;\n    text-align: left;\n}\n\n.hero-title {\n    font-size: 52px;\n    line-height: 1.1;\n    font-weight: 900;\n    color: #FFFFFF !important;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    white-space: normal;\n}\n\n.hero-title span {\n    color: #FFFFFF !important;\n}\n\n.hero-text {\n    font-size: 18px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.9) !important;\n    margin-bottom: 30px;\n    max-width: 600px;\n}\n\n.hero-buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: flex-start;\n}\n\n.btn-primary {\n    background: #FF6B00;\n    color: #fff;\n    padding: 15px 30px;\n    text-decoration: none;\n    font-weight: 700;\n    border-radius: 4px;\n    transition: background 0.3s ease, transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: #F58220;\n    transform: translateY(-2px);\n}\n\n.btn-secondary {\n    border: 1px solid #FFFFFF;\n    color: #FFFFFF;\n    padding: 15px 30px;\n    text-decoration: none;\n    font-weight: 700;\n    border-radius: 4px;\n    transition: all 0.3s ease;\n}\n\n.btn-secondary:hover {\n    background: #FFFFFF;\n    color: #08152E;\n}\n\n.experience-box {\n    position: absolute;\n    right: 100px;\n    top: 120px;\n    width: 170px;\n    height: 170px;\n    background: #08152E;\n    color: #fff;\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 30px 60px rgba(0,0,0,.3);\n    border: 1px solid rgba(255,255,255,0.1);\n}\n\n.experience-box h2 {\n    color: #ffffff;\n    font-size: 60px;\n    margin: 0;\n}\n\n.experience-box p {\n    font-size: 12px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-align: center;\n}\n\n.swiper-nav {\n    position: absolute;\n    right: 50px;\n    bottom: 50px;\n    z-index: 20;\n    display: flex;\n    gap: 10px;\n}\n\n.swiper-prev,\n.swiper-next {\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.15);\n    color: #fff;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.swiper-prev:hover,\n.swiper-next:hover {\n    background: #F58220;\n    border-color: #F58220;\n}\n\n.swiper-pagination {\n    bottom: 40px !important;\n}\n\n.swiper-pagination-bullet {\n    width: 40px;\n    height: 4px;\n    border-radius: 0;\n    background: rgba(255, 255, 255, 0.3);\n}\n\n.swiper-pagination-bullet-active {\n    background: #FFFFFF !important;\n}\n\n\/* BASE INACTIVE ANIMATION STATE *\/\n.hero-content > * {\n    opacity: 0;\n}\n\n\/* ==============================================\n   SLIDE 1 ANIMATIONS:\n   - Title: Drops from TOP\n   - Text: Enters from LEFT\n   - Buttons: Rises from BOTTOM\n   ============================================== *\/\n.swiper-slide-active .anim-slide-1 .hero-title {\n    animation: slideFromTop .8s .2s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n.swiper-slide-active .anim-slide-1 .hero-text {\n    animation: slideFromLeft .8s .4s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n.swiper-slide-active .anim-slide-1 .hero-buttons {\n    animation: slideFromBottom .8s .6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n\/* ==============================================\n   SLIDE 2 ANIMATIONS:\n   - Title: Enters from LEFT\n   - Text: Enters from RIGHT\n   - Buttons: Scales\/Pops UP from CENTER\n   ============================================== *\/\n.swiper-slide-active .anim-slide-2 .hero-title {\n    animation: slideFromLeft .8s .2s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n.swiper-slide-active .anim-slide-2 .hero-text {\n    animation: slideFromRight .8s .4s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n.swiper-slide-active .anim-slide-2 .hero-buttons {\n    animation: popCenter .8s .6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n\/* ==============================================\n   SLIDE 3 ANIMATIONS:\n   - Title: Drops diagonally from TOP-LEFT\n   - Text: Glides from RIGHT\n   - Buttons: Rises from BOTTOM\n   ============================================== *\/\n.swiper-slide-active .anim-slide-3 .hero-title {\n    animation: slideTopLeft .8s .2s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n.swiper-slide-active .anim-slide-3 .hero-text {\n    animation: slideFromRight .8s .4s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n.swiper-slide-active .anim-slide-3 .hero-buttons {\n    animation: slideFromBottom .8s .6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n\/* ==============================================\n   KEYFRAME DEFINITIONS\n   ============================================== *\/\n@keyframes slideFromTop {\n    from {\n        opacity: 0;\n        transform: translateY(-60px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes slideFromBottom {\n    from {\n        opacity: 0;\n        transform: translateY(60px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes slideFromLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-80px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes slideFromRight {\n    from {\n        opacity: 0;\n        transform: translateX(80px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes popCenter {\n    from {\n        opacity: 0;\n        transform: scale(0.8) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n    }\n}\n\n@keyframes slideTopLeft {\n    from {\n        opacity: 0;\n        transform: translate(-50px, -50px);\n    }\n    to {\n        opacity: 1;\n        transform: translate(0, 0);\n    }\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:991px){\n    .hero-title {\n        font-size: 42px;\n    }\n    .hero-inner {\n        padding-left: 20px;\n    }\n}\n\n@media(max-width:768px){\n    .hero-slider {\n        height: 650px;\n    }\n    .hero-inner {\n        padding-left: 15px;\n        padding-right: 15px;\n    }\n    .hero-title {\n        font-size: 32px;\n    }\n    .hero-text {\n        font-size: 15px;\n        margin-bottom: 20px;\n    }\n    .hero-buttons {\n        flex-direction: column;\n        gap: 10px;\n    }\n    .experience-box {\n        width: 120px;\n        height: 120px;\n        right: 20px;\n        top: 100px;\n    }\n    .experience-box h2 {\n        font-size: 40px;\n    }\n}\n<\/style>\n\n<div class=\"swiper hero-slider\">\n    <div class=\"swiper-wrapper\">\n\n        <!-- SLIDE 1 -->\n        <div class=\"swiper-slide\">\n            <div class=\"hero-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=2000');\"><\/div>\n            <div class=\"hero-overlay\"><\/div>\n            <div class=\"hero-inner\">\n                <div class=\"hero-content anim-slide-1\">\n                    <h1 class=\"hero-title\">\n                        GUARANTEED QUALITY<br>\n                        IN MODERN<br>\n                        CONSTRUCTION\n                    <\/h1>\n                    <p class=\"hero-text\">\n                        Bring to the table win-win survival strategies to ensure proactive domination.\n                    <\/p>\n                    <div class=\"hero-buttons\">\n                        <a href=\"#\" class=\"btn-primary\">GET A QUOTE<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SLIDE 2 -->\n        <div class=\"swiper-slide\">\n            <div class=\"hero-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?w=2000');\"><\/div>\n            <div class=\"hero-overlay\"><\/div>\n            <div class=\"hero-inner\">\n                <div class=\"hero-content anim-slide-2\">\n                    <h1 class=\"hero-title\">\n                        BUILDING THE FUTURE<br>\n                        WITH UNMATCHED<br>\n                        EXCELLENCE\n                    <\/h1>\n                    <p class=\"hero-text\">\n                        Creating world-class projects with precision engineering and innovation.\n                    <\/p>\n                    <div class=\"hero-buttons\">\n                        <a href=\"#\" class=\"btn-primary\">Contact Us<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SLIDE 3 -->\n        <div class=\"swiper-slide\">\n            <div class=\"hero-bg\" style=\"background-image:url('https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/construction-certifications-hero.png');\"><\/div>\n            <div class=\"hero-overlay\"><\/div>\n            <div class=\"hero-inner\">\n                <div class=\"hero-content anim-slide-3\">\n                    <h1 class=\"hero-title\">\n                        MODERN STRUCTURES<br>\n                        FOR A BETTER<br>\n                        TOMORROW\n                    <\/h1>\n                    <p class=\"hero-text\">\n                        Delivering premium commercial and industrial construction solutions.\n                    <\/p>\n                    <div class=\"hero-buttons\">\n                        <a href=\"#\" class=\"btn-primary\">CONTACT US<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"experience-box\">\n        <h2>25+<\/h2>\n        <p>Years of Experience<\/p>\n    <\/div>\n\n    <div class=\"swiper-pagination\"><\/div>\n\n    <div class=\"swiper-nav\">\n        <div class=\"swiper-prev\"><i class=\"fas fa-arrow-left\"><\/i><\/div>\n        <div class=\"swiper-next\"><i class=\"fas fa-arrow-right\"><\/i><\/div>\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\nnew Swiper('.hero-slider',{\n    effect: 'fade',\n    fadeEffect: { crossFade: true },\n    speed: 1200,\n    loop: true,\n    autoplay: {\n        delay: 6000,\n        disableOnInteraction: false\n    },\n    pagination: {\n        el: '.swiper-pagination',\n        clickable: true\n    },\n    navigation: {\n        nextEl: '.swiper-next',\n        prevEl: '.swiper-prev'\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a49aa26 elementor-widget elementor-widget-html\" data-id=\"a49aa26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- External Dependencies: Montserrat Font & Font Awesome Icons -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<style>\n\/* Scoped Section Wrapper to isolate styles inside Elementor *\/\n.bcr-infobar-section {\n    width: 100%;\n    background-color: #ffffff; \/* Clean white canvas background matching image *\/\n    font-family: 'Montserrat', sans-serif;\n    padding: 60px 20px;\n    box-sizing: border-box;\n}\n\n\/* 4-Column Flex\/Grid Container *\/\n.bcr-infobar-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n}\n\n\/* Individual Feature Item *\/\n.bcr-info-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: bcrSlideUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n\/* Staggered Entry Animations *\/\n.bcr-info-item:nth-child(1) { animation-delay: 0.1s; }\n.bcr-info-item:nth-child(2) { animation-delay: 0.2s; }\n.bcr-info-item:nth-child(3) { animation-delay: 0.3s; }\n.bcr-info-item:nth-child(4) { animation-delay: 0.4s; }\n\n\/* Light Orange Icon Background Square *\/\n.bcr-icon-square {\n    width: 52px;\n    height: 52px;\n    background-color: #fdf5e9; \/* Light tinted warm orange\/cream background *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n\/* Real Vector Icon Styling *\/\n.bcr-icon-square i {\n    color: #f58220; \/* Brand Accent Orange *\/\n    font-size: 20px;\n    transition: color 0.3s ease;\n}\n\n\/* Text Content Wrapper *\/\n.bcr-text-block {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n\/* Feature Titles *\/\n.bcr-info-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #0c1524; \/* Deep Navy text *\/\n    margin: 0;\n    line-height: 1.2;\n}\n\n\/* Feature Descriptions *\/\n.bcr-info-desc {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #6a717d; \/* Muted Slate Gray text *\/\n    margin: 0;\n    font-weight: 400;\n}\n\n\/* --- Micro-Interactions on Hover --- *\/\n.bcr-info-item:hover .bcr-icon-square {\n    background-color: #f58220;\n    transform: scale(1.05);\n}\n\n.bcr-info-item:hover .bcr-icon-square i {\n    color: #ffffff;\n}\n\n\/* --- Animation Keyframes --- *\/\n@keyframes bcrSlideUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* --- Responsive Media Query Breakpoints --- *\/\n\n\/* Tablet Optimization (2x2 Layout Grid) *\/\n@media (max-width: 1024px) {\n    .bcr-infobar-section {\n        padding: 50px 30px;\n    }\n    .bcr-infobar-container {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px 30px;\n    }\n}\n\n\/* Mobile Portrait Phone Optimization (Stacked List) *\/\n@media (max-width: 767px) {\n    .bcr-infobar-section {\n        padding: 40px 20px;\n    }\n    .bcr-infobar-container {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n    .bcr-icon-square {\n        width: 48px;\n        height: 48px;\n    }\n    .bcr-icon-square i {\n        font-size: 18px;\n    }\n}\n<\/style>\n\n<!-- Main Widget HTML Structure -->\n<div class=\"bcr-infobar-section\">\n    <div class=\"bcr-infobar-container\">\n        \n        <!-- Item 01: Safety Record -->\n        <div class=\"bcr-info-item\">\n            <div class=\"bcr-icon-square\">\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\n            <\/div>\n            <div class=\"bcr-text-block\">\n                <h4 class=\"bcr-info-title\">100% Safety Record<\/h4>\n                <p class=\"bcr-info-desc\">1,420+ days incident-free across all sites.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Item 02: Cost-Effective -->\n        <div class=\"bcr-info-item\">\n            <div class=\"bcr-icon-square\">\n                <i class=\"fa-solid fa-wallet\"><\/i>\n            <\/div>\n            <div class=\"bcr-text-block\">\n                <h4 class=\"bcr-info-title\">Cost-Effective<\/h4>\n                <p class=\"bcr-info-desc\">Optimized engineering and lean logistics.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Item 03: ISO Certified -->\n        <div class=\"bcr-info-item\">\n            <div class=\"bcr-icon-square\">\n                <i class=\"fa-solid fa-award\"><\/i>\n            <\/div>\n            <div class=\"bcr-text-block\">\n                <h4 class=\"bcr-info-title\">ISO Certified<\/h4>\n                <p class=\"bcr-info-desc\">Long-term compliance and quality control.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Item 04: Trained Experts -->\n        <div class=\"bcr-info-item\">\n            <div class=\"bcr-icon-square\">\n                <i class=\"fa-solid fa-hard-hat\"><\/i>\n            <\/div>\n            <div class=\"bcr-text-block\">\n                <h4 class=\"bcr-info-title\">Trained Experts<\/h4>\n                <p class=\"bcr-info-desc\">Certified crews for extreme environments.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73886c7 e-con-full e-flex e-con e-parent\" data-id=\"73886c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b22d86 elementor-widget elementor-widget-html\" data-id=\"1b22d86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nh2{\n    margin-top: 0.7em;\n}\n\n.buildnox-section {\n    width: 100%;\n    background: #f4f4f4;\n    padding: 80px 5%;\n    font-family: 'Montserrat', sans-serif;\n    overflow: hidden;\n}\n\n.buildnox-container {\n    max-width: 1400px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 40px;\n    align-items: center;\n}\n\n\/* LEFT SIDE *\/\n.buildnox-image {\n    grid-column: span 3;\n    position: relative;\n}\n\n.buildnox-image img {\n    width: 100%;\n    display: block;\n}\n\n\/* RIGHT SIDE *\/\n.buildnox-content {\n    grid-column: span 3;\n}\n\n.buildnox-tag {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: #ff6b00;\n    font-size: 15px;\n    font-weight: 500;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    letter-spacing: .5px;\n}\n\n.buildnox-tag i {\n    font-size: 14px;\n}\n\n.buildnox-title {\n    font-size: 53px;\n    font-weight: 800;\n    line-height: 1.2;\n    color: #101828;\n    margin-bottom: 25px;\n    white-space: normal;\n}\n\n.buildnox-text {\n    font-size: 18px;\n    line-height: 1.9;\n    color: #4b5563;\n    margin-bottom: 40px;\n    max-width: 650px;\n}\n\n\/* FEATURES *\/\n.buildnox-features {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px 50px;\n    margin-bottom: 40px;\n}\n\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.feature-item i {\n    color: #ff6b00;\n    font-size: 22px;\n    min-width: 22px;\n}\n\n.feature-item span {\n    font-size: 18px;\n    font-weight: 700;\n    color: #101828;\n}\n\n\/* LEARN MORE BUTTON *\/\n.buildnox-cta-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.buildnox-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background-color: #ff6b00;\n    color: #ffffff;\n    padding: 16px 36px;\n    border-radius: 15px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    transition: all 0.3s ease;\n    box-shadow: 0 6px 20px rgba(255, 107, 0, 0.25);\n}\n\n.buildnox-btn i {\n    font-size: 14px;\n    transition: transform 0.3s ease;\n}\n\n.buildnox-btn:hover {\n    background-color: #e05e00;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 24px rgba(255, 107, 0, 0.35);\n}\n\n.buildnox-btn:hover i {\n    transform: translateX(5px);\n}\n\n\/* LARGE DESKTOP *\/\n@media (max-width: 1200px) {\n    .buildnox-title {\n        font-size: 42px;\n    }\n\n    .buildnox-text {\n        font-size: 17px;\n    }\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n    .buildnox-container {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 50px;\n    }\n\n    .buildnox-image {\n        grid-column: span 2;\n    }\n\n    .buildnox-content {\n        grid-column: span 2;\n    }\n\n    .buildnox-title {\n        font-size: 44px;\n    }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n    .buildnox-section {\n        padding: 60px 20px;\n    }\n\n    .buildnox-title {\n        font-size: 32px;\n        line-height: 1.25;\n    }\n\n    .buildnox-text {\n        font-size: 16px;\n        line-height: 1.8;\n    }\n\n    .buildnox-features {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        margin-bottom: 30px;\n    }\n\n    .feature-item span {\n        font-size: 17px;\n    }\n\n    .buildnox-tag {\n        font-size: 13px;\n    }\n\n    .buildnox-btn {\n        width: 100%;\n    }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 480px) {\n    .buildnox-title {\n        font-size: 28px;\n    }\n}\n<\/style>\n\n<section class=\"buildnox-section\">\n    <div class=\"buildnox-container\">\n\n        <!-- LEFT IMAGE -->\n        <div class=\"buildnox-image\">\n            <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/09\/Binna-Engineers.webp\" loading=\"lazy\">\n        <\/div>\n\n        <!-- RIGHT CONTENT -->\n        <div class=\"buildnox-content\">\n\n            <div class=\"buildnox-tag\">\n                <i class=\"fa-solid fa-grip-lines-vertical\"><\/i>\n                <span>WELCOME TO Binna engineering &amp; constrution ltd.<\/span>\n            <\/div>\n\n            <h2 class=\"buildnox-title\">\n                Provide Guaranteed<br>\n                Quality in Construction\n            <\/h2>\n\n            <p class=\"buildnox-text\">\n                Bring to the table win-win survival strategies to ensure proactive\n                domination. At the end of the day, going forward, a new normal that\n                has evolved from generation X is on the runway heading towards a\n                streamlined cloud solution.\n            <\/p>\n\n            <div class=\"buildnox-features\">\n\n                <div class=\"feature-item\">\n                    <i class=\"fa-regular fa-circle-check\"><\/i>\n                    <span>100% Satisfaction<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <i class=\"fa-regular fa-circle-check\"><\/i>\n                    <span>Flexible and Cost Effective<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <i class=\"fa-regular fa-circle-check\"><\/i>\n                    <span>Annual Pass Programs<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <i class=\"fa-regular fa-circle-check\"><\/i>\n                    <span>Trained Employees<\/span>\n                <\/div>\n\n            <\/div>\n\n            <!-- LEARN MORE BUTTON -->\n            <div class=\"buildnox-cta-wrapper\">\n                <a href=\"https:\/\/staging.samplesite.top\/binnaeng\/about-us\/\" class=\"buildnox-btn\">\n                    <span>Learn More<\/span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1156565 e-con-full e-flex e-con e-parent\" data-id=\"1156565\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1cfada0 e-con-full e-flex e-con e-child\" data-id=\"1cfada0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a004c7e elementor-widget elementor-widget-html\" data-id=\"a004c7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<style>\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\n.stats-marquee{\n    width:100%;\n    background:#00163b;\n    overflow:hidden;\n    position:relative;\n    padding:22px 0;\n}\n\n.marquee-wrapper{\n    display:flex;\n    width:max-content;\n    animation:marqueeLeft 25s linear infinite;\n}\n\n.marquee-content{\n    display:flex;\n    align-items:center;\n    gap:90px;\n    padding-right:90px;\n}\n\n.stat-item{\n    display:flex;\n    align-items:center;\n    gap:18px;\n    white-space:nowrap;\n}\n\n.stat-item i{\n    color:#f4a100;\n    font-size:18px;\n    flex-shrink:0;\n}\n\n.stat-item span{\n    font-family:'Barlow Condensed',sans-serif;\n    font-size:36px;\n    font-weight:700;\n    color:#ffffff;\n    text-transform:uppercase;\n    line-height:1;\n    letter-spacing:-0.5px;\n}\n\n\/* Seamless Right \u2192 Left Animation *\/\n@keyframes marqueeLeft{\n    from{\n        transform:translateX(0);\n    }\n    to{\n        transform:translateX(-33.333%);\n    }\n}\n\n\/* Tablet *\/\n@media (max-width:1024px){\n\n    .marquee-content{\n        gap:70px;\n        padding-right:70px;\n    }\n\n    .stat-item span{\n        font-size:28px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width:767px){\n\n    .stats-marquee{\n        padding:18px 0;\n    }\n\n    .marquee-content{\n        gap:45px;\n        padding-right:45px;\n    }\n\n    .stat-item{\n        gap:12px;\n    }\n\n    .stat-item i{\n        font-size:14px;\n    }\n\n    .stat-item span{\n        font-size:22px;\n    }\n}\n<\/style>\n\n<section class=\"stats-marquee\">\n\n    <div class=\"marquee-wrapper\">\n\n        <!-- First Set -->\n        <div class=\"marquee-content\">\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>ISO 9001 CERTIFIED<\/span>\n            <\/div>\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>14 COUNTRIES<\/span>\n            <\/div>\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>ZERO INCIDENTS 1420 DAYS<\/span>\n            <\/div>\n\n        <\/div>\n\n        <!-- Duplicate Set -->\n        <div class=\"marquee-content\">\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>ISO 9001 CERTIFIED<\/span>\n            <\/div>\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>14 COUNTRIES<\/span>\n            <\/div>\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>ZERO INCIDENTS 1420 DAYS<\/span>\n            <\/div>\n\n        <\/div>\n\n        <!-- Third Set (helps eliminate gaps on ultra-wide screens) -->\n        <div class=\"marquee-content\">\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>ISO 9001 CERTIFIED<\/span>\n            <\/div>\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>14 COUNTRIES<\/span>\n            <\/div>\n\n            <div class=\"stat-item\">\n                <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                <span>ZERO INCIDENTS 1420 DAYS<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b41ac7 elementor-widget elementor-widget-html\" data-id=\"4b41ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n\/* SECTION *\/\n.oil-solutions-section{\n    max-width:1200px;\n    margin:auto;\n    padding:80px 20px;\n    font-family: 'Montserrat', sans-serif; \/* Set primary font family to Montserrat *\/\n}\n\n.oil-top{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end; \/* Switched to flex-end for better horizontal title baseline alignment *\/\n    margin-bottom:50px;\n    gap:20px;\n}\n\n.oil-heading small{\n    display:block;\n    color:#f5a623;\n    font-size:13px;\n    font-weight:600;\n    letter-spacing:2px;\n    text-transform:uppercase;\n    margin-bottom:15px;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.oil-heading h2{\n    margin:0;\n    font-size:64px;\n    line-height:1;\n    font-weight:800;\n    color:#041f4a;\n    text-transform:uppercase;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.oil-heading h2 span{\n    display:block;\n    color:#f5a623;\n}\n\n.oil-btn{\n    text-decoration:none;\n    color:#041f4a;\n    font-weight:600;\n    font-size:14px;\n    letter-spacing:1px;\n    text-transform:uppercase;\n    border-bottom:2px solid #f5a623;\n    padding-bottom:6px;\n    transition:.3s;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.oil-btn:hover{\n    color:#f5a623;\n}\n\n\/* GRID *\/\n.oil-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:25px;\n}\n\n\/* CARD *\/\n.oil-card{\n    background:#fff;\n    overflow:hidden;\n    position:relative;\n    transition:.4s ease;\n    box-shadow:0 5px 25px rgba(0,0,0,.05);\n    display: flex;\n    flex-direction: column; \/* Allows content elements to push the Read More link perfectly to the footer *\/\n}\n\n.oil-card:hover{\n    transform:translateY(-8px);\n}\n\n.oil-image{\n    position:relative;\n    height:280px;\n    overflow:hidden;\n}\n\n.oil-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transition:.6s;\n    filter:grayscale(100%);\n}\n\n.oil-card:hover img{\n    transform:scale(1.08);\n}\n\n.oil-number{\n    position:absolute;\n    top:18px;\n    right:20px;\n    color:#f5a623;\n    font-size:36px;\n    font-weight:800;\n    z-index:2;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.oil-icon{\n    position:absolute;\n    bottom:15px;\n    left:15px;\n    width:55px;\n    height:55px;\n    background:#f5a623;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    z-index:2;\n}\n\n.oil-icon i{\n    color:#041f4a;\n    font-size:22px;\n}\n\n.oil-content{\n    padding:30px;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1; \/* Ensures all cards stay equal height even if text lines vary *\/\n}\n\n.oil-content h3{\n    margin:0 0 15px;\n    color:#041f4a;\n    font-size:26px;\n    font-weight:700;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.oil-content p{\n    margin:0 0 25px; \/* Added bottom margin to separate from the read more button *\/\n    color:#6a7280;\n    line-height:1.8;\n    font-size:15px;\n    flex-grow: 1;\n    font-family: 'Montserrat', sans-serif; \/* Explicitly targets paragraph text *\/\n}\n\n\/* New Read More Action Link Styling *\/\n.oil-readmore {\n    text-decoration: none;\n    color: #041f4a;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: auto; \/* Attaches button cleanly to the card base *\/\n    transition: color 0.3s ease;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.oil-readmore i {\n    font-size: 12px;\n    transition: transform 0.3s ease;\n}\n\n\/* Interaction Effects *\/\n.oil-card:hover .oil-readmore {\n    color: #f5a623;\n}\n\n.oil-card:hover .oil-readmore i {\n    transform: translateX(5px);\n}\n\n\/* TABLET *\/\n@media(max-width:1024px){\n    .oil-heading h2{\n        font-size:48px;\n    }\n\n    .oil-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n\/* MOBILE *\/\n@media(max-width:767px){\n    .oil-top{\n        flex-direction:column;\n        align-items: flex-start;\n        gap: 25px;\n    }\n\n    .oil-heading h2{\n        font-size:38px;\n    }\n\n    .oil-grid{\n        grid-template-columns:1fr;\n    }\n\n    .oil-image{\n        height:240px;\n    }\n}\n<\/style>\n\n<section class=\"oil-solutions-section\">\n\n    <div class=\"oil-top\">\n        <div class=\"oil-heading\">\n            <small>OUR SPECIALIZATION<\/small>\n            <h2>\n                SOLUTIONS WE\n                <span>DELIVER<\/span>\n            <\/h2>\n        <\/div>\n\n        <a href=\"#\" class=\"oil-btn\">\n            ALL CAPABILITIES \u2192\n        <\/a>\n    <\/div>\n\n    <div class=\"oil-grid\">\n\n        <div class=\"oil-card\">\n            <div class=\"oil-image\">\n                <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/high-level-description-shot-on-iphone-a-_7tUJRpKMUL-CI1H_6CNKxg_x_znsD4bRxyr20r-41ATSA_cover.jpg\" loading=\"lazy\">\n                <div class=\"oil-number\">01<\/div>\n                <div class=\"oil-icon\">\n                    <i class=\"fas fa-water\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"oil-content\">\n                <h3>Civil Infrastructure<\/h3>\n                <p>Engineering strong foundations and infrastructure solutions for growing, connected communities..<\/p>\n                <a href=\"https:\/\/staging.samplesite.top\/binnaeng\/civil-infrastructure\/\" class=\"oil-readmore\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"oil-card\">\n            <div class=\"oil-image\">\n                <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/high-level-description-a-handheld-phone-_FhciZfm4V7C8D2xqUXe_Cw_VyuDnW59RyC4uNCp3k0x7w.jpg\" loading=\"lazy\">\n                <div class=\"oil-number\">02<\/div>\n                <div class=\"oil-icon\">\n                    <i class=\"fas fa-industry\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"oil-content\">\n                <h3>Project Management<\/h3>\n                <p>Turning complex blueprints into reality, on time and within budget..<\/p>\n                <a href=\"https:\/\/staging.samplesite.top\/binnaeng\/facilitymanagement\/\" class=\"oil-readmore\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"oil-card\">\n            <div class=\"oil-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?q=80&amp;w=1200\" alt=\"Pipeline Logistics\" loading=\"lazy\">\n                <div class=\"oil-number\">03<\/div>\n                <div class=\"oil-icon\">\n                    <i class=\"fas fa-truck\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"oil-content\">\n                <h3>Pipeline Logistics<\/h3>\n                <p>Smart distribution networks supported by monitoring and integrity management systems.<\/p>\n                <a href=\"https:\/\/staging.samplesite.top\/binnaeng\/pipeline-logistics\/\" class=\"oil-readmore\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"oil-card\">\n            <div class=\"oil-image\">\n                <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/image-90.png\" loading=\"lazy\">\n                <div class=\"oil-number\">04<\/div>\n                <div class=\"oil-icon\">\n                    <i class=\"fas fa-bolt\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"oil-content\">\n                <h3>MEP Solutions<\/h3>\n                <p>Delivering integrated mechanical, electrical, and plumbing systems for building efficiency.<\/p>\n                <a href=\"https:\/\/staging.samplesite.top\/binnaeng\/mep-solutions\/\" class=\"oil-readmore\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"oil-card\">\n            <div class=\"oil-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?q=80&amp;w=1200\" alt=\"Engineering Services\" loading=\"lazy\">\n                <div class=\"oil-number\">05<\/div>\n                <div class=\"oil-icon\">\n                    <i class=\"fas fa-hard-hat\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"oil-content\">\n                <h3>Engineering Services<\/h3>\n                <p>Comprehensive design, procurement and project management solutions for complex assets.<\/p>\n                <a href=\"#\" class=\"oil-readmore\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"oil-card\">\n            <div class=\"oil-image\">\n                <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/high-level-description-a-casual-iphone-s_y3ZeMeOIWcS0GZaQhcWc9Q_iP5RvF0ORBOLbDyte58Sww.jpg\" loading=\"lazy\">\n                <div class=\"oil-number\">06<\/div>\n                <div class=\"oil-icon\">\n                    <i class=\"fas fa-shield-alt\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"oil-content\">\n                <h3>HSE Management<\/h3>\n                <p>Health, safety and environmental compliance programs tailored for high-risk operations.<\/p>\n                <a href=\"https:\/\/staging.samplesite.top\/binnaeng\/pipeline-logistics\/\" class=\"oil-readmore\">Read More <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64a1081 e-con-full e-flex e-con e-parent\" data-id=\"64a1081\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-16e5a4a e-flex e-con-boxed e-con e-child\" data-id=\"16e5a4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eb2a47 elementor-widget elementor-widget-heading\" data-id=\"3eb2a47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services We Provide <\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-059900f elementor-widget elementor-widget-html\" data-id=\"059900f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<style>\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\nbody{\n    font-family: 'Montserrat', sans-serif;\n}\n\n.services-slider-section{\n    position:relative;\n    width:100%;\n    padding:80px 70px;\n    overflow:hidden;\n    font-family: 'Montserrat', sans-serif; \/* Set section typography to Montserrat *\/\n}\n\n.services-swiper{\n    overflow:visible;\n}\n\n.service-card{\n    background:#fff;\n    border: 1px solid #d1d5db; \/* Clean, dark border line so users can easily distinguish the card boundary *\/\n    border-radius:12px;\n    padding:18px;\n    box-shadow:0 0 15px rgba(0,0,0,0.06);\n    transition:0.3s ease;\n}\n\n.service-card:hover{\n    transform:translateY(-5px);\n    border-color: #111827; \/* Deep slate contrast shift on hover for dynamic UI feedback *\/\n}\n\n.service-image{\n    width:100%;\n    height:170px;\n    border-radius:10px;\n    overflow:hidden;\n}\n\n.service-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n}\n\n.service-content{\n    display:flex;\n    align-items:center;\n    gap:16px;\n    margin-top:22px;\n}\n\n.service-icon{\n    min-width:58px;\n    width:58px;\n    height:58px;\n    border-radius:50%;\n    background:#f2f2f2;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-size:24px;\n    color:#111;\n    transition: background-color 0.3s ease; \/* Smooth transition for icon background interactive state *\/\n}\n\n.service-icon i{\n    transition: transform 0.3s ease, color 0.3s ease; \/* Smooth animation for graphic interaction *\/\n}\n\n\/* Card Hover Interactions targeting the Icon elements *\/\n.service-card:hover .service-icon {\n    background: #111827; \/* Dark background pop on hover *\/\n}\n\n.service-card:hover .service-icon i {\n    color: #fff; \/* Icon turns white to contrast background *\/\n    transform: translateY(-2px); \/* Subtle up-shift micro-animation *\/\n}\n\n.service-title{\n    font-size:18px;\n    font-weight:700;\n    line-height:1.3;\n    color:#111827;\n    font-family: 'Montserrat', sans-serif; \/* Explicitly enforce Montserrat on slide headings *\/\n}\n\n\/* Navigation Arrows *\/\n.swiper-button-prev-custom,\n.swiper-button-next-custom{\n    position:absolute;\n    top:50%;\n    transform:translateY(-50%);\n    width:52px;\n    height:52px;\n    background:#fff;\n    border-radius:10px;\n    box-shadow:0 0 12px rgba(0,0,0,0.08);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n    z-index:20;\n    transition:0.3s ease;\n}\n\n.swiper-button-prev-custom:hover,\n.swiper-button-next-custom:hover{\n    background:#111827;\n    color:#fff;\n}\n\n.swiper-button-prev-custom{\n    left:0;\n}\n\n.swiper-button-next-custom{\n    right:0;\n}\n\n.swiper-button-prev-custom i,\n.swiper-button-next-custom i{\n    font-size:18px;\n}\n\n\/* Tablet *\/\n@media(max-width:1024px){\n\n    .services-slider-section{\n        padding:60px 50px;\n    }\n\n    .service-image{\n        height:180px;\n    }\n}\n\n\/* Mobile *\/\n@media(max-width:767px){\n\n    .services-slider-section{\n        padding:40px 20px;\n    }\n\n    .swiper-button-prev-custom,\n    .swiper-button-next-custom{\n        width:45px;\n        height:45px;\n    }\n\n    .service-image{\n        height:220px;\n    }\n\n    .service-title{\n        font-size:17px;\n    }\n}\n<\/style>\n\n<div class=\"services-slider-section\">\n\n    <div class=\"swiper-button-prev-custom\">\n        <i class=\"fas fa-arrow-left\"><\/i>\n    <\/div>\n\n    <div class=\"swiper-button-next-custom\">\n        <i class=\"fas fa-arrow-right\"><\/i>\n    <\/div>\n\n    <div class=\"swiper services-swiper\">\n        <div class=\"swiper-wrapper\">\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-house\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Renovation &amp;<br>Restoration\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-layer-group\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Building<br>Construction\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/high-level-description-shot-on-iphone-a-_m-HGhY0JWAWi6Db34VKaug_SfbmK45HTNCKbSg53zOAfg.jpg\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-layer-group\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Dredging &amp;<br>Waterways\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-building\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Modern Building<br>Design\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-hammer\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            MEP<br>Solutions\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-ruler-combined\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Architecture<br>Design\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-users\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Project<br>Management\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1429497419816-9ca5cfb4571a?w=800\" alt=\"\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            General <br>Construction\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?w=800\" alt=\"Interior Design\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-couch\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Interior<br>Design\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"swiper-slide\">\n                <div class=\"service-card\">\n                    <div class=\"service-image\">\n                        <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/construction-site-sunset_23-2152006125.png\" alt=\"Real Estate &amp; Advisory\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"service-content\">\n                        <div class=\"service-icon\">\n                            <i class=\"fa-solid fa-handshake\"><\/i>\n                        <\/div>\n\n                        <div class=\"service-title\">\n                            Complex Civil <br>Infrastructure\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\nnew Swiper(\".services-swiper\", {\n\n    loop:true,\n    speed:800,\n    spaceBetween:30,\n\n    autoplay: {\n        delay: 5000,\n        disableOnInteraction: false,\n    },\n\n    navigation:{\n        nextEl:\".swiper-button-next-custom\",\n        prevEl:\".swiper-button-prev-custom\",\n    },\n\n    breakpoints:{\n        0:{\n            slidesPerView:1\n        },\n        576:{\n            slidesPerView:2\n        },\n        768:{\n            slidesPerView:2\n        },\n        1024:{\n            slidesPerView:3\n        },\n        1280:{\n            slidesPerView:4\n        }\n    }\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40b0ce0 e-con-full e-flex e-con e-parent\" data-id=\"40b0ce0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3245b50 elementor-widget elementor-widget-html\" data-id=\"3245b50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n<!-- Font Awesome link for navigation arrows and inline icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<style>\n\n.assets-section{\n    background:#F4F4F4;\n    padding:60px 0;\n    font-family:'Montserrat',sans-serif;\n}\n\n.assets-container{\n    max-width:1150px;\n    margin:auto;\n    padding:0 20px;\n}\n\n.assets-header{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    margin-bottom:40px;\n}\n\n.assets-title{\n    font-size:58px;\n    font-weight:800;\n    text-transform:uppercase;\n    line-height:1;\n    letter-spacing:-2px;\n    color:#04153D;\n}\n\n.assets-title span{\n    color:#E05E00;\n}\n\n.assets-nav{\n    display:flex;\n    gap:8px;\n}\n\n.assets-prev,\n.assets-next{\n    width:44px;\n    height:44px;\n    border:1px solid #dcdcdc;\n    background:#fff;\n    cursor:pointer;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    transition:.3s;\n}\n\n.assets-prev:hover,\n.assets-next:hover{\n    background:#04153D;\n    color:#fff;\n}\n\n.assets-slider{\n    overflow:hidden;\n}\n\n.asset-card{\n    position:relative;\n    height:430px;\n    overflow:hidden;\n    border-radius:12px;\n}\n\n.asset-card img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transition:.8s;\n}\n\n.asset-card:hover img{\n    transform:scale(1.08);\n}\n\n.asset-overlay{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(\n        to top,\n        rgba(4, 21, 61, 0.95) 0%,\n        rgba(4, 21, 61, 0.5) 50%,\n        rgba(0, 0, 0, 0.1) 100%\n    );\n}\n\n.asset-content{\n    position:absolute;\n    left:24px;\n    right:24px;\n    bottom:24px;\n    color:#fff;\n    display:flex;\n    flex-direction:column;\n}\n\n.asset-category{\n    color:#E05E00;\n    text-transform:uppercase;\n    letter-spacing:2px;\n    font-size:11px;\n    font-weight:700;\n    margin-bottom:8px;\n}\n\n.asset-name{\n    font-size:20px;\n    font-weight:700;\n    margin-bottom:8px;\n    line-height:1.25;\n}\n\n.asset-location{\n    font-size:11px;\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n    color:rgba(255, 255, 255, 0.75);\n    margin-bottom:16px;\n}\n\n\/* Stylish Learn More Link Styling *\/\n.asset-link {\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    color:#fff;\n    text-decoration:none;\n    font-size:12px;\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:1px;\n    transition:all 0.3s ease;\n    width:fit-content;\n}\n\n.asset-link i {\n    font-size:11px;\n    transition:transform 0.3s ease;\n    color:#E05E00;\n}\n\n.asset-card:hover .asset-link {\n    color:#E05E00;\n}\n\n.asset-card:hover .asset-link i {\n    transform:translateX(5px);\n}\n\n@media(max-width:1024px){\n\n    .assets-title{\n        font-size:48px;\n    }\n\n    .asset-card{\n        height:400px;\n    }\n\n}\n\n@media(max-width:767px){\n\n    .assets-header{\n        flex-direction:column;\n        align-items:flex-start;\n        gap:20px;\n    }\n\n    .assets-title{\n        font-size:36px;\n    }\n\n    .asset-card{\n        height:360px;\n    }\n\n}\n\n<\/style>\n\n<section class=\"assets-section\">\n\n<div class=\"assets-container\">\n\n    <div class=\"assets-header\">\n\n        <h2 class=\"assets-title\">\n            Case <span>Studies<\/span>\n        <\/h2>\n\n        <div class=\"assets-nav\">\n            <div class=\"assets-prev\">\n                <i class=\"fas fa-arrow-left\"><\/i>\n            <\/div>\n\n            <div class=\"assets-next\">\n                <i class=\"fas fa-arrow-right\"><\/i>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"swiper assets-slider\">\n\n        <div class=\"swiper-wrapper\">\n\n            <!-- Slide 1: High-Rise Commercial -->\n            <div class=\"swiper-slide\">\n                <div class=\"asset-card\">\n                    <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/08\/gomeet.jpeg\" alt=\"Commercial Tower Construction\" loading=\"lazy\">\n                    <div class=\"asset-overlay\"><\/div>\n                    <div class=\"asset-content\">\n                        <div class=\"asset-category\">Commercial High-Rise<\/div>\n                        <div class=\"asset-name\">22-Storey Mixed-Use Office Tower<\/div>\n                        <div class=\"asset-location\">Victoria Island, Lagos<\/div>\n                        <a href=\"#case-study-1\" class=\"asset-link\">\n                            <span>View Case Study<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 2: Highway & Heavy Civil -->\n            <div class=\"swiper-slide\">\n                <div class=\"asset-card\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590496793929-36417d3117de?q=80&amp;w=1200\" alt=\"Highway Flyover Construction\" loading=\"lazy\">\n                    <div class=\"asset-overlay\"><\/div>\n                    <div class=\"asset-content\">\n                        <div class=\"asset-category\">Civil Infrastructure<\/div>\n                        <div class=\"asset-name\">Dual-Carriageway Flyover &amp; Access Arterials<\/div>\n                        <div class=\"asset-location\">Port Harcourt, Rivers State<\/div>\n                        <a href=\"#case-study-2\" class=\"asset-link\">\n                            <span>View Case Study<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 3: Industrial Logistics & Warehouse -->\n            <div class=\"swiper-slide\">\n                <div class=\"asset-card\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&amp;w=1200\" alt=\"Industrial Logistics Hub\" loading=\"lazy\">\n                    <div class=\"asset-overlay\"><\/div>\n                    <div class=\"asset-content\">\n                        <div class=\"asset-category\">Industrial Facility<\/div>\n                        <div class=\"asset-name\">15,000 sqm Automated Logistics &amp; Fulfillment Hub<\/div>\n                        <div class=\"asset-location\">Agbara Industrial Zone<\/div>\n                        <a href=\"#case-study-3\" class=\"asset-link\">\n                            <span>View Case Study<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 4: Marine & Bridge Engineering -->\n            <div class=\"swiper-slide\">\n                <div class=\"asset-card\">\n                    <img decoding=\"async\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/08\/bridge.jpeg\" alt=\"Bridge Construction over Water\" loading=\"lazy\">\n                    <div class=\"asset-overlay\"><\/div>\n                    <div class=\"asset-content\">\n                        <div class=\"asset-category\">Heavy Civil &amp; Marine<\/div>\n                        <div class=\"asset-name\">Coastal Jetty &amp; Pre-Stressed Concrete Bridge<\/div>\n                        <div class=\"asset-location\">Onne Sea Port, Rivers State<\/div>\n                        <a href=\"#case-study-4\" class=\"asset-link\">\n                            <span>View Case Study<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 5: Luxury Residential Development -->\n            <div class=\"swiper-slide\">\n                <div class=\"asset-card\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&amp;w=1200\" alt=\"Luxury Residential Estate\" loading=\"lazy\">\n                    <div class=\"asset-overlay\"><\/div>\n                    <div class=\"asset-content\">\n                        <div class=\"asset-category\">Residential Estate<\/div>\n                        <div class=\"asset-name\">Gated Waterfront Villa Community Complex<\/div>\n                        <div class=\"asset-location\">Ikoyi, Lagos<\/div>\n                        <a href=\"#case-study-5\" class=\"asset-link\">\n                            <span>View Case Study<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 6: Heavy Foundation & Piling -->\n            <div class=\"swiper-slide\">\n                <div class=\"asset-card\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?q=80&amp;w=1200\" alt=\"Heavy Foundation Piling Rig\" loading=\"lazy\">\n                    <div class=\"asset-overlay\"><\/div>\n                    <div class=\"asset-content\">\n                        <div class=\"asset-category\">Geotechnical Engineering<\/div>\n                        <div class=\"asset-name\">Deep Foundation Bored Piling &amp; Soil Stabilization<\/div>\n                        <div class=\"asset-location\">Warri Industrial Corridor<\/div>\n                        <a href=\"#case-study-6\" class=\"asset-link\">\n                            <span>View Case Study<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\nnew Swiper('.assets-slider', {\n    loop: true,\n    speed: 800,\n    autoplay: {\n        delay: 5000,\n        disableOnInteraction: false\n    },\n    slidesPerView: 3,\n    spaceBetween: 20,\n    slidesPerGroup: 3,\n    navigation: {\n        nextEl: '.assets-next',\n        prevEl: '.assets-prev'\n    },\n    breakpoints: {\n        0: {\n            slidesPerView: 1,\n            slidesPerGroup: 1\n        },\n        768: {\n            slidesPerView: 2,\n            slidesPerGroup: 2\n        },\n        1025: {\n            slidesPerView: 3,\n            slidesPerGroup: 3\n        }\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0df30d3 e-flex e-con-boxed e-con e-parent\" data-id=\"0df30d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0584cb elementor-widget elementor-widget-spacer\" data-id=\"c0584cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bde1ec e-flex e-con-boxed e-con e-parent\" data-id=\"6bde1ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40082f4 elementor-widget elementor-widget-heading\" data-id=\"40082f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Clients <\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b085d1 e-con-full e-flex e-con e-parent\" data-id=\"3b085d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a08fa85 elementor-widget elementor-widget-text-editor\" data-id=\"a08fa85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our clients are the core of our business, and we are dedicated to exceeding their expectations<br>through personalized solutions and lasting partnerships.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e4d127 e-flex e-con-boxed e-con e-parent\" data-id=\"4e4d127\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff77fad elementor-widget elementor-widget-spacer\" data-id=\"ff77fad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cd4611 e-flex e-con-boxed e-con e-parent\" data-id=\"0cd4611\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7341624 elementor-arrows-position-inside elementor-widget elementor-widget-image-carousel\" data-id=\"7341624\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;3&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;speed&quot;:509,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/heritage_gardens_estate_irete_owerri_imo-1.jpg\" alt=\"heritage_gardens_estate_irete_owerri_imo (1)\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/almbuildmart_logo-1.png\" alt=\"almbuildmart_logo\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/epn.jpg\" alt=\"epn\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/staging.samplesite.top\/binnaeng\/wp-content\/uploads\/2026\/06\/nalispharma_logo.png\" alt=\"nalispharma_logo\" loading=\"lazy\"><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c35acb3 elementor-widget elementor-widget-spacer\" data-id=\"c35acb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>GUARANTEED QUALITY IN MODERN CONSTRUCTION Bring to the table win-win survival strategies to ensure proactive domination. GET A QUOTE BUILDING THE FUTURE WITH UNMATCHED EXCELLENCE Creating world-class projects with precision&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":5,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":837,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/8\/revisions\/837"}],"wp:attachment":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}