{"id":32,"date":"2025-08-14T20:49:27","date_gmt":"2025-08-14T20:49:27","guid":{"rendered":"https:\/\/kayudi.co.ke\/?page_id=32"},"modified":"2026-06-26T11:25:46","modified_gmt":"2026-06-26T11:25:46","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/kayudi.co.ke\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c13d2c8 e-flex e-con-boxed e-con e-parent\" data-id=\"4c13d2c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052fd5a elementor-widget elementor-widget-html\" data-id=\"052fd5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\t\n\t\/* ===== RESET & BASE ===== *\/\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    background: #f8fafc;\n    color: #1e293b;\n    line-height: 1.6;\n}\n\n\/* ===== SECTION ===== *\/\n.ky-contact-section {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 20px;\n}\n\n\/* ===== HEADER ===== *\/\n.ky-contact-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.ky-contact-header span {\n    display: inline-block;\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #2563eb;\n    background: #dbeafe;\n    padding: 6px 18px;\n    border-radius: 50px;\n    margin-bottom: 12px;\n}\n\n.ky-contact-header h2 {\n    font-size: 2.6rem;\n    font-weight: 800;\n    color: #ff7a1a;\n    margin-bottom: 12px;\n}\n\n.ky-contact-header p {\n    max-width: 580px;\n    margin: 0 auto;\n    font-size: 1.1rem;\n    color: #ffffff;\n}\n\n\/* ===== TWO-COLUMN GRID ===== *\/\n.ky-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: start;\n}\n\n\/* ===== CARDS ===== *\/\n.ky-contact-card {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: 40px 35px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(226, 232, 240, 0.6);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ky-contact-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n}\n\n\/* ===== CARD HEADER ===== *\/\n.ky-card-header {\n    text-align: center;\n    margin-bottom: 30px;\n    padding-bottom: 25px;\n    border-bottom: 2px solid #f1f5f9;\n}\n\n.ky-card-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 16px;\n    font-size: 24px;\n    color: #fff;\n}\n\n.ky-card-header h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #ff7a1a;\n}\n\n.ky-card-header p {\n    font-size: 0.95rem;\n    color: #94a3b8;\n    margin-top: 4px;\n}\n\n\/* ===== CARD BODY ===== *\/\n.ky-card-body {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}\n\n\/* ===== INFO ITEMS ===== *\/\n.ky-info-item {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n    padding: 12px 16px;\n    border-radius: 12px;\n    transition: background 0.2s ease;\n}\n\n.ky-info-item:hover {\n    background: #f8fafc;\n}\n\n.ky-icon {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    background: #eff6ff;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #2563eb;\n    font-size: 18px;\n    margin-top: 2px;\n}\n\n.ky-info-item h4 {\n    font-size: 0.85rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: #94a3b8;\n    margin-bottom: 2px;\n}\n\n.ky-info-item p {\n    font-size: 1rem;\n    font-weight: 500;\n    color: #ff7a1a;\n}\n\n.ky-info-item p a {\n    color: #ff7a1a;\n    text-decoration: none;\n    transition: color 0.2s;\n}\n\n.ky-info-item p a:hover {\n    color: #2563eb;\n}\n\n.ky-info-item address {\n    font-style: normal;\n    font-size: 1rem;\n    font-weight: 500;\n    color: #ff7a1a;\n}\n\n.ky-info-item small {\n    font-size: 0.8rem;\n    color: #94a3b8;\n}\n\n\/* ===== SOCIAL LINKS ===== *\/\n.ky-social-links {\n    display: flex;\n    gap: 12px;\n    margin-top: 6px;\n    padding-top: 18px;\n    border-top: 2px solid #f1f5f9;\n    justify-content: center;\n}\n\n.ky-social-links a {\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: #f1f5f9;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #475569;\n    font-size: 16px;\n    transition: all 0.3s ease;\n    text-decoration: none;\n}\n\n.ky-social-links a:hover {\n    background: #2563eb;\n    color: #fff;\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);\n}\n\n\/* ===== FORM STYLES ===== *\/\n.ky-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.ky-form-group label {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #334155;\n}\n\n.ky-form-group input,\n.ky-form-group select,\n.ky-form-group textarea {\n    padding: 12px 16px;\n    border: 2px solid #e2e8f0;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-family: inherit;\n    color: #ff7a1a;\n    background: #fafbfc;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n    width: 100%;\n}\n\n.ky-form-group input:focus,\n.ky-form-group select:focus,\n.ky-form-group textarea:focus {\n    outline: none;\n    border-color: #2563eb;\n    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);\n    background: #fff;\n}\n\n.ky-form-group textarea {\n    resize: vertical;\n    min-height: 120px;\n}\n\n\/* ===== SUBMIT BUTTON ===== *\/\n.ky-submit-btn {\n    width: 100%;\n    padding: 16px;\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    color: #fff;\n    font-size: 1.05rem;\n    font-weight: 700;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n\n.ky-submit-btn:hover:not(:disabled) {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.35);\n}\n\n.ky-submit-btn:active:not(:disabled) {\n    transform: translateY(0);\n}\n\n.ky-submit-btn:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n}\n\n.ky-submit-btn i {\n    font-size: 16px;\n}\n\n\/* ===== FORM MESSAGES ===== *\/\n.ky-form-message {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 15px;\n    animation: slideDown 0.3s ease;\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.ky-form-message--success {\n    background: #dcfce7;\n    color: #166534;\n    border: 1px solid #86efac;\n}\n\n.ky-form-message--error {\n    background: #fee2e2;\n    color: #991b1b;\n    border: 1px solid #fca5a5;\n}\n\n.ky-form-message i {\n    font-size: 18px;\n}\n\n\/* ===== FORM NOTE ===== *\/\n.ky-form-note {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #94a3b8;\n    margin-top: 12px;\n}\n\n.ky-form-note i {\n    margin-right: 6px;\n    color: #22c55e;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 992px) {\n    .ky-contact-grid {\n        gap: 30px;\n    }\n}\n\n@media (max-width: 768px) {\n    .ky-contact-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .ky-contact-header h2 {\n        font-size: 2rem;\n    }\n\n    .ky-contact-card {\n        padding: 30px 20px;\n    }\n\n    .ky-info-item {\n        padding: 10px 12px;\n    }\n\n    .ky-social-links {\n        gap: 10px;\n    }\n\n    .ky-social-links a {\n        width: 40px;\n        height: 40px;\n        font-size: 14px;\n    }\n}\n\n@media (max-width: 480px) {\n    .ky-contact-section {\n        padding: 40px 16px;\n    }\n\n    .ky-contact-header h2 {\n        font-size: 1.6rem;\n    }\n\n    .ky-contact-card {\n        padding: 24px 16px;\n        border-radius: 16px;\n    }\n\n    .ky-card-header h3 {\n        font-size: 1.3rem;\n    }\n\n    .ky-info-item {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n    }\n\n    .ky-info-item address {\n        text-align: center;\n    }\n\n    .ky-submit-btn {\n        font-size: 0.95rem;\n        padding: 14px;\n    }\n}\n\n<\/style>\n\n\n<section class=\"ky-contact-section\">\n\n    <!-- Header -->\n    <div class=\"ky-contact-header\">\n        <span>Let's Talk<\/span>\n        <h2>Ready to Work Together?<\/h2>\n        <p>\n            Ready to transform your business? Contact us today for a free\n            consultation and discover how we can help.\n        <\/p>\n    <\/div>\n\n    <!-- Two Column Card Grid -->\n    <div class=\"ky-contact-grid\">\n\n        <!-- CARD 1: Contact Information -->\n        <div class=\"ky-contact-card\">\n\n            <div class=\"ky-card-header\">\n                <div class=\"ky-card-icon\">\n                    <i class=\"fas fa-address-card\"><\/i>\n                <\/div>\n                <h3>Get in Touch<\/h3>\n                <p>Reach out through any of our channels<\/p>\n            <\/div>\n\n            <div class=\"ky-card-body\">\n\n                <div class=\"ky-info-item\">\n                    <div class=\"ky-icon\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4>Call Us<\/h4>\n                        <p><a href=\"tel:+254710259396\">+254 710 259396<\/a><\/p>\n                        <p><a href=\"tel:+254715443408\">+254 715 443408<\/a><\/p>\n                        <small>Available 24\/7<\/small>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ky-info-item\">\n                    <div class=\"ky-icon\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4>Email Us<\/h4>\n                        <p><a href=\"mailto:info@kayudi.co.ke\">info@kayudi.co.ke<\/a><\/p>\n                        <small>Response within 2 hours<\/small>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ky-info-item\">\n                    <div class=\"ky-icon\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4>Visit Us<\/h4>\n                        <address>\n                            8th Floor, Diamond Plaza II<br>\n                            4th Parklands Avenue<br>\n                            Nairobi, Kenya\n                        <\/address>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ky-info-item\">\n                    <div class=\"ky-icon\">\n                        <i class=\"far fa-clock\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4>Hours<\/h4>\n                        <p>Mon - Fri : 8:00 AM - 6:00 PM<\/p>\n                        <p>Sat : 9:00 AM - 2:00 PM<\/p>\n                        <small>Emergency support 24\/7<\/small>\n                    <\/div>\n                <\/div>\n\n                <!-- Social Links -->\n                <div class=\"ky-social-links\">\n                    <a href=\"https:\/\/www.facebook.com\/people\/Kayudi-Networks\/61579151054211\/\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"https:\/\/www.instagram.com\/__kayudi\/\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- CARD 2: Contact Form -->\n        <div class=\"ky-contact-card ky-form-card\">\n\n            <div class=\"ky-card-header\">\n                <div class=\"ky-card-icon\">\n                    <i class=\"fas fa-paper-plane\"><\/i>\n                <\/div>\n                <h3>Send a Message<\/h3>\n                <p>We'll get back to you within 24 hours<\/p>\n            <\/div>\n\n            <div class=\"ky-card-body\">\n\n                <form id=\"ky-contact-form\">\n\n                    <div class=\"ky-form-group\">\n                        <label for=\"fullName\">Full Name *<\/label>\n                        <input type=\"text\" id=\"fullName\" name=\"name\" placeholder=\"Enter your full name\" required>\n                    <\/div>\n\n                    <div class=\"ky-form-group\">\n                        <label for=\"emailAddress\">Email Address *<\/label>\n                        <input type=\"email\" id=\"emailAddress\" name=\"email\" placeholder=\"Enter your email\" required>\n                    <\/div>\n\n                    <div class=\"ky-form-group\">\n                        <label for=\"phoneNumber\">Phone Number<\/label>\n                        <input type=\"tel\" id=\"phoneNumber\" name=\"phone\" placeholder=\"Enter your phone number\">\n                    <\/div>\n\n                    <div class=\"ky-form-group\">\n                        <label for=\"serviceInterest\">Service Interested In<\/label>\n                        <select id=\"serviceInterest\" name=\"service\">\n                            <option value=\"\">Select a service...<\/option>\n                            <option value=\"networking\">Networking Solutions<\/option>\n                            <option value=\"web\">Web Design & Development<\/option>\n                            <option value=\"graphic\">Graphic Design<\/option>\n                            <option value=\"consulting\">IT Consulting<\/option>\n                            <option value=\"training\">Training Programs<\/option>\n                            <option value=\"security\">Security Surveillance<\/option>\n                            <option value=\"hardware\">Hardware & Accessories<\/option>\n                            <option value=\"fiber\">Fiber Solutions<\/option>\n                            <option value=\"marketing\">Marketing<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"ky-form-group\">\n                        <label for=\"projectDetails\">Project Details *<\/label>\n                        <textarea id=\"projectDetails\" name=\"message\" rows=\"5\" placeholder=\"Tell us about your project...\" required><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"ky-submit-btn\">\n                        <i class=\"fas fa-paper-plane\"><\/i> Send Message\n                    <\/button>\n\n                    <p class=\"ky-form-note\">\n                        <i class=\"fas fa-lock\"><\/i> Your information is secure and will not be shared.\n                    <\/p>\n\n                <\/form>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\njQuery(document).ready(function($) {\n    'use strict';\n    \n    console.log('\u2705 Contact form ready');\n    \n    $('#ky-contact-form').on('submit', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        \n        console.log('\ud83d\udce8 Form submitted');\n        \n        var $form = $(this);\n        var $btn = $form.find('.ky-submit-btn');\n        \n        \/\/ Get form data\n        var data = {\n            name: $('#fullName').val().trim(),\n            email: $('#emailAddress').val().trim(),\n            phone: $('#phoneNumber').val().trim(),\n            service: $('#serviceInterest').val(),\n            message: $('#projectDetails').val().trim(),\n            action: 'ky_send_contact_email'\n        };\n        \n        \/\/ Validate\n        if (!data.name || !data.email || !data.message) {\n            showMessage($form, 'Please fill in all required fields (*).', 'error');\n            return;\n        }\n        \n        \/\/ Validate email\n        var emailRegex = \/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,6}$\/;\n        if (!emailRegex.test(data.email)) {\n            showMessage($form, 'Please enter a valid email address.', 'error');\n            return;\n        }\n        \n        \/\/ Show loading\n        $btn.html('<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...');\n        $btn.prop('disabled', true);\n        \n        \/\/ Send AJAX\n        $.ajax({\n            url: '\/wp-admin\/admin-ajax.php',\n            type: 'POST',\n            data: data,\n            dataType: 'json',\n            success: function(response) {\n                console.log('Response:', response);\n                if (response.success) {\n                    showMessage($form, response.data.message, 'success');\n                    $form[0].reset();\n                } else {\n                    showMessage($form, response.data.message, 'error');\n                }\n            },\n            error: function() {\n                showMessage($form, 'An error occurred. Please try again.', 'error');\n            },\n            complete: function() {\n                $btn.html('<i class=\"fas fa-paper-plane\"><\/i> Send Message');\n                $btn.prop('disabled', false);\n            }\n        });\n    });\n    \n    function showMessage($form, message, type) {\n        $form.find('.ky-form-message').remove();\n        var $msg = $('<div class=\"ky-form-message ky-form-message--' + type + '\">' +\n            '<i class=\"fas ' + (type === 'success' ? 'fa-check-circle' : 'fa-exclamation-circle') + '\"><\/i> ' +\n            message +\n        '<\/div>');\n        $form.find('.ky-submit-btn').before($msg);\n        \n        if (type === 'success') {\n            setTimeout(function() {\n                $msg.fadeOut(500, function() { $(this).remove(); });\n            }, 5000);\n        }\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31ee333 elementor-widget elementor-widget-html\" data-id=\"31ee333\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Scoped Map \u00b7 Elementor Section Only<\/title>\n\n    <!-- Google Font (optional) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz@14..32&display=swap\" rel=\"stylesheet\" \/>\n\n    <style>\n        \/* ============================================================\n               ALL STYLES BELOW ARE SCOPED to .elementor-section-scoped-map\n               They will NOT affect any other section on the page.\n               ============================================================ *\/\n\n        \/* ----- reset inside the scoped section only ----- *\/\n        .elementor-section-scoped-map * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        }\n\n        \/* ----- the scoped section container ----- *\/\n        .elementor-section-scoped-map {\n            width: 100%;\n            background: #ffffff;\n            padding: 2rem 2rem 2.2rem;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n            transition: box-shadow 0.2s;\n        }\n\n        \/* inner container for optional max-width (doesn't affect map width) *\/\n        .elementor-section-scoped-map .section-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n            width: 100%;\n        }\n\n        \/* ----- title ----- *\/\n        .elementor-section-scoped-map .section-title {\n            font-weight: 600;\n            font-size: 1.6rem;\n            letter-spacing: -0.01em;\n            color: #0b2b3c;\n            margin-bottom: 0.2rem;\n            display: flex;\n            align-items: center;\n            gap: 0.6rem;\n            flex-wrap: wrap;\n        }\n\n        .elementor-section-scoped-map .section-title span {\n            background: #d4e2ed;\n            padding: 0.1rem 0.9rem;\n            border-radius: 40px;\n            font-size: 0.85rem;\n            font-weight: 500;\n            color: #1c4b5e;\n        }\n\n        \/* ----- address line ----- *\/\n        .elementor-section-scoped-map .address-line {\n            font-size: 1rem;\n            color: #2c4b5a;\n            margin-bottom: 1.4rem;\n            padding-bottom: 0.5rem;\n            border-bottom: 2px solid #e4edf3;\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 0.25rem 0.5rem;\n        }\n\n        .elementor-section-scoped-map .address-line i {\n            font-style: normal;\n            background: #eef6fa;\n            padding: 0.15rem 0.7rem;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            color: #1a4b5e;\n        }\n\n        \/* ----- map wrapper (full width inside section) ----- *\/\n        .elementor-section-scoped-map .map-wrapper {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%;\n            \/* 16:9 aspect ratio *\/\n            height: 0;\n            border-radius: 20px;\n            overflow: hidden;\n            background: #dbe4ea;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n        }\n\n        .elementor-section-scoped-map .map-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: 0;\n            display: block;\n            pointer-events: auto;\n        }\n\n        \/* ----- meta badges ----- *\/\n        .elementor-section-scoped-map .map-meta {\n            margin-top: 1.2rem;\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            gap: 0.8rem 2rem;\n            flex-wrap: wrap;\n            font-size: 0.9rem;\n            color: #3b5e70;\n        }\n\n        .elementor-section-scoped-map .map-meta .badge {\n            background: #e1edf5;\n            padding: 0.2rem 1.2rem;\n            border-radius: 30px;\n            font-weight: 450;\n            color: #14485e;\n        }\n\n        .elementor-section-scoped-map .map-meta .badge i {\n            font-style: normal;\n            margin-right: 4px;\n        }\n\n        \/* ----- hover effect (scoped) ----- *\/\n        .elementor-section-scoped-map:hover .map-wrapper {\n            box-shadow: 0 8px 24px rgba(15, 55, 75, 0.10);\n        }\n\n        \/* ----- responsive (scoped) ----- *\/\n        @media (max-width: 600px) {\n            .elementor-section-scoped-map {\n                padding: 1.2rem 1rem 1.6rem;\n            }\n            .elementor-section-scoped-map .section-title {\n                font-size: 1.3rem;\n            }\n            .elementor-section-scoped-map .address-line {\n                font-size: 0.9rem;\n            }\n            .elementor-section-scoped-map .map-meta {\n                gap: 0.5rem 1rem;\n                font-size: 0.8rem;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <!-- =============================================================\n    SCOPED ELEMENTOR SECTION \u2014 only this section gets the map styles\n    ============================================================= -->\n    <section class=\"elementor-section-scoped-map\">\n        <div class=\"section-inner\">\n            <h2 class=\"section-title\">\n                \ud83d\udccd Diamond Plaza 2\n                <span>Nairobi<\/span>\n            <\/h2>\n            <div class=\"address-line\">\n                <span>8th Floor, Diamond Plaza 2, 4th Parklands Avenue, Nairobi, Kenya.<\/span>\n                <i>\ud83c\uddf0\ud83c\uddea<\/i>\n            <\/div>\n\n            <!-- Google Maps embed \u2013 full width inside this section -->\n            <div class=\"map-wrapper\">\n                <iframe\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d15955.410629943447!2d36.8131807!3d-1.276179!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x182f17b0eb1fcdc7%3A0x2c5c9beefb5f7a6e!2sDiamond%20Plaza%202!5e0!3m2!1sen!2ske!4v1742750000000!5m2!1sen!2ske\"\n                allowfullscreen=\"\"\n                loading=\"lazy\"\n                referrerpolicy=\"no-referrer-when-downgrade\"\n                title=\"Google Map - Diamond Plaza 2, Nairobi\"\n            ><\/iframe>\n        <\/div>\n\n        <div class=\"map-meta\">\n            <span class=\"badge\"><i>\ud83d\udccd<\/i> 8th floor \u00b7 Parklands<\/span>\n            <span class=\"badge\"><i>\ud83d\uddfa\ufe0f<\/i> 4th Parklands Avenue<\/span>\n            <span style=\"opacity:0.8;\">\u23fa\ufe0f exact location<\/span>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\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>Let&#8217;s Talk Ready to Work Together? Ready to transform your business? Contact us today for a free consultation and discover [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":30,"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":742,"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/742"}],"wp:attachment":[{"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}