{"id":7,"date":"2026-10-20T07:07:54","date_gmt":"2026-10-20T07:07:54","guid":{"rendered":"https:\/\/delachiglobal.co.tz\/?page_id=7"},"modified":"2026-10-20T08:00:11","modified_gmt":"2026-10-20T08:00:11","slug":"home","status":"publish","type":"page","link":"https:\/\/delachiglobal.co.tz\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55cd8ba e-flex e-con-boxed e-con e-parent\" data-id=\"55cd8ba\" 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-a0ff68f elementor-widget elementor-widget-html\" data-id=\"a0ff68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\r\n     DELACHI GLOBAL LIMITED\r\n     RESPONSIVE WEBSITE HEADER\r\n     WordPress + Elementor HTML Widget\r\n     Brand: #052328 | White | #e81e26\r\n=========================================================== -->\r\n\r\n<header id=\"delachi-header\" class=\"delachi-header\">\r\n\r\n    <!-- TOP LOADING BAR -->\r\n    <div class=\"delachi-loading-bar\" id=\"delachi-loading-bar\"><\/div>\r\n\r\n    <div class=\"delachi-header-container\">\r\n\r\n        <!-- COMPANY LOGO -->\r\n        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/home\/\"\r\n           class=\"delachi-logo\"\r\n           aria-label=\"Delachi Global Limited Home\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/unnamed__2_-removebg-preview.png\"\r\n                alt=\"Delachi Global Limited\"\r\n                loading=\"eager\">\r\n        <\/a>\r\n\r\n\r\n        <!-- MOBILE MENU OVERLAY -->\r\n        <div class=\"delachi-menu-overlay\" id=\"delachi-menu-overlay\"><\/div>\r\n\r\n\r\n        <!-- NAVIGATION -->\r\n        <nav class=\"delachi-navigation\"\r\n             id=\"delachi-navigation\"\r\n             aria-label=\"Main Navigation\">\r\n\r\n            <!-- MOBILE NAVIGATION BRAND -->\r\n            <div class=\"delachi-mobile-brand\">\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/home\/\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/unnamed__2_-removebg-preview.png\"\r\n                        alt=\"Delachi Global Limited\">\r\n                <\/a>\r\n\r\n                <button\r\n                    class=\"delachi-close-menu\"\r\n                    id=\"delachi-close-menu\"\r\n                    type=\"button\"\r\n                    aria-label=\"Close navigation menu\">\r\n\r\n                    &times;\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- NAVIGATION LINKS -->\r\n            <ul class=\"delachi-nav-list\">\r\n\r\n                <li>\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/home\/\"\r\n                       class=\"delachi-nav-link\"\r\n                       data-page=\"home\">\r\n\r\n                        <span>Home<\/span>\r\n\r\n                    <\/a>\r\n                <\/li>\r\n\r\n\r\n                <li>\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/about-us\/\"\r\n                       class=\"delachi-nav-link\"\r\n                       data-page=\"about-us\">\r\n\r\n                        <span>About Us<\/span>\r\n\r\n                    <\/a>\r\n                <\/li>\r\n\r\n\r\n                <li>\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/\"\r\n                       class=\"delachi-nav-link\"\r\n                       data-page=\"services\">\r\n\r\n                        <span>Services<\/span>\r\n\r\n                    <\/a>\r\n                <\/li>\r\n\r\n\r\n                <li>\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/portfolio\/\"\r\n                       class=\"delachi-nav-link\"\r\n                       data-page=\"portfolio\">\r\n\r\n                        <span>Portfolio<\/span>\r\n\r\n                    <\/a>\r\n                <\/li>\r\n\r\n\r\n                <li>\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                       class=\"delachi-nav-link delachi-contact-mobile\"\r\n                       data-page=\"contact-us\">\r\n\r\n                        <span>Contact Us<\/span>\r\n\r\n                    <\/a>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- MOBILE CALL TO ACTION -->\r\n            <div class=\"delachi-mobile-cta\">\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                   class=\"delachi-mobile-button\">\r\n\r\n                    Get In Touch\r\n\r\n                    <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- DESKTOP ACTION BUTTON -->\r\n        <div class=\"delachi-header-actions\">\r\n\r\n            <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n               class=\"delachi-header-button\">\r\n\r\n                <span>Get In Touch<\/span>\r\n\r\n                <span class=\"delachi-button-arrow\"\r\n                      aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MOBILE HAMBURGER BUTTON -->\r\n        <button\r\n            class=\"delachi-menu-toggle\"\r\n            id=\"delachi-menu-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open navigation menu\"\r\n            aria-controls=\"delachi-navigation\"\r\n            aria-expanded=\"false\">\r\n\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================================\r\n   1. GLOBAL HEADER VARIABLES\r\n========================================================== *\/\r\n\r\n#delachi-header {\r\n    --delachi-dark: #052328;\r\n    --delachi-red: #e81e26;\r\n    --delachi-white: #ffffff;\r\n\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 99990;\r\n\r\n    background: var(--delachi-dark);\r\n    color: var(--delachi-white);\r\n\r\n    font-family: \"Poppins\", \"Segoe UI\", Arial, sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n#delachi-header *,\r\n#delachi-header *::before,\r\n#delachi-header *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   2. STICKY HEADER\r\n========================================================== *\/\r\n\r\n#delachi-header.delachi-is-sticky {\r\n    position: sticky;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 99990;\r\n\r\n    box-shadow: 0 5px 24px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\nbody.admin-bar #delachi-header.delachi-is-sticky {\r\n    top: 32px;\r\n}\r\n\r\n#delachi-header .delachi-header-container {\r\n    width: 100%;\r\n    max-width: 1440px;\r\n\r\n    min-height: 100px;\r\n\r\n    margin: 0 auto;\r\n    padding: 12px 5%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   3. LOGO\r\n========================================================== *\/\r\n\r\n#delachi-header .delachi-logo {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    flex-shrink: 0;\r\n\r\n    text-decoration: none;\r\n    line-height: 0;\r\n\r\n    outline-offset: 5px;\r\n}\r\n\r\n#delachi-header .delachi-logo img {\r\n    display: block;\r\n\r\n    width: auto;\r\n    max-width: 220px;\r\n    height: 76px;\r\n\r\n    object-fit: contain;\r\n    object-position: left center;\r\n\r\n    border: none;\r\n    outline: none;\r\n    box-shadow: none;\r\n\r\n    background: transparent;\r\n\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n#delachi-header .delachi-logo:hover img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   4. DESKTOP NAVIGATION\r\n========================================================== *\/\r\n\r\n#delachi-header .delachi-navigation {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n#delachi-header .delachi-nav-list {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 30px;\r\n\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n#delachi-header .delachi-nav-list li {\r\n    display: block;\r\n\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n#delachi-header .delachi-nav-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    position: relative;\r\n\r\n    padding: 12px 0;\r\n\r\n    color: var(--delachi-white) !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n\r\n    text-decoration: none !important;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        opacity 0.25s ease;\r\n}\r\n\r\n\r\n\/* Underline hover animation *\/\r\n\r\n#delachi-header .delachi-nav-link::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 4px;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--delachi-red);\r\n\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n#delachi-header .delachi-nav-link:hover,\r\n#delachi-header .delachi-nav-link:focus-visible,\r\n#delachi-header .delachi-nav-link.delachi-active {\r\n    color: var(--delachi-white) !important;\r\n}\r\n\r\n#delachi-header .delachi-nav-link:hover::after,\r\n#delachi-header .delachi-nav-link:focus-visible::after,\r\n#delachi-header .delachi-nav-link.delachi-active::after {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   5. DESKTOP CONTACT BUTTON\r\n========================================================== *\/\r\n\r\n#delachi-header .delachi-header-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n#delachi-header .delachi-header-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 15px;\r\n\r\n    min-height: 48px;\r\n\r\n    padding: 13px 21px;\r\n\r\n    background: var(--delachi-red);\r\n    color: var(--delachi-white) !important;\r\n\r\n    border: 1px solid var(--delachi-red);\r\n    border-radius: 5px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1.3;\r\n    text-decoration: none !important;\r\n\r\n    white-space: nowrap;\r\n\r\n    box-shadow: 0 5px 15px rgba(232, 30, 38, 0.16);\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n#delachi-header .delachi-header-button:hover {\r\n    background: #c9151c;\r\n    border-color: #c9151c;\r\n\r\n    color: var(--delachi-white) !important;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 8px 20px rgba(232, 30, 38, 0.3);\r\n}\r\n\r\n#delachi-header .delachi-button-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 20px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n#delachi-header .delachi-header-button:hover\r\n.delachi-button-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   6. MOBILE ELEMENTS - HIDDEN ON DESKTOP\r\n========================================================== *\/\r\n\r\n#delachi-header .delachi-menu-toggle,\r\n#delachi-header .delachi-mobile-brand,\r\n#delachi-header .delachi-mobile-cta,\r\n#delachi-header .delachi-menu-overlay {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   7. RED LOADING PROGRESS BAR\r\n========================================================== *\/\r\n\r\n#delachi-header .delachi-loading-bar {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 0;\r\n    height: 3px;\r\n\r\n    z-index: 100000;\r\n\r\n    background: var(--delachi-red);\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n#delachi-header .delachi-loading-bar.delachi-loading {\r\n    opacity: 1;\r\n\r\n    animation: delachi-progress-animation 1.1s ease-out forwards;\r\n}\r\n\r\n@keyframes delachi-progress-animation {\r\n    0% {\r\n        width: 0;\r\n        opacity: 1;\r\n    }\r\n\r\n    60% {\r\n        width: 75%;\r\n        opacity: 1;\r\n    }\r\n\r\n    90% {\r\n        width: 92%;\r\n        opacity: 1;\r\n    }\r\n\r\n    100% {\r\n        width: 100%;\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   8. TABLET RESPONSIVENESS\r\n========================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    #delachi-header .delachi-header-container {\r\n        padding: 12px 4%;\r\n        gap: 20px;\r\n    }\r\n\r\n    #delachi-header .delachi-logo img {\r\n        max-width: 190px;\r\n        height: 68px;\r\n    }\r\n\r\n    #delachi-header .delachi-nav-list {\r\n        gap: 19px;\r\n    }\r\n\r\n    #delachi-header .delachi-nav-link {\r\n        font-size: 13px;\r\n    }\r\n\r\n    #delachi-header .delachi-header-button {\r\n        padding: 12px 15px;\r\n        gap: 9px;\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   9. MOBILE NAVIGATION\r\n========================================================== *\/\r\n\r\n@media (max-width: 860px) {\r\n\r\n    #delachi-header .delachi-header-container {\r\n        min-height: 82px;\r\n\r\n        padding: 10px 5%;\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n    #delachi-header .delachi-logo img {\r\n        max-width: 190px;\r\n        height: 61px;\r\n    }\r\n\r\n    \/* Hide desktop action button *\/\r\n\r\n    #delachi-header .delachi-header-actions {\r\n        display: none;\r\n    }\r\n\r\n    \/* Hamburger button *\/\r\n\r\n    #delachi-header .delachi-menu-toggle {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        gap: 6px;\r\n\r\n        width: 46px;\r\n        height: 46px;\r\n\r\n        padding: 10px;\r\n\r\n        background: transparent;\r\n\r\n        border: 1px solid rgba(255, 255, 255, 0.35);\r\n        border-radius: 5px;\r\n\r\n        cursor: pointer;\r\n\r\n        flex-shrink: 0;\r\n\r\n        transition:\r\n            background 0.25s ease,\r\n            border-color 0.25s ease;\r\n    }\r\n\r\n    #delachi-header .delachi-menu-toggle:hover {\r\n        background: rgba(232, 30, 38, 0.12);\r\n        border-color: var(--delachi-red);\r\n    }\r\n\r\n    #delachi-header .delachi-menu-toggle span {\r\n        display: block;\r\n\r\n        width: 22px;\r\n        height: 2px;\r\n\r\n        background: var(--delachi-white);\r\n\r\n        border-radius: 2px;\r\n\r\n        transition:\r\n            transform 0.3s ease,\r\n            opacity 0.3s ease;\r\n    }\r\n\r\n    \/* Hamburger animation *\/\r\n\r\n    #delachi-header.delachi-menu-open\r\n    .delachi-menu-toggle span:nth-child(1) {\r\n        transform: translateY(8px) rotate(45deg);\r\n    }\r\n\r\n    #delachi-header.delachi-menu-open\r\n    .delachi-menu-toggle span:nth-child(2) {\r\n        opacity: 0;\r\n    }\r\n\r\n    #delachi-header.delachi-menu-open\r\n    .delachi-menu-toggle span:nth-child(3) {\r\n        transform: translateY(-8px) rotate(-45deg);\r\n    }\r\n\r\n\r\n    \/* Mobile navigation drawer *\/\r\n\r\n    #delachi-header .delachi-navigation {\r\n        position: fixed;\r\n\r\n        top: 0;\r\n        right: 0;\r\n\r\n        width: min(360px, 88vw);\r\n        height: 100vh;\r\n        height: 100dvh;\r\n\r\n        padding: 22px 25px 30px;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        justify-content: flex-start;\r\n\r\n        overflow-x: hidden;\r\n        overflow-y: auto;\r\n\r\n        background: var(--delachi-dark);\r\n\r\n        border-left: 1px solid rgba(255, 255, 255, 0.08);\r\n\r\n        box-shadow: -15px 0 45px rgba(0, 0, 0, 0.25);\r\n\r\n        z-index: 100001;\r\n\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n\r\n        transform: translateX(100%);\r\n\r\n        transition:\r\n            transform 0.3s ease,\r\n            visibility 0.3s ease;\r\n    }\r\n\r\n    #delachi-header.delachi-menu-open\r\n    .delachi-navigation {\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n\r\n        transform: translateX(0);\r\n    }\r\n\r\n\r\n    \/* Mobile menu top section *\/\r\n\r\n    #delachi-header .delachi-mobile-brand {\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        gap: 15px;\r\n\r\n        padding-bottom: 22px;\r\n        margin-bottom: 12px;\r\n\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.13);\r\n    }\r\n\r\n    #delachi-header .delachi-mobile-brand a {\r\n        display: inline-flex;\r\n        align-items: center;\r\n\r\n        text-decoration: none;\r\n        line-height: 0;\r\n    }\r\n\r\n    #delachi-header .delachi-mobile-brand img {\r\n        display: block;\r\n\r\n        width: auto;\r\n        max-width: 185px;\r\n        height: 58px;\r\n\r\n        object-fit: contain;\r\n        object-position: left center;\r\n    }\r\n\r\n    #delachi-header .delachi-close-menu {\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        padding: 0;\r\n\r\n        background: transparent;\r\n\r\n        color: var(--delachi-white);\r\n\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 4px;\r\n\r\n        font-size: 29px;\r\n        line-height: 1;\r\n\r\n        cursor: pointer;\r\n\r\n        flex-shrink: 0;\r\n\r\n        transition:\r\n            background 0.25s ease,\r\n            border-color 0.25s ease;\r\n    }\r\n\r\n    #delachi-header .delachi-close-menu:hover {\r\n        background: var(--delachi-red);\r\n        border-color: var(--delachi-red);\r\n    }\r\n\r\n\r\n    \/* Mobile menu links *\/\r\n\r\n    #delachi-header .delachi-nav-list {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        justify-content: flex-start;\r\n\r\n        gap: 0;\r\n\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    #delachi-header .delachi-nav-list li {\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n    }\r\n\r\n    #delachi-header .delachi-nav-link {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        width: 100%;\r\n\r\n        padding: 17px 5px;\r\n\r\n        color: var(--delachi-white) !important;\r\n\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n\r\n        white-space: normal;\r\n    }\r\n\r\n    #delachi-header .delachi-nav-link::after {\r\n        bottom: 9px;\r\n    }\r\n\r\n    #delachi-header .delachi-nav-link:hover,\r\n    #delachi-header .delachi-nav-link.delachi-active {\r\n        color: var(--delachi-white) !important;\r\n    }\r\n\r\n\r\n    \/* Mobile contact button *\/\r\n\r\n    #delachi-header .delachi-mobile-cta {\r\n        display: block;\r\n\r\n        margin-top: 28px;\r\n    }\r\n\r\n    #delachi-header .delachi-mobile-button {\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        width: 100%;\r\n\r\n        padding: 15px 18px;\r\n\r\n        background: var(--delachi-red);\r\n        color: var(--delachi-white) !important;\r\n\r\n        border: 1px solid var(--delachi-red);\r\n        border-radius: 5px;\r\n\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n\r\n        text-decoration: none !important;\r\n\r\n        transition:\r\n            background 0.25s ease,\r\n            transform 0.25s ease;\r\n    }\r\n\r\n    #delachi-header .delachi-mobile-button:hover {\r\n        background: #c9151c;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    #delachi-header .delachi-mobile-button span {\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    \/* Mobile overlay *\/\r\n\r\n    #delachi-header .delachi-menu-overlay {\r\n        display: block;\r\n\r\n        position: fixed;\r\n        inset: 0;\r\n\r\n        background: rgba(0, 0, 0, 0.62);\r\n\r\n        z-index: 100000;\r\n\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n\r\n        transition:\r\n            opacity 0.3s ease,\r\n            visibility 0.3s ease;\r\n    }\r\n\r\n    #delachi-header.delachi-menu-open\r\n    .delachi-menu-overlay {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   10. SMALL MOBILE DEVICES\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #delachi-header .delachi-header-container {\r\n        min-height: 74px;\r\n        padding: 8px 4%;\r\n    }\r\n\r\n    #delachi-header .delachi-logo img {\r\n        max-width: 155px;\r\n        height: 53px;\r\n    }\r\n\r\n    #delachi-header .delachi-menu-toggle {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    #delachi-header .delachi-navigation {\r\n        padding: 18px 20px 25px;\r\n    }\r\n\r\n    #delachi-header .delachi-mobile-brand img {\r\n        max-width: 155px;\r\n        height: 51px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   11. REDUCED MOTION ACCESSIBILITY\r\n========================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #delachi-header *,\r\n    #delachi-header *::before,\r\n    #delachi-header *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initDelachiHeader() {\r\n\r\n        var header = document.getElementById(\"delachi-header\");\r\n\r\n        if (!header || header.dataset.delachiInitialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        header.dataset.delachiInitialized = \"true\";\r\n\r\n        var menuToggle = document.getElementById(\"delachi-menu-toggle\");\r\n        var closeButton = document.getElementById(\"delachi-close-menu\");\r\n        var overlay = document.getElementById(\"delachi-menu-overlay\");\r\n        var navigation = document.getElementById(\"delachi-navigation\");\r\n        var loadingBar = document.getElementById(\"delachi-loading-bar\");\r\n\r\n        var navLinks = header.querySelectorAll(\".delachi-nav-link\");\r\n\r\n        \/* ==================================================\r\n           STICKY HEADER\r\n        ================================================== *\/\r\n\r\n        header.classList.add(\"delachi-is-sticky\");\r\n\r\n\r\n        \/* ==================================================\r\n           DETECT CURRENT PAGE\r\n        ================================================== *\/\r\n\r\n        function normalizePath(path) {\r\n\r\n            path = path.replace(\/\\\/+$\/, \"\");\r\n\r\n            if (path === \"\") {\r\n                path = \"\/\";\r\n            }\r\n\r\n            return path.toLowerCase();\r\n        }\r\n\r\n        var currentPath = normalizePath(window.location.pathname);\r\n\r\n        navLinks.forEach(function (link) {\r\n\r\n            var linkURL;\r\n\r\n            try {\r\n                linkURL = new URL(link.href);\r\n            } catch (error) {\r\n                return;\r\n            }\r\n\r\n            var linkPath = normalizePath(linkURL.pathname);\r\n\r\n            var isHomePage =\r\n                link.dataset.page === \"home\" &&\r\n                (\r\n                    currentPath === \"\/\" ||\r\n                    currentPath === \"\/index.php\" ||\r\n                    currentPath === \"\/index.php\/home\"\r\n                );\r\n\r\n            if (linkPath === currentPath || isHomePage) {\r\n\r\n                link.classList.add(\"delachi-active\");\r\n\r\n                link.setAttribute(\"aria-current\", \"page\");\r\n\r\n            } else {\r\n\r\n                link.classList.remove(\"delachi-active\");\r\n\r\n                link.removeAttribute(\"aria-current\");\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* ==================================================\r\n           MOBILE MENU CONTROLS\r\n        ================================================== *\/\r\n\r\n        function openMenu() {\r\n\r\n            header.classList.add(\"delachi-menu-open\");\r\n\r\n            if (menuToggle) {\r\n                menuToggle.setAttribute(\"aria-expanded\", \"true\");\r\n            }\r\n\r\n            document.body.style.overflow = \"hidden\";\r\n\r\n            if (closeButton) {\r\n                closeButton.focus();\r\n            }\r\n\r\n        }\r\n\r\n        function closeMenu(returnFocus) {\r\n\r\n            header.classList.remove(\"delachi-menu-open\");\r\n\r\n            if (menuToggle) {\r\n                menuToggle.setAttribute(\"aria-expanded\", \"false\");\r\n            }\r\n\r\n            document.body.style.overflow = \"\";\r\n\r\n            if (returnFocus && menuToggle) {\r\n                menuToggle.focus();\r\n            }\r\n\r\n        }\r\n\r\n        if (menuToggle) {\r\n\r\n            menuToggle.addEventListener(\"click\", function () {\r\n\r\n                if (header.classList.contains(\"delachi-menu-open\")) {\r\n\r\n                    closeMenu(false);\r\n\r\n                } else {\r\n\r\n                    openMenu();\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }\r\n\r\n        if (closeButton) {\r\n\r\n            closeButton.addEventListener(\"click\", function () {\r\n\r\n                closeMenu(true);\r\n\r\n            });\r\n\r\n        }\r\n\r\n        if (overlay) {\r\n\r\n            overlay.addEventListener(\"click\", function () {\r\n\r\n                closeMenu(true);\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* ==================================================\r\n           CLOSE MENU WITH ESCAPE\r\n        ================================================== *\/\r\n\r\n        document.addEventListener(\"keydown\", function (event) {\r\n\r\n            if (\r\n                event.key === \"Escape\" &&\r\n                header.classList.contains(\"delachi-menu-open\")\r\n            ) {\r\n\r\n                closeMenu(true);\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* ==================================================\r\n           CLOSE MOBILE MENU WHEN A LINK IS CLICKED\r\n        ================================================== *\/\r\n\r\n        navLinks.forEach(function (link) {\r\n\r\n            link.addEventListener(\"click\", function () {\r\n\r\n                closeMenu(false);\r\n\r\n            });\r\n\r\n        });\r\n\r\n        var mobileCTA = header.querySelector(\".delachi-mobile-button\");\r\n\r\n        if (mobileCTA) {\r\n\r\n            mobileCTA.addEventListener(\"click\", function () {\r\n\r\n                closeMenu(false);\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* ==================================================\r\n           RESTORE MENU WHEN SCREEN RESIZES TO DESKTOP\r\n        ================================================== *\/\r\n\r\n        window.addEventListener(\"resize\", function () {\r\n\r\n            if (window.innerWidth > 860) {\r\n\r\n                closeMenu(false);\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* ==================================================\r\n           RED LOADING ANIMATION FOR INTERNAL NAVIGATION\r\n        ================================================== *\/\r\n\r\n        function showLoadingAnimation() {\r\n\r\n            if (!loadingBar) {\r\n                return;\r\n            }\r\n\r\n            loadingBar.classList.remove(\"delachi-loading\");\r\n\r\n            \/* Restart the CSS animation *\/\r\n\r\n            void loadingBar.offsetWidth;\r\n\r\n            loadingBar.classList.add(\"delachi-loading\");\r\n\r\n        }\r\n\r\n        navLinks.forEach(function (link) {\r\n\r\n            link.addEventListener(\"click\", function (event) {\r\n\r\n                if (\r\n                    event.defaultPrevented ||\r\n                    event.button !== 0 ||\r\n                    event.metaKey ||\r\n                    event.ctrlKey ||\r\n                    event.shiftKey ||\r\n                    event.altKey\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                var targetURL;\r\n\r\n                try {\r\n                    targetURL = new URL(link.href);\r\n                } catch (error) {\r\n                    return;\r\n                }\r\n\r\n                if (\r\n                    targetURL.origin === window.location.origin &&\r\n                    normalizePath(targetURL.pathname) !== currentPath\r\n                ) {\r\n\r\n                    showLoadingAnimation();\r\n\r\n                }\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n        \/* ==================================================\r\n           KEYBOARD FOCUS SUPPORT\r\n        ================================================== *\/\r\n\r\n        navLinks.forEach(function (link) {\r\n\r\n            link.addEventListener(\"focus\", function () {\r\n\r\n                link.classList.add(\"delachi-keyboard-focus\");\r\n\r\n            });\r\n\r\n            link.addEventListener(\"blur\", function () {\r\n\r\n                link.classList.remove(\"delachi-keyboard-focus\");\r\n\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       SAFE INITIALIZATION FOR WORDPRESS \/ ELEMENTOR\r\n    ====================================================== *\/\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", initDelachiHeader);\r\n\r\n    } else {\r\n\r\n        initDelachiHeader();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\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-799d1e9 e-flex e-con-boxed e-con e-parent\" data-id=\"799d1e9\" 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-cefa188 elementor-widget elementor-widget-html\" data-id=\"cefa188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n DELACHI GLOBAL LIMITED\r\n COMPLETE RESPONSIVE HOME PAGE\r\n WordPress + Elementor HTML Widget\r\n\r\n BRAND COLORS:\r\n Dark:   #052328\r\n White:  #FFFFFF\r\n Red:    #e81e26\r\n\r\n SECTIONS:\r\n 1. Four-Slide Hero\r\n 2. Company Introduction\r\n 3. Services\r\n 4. Industries We Serve\r\n 5. Why Choose Us\r\n 6. Procurement & Technical Solutions\r\n 7. Call to Action\r\n\r\n NOTE:\r\n Header and footer are separate.\r\n============================================================ -->\r\n\r\n<div id=\"delachi-home\">\r\n\r\n    <!-- ======================================================\r\n         1. HERO SLIDER\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-hero\" aria-label=\"Featured industrial solutions\">\r\n\r\n        <div class=\"dgh-hero-slides\">\r\n\r\n            <!-- SLIDE 1 -->\r\n            <article class=\"dgh-hero-slide dgh-active\"\r\n                     data-slide=\"0\"\r\n                     style=\"--hero-image:url('https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/equipmet3.jpg');\">\r\n\r\n                <div class=\"dgh-hero-overlay\"><\/div>\r\n\r\n                <div class=\"dgh-container dgh-hero-content\">\r\n\r\n                    <span class=\"dgh-eyebrow dgh-hero-eyebrow\">\r\n                        INDUSTRIAL SUPPLY SOLUTIONS\r\n                    <\/span>\r\n\r\n                    <h1>\r\n                        Reliable Industrial\r\n                        <span>Equipment &amp; Supplies<\/span>\r\n                    <\/h1>\r\n\r\n                    <p>\r\n                        Supporting industrial operations with quality\r\n                        equipment, dependable supply solutions, and\r\n                        specialized procurement services designed around\r\n                        your operational requirements.\r\n                    <\/p>\r\n\r\n                    <div class=\"dgh-hero-buttons\">\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/\"\r\n                           class=\"dgh-btn dgh-btn-red\">\r\n\r\n                            Explore Our Services\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-btn dgh-btn-outline\">\r\n\r\n                            Request an Enquiry\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-hero-trust\">\r\n\r\n                        <span class=\"dgh-trust-line\"><\/span>\r\n\r\n                        <span>\r\n                            Industrial Supply. Technical Solutions. Procurement.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- SLIDE 2 -->\r\n            <article class=\"dgh-hero-slide\"\r\n                     data-slide=\"1\"\r\n                     style=\"--hero-image:url('https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/10.png');\">\r\n\r\n                <div class=\"dgh-hero-overlay\"><\/div>\r\n\r\n                <div class=\"dgh-container dgh-hero-content\">\r\n\r\n                    <span class=\"dgh-eyebrow dgh-hero-eyebrow\">\r\n                        ADVANCED EQUIPMENT SOLUTIONS\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Equipment That\r\n                        <span>Supports Performance<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Source industrial equipment and specialized\r\n                        technical products for demanding projects,\r\n                        infrastructure development, and industrial\r\n                        applications.\r\n                    <\/p>\r\n\r\n                    <div class=\"dgh-hero-buttons\">\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/\"\r\n                           class=\"dgh-btn dgh-btn-red\">\r\n\r\n                            Discover Our Solutions\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-btn dgh-btn-outline\">\r\n\r\n                            Talk to Our Team\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-hero-trust\">\r\n\r\n                        <span class=\"dgh-trust-line\"><\/span>\r\n\r\n                        <span>\r\n                            Practical Solutions for Industrial Requirements\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- SLIDE 3 -->\r\n            <article class=\"dgh-hero-slide\"\r\n                     data-slide=\"2\"\r\n                     style=\"--hero-image:url('https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/675ac9cbe39d4bf8cbf937d7_675ac7dbe60f37e22aa576d0_digital-twin-construction-machinery.webp');\">\r\n\r\n                <div class=\"dgh-hero-overlay\"><\/div>\r\n\r\n                <div class=\"dgh-container dgh-hero-content\">\r\n\r\n                    <span class=\"dgh-eyebrow dgh-hero-eyebrow\">\r\n                        TECHNICAL &amp; MONITORING EQUIPMENT\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Smarter Solutions\r\n                        <span>For Industrial Operations<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Support your operations with electrical,\r\n                        instrumentation, monitoring, and specialized\r\n                        equipment selected to meet project needs.\r\n                    <\/p>\r\n\r\n                    <div class=\"dgh-hero-buttons\">\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/\"\r\n                           class=\"dgh-btn dgh-btn-red\">\r\n\r\n                            View Equipment Solutions\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-btn dgh-btn-outline\">\r\n\r\n                            Contact Our Team\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-hero-trust\">\r\n\r\n                        <span class=\"dgh-trust-line\"><\/span>\r\n\r\n                        <span>\r\n                            Technical Equipment for Demanding Environments\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- SLIDE 4 -->\r\n            <article class=\"dgh-hero-slide\"\r\n                     data-slide=\"3\"\r\n                     style=\"--hero-image:url('https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/machine-495376_1920.jpg');\">\r\n\r\n                <div class=\"dgh-hero-overlay\"><\/div>\r\n\r\n                <div class=\"dgh-container dgh-hero-content\">\r\n\r\n                    <span class=\"dgh-eyebrow dgh-hero-eyebrow\">\r\n                        SPECIALIZED PROCUREMENT\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Your Industrial\r\n                        <span>Supply Partner<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        From industrial piping systems and protective\r\n                        equipment to specialized machinery and\r\n                        customized procurement, we help clients source\r\n                        products aligned with their operational goals.\r\n                    <\/p>\r\n\r\n                    <div class=\"dgh-hero-buttons\">\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-btn dgh-btn-red\">\r\n\r\n                            Discuss Your Requirements\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/portfolio\/\"\r\n                           class=\"dgh-btn dgh-btn-outline\">\r\n\r\n                            Explore Our Portfolio\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-hero-trust\">\r\n\r\n                        <span class=\"dgh-trust-line\"><\/span>\r\n\r\n                        <span>\r\n                            Responsive Sourcing &amp; Procurement Support\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- HERO SLIDER CONTROLS -->\r\n\r\n        <button type=\"button\"\r\n                class=\"dgh-hero-arrow dgh-hero-prev\"\r\n                aria-label=\"Previous slide\">\r\n\r\n            <span aria-hidden=\"true\">&#10094;<\/span>\r\n\r\n        <\/button>\r\n\r\n        <button type=\"button\"\r\n                class=\"dgh-hero-arrow dgh-hero-next\"\r\n                aria-label=\"Next slide\">\r\n\r\n            <span aria-hidden=\"true\">&#10095;<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- SLIDE INDICATORS -->\r\n\r\n        <div class=\"dgh-hero-bottom\">\r\n\r\n            <div class=\"dgh-hero-counter\">\r\n\r\n                <span class=\"dgh-current-slide\">01<\/span>\r\n\r\n                <span class=\"dgh-counter-divider\"><\/span>\r\n\r\n                <span>04<\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"dgh-hero-dots\"\r\n                 role=\"group\"\r\n                 aria-label=\"Choose hero slide\">\r\n\r\n                <button type=\"button\"\r\n                        class=\"dgh-hero-dot dgh-active\"\r\n                        data-go=\"0\"\r\n                        aria-label=\"Go to slide 1\"\r\n                        aria-current=\"true\"><\/button>\r\n\r\n                <button type=\"button\"\r\n                        class=\"dgh-hero-dot\"\r\n                        data-go=\"1\"\r\n                        aria-label=\"Go to slide 2\"><\/button>\r\n\r\n                <button type=\"button\"\r\n                        class=\"dgh-hero-dot\"\r\n                        data-go=\"2\"\r\n                        aria-label=\"Go to slide 3\"><\/button>\r\n\r\n                <button type=\"button\"\r\n                        class=\"dgh-hero-dot\"\r\n                        data-go=\"3\"\r\n                        aria-label=\"Go to slide 4\"><\/button>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"dgh-hero-progress\">\r\n                <span class=\"dgh-hero-progress-fill\"><\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         2. COMPANY INTRODUCTION\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-section dgh-about\" id=\"dgh-about\">\r\n\r\n        <div class=\"dgh-container\">\r\n\r\n            <div class=\"dgh-about-grid\">\r\n\r\n\r\n                <!-- ABOUT IMAGES -->\r\n\r\n                <div class=\"dgh-about-visual\">\r\n\r\n                    <div class=\"dgh-about-image-main\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/unnamed-1.webp\"\r\n                            alt=\"Industrial equipment and supply solutions\"\r\n                            loading=\"lazy\">\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-about-image-secondary\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/unnamed.webp\"\r\n                            alt=\"Industrial operations and technical equipment\"\r\n                            loading=\"lazy\">\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-about-image-accent\"><\/div>\r\n\r\n                    <div class=\"dgh-about-caption\">\r\n\r\n                        <span class=\"dgh-caption-mark\"><\/span>\r\n\r\n                        <span>\r\n                            INDUSTRIAL SUPPLY &amp; PROCUREMENT\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ABOUT CONTENT -->\r\n\r\n                <div class=\"dgh-about-content\">\r\n\r\n                    <span class=\"dgh-eyebrow\">\r\n                        ABOUT DELACHI GLOBAL\r\n                    <\/span>\r\n\r\n                    <h2 class=\"dgh-section-title\">\r\n                        Supporting Industry Through\r\n                        <span>Reliable Supply Solutions<\/span>\r\n                    <\/h2>\r\n\r\n                    <p class=\"dgh-about-lead\">\r\n                        Delachi Global Limited is an industrial supply\r\n                        and procurement company based in Arusha, Tanzania.\r\n                    <\/p>\r\n\r\n                    <p class=\"dgh-body-text\">\r\n                        We support industrial, commercial, infrastructure,\r\n                        and project-based operations by sourcing and\r\n                        supplying industrial piping systems, fittings,\r\n                        electrical and monitoring equipment, personal\r\n                        protective equipment, and specialized technical\r\n                        products.\r\n                    <\/p>\r\n\r\n                    <p class=\"dgh-body-text\">\r\n                        Our approach focuses on understanding client\r\n                        requirements, identifying suitable products, and\r\n                        providing responsive procurement support to help\r\n                        customers meet their operational objectives.\r\n                    <\/p>\r\n\r\n\r\n                    <!-- ABOUT HIGHLIGHTS -->\r\n\r\n                    <div class=\"dgh-about-highlights\">\r\n\r\n                        <div class=\"dgh-about-highlight\">\r\n\r\n                            <span class=\"dgh-highlight-icon\">\r\n                                <svg viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     stroke=\"currentColor\"\r\n                                     stroke-width=\"1.8\">\r\n\r\n                                    <path d=\"M12 3 20 7v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7l8-4Z\"\/>\r\n\r\n                                    <path d=\"m8.5 12 2.2 2.2 4.8-5\"\/>\r\n\r\n                                <\/svg>\r\n                            <\/span>\r\n\r\n                            <div>\r\n\r\n                                <h3>Quality-Focused Sourcing<\/h3>\r\n\r\n                                <p>\r\n                                    Product selection aligned with\r\n                                    project specifications.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"dgh-about-highlight\">\r\n\r\n                            <span class=\"dgh-highlight-icon\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     stroke=\"currentColor\"\r\n                                     stroke-width=\"1.8\">\r\n\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n\r\n                                    <path d=\"M12 7v5l3 2\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n                            <div>\r\n\r\n                                <h3>Responsive Procurement<\/h3>\r\n\r\n                                <p>\r\n                                    Practical support for sourcing\r\n                                    and supply requirements.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/about-us\/\"\r\n                       class=\"dgh-text-link\">\r\n\r\n                        Learn More About Us\r\n\r\n                        <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         3. SERVICES\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-section dgh-services\" id=\"dgh-services\">\r\n\r\n        <div class=\"dgh-container\">\r\n\r\n\r\n            <!-- SECTION HEADER -->\r\n\r\n            <div class=\"dgh-section-heading\">\r\n\r\n                <span class=\"dgh-eyebrow\">\r\n                    WHAT WE PROVIDE\r\n                <\/span>\r\n\r\n                <h2 class=\"dgh-section-title\">\r\n                    Our Core\r\n                    <span>Supply Solutions<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"dgh-section-description\">\r\n                    Explore our industrial supply categories and\r\n                    specialized procurement solutions designed to\r\n                    support diverse operational requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- SERVICE CARDS -->\r\n\r\n            <div class=\"dgh-services-grid\">\r\n\r\n\r\n                <!-- SERVICE 1: PIPING -->\r\n\r\n                <article class=\"dgh-service-card\"\r\n                         id=\"industrial-piping\">\r\n\r\n                    <div class=\"dgh-service-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/top-pipe-fittings-used-in-uae-industrial-piping-systems.jpeg\"\r\n                            alt=\"Industrial piping systems, pipes and fittings\"\r\n                            loading=\"lazy\">\r\n\r\n                        <span class=\"dgh-service-number\">01<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-service-content\">\r\n\r\n                        <span class=\"dgh-service-category\">\r\n                            PIPING &amp; FITTINGS\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Industrial Piping Systems &amp; Fittings\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Industrial piping components and connection\r\n                            solutions for a range of industrial\r\n                            applications and project specifications.\r\n                        <\/p>\r\n\r\n                        <ul class=\"dgh-service-list\">\r\n\r\n                            <li>Seamless and welded pipe solutions<\/li>\r\n\r\n                            <li>High-grade industrial fittings<\/li>\r\n\r\n                            <li>ANSI, DIN and custom flanges<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-service-link\">\r\n\r\n                            Enquire About Products\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- SERVICE 2: ELECTRICAL -->\r\n\r\n                <article class=\"dgh-service-card\"\r\n                         id=\"electrical-monitoring\">\r\n\r\n                    <div class=\"dgh-service-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/675ac9cbe39d4bf8cbf937ab_675ac574feb000a90f83d8e8_iot-sensors-construction-machinery.webp\"\r\n                            alt=\"Electrical instrumentation and industrial monitoring equipment\"\r\n                            loading=\"lazy\">\r\n\r\n                        <span class=\"dgh-service-number\">02<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-service-content\">\r\n\r\n                        <span class=\"dgh-service-category\">\r\n                            ELECTRICAL &amp; INSTRUMENTATION\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Advanced Electrical &amp; Monitoring Equipment\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Technical equipment and instrumentation\r\n                            for monitoring, testing, measurement,\r\n                            and operational control applications.\r\n                        <\/p>\r\n\r\n                        <ul class=\"dgh-service-list\">\r\n\r\n                            <li>Industrial instrumentation<\/li>\r\n\r\n                            <li>Monitoring and measurement equipment<\/li>\r\n\r\n                            <li>Electrical testing and protection solutions<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-service-link\">\r\n\r\n                            Explore Equipment\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- SERVICE 3: PPE -->\r\n\r\n                <article class=\"dgh-service-card\"\r\n                         id=\"ppe\">\r\n\r\n                    <div class=\"dgh-service-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/28.png\"\r\n                            alt=\"Personal protective equipment for industrial workers\"\r\n                            loading=\"lazy\">\r\n\r\n                        <span class=\"dgh-service-number\">03<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-service-content\">\r\n\r\n                        <span class=\"dgh-service-category\">\r\n                            WORKPLACE SAFETY\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Personal Protective Equipment (PPE)\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Personal protective equipment for\r\n                            industrial teams and workers operating\r\n                            in environments requiring appropriate\r\n                            workplace protection.\r\n                        <\/p>\r\n\r\n                        <ul class=\"dgh-service-list\">\r\n\r\n                            <li>Protective helmets and gloves<\/li>\r\n\r\n                            <li>Eye and face protection<\/li>\r\n\r\n                            <li>Flame-resistant protective clothing<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-service-link\">\r\n\r\n                            Enquire About PPE\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- SERVICE 4: PROCUREMENT -->\r\n\r\n                <article class=\"dgh-service-card\"\r\n                         id=\"custom-procurement\">\r\n\r\n                    <div class=\"dgh-service-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/equipment6.jpg\"\r\n                            alt=\"Specialized industrial equipment and procurement solutions\"\r\n                            loading=\"lazy\">\r\n\r\n                        <span class=\"dgh-service-number\">04<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dgh-service-content\">\r\n\r\n                        <span class=\"dgh-service-category\">\r\n                            SPECIALIZED SOURCING\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Specialized Equipment &amp; Custom Procurement\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Tailored procurement support for technical\r\n                            equipment and products that meet specific\r\n                            project, operational, and client requirements.\r\n                        <\/p>\r\n\r\n                        <ul class=\"dgh-service-list\">\r\n\r\n                            <li>Specialized equipment sourcing<\/li>\r\n\r\n                            <li>Project-specific procurement<\/li>\r\n\r\n                            <li>Technical product identification<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                           class=\"dgh-service-link\">\r\n\r\n                            Discuss Your Requirements\r\n\r\n                            <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dgh-services-bottom\">\r\n\r\n                <p>\r\n                    Looking for a specific industrial product or\r\n                    technical solution?\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                   class=\"dgh-btn dgh-btn-red\">\r\n\r\n                    Send Us Your Enquiry\r\n\r\n                    <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         4. INDUSTRIES WE SERVE\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-section dgh-industries\"\r\n             id=\"dgh-industries\">\r\n\r\n        <div class=\"dgh-container\">\r\n\r\n\r\n            <div class=\"dgh-section-heading\">\r\n\r\n                <span class=\"dgh-eyebrow\">\r\n                    INDUSTRIES WE SUPPORT\r\n                <\/span>\r\n\r\n                <h2 class=\"dgh-section-title\">\r\n                    Solutions Across\r\n                    <span>Key Industrial Sectors<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"dgh-section-description\">\r\n                    Our supply categories and procurement services\r\n                    can support projects and operations across a\r\n                    variety of industrial and commercial sectors.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"dgh-industries-grid\">\r\n\r\n\r\n                <!-- MINING -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M7 49h50\"\/>\r\n\r\n                            <path d=\"m12 49 12-22 8 13 7-10 13 19\"\/>\r\n\r\n                            <path d=\"M24 27v-9l8-7 8 7v14\"\/>\r\n\r\n                            <path d=\"M28 22h8\"\/>\r\n\r\n                            <path d=\"M6 55h52\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Mining &amp; Minerals<\/h3>\r\n\r\n                    <p>\r\n                        Industrial piping, safety equipment, and\r\n                        technical supplies for mining projects\r\n                        and mineral processing operations.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- ENERGY -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M35 5 16 34h14l-3 25 21-33H33l2-21Z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Energy &amp; Power<\/h3>\r\n\r\n                    <p>\r\n                        Supply solutions for energy infrastructure,\r\n                        power-related projects, and associated\r\n                        industrial operations.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- OIL AND GAS -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M32 7c-7 11-16 20-16 32a16 16 0 0 0 32 0C48 27 39 18 32 7Z\"\/>\r\n\r\n                            <path d=\"M25 41c0 5 3 8 8 9\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Oil &amp; Gas<\/h3>\r\n\r\n                    <p>\r\n                        Piping components, fittings, protective\r\n                        equipment, and specialized products for\r\n                        relevant oil and gas applications.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- CONSTRUCTION -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M7 56V23l13-8v41\"\/>\r\n\r\n                            <path d=\"M20 27h13v29\"\/>\r\n\r\n                            <path d=\"M33 35h11v21\"\/>\r\n\r\n                            <path d=\"M44 56V11h12v45\"\/>\r\n\r\n                            <path d=\"M9 56h47\"\/>\r\n\r\n                            <path d=\"M27 34h4M27 42h4M27 50h4\"\/>\r\n\r\n                            <path d=\"M48 20h4M48 29h4M48 38h4\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Construction &amp; Infrastructure<\/h3>\r\n\r\n                    <p>\r\n                        Equipment, piping products, and project\r\n                        supplies for construction and infrastructure\r\n                        development.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- MANUFACTURING -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M8 56V27l15 9V25l15 11V18h12v38Z\"\/>\r\n\r\n                            <path d=\"M50 18V9h5v9\"\/>\r\n\r\n                            <path d=\"M15 44h6M15 50h6M28 44h6M28 50h6M42 44h6M42 50h6\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Manufacturing &amp; Processing<\/h3>\r\n\r\n                    <p>\r\n                        Technical supplies and industrial components\r\n                        for production facilities and processing\r\n                        environments.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- WATER -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M32 7C24 19 15 29 15 40a17 17 0 0 0 34 0C49 29 40 19 32 7Z\"\/>\r\n\r\n                            <path d=\"M23 41c0 5 3 8 8 9\"\/>\r\n\r\n                            <path d=\"M7 56h50\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Water &amp; Utilities<\/h3>\r\n\r\n                    <p>\r\n                        Piping products, fittings, and associated\r\n                        equipment for relevant water infrastructure\r\n                        and utility projects.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- AGRICULTURE -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <path d=\"M32 56V23\"\/>\r\n\r\n                            <path d=\"M32 36C16 36 11 26 11 15c14 0 21 8 21 21Z\"\/>\r\n\r\n                            <path d=\"M32 45c16 0 21-10 21-21-14 0-21 8-21 21Z\"\/>\r\n\r\n                            <path d=\"M7 56h50\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Agriculture &amp; Agro-Processing<\/h3>\r\n\r\n                    <p>\r\n                        Selected equipment and procurement support\r\n                        for agricultural processing and related\r\n                        industrial operations.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- COMMERCIAL -->\r\n\r\n                <article class=\"dgh-industry-card\">\r\n\r\n                    <div class=\"dgh-industry-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"2\"\r\n                             stroke-linecap=\"round\"\r\n                             stroke-linejoin=\"round\"\r\n                             aria-hidden=\"true\">\r\n\r\n                            <rect x=\"10\" y=\"17\" width=\"44\" height=\"39\" rx=\"2\"\/>\r\n\r\n                            <path d=\"M7 17h50\"\/>\r\n\r\n                            <path d=\"M23 17V9h18v8\"\/>\r\n\r\n                            <path d=\"M21 28h5M38 28h5M21 38h5M38 38h5\"\/>\r\n\r\n                            <path d=\"M28 56V45h8v11\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <h3>Commercial &amp; Industrial Facilities<\/h3>\r\n\r\n                    <p>\r\n                        Supply and procurement services for\r\n                        facilities requiring industrial products,\r\n                        safety equipment, and technical supplies.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         5. WHY CHOOSE US\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-section dgh-why\"\r\n             id=\"dgh-why-choose-us\">\r\n\r\n        <div class=\"dgh-container\">\r\n\r\n\r\n            <div class=\"dgh-why-grid\">\r\n\r\n\r\n                <!-- WHY CONTENT -->\r\n\r\n                <div class=\"dgh-why-content\">\r\n\r\n                    <span class=\"dgh-eyebrow\">\r\n                        THE DELACHI ADVANTAGE\r\n                    <\/span>\r\n\r\n                    <h2 class=\"dgh-section-title\">\r\n                        A Practical Partner\r\n                        <span>For Your Supply Needs<\/span>\r\n                    <\/h2>\r\n\r\n                    <p class=\"dgh-body-text\">\r\n                        Industrial projects require suitable products,\r\n                        clear specifications, and dependable procurement\r\n                        coordination. We focus on understanding what\r\n                        each client needs and helping identify\r\n                        appropriate supply solutions.\r\n                    <\/p>\r\n\r\n                    <p class=\"dgh-body-text\">\r\n                        Our approach is built around responsiveness,\r\n                        product suitability, and a commitment to\r\n                        supporting client requirements.\r\n                    <\/p>\r\n\r\n\r\n                    <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                       class=\"dgh-btn dgh-btn-red\">\r\n\r\n                        Work With Us\r\n\r\n                        <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ADVANTAGES GRID -->\r\n\r\n                <div class=\"dgh-why-cards\">\r\n\r\n\r\n                    <!-- ADVANTAGE 1 -->\r\n\r\n                    <article class=\"dgh-why-card\">\r\n\r\n                        <div class=\"dgh-why-icon\">\r\n\r\n                            <svg viewBox=\"0 0 48 48\"\r\n                                 fill=\"none\"\r\n                                 stroke=\"currentColor\"\r\n                                 stroke-width=\"1.8\"\r\n                                 stroke-linecap=\"round\"\r\n                                 stroke-linejoin=\"round\"\r\n                                 aria-hidden=\"true\">\r\n\r\n                                <path d=\"M24 5 39 12v11c0 10-6 16-15 20C15 39 9 33 9 23V12l15-7Z\"\/>\r\n\r\n                                <path d=\"m17 24 5 5 10-11\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <h3>Quality-Focused Solutions<\/h3>\r\n\r\n                        <p>\r\n                            Products selected with attention to\r\n                            specifications, application, and\r\n                            stated quality requirements.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- ADVANTAGE 2 -->\r\n\r\n                    <article class=\"dgh-why-card\">\r\n\r\n                        <div class=\"dgh-why-icon\">\r\n\r\n                            <svg viewBox=\"0 0 48 48\"\r\n                                 fill=\"none\"\r\n                                 stroke=\"currentColor\"\r\n                                 stroke-width=\"1.8\"\r\n                                 stroke-linecap=\"round\"\r\n                                 stroke-linejoin=\"round\"\r\n                                 aria-hidden=\"true\">\r\n\r\n                                <circle cx=\"24\" cy=\"24\" r=\"18\"\/>\r\n\r\n                                <path d=\"M24 13v12l8 5\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <h3>Responsive Communication<\/h3>\r\n\r\n                        <p>\r\n                            Clear communication to help clients\r\n                            discuss specifications, availability,\r\n                            and procurement requirements.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- ADVANTAGE 3 -->\r\n\r\n                    <article class=\"dgh-why-card\">\r\n\r\n                        <div class=\"dgh-why-icon\">\r\n\r\n                            <svg viewBox=\"0 0 48 48\"\r\n                                 fill=\"none\"\r\n                                 stroke=\"currentColor\"\r\n                                 stroke-width=\"1.8\"\r\n                                 stroke-linecap=\"round\"\r\n                                 stroke-linejoin=\"round\"\r\n                                 aria-hidden=\"true\">\r\n\r\n                                <rect x=\"7\" y=\"13\" width=\"34\" height=\"27\" rx=\"3\"\/>\r\n\r\n                                <path d=\"M16 13V8h16v5\"\/>\r\n\r\n                                <path d=\"M7 22h34\"\/>\r\n\r\n                                <path d=\"M20 22v5h8v-5\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <h3>Broad Supply Categories<\/h3>\r\n\r\n                        <p>\r\n                            Access to multiple industrial product\r\n                            categories through one procurement\r\n                            contact.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- ADVANTAGE 4 -->\r\n\r\n                    <article class=\"dgh-why-card\">\r\n\r\n                        <div class=\"dgh-why-icon\">\r\n\r\n                            <svg viewBox=\"0 0 48 48\"\r\n                                 fill=\"none\"\r\n                                 stroke=\"currentColor\"\r\n                                 stroke-width=\"1.8\"\r\n                                 stroke-linecap=\"round\"\r\n                                 stroke-linejoin=\"round\"\r\n                                 aria-hidden=\"true\">\r\n\r\n                                <circle cx=\"24\" cy=\"24\" r=\"17\"\/>\r\n\r\n                                <circle cx=\"24\" cy=\"24\" r=\"9\"\/>\r\n\r\n                                <circle cx=\"24\" cy=\"24\" r=\"2\"\/>\r\n\r\n                                <path d=\"m30 18 10-10\"\/>\r\n\r\n                                <path d=\"M33 8h7v7\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <h3>Requirement-Based Sourcing<\/h3>\r\n\r\n                        <p>\r\n                            Procurement support tailored to\r\n                            project specifications and individual\r\n                            client needs.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         6. INDUSTRIAL PROCUREMENT FEATURE\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-feature\"\r\n             id=\"dgh-procurement-feature\">\r\n\r\n        <div class=\"dgh-feature-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/unnamed.webp\"\r\n                alt=\"Industrial equipment supporting technical and procurement operations\"\r\n                loading=\"lazy\">\r\n\r\n        <\/div>\r\n\r\n        <div class=\"dgh-feature-overlay\"><\/div>\r\n\r\n\r\n        <div class=\"dgh-container dgh-feature-container\">\r\n\r\n            <div class=\"dgh-feature-content\">\r\n\r\n                <span class=\"dgh-eyebrow dgh-feature-eyebrow\">\r\n                    PROCUREMENT &amp; TECHNICAL SUPPORT\r\n                <\/span>\r\n\r\n                <h2>\r\n                    The Right Products\r\n                    <span>For Your Project Requirements<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Whether you require industrial piping components,\r\n                    electrical monitoring equipment, personal\r\n                    protective equipment, or specialized machinery,\r\n                    our team is available to discuss your requirements\r\n                    and identify suitable sourcing options.\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                   class=\"dgh-btn dgh-btn-red\">\r\n\r\n                    Discuss Your Project\r\n\r\n                    <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         7. PROCUREMENT PROCESS\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-section dgh-process\"\r\n             id=\"dgh-process\">\r\n\r\n        <div class=\"dgh-container\">\r\n\r\n\r\n            <div class=\"dgh-section-heading\">\r\n\r\n                <span class=\"dgh-eyebrow\">\r\n                    HOW WE WORK\r\n                <\/span>\r\n\r\n                <h2 class=\"dgh-section-title\">\r\n                    A Clear Approach\r\n                    <span>To Your Supply Requirements<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"dgh-section-description\">\r\n                    We aim to make procurement enquiries straightforward\r\n                    through a simple, requirement-focused process.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"dgh-process-grid\">\r\n\r\n\r\n                <article class=\"dgh-process-step\">\r\n\r\n                    <div class=\"dgh-process-number\">01<\/div>\r\n\r\n                    <h3>Share Your Requirements<\/h3>\r\n\r\n                    <p>\r\n                        Tell us about the products, quantities,\r\n                        technical specifications, and project\r\n                        requirements you need addressed.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"dgh-process-step\">\r\n\r\n                    <div class=\"dgh-process-number\">02<\/div>\r\n\r\n                    <h3>Review Supply Options<\/h3>\r\n\r\n                    <p>\r\n                        We review the enquiry and identify\r\n                        suitable products or sourcing options\r\n                        based on the information provided.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"dgh-process-step\">\r\n\r\n                    <div class=\"dgh-process-number\">03<\/div>\r\n\r\n                    <h3>Discuss the Quotation<\/h3>\r\n\r\n                    <p>\r\n                        Review the proposed products, pricing,\r\n                        availability, specifications, and\r\n                        applicable supply terms.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"dgh-process-step\">\r\n\r\n                    <div class=\"dgh-process-number\">04<\/div>\r\n\r\n                    <h3>Coordinate Supply<\/h3>\r\n\r\n                    <p>\r\n                        Following agreement, coordinate the\r\n                        supply arrangements according to the\r\n                        agreed requirements and terms.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         8. FINAL CALL TO ACTION\r\n    ======================================================= -->\r\n\r\n    <section class=\"dgh-cta\" id=\"dgh-contact-cta\">\r\n\r\n        <div class=\"dgh-cta-decoration dgh-cta-decoration-one\"><\/div>\r\n\r\n        <div class=\"dgh-cta-decoration dgh-cta-decoration-two\"><\/div>\r\n\r\n\r\n        <div class=\"dgh-container dgh-cta-container\">\r\n\r\n            <div class=\"dgh-cta-content\">\r\n\r\n                <span class=\"dgh-eyebrow dgh-cta-eyebrow\">\r\n                    LET'S DISCUSS YOUR REQUIREMENTS\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Looking for Industrial\r\n                    <span>Equipment or Supply Solutions?<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Contact Delachi Global Limited to discuss\r\n                    your product specifications, procurement\r\n                    needs, or upcoming project requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dgh-cta-actions\">\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                   class=\"dgh-btn dgh-btn-white\">\r\n\r\n                    Contact Our Team\r\n\r\n                    <span aria-hidden=\"true\">&rarr;<\/span>\r\n\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/wa.me\/255747474744\"\r\n                   class=\"dgh-btn dgh-btn-outline\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\">\r\n\r\n                    Enquire on WhatsApp\r\n\r\n                <\/a>\r\n\r\n                <a href=\"tel:+255747474744\"\r\n                   class=\"dgh-cta-phone\">\r\n\r\n                    <span class=\"dgh-cta-phone-icon\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"1.8\">\r\n\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n                            19.79 19.79 0 0 1-8.63-3.07\r\n                            19.5 19.5 0 0 1-6-6\r\n                            A19.79 19.79 0 0 1 2.12 4.18\r\n                            2 2 0 0 1 4.11 2h3\r\n                            a2 2 0 0 1 2 1.72\r\n                            c.12.96.36 1.9.7 2.8\r\n                            a2 2 0 0 1-.45 2.11L8.09 9.91\r\n                            a16 16 0 0 0 6 6l1.27-1.27\r\n                            a2 2 0 0 1 2.11-.45\r\n                            c.9.34 1.84.58 2.8.7\r\n                            A2 2 0 0 1 22 16.92Z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        <small>Call our team<\/small>\r\n                        <strong>0747 474 744<\/strong>\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- HOME PAGE RED LOADING BAR -->\r\n\r\n    <div class=\"dgh-page-loading\"\r\n         id=\"dgh-page-loading\"\r\n         aria-hidden=\"true\">\r\n\r\n        <span><\/span>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   1. GLOBAL VARIABLES\r\n============================================================ *\/\r\n\r\n#delachi-home {\r\n\r\n    --dgh-dark: #052328;\r\n    --dgh-red: #e81e26;\r\n    --dgh-white: #ffffff;\r\n\r\n    --dgh-text: #34484b;\r\n    --dgh-muted: #66777a;\r\n    --dgh-light: #f4f7f7;\r\n    --dgh-border: #e3e9e9;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-family: \"Poppins\", \"Segoe UI\", Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n}\r\n\r\n#delachi-home *,\r\n#delachi-home *::before,\r\n#delachi-home *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n#delachi-home img {\r\n\r\n    display: block;\r\n\r\n    max-width: 100%;\r\n\r\n}\r\n\r\n#delachi-home a {\r\n\r\n    text-decoration: none !important;\r\n\r\n}\r\n\r\n#delachi-home button,\r\n#delachi-home input {\r\n\r\n    font: inherit;\r\n\r\n}\r\n\r\n#delachi-home button {\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n#delachi-home h1,\r\n#delachi-home h2,\r\n#delachi-home h3,\r\n#delachi-home p {\r\n\r\n    margin-top: 0;\r\n\r\n}\r\n\r\n#delachi-home h1,\r\n#delachi-home h2,\r\n#delachi-home h3 {\r\n\r\n    font-family: inherit;\r\n\r\n}\r\n\r\n#delachi-home .dgh-container {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1320px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding-left: 30px;\r\n    padding-right: 30px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-section {\r\n\r\n    position: relative;\r\n\r\n    padding: 100px 0;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   2. TYPOGRAPHY\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    color: var(--dgh-red);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n#delachi-home .dgh-eyebrow::before {\r\n\r\n    content: \"\";\r\n\r\n    display: inline-block;\r\n\r\n    width: 26px;\r\n    height: 2px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-section-title {\r\n\r\n    max-width: 750px;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-size: clamp(30px, 3.5vw, 45px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.22;\r\n\r\n    letter-spacing: -1.2px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-section-title span {\r\n\r\n    color: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-section-description {\r\n\r\n    max-width: 690px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: var(--dgh-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.95;\r\n\r\n}\r\n\r\n#delachi-home .dgh-body-text {\r\n\r\n    color: var(--dgh-muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 2;\r\n\r\n    margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3. BUTTONS\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-btn {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 15px;\r\n\r\n    min-height: 49px;\r\n\r\n    padding: 13px 22px;\r\n\r\n    border: 1px solid transparent;\r\n\r\n    border-radius: 4px;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.5;\r\n\r\n    text-align: center;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn span {\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn:hover span {\r\n\r\n    transform: translateX(4px);\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn-red {\r\n\r\n    color: var(--dgh-white) !important;\r\n\r\n    background: var(--dgh-red);\r\n\r\n    border-color: var(--dgh-red);\r\n\r\n    box-shadow: 0 6px 18px rgba(232, 30, 38, 0.14);\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn-red:hover {\r\n\r\n    color: var(--dgh-white) !important;\r\n\r\n    background: #c9151c;\r\n\r\n    border-color: #c9151c;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 9px 24px rgba(232, 30, 38, 0.25);\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn-outline {\r\n\r\n    color: var(--dgh-white) !important;\r\n\r\n    background: transparent;\r\n\r\n    border-color: rgba(255, 255, 255, 0.65);\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn-outline:hover {\r\n\r\n    color: var(--dgh-dark) !important;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    border-color: var(--dgh-white);\r\n\r\n    transform: translateY(-2px);\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn-white {\r\n\r\n    color: var(--dgh-dark) !important;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    border-color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-btn-white:hover {\r\n\r\n    color: var(--dgh-white) !important;\r\n\r\n    background: var(--dgh-dark);\r\n\r\n    border-color: var(--dgh-dark);\r\n\r\n    transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   4. HERO SLIDER\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-hero {\r\n\r\n    position: relative;\r\n\r\n    min-height: 680px;\r\n\r\n    background: var(--dgh-dark);\r\n\r\n    color: var(--dgh-white);\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-slides {\r\n\r\n    position: relative;\r\n\r\n    min-height: 680px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-slide {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 680px;\r\n\r\n    visibility: hidden;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background-image: var(--hero-image);\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center;\r\n\r\n    transform: scale(1.025);\r\n\r\n    transition:\r\n        opacity 0.8s ease,\r\n        transform 5.5s ease,\r\n        visibility 0.8s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-slide.dgh-active {\r\n\r\n    position: relative;\r\n\r\n    visibility: visible;\r\n\r\n    opacity: 1;\r\n\r\n    pointer-events: auto;\r\n\r\n    transform: scale(1);\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5, 35, 40, 0.97) 0%,\r\n            rgba(5, 35, 40, 0.88) 37%,\r\n            rgba(5, 35, 40, 0.58) 68%,\r\n            rgba(5, 35, 40, 0.30) 100%\r\n        );\r\n\r\n    z-index: 0;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    padding-top: 90px;\r\n    padding-bottom: 125px;\r\n\r\n    animation: dgh-hero-content-in 0.8s ease both;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-eyebrow {\r\n\r\n    color: var(--dgh-white);\r\n\r\n    margin-bottom: 25px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero h1,\r\n#delachi-home .dgh-hero h2 {\r\n\r\n    max-width: 790px;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: clamp(39px, 5.1vw, 67px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.12;\r\n\r\n    letter-spacing: -1.8px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero h1 span,\r\n#delachi-home .dgh-hero h2 span {\r\n\r\n    display: block;\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero h1 span::after,\r\n#delachi-home .dgh-hero h2 span::after {\r\n\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 75px;\r\n    height: 4px;\r\n\r\n    margin-top: 22px;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-content > p {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0 0 32px;\r\n\r\n    color: rgba(255, 255, 255, 0.86);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 2;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-buttons {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-trust {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 39px;\r\n\r\n    color: rgba(255, 255, 255, 0.74);\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 0.6px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-trust-line {\r\n\r\n    display: inline-block;\r\n\r\n    width: 35px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n\r\n\/* HERO ARROWS *\/\r\n\r\n#delachi-home .dgh-hero-arrow {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    padding: 0;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    background: rgba(5, 35, 40, 0.55);\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.45);\r\n\r\n    border-radius: 50%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        border-color 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-arrow:hover {\r\n\r\n    background: var(--dgh-red);\r\n\r\n    border-color: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-arrow span {\r\n\r\n    font-size: 15px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-prev {\r\n\r\n    left: 24px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-next {\r\n\r\n    right: 24px;\r\n\r\n}\r\n\r\n\r\n\/* HERO BOTTOM CONTROLS *\/\r\n\r\n#delachi-home .dgh-hero-bottom {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 28px;\r\n\r\n    max-width: 1320px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 20px 30px 25px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-counter {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    color: rgba(255, 255, 255, 0.58);\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-current-slide {\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: 19px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n#delachi-home .dgh-counter-divider {\r\n\r\n    display: inline-block;\r\n\r\n    width: 25px;\r\n    height: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.45);\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-dots {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-dot {\r\n\r\n    display: block;\r\n\r\n    width: 23px;\r\n    height: 4px;\r\n\r\n    padding: 0;\r\n\r\n    background: rgba(255, 255, 255, 0.4);\r\n\r\n    border: none;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        width 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-dot.dgh-active {\r\n\r\n    width: 42px;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-progress {\r\n\r\n    flex: 1;\r\n\r\n    height: 2px;\r\n\r\n    background: rgba(255, 255, 255, 0.2);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-progress-fill {\r\n\r\n    display: block;\r\n\r\n    width: 0;\r\n    height: 100%;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-hero-progress-fill.dgh-progress-running {\r\n\r\n    animation: dgh-hero-progress 5.5s linear forwards;\r\n\r\n}\r\n\r\n@keyframes dgh-hero-progress {\r\n\r\n    from { width: 0; }\r\n\r\n    to { width: 100%; }\r\n\r\n}\r\n\r\n@keyframes dgh-hero-content-in {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform: translateY(18px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform: translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   5. COMPANY INTRODUCTION\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-about {\r\n\r\n    background: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n\r\n    gap: 85px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* ABOUT VISUALS *\/\r\n\r\n#delachi-home .dgh-about-visual {\r\n\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 0 35px 45px 0;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-image-main {\r\n\r\n    width: 100%;\r\n\r\n    height: 475px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--dgh-light);\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-image-main img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition: transform 0.6s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-visual:hover\r\n.dgh-about-image-main img {\r\n\r\n    transform: scale(1.04);\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-image-secondary {\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 52%;\r\n    height: 220px;\r\n\r\n    padding: 8px;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    box-shadow: 0 12px 35px rgba(5, 35, 40, 0.12);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-image-secondary img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-image-accent {\r\n\r\n    position: absolute;\r\n\r\n    top: -14px;\r\n    left: -14px;\r\n\r\n    width: 90px;\r\n    height: 90px;\r\n\r\n    border-top: 4px solid var(--dgh-red);\r\n\r\n    border-left: 4px solid var(--dgh-red);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-caption {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 10px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    max-width: 80%;\r\n\r\n    padding: 13px 16px;\r\n\r\n    background: var(--dgh-dark);\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-caption-mark {\r\n\r\n    display: inline-block;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n\r\n\/* ABOUT CONTENT *\/\r\n\r\n#delachi-home .dgh-about-content {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-lead {\r\n\r\n    margin: 0 0 15px;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.75;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-highlights {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 20px;\r\n\r\n    margin: 29px 0 28px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-highlight {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 12px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-highlight-icon {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    color: var(--dgh-red);\r\n\r\n    background: rgba(232, 30, 38, 0.07);\r\n\r\n    border: 1px solid rgba(232, 30, 38, 0.14);\r\n\r\n    border-radius: 4px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-highlight-icon svg {\r\n\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-highlight h3 {\r\n\r\n    margin: 0 0 7px;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n#delachi-home .dgh-about-highlight p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--dgh-muted);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.8;\r\n\r\n}\r\n\r\n#delachi-home .dgh-text-link {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    color: var(--dgh-dark) !important;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    border-bottom: 2px solid var(--dgh-red);\r\n\r\n    padding-bottom: 8px;\r\n\r\n    transition: color 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-text-link span {\r\n\r\n    color: var(--dgh-red);\r\n\r\n    font-size: 20px;\r\n\r\n    transition: transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-text-link:hover {\r\n\r\n    color: var(--dgh-red) !important;\r\n\r\n}\r\n\r\n#delachi-home .dgh-text-link:hover span {\r\n\r\n    transform: translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   6. SERVICES\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-services {\r\n\r\n    background: var(--dgh-light);\r\n\r\n}\r\n\r\n#delachi-home .dgh-section-heading {\r\n\r\n    max-width: 850px;\r\n\r\n    margin: 0 auto 52px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n#delachi-home .dgh-section-heading .dgh-eyebrow {\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n#delachi-home .dgh-section-heading .dgh-section-title {\r\n\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n\r\n}\r\n\r\n#delachi-home .dgh-services-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 23px;\r\n\r\n    align-items: stretch;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-card {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    min-width: 0;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    border: 1px solid var(--dgh-border);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-card:hover {\r\n\r\n    transform: translateY(-7px);\r\n\r\n    border-color: rgba(232, 30, 38, 0.35);\r\n\r\n    box-shadow: 0 17px 42px rgba(5, 35, 40, 0.1);\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-image {\r\n\r\n    position: relative;\r\n\r\n    height: 205px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #dce4e4;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition: transform 0.6s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-card:hover\r\n.dgh-service-image img {\r\n\r\n    transform: scale(1.07);\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 48px;\r\n    height: 43px;\r\n\r\n    padding: 0 12px;\r\n\r\n    background: var(--dgh-red);\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    flex: 1;\r\n\r\n    padding: 24px 20px 22px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-category {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: var(--dgh-red);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-content h3 {\r\n\r\n    margin: 0 0 14px;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: -0.3px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-content > p {\r\n\r\n    margin: 0 0 17px;\r\n\r\n    color: var(--dgh-muted);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-list {\r\n\r\n    margin: 0 0 22px;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-list li {\r\n\r\n    position: relative;\r\n\r\n    padding: 7px 0 7px 17px;\r\n\r\n    border-bottom: 1px solid #edf0f0;\r\n\r\n    color: var(--dgh-text);\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-list li::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 14px;\r\n    left: 0;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    background: var(--dgh-red);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-link {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 16px;\r\n\r\n    border-top: 1px solid var(--dgh-border);\r\n\r\n    color: var(--dgh-dark) !important;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-link span {\r\n\r\n    color: var(--dgh-red);\r\n\r\n    font-size: 19px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    transition: transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-link:hover {\r\n\r\n    color: var(--dgh-red) !important;\r\n\r\n}\r\n\r\n#delachi-home .dgh-service-link:hover span {\r\n\r\n    transform: translateX(4px);\r\n\r\n}\r\n\r\n#delachi-home .dgh-services-bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 24px;\r\n\r\n    margin-top: 43px;\r\n\r\n    padding: 25px;\r\n\r\n    background: var(--dgh-dark);\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n#delachi-home .dgh-services-bottom p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   7. INDUSTRIES\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-industries {\r\n\r\n    background: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-industries-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 22px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card {\r\n\r\n    min-width: 0;\r\n\r\n    padding: 29px 23px 27px;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    border: 1px solid var(--dgh-border);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card:hover {\r\n\r\n    transform: translateY(-5px);\r\n\r\n    background: var(--dgh-dark);\r\n\r\n    border-color: var(--dgh-dark);\r\n\r\n    box-shadow: 0 12px 30px rgba(5, 35, 40, 0.12);\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-icon {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    margin-bottom: 23px;\r\n\r\n    color: var(--dgh-red);\r\n\r\n    background: rgba(232, 30, 38, 0.07);\r\n\r\n    border: 1px solid rgba(232, 30, 38, 0.13);\r\n\r\n    border-radius: 5px;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-icon svg {\r\n\r\n    width: 35px;\r\n    height: 35px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card:hover\r\n.dgh-industry-icon {\r\n\r\n    background: var(--dgh-red);\r\n\r\n    color: var(--dgh-white);\r\n\r\n    border-color: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card h3 {\r\n\r\n    margin: 0 0 12px;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.6;\r\n\r\n    transition: color 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--dgh-muted);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.95;\r\n\r\n    transition: color 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card:hover h3 {\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-industry-card:hover p {\r\n\r\n    color: rgba(255, 255, 255, 0.75);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   8. WHY CHOOSE US\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-why {\r\n\r\n    color: var(--dgh-white);\r\n\r\n    background: var(--dgh-dark);\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n\r\n    gap: 75px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-content .dgh-eyebrow {\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-content .dgh-section-title {\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-content .dgh-section-title span {\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-content .dgh-body-text {\r\n\r\n    color: rgba(255, 255, 255, 0.7);\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-content .dgh-btn {\r\n\r\n    margin-top: 13px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-cards {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 19px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-card {\r\n\r\n    min-width: 0;\r\n\r\n    padding: 27px 24px;\r\n\r\n    background: rgba(255, 255, 255, 0.045);\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        border-color 0.3s ease,\r\n        transform 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-card:hover {\r\n\r\n    background: rgba(255, 255, 255, 0.08);\r\n\r\n    border-color: rgba(232, 30, 38, 0.65);\r\n\r\n    transform: translateY(-4px);\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-icon {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 53px;\r\n    height: 53px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    background: var(--dgh-red);\r\n\r\n    border-radius: 4px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-icon svg {\r\n\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-card h3 {\r\n\r\n    margin: 0 0 10px;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n#delachi-home .dgh-why-card p {\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255, 255, 255, 0.66);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   9. FEATURE SECTION\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-feature {\r\n\r\n    position: relative;\r\n\r\n    min-height: 470px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    background: var(--dgh-dark);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-image {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5, 35, 40, 0.97) 0%,\r\n            rgba(5, 35, 40, 0.88) 45%,\r\n            rgba(5, 35, 40, 0.50) 100%\r\n        );\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    padding-top: 90px;\r\n    padding-bottom: 90px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-content {\r\n\r\n    max-width: 740px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-eyebrow {\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-content h2 {\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: clamp(32px, 4vw, 49px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: -1px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-content h2 span {\r\n\r\n    display: block;\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-feature-content > p {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0 0 29px;\r\n\r\n    color: rgba(255, 255, 255, 0.8);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 2;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   10. PROCUREMENT PROCESS\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-process {\r\n\r\n    background: var(--dgh-light);\r\n\r\n}\r\n\r\n#delachi-home .dgh-process-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 24px;\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n#delachi-home .dgh-process-step {\r\n\r\n    position: relative;\r\n\r\n    padding: 31px 24px 27px;\r\n\r\n    background: var(--dgh-white);\r\n\r\n    border: 1px solid var(--dgh-border);\r\n\r\n}\r\n\r\n#delachi-home .dgh-process-number {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    background: var(--dgh-red);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n#delachi-home .dgh-process-step h3 {\r\n\r\n    margin: 0 0 13px;\r\n\r\n    color: var(--dgh-dark);\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n#delachi-home .dgh-process-step p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--dgh-muted);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.95;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   11. FINAL CTA\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-cta {\r\n\r\n    position: relative;\r\n\r\n    padding: 75px 0;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    background: var(--dgh-red);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 60px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-content {\r\n\r\n    max-width: 720px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-eyebrow {\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-eyebrow::before {\r\n\r\n    background: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-content h2 {\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: clamp(29px, 3.5vw, 42px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.25;\r\n\r\n    letter-spacing: -0.8px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-content h2 span {\r\n\r\n    display: block;\r\n\r\n    color: var(--dgh-white);\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-content > p {\r\n\r\n    max-width: 640px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255, 255, 255, 0.9);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.95;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-actions {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n\r\n    gap: 12px;\r\n\r\n    min-width: 235px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-actions .dgh-btn {\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-actions .dgh-btn-outline {\r\n\r\n    border-color: rgba(255, 255, 255, 0.8);\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-actions .dgh-btn-outline:hover {\r\n\r\n    color: var(--dgh-red) !important;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-phone {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding-top: 8px;\r\n\r\n    color: var(--dgh-white) !important;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-phone-icon {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 35px;\r\n    height: 35px;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-phone-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-phone > span:last-child {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-phone small {\r\n\r\n    color: rgba(255, 255, 255, 0.78);\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-phone strong {\r\n\r\n    color: var(--dgh-white);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-decoration {\r\n\r\n    position: absolute;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-decoration-one {\r\n\r\n    width: 380px;\r\n    height: 380px;\r\n\r\n    top: -180px;\r\n    right: 15%;\r\n\r\n}\r\n\r\n#delachi-home .dgh-cta-decoration-two {\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    bottom: -350px;\r\n    right: -100px;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   12. PAGE LOADING INDICATOR\r\n============================================================ *\/\r\n\r\n#delachi-home .dgh-page-loading {\r\n\r\n    position: fixed;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    width: 100%;\r\n    height: 3px;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n}\r\n\r\n#delachi-home .dgh-page-loading span {\r\n\r\n    display: block;\r\n\r\n    width: 0;\r\n    height: 100%;\r\n\r\n    background: var(--dgh-red);\r\n\r\n}\r\n\r\n#delachi-home .dgh-page-loading.dgh-loading-visible {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n}\r\n\r\n#delachi-home .dgh-page-loading.dgh-loading-visible span {\r\n\r\n    animation: dgh-loading-progress 1.1s ease-out forwards;\r\n\r\n}\r\n\r\n@keyframes dgh-loading-progress {\r\n\r\n    0% { width: 0; }\r\n\r\n    65% { width: 78%; }\r\n\r\n    90% { width: 94%; }\r\n\r\n    100% { width: 100%; }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   13. TABLET RESPONSIVENESS\r\n============================================================ *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    #delachi-home .dgh-section {\r\n\r\n        padding: 80px 0;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-container {\r\n\r\n        padding-left: 25px;\r\n        padding-right: 25px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero,\r\n    #delachi-home .dgh-hero-slides,\r\n    #delachi-home .dgh-hero-slide {\r\n\r\n        min-height: 630px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero h1,\r\n    #delachi-home .dgh-hero h2 {\r\n\r\n        font-size: clamp(39px, 5vw, 57px);\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-grid {\r\n\r\n        gap: 48px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-image-main {\r\n\r\n        height: 410px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-image-secondary {\r\n\r\n        height: 180px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-services-grid {\r\n\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 25px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-image {\r\n\r\n        height: 250px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content {\r\n\r\n        padding: 25px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content h3 {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content > p {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-list li {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-link {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industries-grid {\r\n\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-why-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 40px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-why-content {\r\n\r\n        max-width: 760px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-grid {\r\n\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-cta-container {\r\n\r\n        gap: 35px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   14. MOBILE RESPONSIVENESS\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #delachi-home .dgh-section {\r\n\r\n        padding: 65px 0;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-container {\r\n\r\n        padding-left: 22px;\r\n        padding-right: 22px;\r\n\r\n    }\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    #delachi-home .dgh-hero,\r\n    #delachi-home .dgh-hero-slides,\r\n    #delachi-home .dgh-hero-slide {\r\n\r\n        min-height: 640px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-slide {\r\n\r\n        background-position: center;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-overlay {\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(5, 35, 40, 0.94),\r\n                rgba(5, 35, 40, 0.72)\r\n            );\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-content {\r\n\r\n        padding-top: 85px;\r\n        padding-bottom: 125px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero h1,\r\n    #delachi-home .dgh-hero h2 {\r\n\r\n        font-size: clamp(35px, 7vw, 48px);\r\n\r\n        line-height: 1.16;\r\n\r\n        letter-spacing: -0.8px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-content > p {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.9;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-buttons {\r\n\r\n        align-items: stretch;\r\n\r\n        flex-direction: column;\r\n\r\n        max-width: 340px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-buttons .dgh-btn {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-trust {\r\n\r\n        align-items: flex-start;\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-arrow {\r\n\r\n        top: auto;\r\n\r\n        bottom: 23px;\r\n\r\n        width: 37px;\r\n        height: 37px;\r\n\r\n        transform: none;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-prev {\r\n\r\n        left: 22px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-next {\r\n\r\n        right: 22px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-bottom {\r\n\r\n        left: 70px;\r\n        right: 70px;\r\n        bottom: 0;\r\n\r\n        padding: 20px 0 25px;\r\n\r\n        gap: 14px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-progress {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-counter {\r\n\r\n        gap: 7px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-current-slide {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-dot {\r\n\r\n        width: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-dot.dgh-active {\r\n\r\n        width: 27px;\r\n\r\n    }\r\n\r\n\r\n    \/* SECTION HEADINGS *\/\r\n\r\n    #delachi-home .dgh-section-heading {\r\n\r\n        margin-bottom: 38px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-section-title {\r\n\r\n        font-size: clamp(29px, 6vw, 38px);\r\n\r\n        letter-spacing: -0.7px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-section-description {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.9;\r\n\r\n    }\r\n\r\n\r\n    \/* ABOUT *\/\r\n\r\n    #delachi-home .dgh-about-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 42px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-visual {\r\n\r\n        max-width: 560px;\r\n\r\n        padding: 0 25px 35px 0;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-image-main {\r\n\r\n        height: 390px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-image-secondary {\r\n\r\n        width: 50%;\r\n\r\n        height: 165px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-caption {\r\n\r\n        font-size: 8px;\r\n\r\n        padding: 10px 12px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-lead {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-highlights {\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    \/* SERVICES *\/\r\n\r\n    #delachi-home .dgh-services-grid {\r\n\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 17px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-image {\r\n\r\n        height: 190px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content {\r\n\r\n        padding: 19px 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content h3 {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content > p {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-list li {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-link {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-services-bottom {\r\n\r\n        flex-direction: column;\r\n\r\n        padding: 25px 20px;\r\n\r\n        gap: 17px;\r\n\r\n    }\r\n\r\n\r\n    \/* INDUSTRIES *\/\r\n\r\n    #delachi-home .dgh-industries-grid {\r\n\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industry-card {\r\n\r\n        padding: 23px 17px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industry-card h3 {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industry-card p {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    \/* WHY CHOOSE US *\/\r\n\r\n    #delachi-home .dgh-why-cards {\r\n\r\n        gap: 14px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-why-card {\r\n\r\n        padding: 22px 17px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-why-card h3 {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    \/* FEATURE *\/\r\n\r\n    #delachi-home .dgh-feature {\r\n\r\n        min-height: 430px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-feature-container {\r\n\r\n        padding-top: 70px;\r\n        padding-bottom: 70px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-feature-overlay {\r\n\r\n        background: rgba(5, 35, 40, 0.85);\r\n\r\n    }\r\n\r\n\r\n    \/* PROCESS *\/\r\n\r\n    #delachi-home .dgh-process-grid {\r\n\r\n        gap: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-step {\r\n\r\n        padding: 23px 17px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-step h3 {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    \/* CTA *\/\r\n\r\n    #delachi-home .dgh-cta {\r\n\r\n        padding: 60px 0;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-cta-container {\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        gap: 30px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-cta-actions {\r\n\r\n        max-width: 400px;\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   15. SMALL MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #delachi-home .dgh-container {\r\n\r\n        padding-left: 18px;\r\n        padding-right: 18px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-section {\r\n\r\n        padding: 55px 0;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero,\r\n    #delachi-home .dgh-hero-slides,\r\n    #delachi-home .dgh-hero-slide {\r\n\r\n        min-height: 630px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero h1,\r\n    #delachi-home .dgh-hero h2 {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.5px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-content > p {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-bottom {\r\n\r\n        left: 65px;\r\n        right: 65px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-hero-trust {\r\n\r\n        max-width: 280px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-image-main {\r\n\r\n        height: 320px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-image-secondary {\r\n\r\n        height: 135px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-about-highlights {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-services-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 22px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-image {\r\n\r\n        height: 230px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content {\r\n\r\n        padding: 23px 20px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content h3 {\r\n\r\n        font-size: 17px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-content > p {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-service-list li {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industries-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industry-card {\r\n\r\n        padding: 25px 22px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industry-card h3 {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-industry-card p {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-why-cards {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-why-card {\r\n\r\n        padding: 25px 22px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-step {\r\n\r\n        padding: 25px 22px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-step h3 {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-process-step p {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n    #delachi-home .dgh-cta-content h2 {\r\n\r\n        font-size: 29px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   16. ACCESSIBILITY\r\n============================================================ *\/\r\n\r\n#delachi-home a:focus-visible,\r\n#delachi-home button:focus-visible {\r\n\r\n    outline: 2px solid var(--dgh-red);\r\n\r\n    outline-offset: 4px;\r\n\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #delachi-home *,\r\n    #delachi-home *::before,\r\n    #delachi-home *::after {\r\n\r\n        animation-duration: 0.01ms !important;\r\n\r\n        animation-iteration-count: 1 !important;\r\n\r\n        transition-duration: 0.01ms !important;\r\n\r\n        scroll-behavior: auto !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* ========================================================\r\n       INITIALIZE HOME PAGE\r\n    ======================================================== *\/\r\n\r\n    function initDelachiHome() {\r\n\r\n        var home = document.getElementById(\"delachi-home\");\r\n\r\n        if (!home || home.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        home.dataset.initialized = \"true\";\r\n\r\n\r\n        \/* ====================================================\r\n           HERO SLIDER ELEMENTS\r\n        ==================================================== *\/\r\n\r\n        var slides = Array.from(\r\n            home.querySelectorAll(\".dgh-hero-slide\")\r\n        );\r\n\r\n        var dots = Array.from(\r\n            home.querySelectorAll(\".dgh-hero-dot\")\r\n        );\r\n\r\n        var prevButton = home.querySelector(\".dgh-hero-prev\");\r\n\r\n        var nextButton = home.querySelector(\".dgh-hero-next\");\r\n\r\n        var currentCounter = home.querySelector(\".dgh-current-slide\");\r\n\r\n        var progressFill = home.querySelector(\".dgh-hero-progress-fill\");\r\n\r\n        var hero = home.querySelector(\".dgh-hero\");\r\n\r\n\r\n        if (!slides.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           SLIDER SETTINGS\r\n        ==================================================== *\/\r\n\r\n        var currentIndex = 0;\r\n\r\n        var slideInterval = null;\r\n\r\n        var slideDuration = 5500;\r\n\r\n        var isPaused = false;\r\n\r\n        var reducedMotion = window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n        \/* ====================================================\r\n           UPDATE SLIDER PROGRESS\r\n        ==================================================== *\/\r\n\r\n        function restartProgress() {\r\n\r\n            if (!progressFill) {\r\n                return;\r\n            }\r\n\r\n            progressFill.classList.remove(\"dgh-progress-running\");\r\n\r\n            void progressFill.offsetWidth;\r\n\r\n            if (!reducedMotion && !isPaused) {\r\n\r\n                progressFill.classList.add(\"dgh-progress-running\");\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           DISPLAY SELECTED SLIDE\r\n        ==================================================== *\/\r\n\r\n        function showSlide(index) {\r\n\r\n            currentIndex = (index + slides.length) % slides.length;\r\n\r\n            slides.forEach(function (slide, i) {\r\n\r\n                var active = i === currentIndex;\r\n\r\n                slide.classList.toggle(\"dgh-active\", active);\r\n\r\n                slide.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\r\n\r\n                if (active) {\r\n\r\n                    slide.style.zIndex = \"2\";\r\n\r\n                } else {\r\n\r\n                    slide.style.zIndex = \"1\";\r\n\r\n                }\r\n\r\n            });\r\n\r\n\r\n            dots.forEach(function (dot, i) {\r\n\r\n                var active = i === currentIndex;\r\n\r\n                dot.classList.toggle(\"dgh-active\", active);\r\n\r\n                if (active) {\r\n\r\n                    dot.setAttribute(\"aria-current\", \"true\");\r\n\r\n                } else {\r\n\r\n                    dot.removeAttribute(\"aria-current\");\r\n\r\n                }\r\n\r\n            });\r\n\r\n\r\n            if (currentCounter) {\r\n\r\n                currentCounter.textContent = String(\r\n                    currentIndex + 1\r\n                ).padStart(2, \"0\");\r\n\r\n            }\r\n\r\n\r\n            restartProgress();\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           AUTOMATIC SLIDE ROTATION\r\n        ==================================================== *\/\r\n\r\n        function stopAutoplay() {\r\n\r\n            if (slideInterval) {\r\n\r\n                window.clearInterval(slideInterval);\r\n\r\n                slideInterval = null;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        function startAutoplay() {\r\n\r\n            stopAutoplay();\r\n\r\n            if (reducedMotion || isPaused || slides.length < 2) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n            slideInterval = window.setInterval(function () {\r\n\r\n                showSlide(currentIndex + 1);\r\n\r\n            }, slideDuration);\r\n\r\n        }\r\n\r\n\r\n        function goToSlide(index) {\r\n\r\n            showSlide(index);\r\n\r\n            startAutoplay();\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           PREVIOUS \/ NEXT CONTROLS\r\n        ==================================================== *\/\r\n\r\n        if (prevButton) {\r\n\r\n            prevButton.addEventListener(\"click\", function () {\r\n\r\n                goToSlide(currentIndex - 1);\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        if (nextButton) {\r\n\r\n            nextButton.addEventListener(\"click\", function () {\r\n\r\n                goToSlide(currentIndex + 1);\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           DOT NAVIGATION\r\n        ==================================================== *\/\r\n\r\n        dots.forEach(function (dot, i) {\r\n\r\n            dot.addEventListener(\"click\", function () {\r\n\r\n                goToSlide(i);\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n        \/* ====================================================\r\n           PAUSE ON HOVER\r\n        ==================================================== *\/\r\n\r\n        if (hero) {\r\n\r\n            hero.addEventListener(\"mouseenter\", function () {\r\n\r\n                isPaused = true;\r\n\r\n                stopAutoplay();\r\n\r\n                if (progressFill) {\r\n\r\n                    progressFill.classList.remove(\r\n                        \"dgh-progress-running\"\r\n                    );\r\n\r\n                }\r\n\r\n            });\r\n\r\n\r\n            hero.addEventListener(\"mouseleave\", function () {\r\n\r\n                isPaused = false;\r\n\r\n                restartProgress();\r\n\r\n                startAutoplay();\r\n\r\n            });\r\n\r\n\r\n            \/* Keyboard support for slide controls *\/\r\n\r\n            hero.addEventListener(\"keydown\", function (event) {\r\n\r\n                if (event.key === \"ArrowLeft\") {\r\n\r\n                    goToSlide(currentIndex - 1);\r\n\r\n                } else if (event.key === \"ArrowRight\") {\r\n\r\n                    goToSlide(currentIndex + 1);\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           PAUSE WHEN PAGE IS NOT VISIBLE\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\"visibilitychange\", function () {\r\n\r\n            if (document.hidden) {\r\n\r\n                stopAutoplay();\r\n\r\n            } else if (!isPaused) {\r\n\r\n                startAutoplay();\r\n\r\n                restartProgress();\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* ====================================================\r\n           INITIALIZE FIRST SLIDE\r\n        ==================================================== *\/\r\n\r\n        showSlide(0);\r\n\r\n        startAutoplay();\r\n\r\n\r\n        \/* ====================================================\r\n           RED LOADING INDICATOR\r\n        ==================================================== *\/\r\n\r\n        var loadingBar = home.querySelector(\"#dgh-page-loading\");\r\n\r\n        var internalLinks = home.querySelectorAll(\"a[href]\");\r\n\r\n\r\n        internalLinks.forEach(function (link) {\r\n\r\n            link.addEventListener(\"click\", function (event) {\r\n\r\n                if (\r\n                    event.defaultPrevented ||\r\n                    event.button !== 0 ||\r\n                    event.metaKey ||\r\n                    event.ctrlKey ||\r\n                    event.shiftKey ||\r\n                    event.altKey\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n                var target;\r\n\r\n                try {\r\n\r\n                    target = new URL(link.href);\r\n\r\n                } catch (error) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    target.origin === window.location.origin &&\r\n                    target.pathname !== window.location.pathname &&\r\n                    !link.hasAttribute(\"download\") &&\r\n                    target.hash === \"\"\r\n                ) {\r\n\r\n                    if (loadingBar) {\r\n\r\n                        loadingBar.classList.remove(\r\n                            \"dgh-loading-visible\"\r\n                        );\r\n\r\n                        void loadingBar.offsetWidth;\r\n\r\n                        loadingBar.classList.add(\r\n                            \"dgh-loading-visible\"\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n        \/* ====================================================\r\n           SAFETY: STOP SLIDER IF SECTION IS REMOVED\r\n        ==================================================== *\/\r\n\r\n        window.addEventListener(\"pagehide\", stopAutoplay);\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       WORDPRESS \/ ELEMENTOR INITIALIZATION\r\n    ======================================================== *\/\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initDelachiHome\r\n        );\r\n\r\n    } else {\r\n\r\n        initDelachiHome();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\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-827d845 e-flex e-con-boxed e-con e-parent\" data-id=\"827d845\" 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-dcde6b3 elementor-widget elementor-widget-html\" data-id=\"dcde6b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\r\n     DELACHI GLOBAL LIMITED\r\n     RESPONSIVE WEBSITE FOOTER\r\n     WordPress + Elementor HTML Widget\r\n\r\n     Brand Colors:\r\n     Dark Background: #052328\r\n     Text:            #FFFFFF\r\n     Accent:          #e81e26\r\n\r\n     Contact:\r\n     Phone: 0747 474 744\r\n     Email: delachiglobal@gmail.com\r\n     Location: Arusha, Tanzania\r\n=========================================================== -->\r\n\r\n<footer id=\"delachi-footer\" class=\"delachi-footer\">\r\n\r\n    <!-- FOOTER TOP ACCENT -->\r\n    <div class=\"delachi-footer-accent\"><\/div>\r\n\r\n    <div class=\"delachi-footer-container\">\r\n\r\n        <!-- ==================================================\r\n             FOOTER MAIN CONTENT\r\n        =================================================== -->\r\n\r\n        <div class=\"delachi-footer-main\">\r\n\r\n\r\n            <!-- COLUMN 1: COMPANY INFORMATION -->\r\n\r\n            <div class=\"delachi-footer-company\">\r\n\r\n                <!-- COMPANY LOGO -->\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/home\/\"\r\n                   class=\"delachi-footer-logo\"\r\n                   aria-label=\"Delachi Global Limited Home\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/delachiglobal.co.tz\/wp-content\/uploads\/2026\/10\/unnamed__2_-removebg-preview.png\"\r\n                        alt=\"Delachi Global Limited\"\r\n                        loading=\"lazy\">\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- COMPANY DESCRIPTION -->\r\n                <p class=\"delachi-footer-description\">\r\n                    Delachi Global Limited provides industrial supply\r\n                    solutions, quality equipment, and specialized\r\n                    procurement services to support industrial,\r\n                    commercial, and infrastructure operations.\r\n                <\/p>\r\n\r\n\r\n                <!-- LOCATION -->\r\n                <div class=\"delachi-footer-location\">\r\n\r\n                    <span class=\"delachi-footer-icon\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"1.8\">\r\n\r\n                            <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\r\n\r\n                            <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span>Arusha, Tanzania<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CONTACT BUTTON -->\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\"\r\n                   class=\"delachi-footer-contact-button\">\r\n\r\n                    <span>Contact Our Team<\/span>\r\n\r\n                    <span class=\"delachi-footer-arrow\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        &rarr;\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- COLUMN 2: QUICK LINKS -->\r\n\r\n            <div class=\"delachi-footer-column\">\r\n\r\n                <h3 class=\"delachi-footer-heading\">\r\n                    Quick Links\r\n                <\/h3>\r\n\r\n                <span class=\"delachi-footer-heading-line\"><\/span>\r\n\r\n\r\n                <ul class=\"delachi-footer-links\">\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/home\/\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n                            Home\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/about-us\/\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n                            About Us\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n                            Services\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/portfolio\/\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n                            Portfolio\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n                            Contact Us\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- COLUMN 3: PRODUCTS AND SERVICES -->\r\n\r\n            <div class=\"delachi-footer-column delachi-footer-products\">\r\n\r\n                <h3 class=\"delachi-footer-heading\">\r\n                    Our Solutions\r\n                <\/h3>\r\n\r\n                <span class=\"delachi-footer-heading-line\"><\/span>\r\n\r\n\r\n                <ul class=\"delachi-footer-links\">\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/#industrial-piping\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n\r\n                            Industrial Piping Systems &amp; Fittings\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/#electrical-monitoring\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n\r\n                            Advanced Electrical &amp; Monitoring Equipment\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/#ppe\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n\r\n                            Personal Protective Equipment (PPE)\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/services\/#custom-procurement\">\r\n                            <span class=\"delachi-footer-link-arrow\"\r\n                                  aria-hidden=\"true\">&rsaquo;<\/span>\r\n\r\n                            Specialized Equipment &amp; Custom Procurement\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- COLUMN 4: CONTACT INFORMATION -->\r\n\r\n            <div class=\"delachi-footer-column delachi-footer-contact\">\r\n\r\n                <h3 class=\"delachi-footer-heading\">\r\n                    Get In Touch\r\n                <\/h3>\r\n\r\n                <span class=\"delachi-footer-heading-line\"><\/span>\r\n\r\n\r\n                <p class=\"delachi-footer-contact-intro\">\r\n                    Contact our team for product enquiries,\r\n                    technical equipment, and procurement solutions.\r\n                <\/p>\r\n\r\n\r\n                <!-- PHONE -->\r\n                <a href=\"tel:+255747474744\"\r\n                   class=\"delachi-footer-contact-item\">\r\n\r\n                    <span class=\"delachi-footer-contact-icon\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"1.8\">\r\n\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n                            19.79 19.79 0 0 1-8.63-3.07\r\n                            19.5 19.5 0 0 1-6-6\r\n                            A19.79 19.79 0 0 1 2.12 4.18\r\n                            2 2 0 0 1 4.11 2h3\r\n                            a2 2 0 0 1 2 1.72\r\n                            c.12.96.36 1.9.7 2.8\r\n                            a2 2 0 0 1-.45 2.11L8.09 9.91\r\n                            a16 16 0 0 0 6 6l1.27-1.27\r\n                            a2 2 0 0 1 2.11-.45\r\n                            c.9.34 1.84.58 2.8.7\r\n                            A2 2 0 0 1 22 16.92Z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"delachi-footer-contact-text\">\r\n\r\n                        <small>Call Us<\/small>\r\n\r\n                        <strong>0747 474 744<\/strong>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- EMAIL -->\r\n                <a href=\"mailto:delachiglobal@gmail.com\"\r\n                   class=\"delachi-footer-contact-item\">\r\n\r\n                    <span class=\"delachi-footer-contact-icon\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"1.8\">\r\n\r\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\"\r\n                                  rx=\"2\"\/>\r\n\r\n                            <path d=\"m3 7 9 6 9-6\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"delachi-footer-contact-text\">\r\n\r\n                        <small>Email Us<\/small>\r\n\r\n                        <strong>delachiglobal@gmail.com<\/strong>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- WHATSAPP -->\r\n                <a href=\"https:\/\/wa.me\/255747474744\"\r\n                   class=\"delachi-footer-contact-item\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\">\r\n\r\n                    <span class=\"delachi-footer-contact-icon\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"1.8\">\r\n\r\n                            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8\r\n                            8.5 8.5 0 0 1-7.6 4.7\r\n                            8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7\r\n                            a8.38 8.38 0 0 1-.9-3.8\r\n                            8.5 8.5 0 0 1 4.7-7.6\r\n                            8.38 8.38 0 0 1 3.8-.9h.5\r\n                            a8.48 8.48 0 0 1 8 8v.5Z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"delachi-footer-contact-text\">\r\n\r\n                        <small>WhatsApp<\/small>\r\n\r\n                        <strong>Chat With Us<\/strong>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- LOCATION -->\r\n                <div class=\"delachi-footer-contact-item\">\r\n\r\n                    <span class=\"delachi-footer-contact-icon\"\r\n                          aria-hidden=\"true\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                             fill=\"none\"\r\n                             stroke=\"currentColor\"\r\n                             stroke-width=\"1.8\">\r\n\r\n                            <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\r\n\r\n                            <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"delachi-footer-contact-text\">\r\n\r\n                        <small>Our Location<\/small>\r\n\r\n                        <strong>Arusha, Tanzania<\/strong>\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==================================================\r\n             FOOTER VALUE STRIP\r\n        =================================================== -->\r\n\r\n        <div class=\"delachi-footer-value-strip\">\r\n\r\n            <div class=\"delachi-footer-value-item\">\r\n\r\n                <span class=\"delachi-footer-value-marker\"><\/span>\r\n\r\n                <span>Industrial Supply Solutions<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"delachi-footer-value-item\">\r\n\r\n                <span class=\"delachi-footer-value-marker\"><\/span>\r\n\r\n                <span>Quality Equipment<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"delachi-footer-value-item\">\r\n\r\n                <span class=\"delachi-footer-value-marker\"><\/span>\r\n\r\n                <span>Specialized Procurement<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==================================================\r\n             FOOTER BOTTOM\r\n        =================================================== -->\r\n\r\n        <div class=\"delachi-footer-bottom\">\r\n\r\n            <!-- COPYRIGHT -->\r\n            <div class=\"delachi-footer-copyright\">\r\n\r\n                &copy; <span id=\"delachi-footer-year\">2026<\/span>\r\n\r\n                <strong>Delachi Global Limited.<\/strong>\r\n\r\n                All Rights Reserved.\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BOTTOM LINKS -->\r\n            <div class=\"delachi-footer-bottom-links\">\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/home\/\">\r\n                    Home\r\n                <\/a>\r\n\r\n                <span class=\"delachi-footer-bottom-divider\">|<\/span>\r\n\r\n                <a href=\"https:\/\/delachiglobal.co.tz\/index.php\/contact-us\/\">\r\n                    Contact\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BACK TO TOP -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"delachi-footer-back-top\"\r\n                id=\"delachi-footer-back-top\"\r\n                aria-label=\"Back to top\">\r\n\r\n                <svg viewBox=\"0 0 24 24\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"2\">\r\n\r\n                    <path d=\"m6 14 6-6 6 6\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================================\r\n   1. FOOTER VARIABLES AND RESET\r\n========================================================== *\/\r\n\r\n#delachi-footer {\r\n\r\n    --delachi-footer-dark: #052328;\r\n    --delachi-footer-red: #e81e26;\r\n    --delachi-footer-white: #ffffff;\r\n\r\n    width: 100%;\r\n\r\n    position: relative;\r\n\r\n    background: var(--delachi-footer-dark);\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    font-family: \"Poppins\", \"Segoe UI\", Arial, sans-serif;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n#delachi-footer *,\r\n#delachi-footer *::before,\r\n#delachi-footer *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n#delachi-footer a {\r\n\r\n    text-decoration: none !important;\r\n\r\n}\r\n\r\n#delachi-footer ul {\r\n\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    list-style: none;\r\n\r\n}\r\n\r\n#delachi-footer p {\r\n\r\n    margin-top: 0;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   2. TOP ACCENT\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-accent {\r\n\r\n    width: 100%;\r\n    height: 4px;\r\n\r\n    background: var(--delachi-footer-red);\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   3. MAIN CONTAINER\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-container {\r\n\r\n    width: 100%;\r\n    max-width: 1440px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 75px 5% 0;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-main {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.25fr\r\n        0.75fr\r\n        1.25fr\r\n        1.15fr;\r\n\r\n    gap: 45px;\r\n\r\n    align-items: start;\r\n\r\n    padding-bottom: 55px;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   4. COMPANY INFORMATION AND LOGO\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-company {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-logo {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    max-width: 100%;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    line-height: 0;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-logo img {\r\n\r\n    display: block;\r\n\r\n    width: auto;\r\n\r\n    max-width: 235px;\r\n\r\n    height: 82px;\r\n\r\n    object-fit: contain;\r\n\r\n    object-position: left center;\r\n\r\n    background: transparent;\r\n\r\n    border: none;\r\n\r\n    box-shadow: none;\r\n\r\n    transition: transform 0.3s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-logo:hover img {\r\n\r\n    transform: scale(1.025);\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-description {\r\n\r\n    max-width: 340px;\r\n\r\n    margin: 0 0 23px;\r\n\r\n    color: rgba(255, 255, 255, 0.76);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.95;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-location {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    font-size: 13px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-icon {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 35px;\r\n    height: 35px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    color: var(--delachi-footer-red);\r\n\r\n    background: rgba(232, 30, 38, 0.12);\r\n\r\n    border: 1px solid rgba(232, 30, 38, 0.25);\r\n\r\n    border-radius: 5px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-icon svg {\r\n\r\n    display: block;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   5. CONTACT BUTTON\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-contact-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 18px;\r\n\r\n    min-height: 47px;\r\n\r\n    padding: 12px 19px;\r\n\r\n    color: var(--delachi-footer-white) !important;\r\n\r\n    background: var(--delachi-footer-red);\r\n\r\n    border: 1px solid var(--delachi-footer-red);\r\n\r\n    border-radius: 5px;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.4;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-button:hover {\r\n\r\n    background: #c9151c;\r\n\r\n    border-color: #c9151c;\r\n\r\n    color: var(--delachi-footer-white) !important;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 7px 18px rgba(232, 30, 38, 0.25);\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-arrow {\r\n\r\n    display: inline-block;\r\n\r\n    font-size: 19px;\r\n\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-button:hover\r\n.delachi-footer-arrow {\r\n\r\n    transform: translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   6. FOOTER COLUMN HEADINGS\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-column {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-heading {\r\n\r\n    margin: 0 0 15px;\r\n\r\n    padding: 0;\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 0.1px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-heading-line {\r\n\r\n    display: block;\r\n\r\n    width: 42px;\r\n    height: 3px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    background: var(--delachi-footer-red);\r\n\r\n    border-radius: 2px;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   7. FOOTER LINKS\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-links {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 13px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-links li {\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-links a {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 9px;\r\n\r\n    color: rgba(255, 255, 255, 0.76) !important;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.8;\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-links a:hover {\r\n\r\n    color: var(--delachi-footer-white) !important;\r\n\r\n    transform: translateX(3px);\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-link-arrow {\r\n\r\n    display: inline-block;\r\n\r\n    flex-shrink: 0;\r\n\r\n    color: var(--delachi-footer-red);\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.5;\r\n\r\n    transition: transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-links a:hover\r\n.delachi-footer-link-arrow {\r\n\r\n    transform: translateX(3px);\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   8. CONTACT INTRODUCTION\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-contact-intro {\r\n\r\n    margin: 0 0 21px;\r\n\r\n    color: rgba(255, 255, 255, 0.73);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   9. CONTACT INFORMATION ITEMS\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-contact-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    min-width: 0;\r\n\r\n    color: var(--delachi-footer-white) !important;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-icon {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    color: var(--delachi-footer-red);\r\n\r\n    background: rgba(232, 30, 38, 0.11);\r\n\r\n    border: 1px solid rgba(232, 30, 38, 0.2);\r\n\r\n    border-radius: 5px;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-icon svg {\r\n\r\n    display: block;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n}\r\n\r\n#delachi-footer a.delachi-footer-contact-item:hover\r\n.delachi-footer-contact-icon {\r\n\r\n    background: var(--delachi-footer-red);\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    border-color: var(--delachi-footer-red);\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-text {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    min-width: 0;\r\n\r\n    gap: 2px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-text small {\r\n\r\n    display: block;\r\n\r\n    color: rgba(255, 255, 255, 0.57);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-contact-text strong {\r\n\r\n    display: block;\r\n\r\n    overflow-wrap: anywhere;\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.65;\r\n\r\n    transition: color 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer a.delachi-footer-contact-item:hover\r\n.delachi-footer-contact-text strong {\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   10. FOOTER VALUE STRIP\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-value-strip {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 20px 45px;\r\n\r\n    padding: 22px 15px;\r\n\r\n    background: rgba(255, 255, 255, 0.035);\r\n\r\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\r\n\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-value-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: rgba(255, 255, 255, 0.85);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-value-marker {\r\n\r\n    display: inline-block;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--delachi-footer-red);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   11. FOOTER BOTTOM\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    min-height: 85px;\r\n\r\n    padding: 22px 0;\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-copyright {\r\n\r\n    color: rgba(255, 255, 255, 0.67);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-copyright strong {\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-bottom-links {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    padding-right: 45px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-bottom-links a {\r\n\r\n    color: rgba(255, 255, 255, 0.73) !important;\r\n\r\n    font-size: 11px;\r\n\r\n    transition: color 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-bottom-links a:hover {\r\n\r\n    color: var(--delachi-footer-red) !important;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-bottom-divider {\r\n\r\n    color: rgba(255, 255, 255, 0.3);\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   12. BACK TO TOP BUTTON\r\n========================================================== *\/\r\n\r\n#delachi-footer .delachi-footer-back-top {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 23px;\r\n\r\n    padding: 0;\r\n\r\n    color: var(--delachi-footer-white);\r\n\r\n    background: var(--delachi-footer-red);\r\n\r\n    border: 1px solid var(--delachi-footer-red);\r\n\r\n    border-radius: 5px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        transform 0.25s ease;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-back-top svg {\r\n\r\n    display: block;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n}\r\n\r\n#delachi-footer .delachi-footer-back-top:hover {\r\n\r\n    background: #c9151c;\r\n\r\n    transform: translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   13. TABLET RESPONSIVENESS\r\n========================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    #delachi-footer .delachi-footer-container {\r\n\r\n        padding: 65px 4% 0;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-main {\r\n\r\n        grid-template-columns: 1.15fr 0.8fr 1.15fr;\r\n\r\n        gap: 40px 30px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-contact {\r\n\r\n        grid-column: 2 \/ 4;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        column-gap: 25px;\r\n\r\n        align-items: start;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-contact\r\n    .delachi-footer-heading,\r\n    #delachi-footer .delachi-footer-contact\r\n    .delachi-footer-heading-line,\r\n    #delachi-footer .delachi-footer-contact\r\n    .delachi-footer-contact-intro {\r\n\r\n        grid-column: 1 \/ -1;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-contact-item {\r\n\r\n        margin-bottom: 18px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   14. MOBILE RESPONSIVENESS\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #delachi-footer .delachi-footer-container {\r\n\r\n        padding: 55px 6% 0;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-main {\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        gap: 38px 25px;\r\n\r\n        padding-bottom: 38px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-company {\r\n\r\n        grid-column: 1 \/ -1;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-logo img {\r\n\r\n        max-width: 220px;\r\n\r\n        height: 75px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-description {\r\n\r\n        max-width: 500px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-contact {\r\n\r\n        grid-column: 1 \/ -1;\r\n\r\n        display: block;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-heading {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-heading-line {\r\n\r\n        margin-bottom: 20px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-links {\r\n\r\n        gap: 11px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-value-strip {\r\n\r\n        justify-content: flex-start;\r\n\r\n        gap: 14px 25px;\r\n\r\n        padding: 20px 15px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-bottom {\r\n\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 12px;\r\n\r\n        padding: 23px 0 75px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-bottom-links {\r\n\r\n        padding-right: 0;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-back-top {\r\n\r\n        bottom: 22px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   15. SMALL MOBILE RESPONSIVENESS\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #delachi-footer .delachi-footer-container {\r\n\r\n        padding: 45px 5% 0;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-main {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 34px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-company,\r\n    #delachi-footer .delachi-footer-contact {\r\n\r\n        grid-column: auto;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-logo img {\r\n\r\n        max-width: 200px;\r\n\r\n        height: 68px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-description {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-heading {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-value-strip {\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: flex-start;\r\n\r\n        gap: 13px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-bottom {\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n    #delachi-footer .delachi-footer-copyright {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   16. ACCESSIBILITY\r\n========================================================== *\/\r\n\r\n#delachi-footer a:focus-visible,\r\n#delachi-footer button:focus-visible {\r\n\r\n    outline: 2px solid var(--delachi-footer-white);\r\n\r\n    outline-offset: 4px;\r\n\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #delachi-footer *,\r\n    #delachi-footer *::before,\r\n    #delachi-footer *::after {\r\n\r\n        animation-duration: 0.01ms !important;\r\n\r\n        animation-iteration-count: 1 !important;\r\n\r\n        transition-duration: 0.01ms !important;\r\n\r\n        scroll-behavior: auto !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    function initDelachiFooter() {\r\n\r\n        var footer = document.getElementById(\"delachi-footer\");\r\n\r\n        if (!footer || footer.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        footer.dataset.initialized = \"true\";\r\n\r\n\r\n        \/* ================================================\r\n           AUTOMATIC COPYRIGHT YEAR\r\n        ================================================= *\/\r\n\r\n        var yearElement = document.getElementById(\"delachi-footer-year\");\r\n\r\n        if (yearElement) {\r\n\r\n            yearElement.textContent = new Date().getFullYear();\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           BACK TO TOP\r\n        ================================================= *\/\r\n\r\n        var backToTop = document.getElementById(\"delachi-footer-back-top\");\r\n\r\n        if (backToTop) {\r\n\r\n            backToTop.addEventListener(\"click\", function () {\r\n\r\n                window.scrollTo({\r\n\r\n                    top: 0,\r\n\r\n                    behavior: window.matchMedia(\r\n                        \"(prefers-reduced-motion: reduce)\"\r\n                    ).matches ? \"auto\" : \"smooth\"\r\n\r\n                });\r\n\r\n            });\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ================================================\r\n       WORDPRESS \/ ELEMENTOR INITIALIZATION\r\n    ================================================= *\/\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initDelachiFooter\r\n        );\r\n\r\n    } else {\r\n\r\n        initDelachiFooter();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>&times; Home About Us Services Portfolio Contact Us Get In Touch &rarr; Get In Touch &rarr; INDUSTRIAL SUPPLY SOLUTIONS Reliable Industrial Equipment &amp; Supplies Supporting industrial operations with quality equipment, dependable supply solutions, and specialized procurement services designed around your operational requirements. Explore Our Services &rarr; Request an Enquiry Industrial Supply. Technical Solutions. Procurement. ADVANCED [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":4,"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/delachiglobal.co.tz\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}