{"id":24,"date":"2025-08-14T20:46:51","date_gmt":"2025-08-14T20:46:51","guid":{"rendered":"https:\/\/kayudi.co.ke\/?page_id=24"},"modified":"2026-06-26T13:20:31","modified_gmt":"2026-06-26T13:20:31","slug":"home","status":"publish","type":"page","link":"https:\/\/kayudi.co.ke\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a0f6d e-flex e-con-boxed e-con e-parent\" data-id=\"e2a0f6d\" 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-ac231fa elementor-widget elementor-widget-html\" data-id=\"ac231fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kn-hero-section\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Source+Serif+4:wght@400;600&display=swap');\n\n.kn-hero-section{\n    position:relative;\n    width:100%;\n    max-width:1200px;\n    margin:auto;\n    overflow:hidden;\n    isolation:isolate;\n    font-family:'Source Serif 4',serif;\n    background:transparent !important;\n    padding:60px 20px;\n}\n\n.kn-hero-section *,\n.kn-hero-section *:before,\n.kn-hero-section *:after{\n    box-sizing:border-box;\n}\n\n.kn-hero-bg,\n.kn-overlay{\n    position:absolute;\n    inset:0;\n    background:transparent !important;\n    pointer-events:none;\n}\n\n.kn-content{\n    position:relative;\n    z-index:2;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n}\n\n.kn-inner{\n    width:100%;\n    max-width:760px;\n}\n\n.kn-title{\n    position:relative;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap:14px;\n    line-height:1;\n}\n\n.kn-title .ghost{\n    font-family:'Playfair Display',serif;\n    font-size:clamp(1.8rem,5vw,4.4rem);\n    font-weight:700;\n    color:#FD4A02;\n    opacity:1;\n    line-height:1;\n    max-width:100%;\n    text-align:center;\n    white-space:normal;\n    overflow-wrap:break-word;\n}\n\n.kn-title .main{\n    font-family:'Playfair Display',serif;\n    font-size:clamp(2.2rem,6vw,4rem);\n    font-weight:700;\n    color:#fff;\n    line-height:1.05;\n    text-shadow:0 4px 12px rgba(0,0,0,.45);\n    max-width:100%;\n}\n\n.kn-description{\n    margin:35px auto 0;\n    max-width:760px;\n    color:#f5f5f5;\n    font-size:clamp(1rem,2vw,1.35rem);\n    line-height:1.7;\n    text-shadow:0 2px 8px rgba(0,0,0,.5);\n}\n\n\/* ---------- Large Desktop ---------- *\/\n\n@media (min-width:1600px){\n\n.kn-hero-section{\n    padding:90px 40px;\n}\n\n.kn-inner{\n    max-width:900px;\n}\n\n}\n\n\/* ---------- Desktop ---------- *\/\n\n@media (max-width:1200px){\n\n.kn-inner{\n    max-width:700px;\n}\n\n}\n\n\/* ---------- Tablet ---------- *\/\n\n@media (max-width:992px){\n\n.kn-hero-section{\n    padding:55px 25px;\n}\n\n.kn-description{\n    margin-top:28px;\n    line-height:1.6;\n}\n\n}\n\n\/* ---------- Mobile ---------- *\/\n\n@media (max-width:768px){\n\n.kn-hero-section{\n    padding:45px 18px;\n}\n\n.kn-title{\n    gap:10px;\n}\n\n.kn-title .ghost{\n    font-size:clamp(1.5rem,7vw,2.4rem);\n}\n\n.kn-title .main{\n    font-size:clamp(2rem,8vw,3rem);\n}\n\n.kn-description{\n    font-size:1rem;\n    margin-top:22px;\n    line-height:1.6;\n}\n\n}\n\n\/* ---------- Small Phones ---------- *\/\n\n@media (max-width:480px){\n\n.kn-hero-section{\n    padding:35px 15px;\n}\n\n.kn-title{\n    gap:8px;\n}\n\n.kn-title .ghost{\n    font-size:1.45rem;\n}\n\n.kn-title .main{\n    font-size:2rem;\n}\n\n.kn-description{\n    font-size:.95rem;\n    line-height:1.55;\n}\n\n}\n\n\/* ---------- Tiny Phones ---------- *\/\n\n@media (max-width:360px){\n\n.kn-title .ghost{\n    font-size:1.3rem;\n}\n\n.kn-title .main{\n    font-size:1.7rem;\n}\n\n.kn-description{\n    font-size:.9rem;\n}\n\n}\n\n.kn-hero-section,\n.kn-content,\n.kn-inner,\n.kn-overlay,\n.kn-hero-bg{\n    background:transparent !important;\n}\n<\/style>\n\n<div class=\"kn-hero-bg\"><\/div>\n<div class=\"kn-overlay\"><\/div>\n\n<div class=\"kn-content\">\n    <div class=\"kn-inner\">\n\n        <div class=\"kn-title\">\n            <div class=\"ghost\">Transforming Your<\/div>\n            <div class=\"main\">Network &amp; IT<\/div>\n            <div class=\"ghost\">Infrastructure<\/div>\n        <\/div>\n\n        <div class=\"kn-description\">\n            Kayudi Networks delivers cutting-edge technology solutions for networking,\n            web design, IT consulting, and security systems. Let's build your digital\n            future together.\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-106ed61 elementor-widget elementor-widget-html\" data-id=\"106ed61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kn-features-stats-section\">\n\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n  <style>\n    .kn-features-stats-section{\n      width:100%;\n      max-width:1100px;\n      margin:0 auto;\n      font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\n    }\n\n    .kn-features-stats-section *,\n    .kn-features-stats-section *::before,\n    .kn-features-stats-section *::after{\n      box-sizing:border-box;\n    }\n\n    \/* FEATURES *\/\n    .kn-features-stats-section .features-section{\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      flex-wrap:wrap;\n      gap:15px;\n      padding:20px 0;\n      width:100%;\n    }\n\n    .kn-features-stats-section .feature-item{\n      display:flex;\n      align-items:center;\n      gap:8px;\n      background:rgba(0,64,128,.2);\n      border-radius:30px;\n      padding:8px 18px;\n      font-size:14px;\n      font-weight:600;\n      color:#ffffff;\n      white-space:nowrap;\n      backdrop-filter:blur(2px);\n      border:1px solid rgba(255,255,255,.05);\n    }\n\n    .kn-features-stats-section .feature-item i{\n      font-size:16px;\n      color:transparent;\n      -webkit-text-stroke:1.5px #00cc66;\n      text-stroke:1.5px #00cc66;\n    }\n\n    .kn-features-stats-section .feature-item span{\n      color:#ffffff;\n    }\n\n    \/* STATS *\/\n    .kn-features-stats-section .stats-section{\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      gap:20px;\n      flex-wrap:wrap;\n      width:100%;\n      margin:10px 0;\n    }\n\n    .kn-features-stats-section .stat-card{\n      border:1px solid rgba(255,255,255,.2);\n      border-radius:10px;\n      padding:30px 20px;\n      text-align:center;\n      color:#fff;\n      min-width:180px;\n      flex:1;\n      max-width:250px;\n      backdrop-filter:blur(5px);\n      background:rgba(0,0,0,.15);\n      transition:transform .2s ease;\n    }\n\n    .kn-features-stats-section .stat-card:hover{\n      transform:translateY(-3px);\n    }\n\n    .kn-features-stats-section .stat-card i{\n      font-size:30px;\n      color:transparent;\n      -webkit-text-stroke:1.5px #ff6600;\n      text-stroke:1.5px #ff6600;\n      display:block;\n      margin-bottom:10px;\n    }\n\n    .kn-features-stats-section .stat-value{\n      font-size:24px;\n      font-weight:700;\n      color:#ffffff;\n    }\n\n    .kn-features-stats-section .stat-label{\n      font-size:14px;\n      color:#e0e9f0;\n      opacity:.9;\n    }\n\n    \/* SCROLL INDICATOR *\/\n    .kn-features-stats-section .scroll-indicator{\n      position:relative;\n      z-index:10;\n      animation:knBounce 2s linear infinite alternate;\n      margin:20px auto 10px;\n      display:block;\n      width:max-content;\n    }\n\n    .kn-features-stats-section .mouse{\n      width:18px;\n      height:30px;\n      border:2px solid #ff7919;\n      border-radius:15px;\n      position:relative;\n    }\n\n    .kn-features-stats-section .wheel{\n      width:3px;\n      height:6px;\n      background:#ff7919;\n      border-radius:2px;\n      position:absolute;\n      top:8px;\n      left:50%;\n      transform:translateX(-50%);\n    }\n\n    @keyframes knBounce{\n      0%{\n        transform:translateY(0);\n      }\n      100%{\n        transform:translateY(8px);\n      }\n    }\n\n    @media (max-width:768px){\n\n      .kn-features-stats-section .stats-section{\n        gap:15px;\n      }\n\n      .kn-features-stats-section .stat-card{\n        min-width:150px;\n        padding:24px 15px;\n      }\n    }\n\n    @media (max-width:600px){\n\n      .kn-features-stats-section .features-section{\n        justify-content:center;\n      }\n\n      .kn-features-stats-section .feature-item{\n        font-size:13px;\n        padding:6px 14px;\n      }\n\n      .kn-features-stats-section .stat-card{\n        max-width:100%;\n        width:100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"features-section\">\n    <div class=\"feature-item\">\n      <i class=\"fas fa-check-circle\"><\/i>\n      <span>Expert Network Solutions<\/span>\n    <\/div>\n\n    <div class=\"feature-item\">\n      <i class=\"fas fa-check-circle\"><\/i>\n      <span>Professional Web Design<\/span>\n    <\/div>\n\n    <div class=\"feature-item\">\n      <i class=\"fas fa-check-circle\"><\/i>\n      <span>24\/7 IT Support<\/span>\n    <\/div>\n\n    <div class=\"feature-item\">\n      <i class=\"fas fa-check-circle\"><\/i>\n      <span>Security Systems<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"stats-section\">\n    <div class=\"stat-card\">\n      <i class=\"fas fa-briefcase\"><\/i>\n      <div class=\"stat-value\">500+<\/div>\n      <div class=\"stat-label\">Projects Completed<\/div>\n    <\/div>\n\n    <div class=\"stat-card\">\n      <i class=\"fas fa-headset\"><\/i>\n      <div class=\"stat-value\">24\/7<\/div>\n      <div class=\"stat-label\">Support Available<\/div>\n    <\/div>\n\n    <div class=\"stat-card\">\n      <i class=\"fas fa-thumbs-up\"><\/i>\n      <div class=\"stat-value\">99%<\/div>\n      <div class=\"stat-label\">Client Satisfaction<\/div>\n    <\/div>\n\n    <div class=\"stat-card\">\n      <i class=\"fas fa-award\"><\/i>\n      <div class=\"stat-value\">5+<\/div>\n      <div class=\"stat-label\">Years of Experience<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-indicator\">\n    <div class=\"mouse\">\n      <div class=\"wheel\"><\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\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-2ba26849 e-flex e-con-boxed e-con e-parent\" data-id=\"2ba26849\" 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-d71a1b5 elementor-widget elementor-widget-html\" data-id=\"d71a1b5\" 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>Kayudi \u00b7 Services & Slider<\/title>\n  <!-- Font Awesome Icons (free) -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n  <style>\n    \/* ===== RESET & BASE (scoped to .service-section) ===== *\/\n    .service-section * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .service-section {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      background: #f8fafc;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 2rem 1.5rem;\n    }\n\n    .service-card {\n      max-width: 1280px;\n      width: 100%;\n      background: #ffffff;\n      border-radius: 2.5rem;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n      overflow: hidden;\n      transition: all 0.2s ease;\n    }\n\n    .service-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 0;\n      align-items: stretch;\n    }\n\n    \/* ===== LEFT SIDE: CONTENT ===== *\/\n    .service-content {\n      padding: 3rem 2.5rem;\n      background: #ffffff;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .badge {\n      display: inline-block;\n      background: #eef2ff;\n      color: #4f46e5;\n      font-weight: 600;\n      font-size: 0.75rem;\n      letter-spacing: 0.5px;\n      padding: 0.4rem 1rem;\n      border-radius: 100px;\n      margin-bottom: 1.25rem;\n      width: fit-content;\n      text-transform: uppercase;\n    }\n\n    .service-content h1 {\n      font-size: 2.8rem;\n      font-weight: 700;\n      line-height: 1.2;\n      color: #0b1e33;\n      margin-bottom: 1.25rem;\n      letter-spacing: -0.02em;\n    }\n\n    .service-content h1 span {\n      color: #2563eb;\n    }\n\n    .service-content p {\n      color: #334155;\n      line-height: 1.7;\n      font-size: 1rem;\n      margin-bottom: 1.2rem;\n      max-width: 95%;\n    }\n\n    .offer-list {\n      list-style: none;\n      margin-bottom: 2.5rem;\n    }\n\n    .offer-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.75rem;\n      padding: 0.6rem 0;\n      border-bottom: 1px solid #f1f5f9;\n      color: #1e293b;\n      font-weight: 450;\n      font-size: 0.98rem;\n    }\n\n    .offer-list li:last-child {\n      border-bottom: none;\n    }\n\n    .offer-list li i {\n      color: #2563eb;\n      font-size: 1.1rem;\n      margin-top: 0.15rem;\n      width: 1.4rem;\n      text-align: center;\n    }\n\n    \/* ===== BUTTON - FIXED HOVER VISIBILITY ===== *\/\n    .btn-primary {\n      background: #0b1e33;\n      color: #ffffff;\n      border: none;\n      padding: 0.9rem 2.5rem;\n      border-radius: 60px;\n      font-weight: 600;\n      font-size: 1rem;\n      display: inline-flex;\n      align-items: center;\n      gap: 0.75rem;\n      text-decoration: none;\n      transition: all 0.25s ease;\n      width: fit-content;\n      box-shadow: 0 8px 20px -8px rgba(11, 30, 51, 0.2);\n      cursor: pointer;\n      \/* ensure text stays white *\/\n      color: #ffffff;\n    }\n\n    .btn-primary i {\n      transition: transform 0.2s ease;\n      color: #ffffff;\n    }\n\n    .btn-primary:hover {\n      background: #1e3a6b;\n      transform: translateY(-2px);\n      box-shadow: 0 16px 30px -10px rgba(11, 30, 51, 0.3);\n      \/* explicitly keep text white on hover *\/\n      color: #ffffff;\n    }\n\n    .btn-primary:hover i {\n      transform: translateX(6px);\n      color: #ffffff;\n    }\n\n    .btn-primary:active {\n      transform: scale(0.97);\n    }\n\n    \/* ===== RIGHT SIDE: SLIDER (images fit perfectly) ===== *\/\n    .slider-wrapper {\n      background: #f1f5f9;\n      position: relative;\n      min-height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .slider-container {\n      width: 100%;\n      height: 100%;\n      position: relative;\n      aspect-ratio: 4 \/ 3;\n      background: #e2e8f0;\n      overflow: hidden;\n    }\n\n    .slide {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      display: flex;\n      align-items: flex-end;\n      padding: 2rem;\n    }\n\n    .slide.active {\n      opacity: 1;\n      z-index: 2;\n    }\n\n    .slide-caption {\n      background: rgba(11, 30, 51, 0.7);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n      padding: 0.8rem 1.8rem;\n      border-radius: 60px;\n      color: white;\n      font-weight: 500;\n      font-size: 0.95rem;\n      letter-spacing: 0.3px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n      border: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .slide-caption i {\n      margin-right: 0.5rem;\n      opacity: 0.8;\n    }\n\n    .slider-controls {\n      position: absolute;\n      bottom: 1.5rem;\n      right: 1.5rem;\n      display: flex;\n      gap: 0.6rem;\n      z-index: 10;\n      background: rgba(255,255,255,0.7);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n      padding: 0.4rem 0.7rem;\n      border-radius: 60px;\n      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n      border: 1px solid rgba(255,255,255,0.5);\n    }\n\n    .slider-btn {\n      background: transparent;\n      border: none;\n      width: 38px;\n      height: 38px;\n      border-radius: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.1rem;\n      color: #1e293b;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      background: rgba(255,255,255,0.5);\n    }\n\n    .slider-btn:hover {\n      background: #0b1e33;\n      color: white;\n      transform: scale(1.02);\n    }\n\n    .slider-btn:active {\n      transform: scale(0.92);\n    }\n\n    .dots-indicator {\n      position: absolute;\n      bottom: 1.5rem;\n      left: 1.5rem;\n      display: flex;\n      gap: 0.5rem;\n      z-index: 10;\n    }\n\n    .dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 20px;\n      background: rgba(255, 255, 255, 0.5);\n      cursor: pointer;\n      transition: all 0.3s ease;\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .dot.active {\n      background: white;\n      width: 28px;\n      background: #0b1e33;\n      border-color: #0b1e33;\n      box-shadow: 0 0 0 2px rgba(255,255,255,0.4);\n    }\n\n    .dot:hover {\n      background: #2563eb;\n      transform: scale(1.1);\n    }\n\n    \/* ===== RESPONSIVE (scoped) ===== *\/\n    @media (max-width: 1024px) {\n      .service-content h1 {\n        font-size: 2.4rem;\n      }\n      .service-content p {\n        max-width: 100%;\n      }\n    }\n\n    @media (max-width: 900px) {\n      .service-grid {\n        grid-template-columns: 1fr;\n      }\n      .slider-container {\n        aspect-ratio: 16 \/ 9;\n      }\n      .service-content {\n        padding: 2.5rem 2rem;\n      }\n      .service-content h1 {\n        font-size: 2.2rem;\n      }\n      .btn-primary {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 500px) {\n      .service-content {\n        padding: 1.8rem 1.2rem;\n      }\n      .service-content h1 {\n        font-size: 1.9rem;\n      }\n      .slide-caption {\n        font-size: 0.8rem;\n        padding: 0.4rem 1.2rem;\n      }\n      .slider-controls {\n        bottom: 0.8rem;\n        right: 0.8rem;\n        padding: 0.2rem 0.4rem;\n      }\n      .slider-btn {\n        width: 32px;\n        height: 32px;\n        font-size: 0.9rem;\n      }\n      .dots-indicator {\n        bottom: 1rem;\n        left: 1rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <!-- ====== SCOPED SECTION: .service-section ====== -->\n  <section class=\"service-section\">\n    <div class=\"service-card\">\n      <div class=\"service-grid\">\n\n        <!-- LEFT: CONTENT -->\n        <div class=\"service-content\">\n          <span class=\"badge\"><i class=\"fas fa-bolt\" style=\"margin-right: 6px;\"><\/i> since 2015<\/span>\n          <h1>Our <span>Services<\/span><\/h1>\n          <p>\n            At Kayudi, we pride ourselves on delivering comprehensive, professional, and result-driven solutions tailored to meet the unique needs of our clients. Our services are designed with a focus on quality, reliability, and innovation \u2014 ensuring that every engagement creates tangible value.\n          <\/p>\n          <p style=\"margin-top: -0.5rem; margin-bottom: 1.8rem; font-size: 0.95rem; color: #475569;\">\n            Whether it is developing advanced digital platforms, streamlining business processes, or providing specialized consultancy, we are committed to offering solutions that foster growth, enhance efficiency, and strengthen competitive advantage. With a team of skilled professionals and a client-focused approach, Kayudi stands as a trusted partner for businesses seeking sustainable success in an evolving market.\n          <\/p>\n\n          <ul class=\"offer-list\">\n            <li><i class=\"fas fa-network-wired\"><\/i> IT & Network Solutions \u2013 Reliable and secure infrastructure for seamless connectivity.<\/li>\n            <li><i class=\"fas fa-laptop-code\"><\/i> Web Design & Development \u2013 Modern, responsive, and user-focused websites.<\/li>\n            <li><i class=\"fas fa-chart-line\"><\/i> Digital Consultancy \u2013 Strategic guidance to optimize business performance.<\/li>\n            <li><i class=\"fas fa-handshake\"><\/i> Business Support Services \u2013 Tailored solutions to enhance efficiency and scalability.<\/li>\n            <li><i class=\"fas fa-tree\"><\/i> Landscaping \u2013 We design, build, and maintain beautiful, functional, and sustainable landscapes tailored to your outdoor space.<\/li>\n          <\/ul>\n\n          <!-- UPDATED BUTTON: link points to https:\/\/kayudi.co.ke\/index.php\/services\/ -->\n          <a href=\"https:\/\/kayudi.co.ke\/index.php\/services\/\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Explore Our Services <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- RIGHT: IMAGE SLIDER (images fit perfectly with cover) -->\n        <div class=\"slider-wrapper\">\n          <div class=\"slider-container\" id=\"sliderContainer\">\n            <!-- Slides with background images - cover ensures perfect fit -->\n            <div class=\"slide active\" style=\"background-image: url('http:\/\/kayudi.co.ke\/wp-content\/uploads\/2026\/06\/IT-Network-Solutions-scaled.jpg');\">\n              <div class=\"slide-caption\"><i class=\"fas fa-cloud-upload-alt\"><\/i> IT & Network Solutions<\/div>\n            <\/div>\n            <div class=\"slide\" style=\"background-image: url('http:\/\/kayudi.co.ke\/wp-content\/uploads\/2026\/06\/Web-Design-Development--scaled.jpg');\">\n              <div class=\"slide-caption\"><i class=\"fas fa-paint-brush\"><\/i> Web Design & Development<\/div>\n            <\/div>\n            <div class=\"slide\" style=\"background-image: url('http:\/\/kayudi.co.ke\/wp-content\/uploads\/2026\/06\/Digital-Consultancy--scaled.jpg');\">\n              <div class=\"slide-caption\"><i class=\"fas fa-chart-pie\"><\/i> Digital Consultancy<\/div>\n            <\/div>\n            <div class=\"slide\" style=\"background-image: url('http:\/\/kayudi.co.ke\/wp-content\/uploads\/2026\/06\/Business-Support-Services.jpg');\">\n              <div class=\"slide-caption\"><i class=\"fas fa-briefcase\"><\/i> Business Support Services<\/div>\n            <\/div>\n            <div class=\"slide\" style=\"background-image: url('http:\/\/kayudi.co.ke\/wp-content\/uploads\/2026\/06\/Landscaping--scaled.jpg');\">\n              <div class=\"slide-caption\"><i class=\"fas fa-seedling\"><\/i> Landscaping<\/div>\n            <\/div>\n            <!-- 6th slide: extra image for variety -->\n            <div class=\"slide\" style=\"background-image: url('http:\/\/kayudi.co.ke\/wp-content\/uploads\/2025\/08\/Consulting.jpg');\">\n              <div class=\"slide-caption\"><i class=\"fas fa-users-cog\"><\/i> IT Consulting & Support<\/div>\n            <\/div>\n\n            <!-- dots indicator -->\n            <div class=\"dots-indicator\" id=\"dotsIndicator\"><\/div>\n\n            <!-- controls -->\n            <div class=\"slider-controls\">\n              <button class=\"slider-btn\" id=\"prevSlide\" aria-label=\"Previous slide\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n              <button class=\"slider-btn\" id=\"nextSlide\" aria-label=\"Next slide\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function() {\n      \/\/ Scoped to the section \u2014 use querySelector inside the section\n      const section = document.querySelector('.service-section');\n      if (!section) return;\n\n      const slides = section.querySelectorAll('.slide');\n      const dotsContainer = section.querySelector('#dotsIndicator');\n      const prevBtn = section.querySelector('#prevSlide');\n      const nextBtn = section.querySelector('#nextSlide');\n      let currentIndex = 0;\n      let slideInterval = null;\n      const intervalTime = 5000;\n\n      \/\/ create dots\n      slides.forEach((_, idx) => {\n        const dot = document.createElement('span');\n        dot.classList.add('dot');\n        if (idx === 0) dot.classList.add('active');\n        dot.dataset.index = idx;\n        dot.addEventListener('click', () => goToSlide(idx));\n        dotsContainer.appendChild(dot);\n      });\n\n      const dots = section.querySelectorAll('.dot');\n\n      function goToSlide(index) {\n        if (index < 0) index = slides.length - 1;\n        if (index >= slides.length) index = 0;\n\n        slides.forEach(slide => slide.classList.remove('active'));\n        dots.forEach(dot => dot.classList.remove('active'));\n\n        slides[index].classList.add('active');\n        dots[index].classList.add('active');\n        currentIndex = index;\n      }\n\n      function nextSlideFn() {\n        goToSlide(currentIndex + 1);\n      }\n\n      function prevSlideFn() {\n        goToSlide(currentIndex - 1);\n      }\n\n      function resetInterval() {\n        if (slideInterval) {\n          clearInterval(slideInterval);\n          slideInterval = null;\n        }\n        slideInterval = setInterval(nextSlideFn, intervalTime);\n      }\n\n      \/\/ event listeners\n      nextBtn.addEventListener('click', () => {\n        nextSlideFn();\n        resetInterval();\n      });\n\n      prevBtn.addEventListener('click', () => {\n        prevSlideFn();\n        resetInterval();\n      });\n\n      \/\/ override goToSlide to reset interval after dot click\n      const originalGoToSlide = goToSlide;\n      goToSlide = function(index) {\n        originalGoToSlide(index);\n        resetInterval();\n      };\n\n      \/\/ re-bind dot clicks to use new goToSlide\n      dots.forEach(dot => {\n        dot.removeEventListener('click', () => {});\n        dot.addEventListener('click', function() {\n          const idx = parseInt(this.dataset.index, 10);\n          goToSlide(idx);\n        });\n      });\n\n      \/\/ start autoplay\n      slideInterval = setInterval(nextSlideFn, intervalTime);\n\n      \/\/ pause on hover (optional)\n      const sliderContainer = section.querySelector('#sliderContainer');\n      sliderContainer.addEventListener('mouseenter', () => {\n        if (slideInterval) {\n          clearInterval(slideInterval);\n          slideInterval = null;\n        }\n      });\n      sliderContainer.addEventListener('mouseleave', () => {\n        if (!slideInterval) {\n          slideInterval = setInterval(nextSlideFn, intervalTime);\n        }\n      });\n    })();\n  <\/script>\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<div class=\"elementor-element elementor-element-e992813 e-flex e-con-boxed e-con e-parent\" data-id=\"e992813\" 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-f39ff75 elementor-widget elementor-widget-html\" data-id=\"f39ff75\" 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>Kayudi \u00b7 Our Team<\/title>\n    <!-- Font Awesome Icons (free) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n    <style>\n        \/* ===== RESET & BASE (scoped to .team-section) ===== *\/\n        .team-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .team-section {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            background: #f5fcf8;\n            min-height: 40vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 2rem 1rem;\n        }\n\n        \/* ===== NO BORDERS, NO SHADOW, INCREASED PADDING ===== *\/\n        .team-card {\n            max-width: 760px;\n            width: 100%;\n            background: #f5fcf8;\n            padding: 4rem 2rem;\n            \/* no border, no shadow *\/\n            border: none;\n            box-shadow: none;\n        }\n\n        \/* ===== HEADER ===== *\/\n        .team-header {\n            text-align: center;\n        }\n\n        .team-badge {\n            display: inline-block;\n            background: #eef2ff;\n            color: #4f46e5;\n            font-weight: 600;\n            font-size: 0.65rem;\n            letter-spacing: 0.5px;\n            padding: 0.25rem 1rem;\n            border-radius: 0px;\n            margin-bottom: 0.5rem;\n            text-transform: uppercase;\n        }\n\n        .team-header h1 {\n            font-size: 2.2rem;\n            font-weight: 700;\n            line-height: 1.2;\n            color: #0b1e33;\n            letter-spacing: -0.02em;\n        }\n\n        .team-header h1 span {\n            color: #2563eb;\n        }\n\n        .team-header p {\n            color: #475569;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            margin-top: 0.6rem;\n            max-width: 660px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* ===== BUTTON \u2013 compact, no shadow ===== *\/\n        .team-actions {\n            text-align: center;\n            margin-top: 1.5rem;\n        }\n\n        .btn-team {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            background: #0b1e33;\n            color: #f5fcf8;\n            border: none;\n            padding: 0.6rem 2rem;\n            border-radius: 60px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            text-decoration: none;\n            transition: all 0.25s ease;\n            box-shadow: none;\n            cursor: pointer;\n        }\n\n        .btn-team i {\n            transition: transform 0.2s ease;\n            color: #f5fcf8;\n            font-size: 0.8rem;\n        }\n\n        .btn-team:hover {\n            background: #1e3a6b;\n            transform: translateY(-2px);\n            color: #f5fcf8;\n            box-shadow: none;\n        }\n\n        .btn-team:hover i {\n            transform: translateX(4px);\n            color: #f5fcf8;\n        }\n\n        .btn-team:active {\n            transform: scale(0.97);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 768px) {\n            .team-card {\n                padding: 3rem 1.5rem;\n            }\n\n            .team-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .team-header p {\n                font-size: 0.88rem;\n            }\n\n            .btn-team {\n                padding: 0.55rem 1.6rem;\n                font-size: 0.85rem;\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .team-section {\n                padding: 1rem 0.75rem;\n            }\n\n            .team-card {\n                padding: 2.5rem 1rem;\n            }\n\n            .team-header h1 {\n                font-size: 1.5rem;\n            }\n\n            .team-header p {\n                font-size: 0.82rem;\n                margin-top: 0.4rem;\n            }\n\n            .team-actions {\n                margin-top: 1.25rem;\n            }\n\n            .btn-team {\n                padding: 0.5rem 1.2rem;\n                font-size: 0.8rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- ====== SCOPED SECTION: .team-section ====== -->\n    <section class=\"team-section\">\n        <div class=\"team-card\">\n\n            <!-- INTRO ONLY \u2013 clean, compact, no extra space -->\n            <div class=\"team-header\">\n                <!-- <span class=\"team-badge\">\n                    <i class=\"fas fa-users\" style=\"margin-right: 5px;\"><\/i> Who we are\n                <\/span> -->\n                <h1>Our <span>Team<\/span><\/h1>\n                <p>\n                    At Kayudi, our team is our greatest asset. We bring together experienced professionals\n                    from diverse fields, united by a shared commitment to excellence, integrity, and innovation.\n                    Each member plays a vital role in delivering solutions that drive measurable impact and\n                    long-term value for our clients.\n                <\/p>\n            <\/div>\n\n            <!-- BUTTON: link to full team page -->\n            <div class=\"team-actions\">\n                <a href=\"https:\/\/kayudi.co.ke\/index.php\/out-team\/\" class=\"btn-team\">\n                    See All Our Team <i class=\"fas fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\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<div class=\"elementor-element elementor-element-81c8c63 e-flex e-con-boxed e-con e-parent\" data-id=\"81c8c63\" 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-4b07568 elementor-widget elementor-widget-html\" data-id=\"4b07568\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ky-why\">\n  <div class=\"ky-container\">\n\n    <div class=\"ky-heading\">\n      <span class=\"ky-badge\">WHY CHOOSE US<\/span>\n      <h2>Why Choose <span>Kayudi Networks?<\/span><\/h2>\n      <p>\n        We combine enterprise-grade technical expertise with personalized\n        service to deliver secure, scalable and future-ready technology\n        solutions that drive measurable business growth.\n      <\/p>\n    <\/div>\n\n    <div class=\"ky-grid\">\n\n      <div class=\"ky-card\">\n        <div class=\"ky-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n            <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n            <path d=\"M3.5 19c0-3 2.5-5 5.5-5s5.5 2 5.5 5\"><\/path>\n            <circle cx=\"17.5\" cy=\"9\" r=\"2.5\"><\/circle>\n            <path d=\"M15.5 19c.2-2.1 1.8-3.7 4-4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Expert Team<\/h3>\n\n        <p>\n          Certified technology professionals with years of hands-on experience\n          delivering enterprise IT solutions.\n        <\/p>\n\n        <span class=\"ky-number\">01<\/span>\n      <\/div>\n\n      <div class=\"ky-card\">\n        <div class=\"ky-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n            <path d=\"M12 2l6 2v5c0 5-3.5 9-6 11-2.5-2-6-6-6-11V4l6-2z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Reliable Support<\/h3>\n\n        <p>\n          24\/7 monitoring, maintenance and responsive technical assistance to\n          keep your business running.\n        <\/p>\n\n        <span class=\"ky-number\">02<\/span>\n      <\/div>\n\n      <div class=\"ky-card\">\n        <div class=\"ky-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n            <path d=\"M12 7v5l3 2\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Fast Delivery<\/h3>\n\n        <p>\n          Efficient project execution without compromising quality,\n          documentation or attention to detail.\n        <\/p>\n\n        <span class=\"ky-number\">03<\/span>\n      <\/div>\n\n      <div class=\"ky-card\">\n        <div class=\"ky-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n            <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n            <path d=\"M9.5 10.5l-1 10 3.5-2 3.5 2-1-10\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>Proven Results<\/h3>\n\n        <p>\n          Trusted by businesses through successful deployments, measurable\n          outcomes and long-term partnerships.\n        <\/p>\n\n        <span class=\"ky-number\">04<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n.ky-why,\n.ky-why *{\n    box-sizing:border-box;\n}\n\n.ky-why{\n    font-family:'Manrope',sans-serif;\n    padding:90px 20px;\n    background:\n    radial-gradient(circle at top right,#fff3e9 0%,transparent 28%),\n    radial-gradient(circle at bottom left,#eef5ff 0%,transparent 32%),\n    #ffffff;\n}\n\n.ky-container{\n    max-width:1300px;\n    margin:auto;\n}\n\n.ky-heading{\n    max-width:760px;\n    margin:auto;\n    text-align:center;\n    margin-bottom:70px;\n}\n\n.ky-badge{\n    display:inline-block;\n    padding:8px 18px;\n    border-radius:100px;\n    background:#fff4ea;\n    color:#ff6b00;\n    font-size:.78rem;\n    font-weight:700;\n    letter-spacing:1.8px;\n    margin-bottom:18px;\n}\n\n.ky-heading h2{\n    margin:0;\n    font-size:clamp(2rem,4vw,3.2rem);\n    color:#0b2f6d;\n    line-height:1.15;\n    font-weight:800;\n}\n\n.ky-heading h2 span{\n    color:#ff6b00;\n}\n\n.ky-heading p{\n    margin:22px auto 0;\n    color:#6d7a92;\n    font-size:1.08rem;\n    line-height:1.8;\n    max-width:700px;\n}\n\n.ky-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:28px;\n}\n\n.ky-card{\n    position:relative;\n    overflow:hidden;\n    background:#fff;\n    border-radius:22px;\n    padding:42px 28px;\n    border:1px solid #edf1f7;\n    transition:.35s ease;\n    text-align:left;\n}\n\n.ky-card:before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:0;\n    width:100%;\n    height:5px;\n    background:linear-gradient(90deg,#ff7b00,#ffb066);\n    transform:scaleX(0);\n    transform-origin:left;\n    transition:.35s;\n}\n\n.ky-card:hover{\n    transform:translateY(-10px);\n    border-color:transparent;\n    box-shadow:0 20px 45px rgba(16,49,120,.12);\n}\n\n.ky-card:hover:before{\n    transform:scaleX(1);\n}\n\n.ky-icon{\n    width:74px;\n    height:74px;\n    border-radius:18px;\n    background:linear-gradient(145deg,#fff5eb,#fff);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#ff6b00;\n    margin-bottom:28px;\n    box-shadow:0 10px 25px rgba(255,107,0,.12);\n}\n\n.ky-icon svg{\n    width:38px;\n    height:38px;\n}\n\n.ky-card h3{\n    margin:0 0 14px;\n    font-size:1.45rem;\n    color:#0b2f6d;\n    font-weight:800;\n}\n\n.ky-card p{\n    margin:0;\n    color:#6b7891;\n    line-height:1.75;\n    font-size:.97rem;\n}\n\n.ky-number{\n    position:absolute;\n    right:22px;\n    bottom:18px;\n    font-size:3.6rem;\n    font-weight:800;\n    color:#f3f6fb;\n    line-height:1;\n    user-select:none;\n}\n\n@media(max-width:1100px){\n    .ky-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n@media(max-width:700px){\n\n    .ky-why{\n        padding:70px 18px;\n    }\n\n    .ky-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ky-card{\n        padding:34px 24px;\n    }\n\n    .ky-heading{\n        margin-bottom:50px;\n    }\n\n    .ky-heading p{\n        font-size:1rem;\n    }\n\n}\n<\/style>\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-c00d39e e-flex e-con-boxed e-con e-parent\" data-id=\"c00d39e\" 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-6978d6d elementor-widget elementor-widget-html\" data-id=\"6978d6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ky-cta\">\n  <div class=\"ky-cta-container\">\n\n    <div class=\"ky-cta-badge\">\n      Let's Build Something Great Together\n    <\/div>\n\n    <h2>Ready to <span>Transform Your Business?<\/span><\/h2>\n\n    <p>\n      Speak with our IT specialists today. Whether you need networking,\n      cybersecurity, cloud solutions or managed IT services, we're ready to\n      help your business grow.\n    <\/p>\n\n    <div class=\"ky-cta-buttons\">\n\n      <a href=\"tel:+254710259396\" class=\"ky-btn ky-btn-light\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1.5 1.5 0 011.5-.36c1.17.39 2.42.6 3.7.6A1.5 1.5 0 0122 17v3.5A1.5 1.5 0 0120.5 22C10.85 22 2 13.15 2 2.5A1.5 1.5 0 013.5 1H7a1.5 1.5 0 011.5 1.3c.1 1.28.3 2.53.7 3.7a1.5 1.5 0 01-.38 1.53L6.6 10.8z\"\/>\n        <\/svg>\n\n        <div>\n          <small>Call Us<\/small>\n          <strong>+254 710 259396<\/strong>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/wa.me\/254710259396\" class=\"ky-btn ky-btn-whatsapp\" target=\"_blank\">\n\n        <svg viewBox=\"0 0 32 32\" fill=\"currentColor\">\n          <path d=\"M19.1 17.4c-.3-.1-1.6-.8-1.8-.9-.3-.1-.5-.1-.7.1-.2.3-.8.9-.9 1.1-.2.2-.3.2-.6.1-.3-.1-1.2-.4-2.3-1.4-.8-.7-1.4-1.6-1.6-1.9-.2-.3 0-.4.1-.6l.4-.5.3-.5c.1-.2.1-.4 0-.6-.1-.1-.7-1.7-.9-2.3-.2-.5-.4-.4-.7-.4h-.6c-.2 0-.6.1-.9.4-.3.3-1.1 1.1-1.1 2.6s1.2 3.1 1.3 3.3c.2.2 2.4 3.8 5.9 5.1.8.4 1.5.6 2 .8.8.2 1.6.2 2.2.1.7-.1 2.1-.9 2.4-1.7.3-.8.3-1.5.2-1.7-.1-.2-.3-.2-.6-.3z\"\/>\n          <path d=\"M16 .7C7.6.7.8 7.5.8 15.9c0 2.7.7 5.3 2 7.6L.5 31.3l8-2.1c2.2 1.2 4.8 1.8 7.5 1.8 8.4 0 15.2-6.8 15.2-15.2S24.4.7 16 .7zm0 27.6c-2.4 0-4.8-.6-6.8-1.8l-.5-.3-4.7 1.2 1.3-4.6-.3-.5c-1.3-2.1-2-4.5-2-6.9C3 9 8 4 16 4s13 5 13 11.9-5 12.4-13 12.4z\"\/>\n        <\/svg>\n\n        <div>\n          <small>Chat Instantly<\/small>\n          <strong>WhatsApp Us<\/strong>\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n.ky-cta,\n.ky-cta *{\nbox-sizing:border-box;\n}\n\n.ky-cta{\nfont-family:'Manrope',sans-serif;\npadding:90px 20px;\nbackground:\nradial-gradient(circle at top left,#edf8ff 0%,transparent 32%),\nradial-gradient(circle at bottom right,#fff2e7 0%,transparent 35%),\nlinear-gradient(135deg,#f8fcff,#ffffff);\n}\n\n.ky-cta-container{\nmax-width:980px;\nmargin:auto;\nbackground:#fff;\nborder:1px solid #edf2f8;\nborder-radius:30px;\npadding:70px 40px;\ntext-align:center;\nbox-shadow:0 20px 60px rgba(15,53,112,.08);\nposition:relative;\noverflow:hidden;\n}\n\n.ky-cta-container:before{\ncontent:\"\";\nposition:absolute;\nwidth:260px;\nheight:260px;\nbackground:rgba(255,106,0,.06);\nborder-radius:50%;\ntop:-120px;\nright:-100px;\n}\n\n.ky-cta-container:after{\ncontent:\"\";\nposition:absolute;\nwidth:220px;\nheight:220px;\nbackground:rgba(0,123,255,.05);\nborder-radius:50%;\nbottom:-120px;\nleft:-100px;\n}\n\n.ky-cta-badge{\ndisplay:inline-block;\npadding:10px 22px;\nborder-radius:100px;\nbackground:#eaf6ff;\ncolor:#1ea7ff;\nfont-size:.8rem;\nfont-weight:700;\nletter-spacing:1.5px;\nmargin-bottom:20px;\nposition:relative;\nz-index:2;\n}\n\n.ky-cta h2{\nmargin:0;\nfont-size:clamp(2rem,4vw,3.3rem);\nfont-weight:800;\ncolor:#0c2d69;\nposition:relative;\nz-index:2;\n}\n\n.ky-cta h2 span{\ncolor:#ff6b00;\n}\n\n.ky-cta p{\nmargin:22px auto 45px;\nmax-width:700px;\nfont-size:1.08rem;\nline-height:1.8;\ncolor:#66758f;\nposition:relative;\nz-index:2;\n}\n\n.ky-cta-buttons{\ndisplay:flex;\njustify-content:center;\ngap:20px;\nflex-wrap:wrap;\nposition:relative;\nz-index:2;\n}\n\n.ky-btn{\ndisplay:flex;\nalign-items:center;\ngap:16px;\npadding:18px 28px;\ntext-decoration:none;\nborder-radius:16px;\ntransition:.35s;\nfont-weight:700;\nmin-width:280px;\njustify-content:center;\n}\n\n.ky-btn svg{\nwidth:26px;\nheight:26px;\nflex-shrink:0;\n}\n\n.ky-btn div{\ndisplay:flex;\nflex-direction:column;\nalign-items:flex-start;\n}\n\n.ky-btn small{\nfont-size:.78rem;\nfont-weight:600;\nopacity:.75;\n}\n\n.ky-btn strong{\nfont-size:1.05rem;\nmargin-top:2px;\n}\n\n.ky-btn-light{\nbackground:#fff;\nborder:2px solid #e8edf5;\ncolor:#102f69;\n}\n\n.ky-btn-light:hover{\ntransform:translateY(-6px);\nbox-shadow:0 18px 40px rgba(18,49,110,.12);\nborder-color:#ff6b00;\n}\n\n.ky-btn-whatsapp{\nbackground:linear-gradient(135deg,#25D366,#18b956);\ncolor:#fff;\nbox-shadow:0 18px 40px rgba(37,211,102,.28);\n}\n\n.ky-btn-whatsapp:hover{\ntransform:translateY(-6px);\nbox-shadow:0 25px 45px rgba(37,211,102,.35);\n}\n\n@media(max-width:768px){\n\n.ky-cta{\npadding:70px 18px;\n}\n\n.ky-cta-container{\npadding:50px 25px;\nborder-radius:24px;\n}\n\n.ky-btn{\nwidth:100%;\nmin-width:100%;\n}\n\n}\n<\/style>\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>Transforming Your Network &amp; IT Infrastructure Kayudi Networks delivers cutting-edge technology solutions for networking, web design, IT consulting, and security [&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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/24","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=24"}],"version-history":[{"count":60,"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":759,"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/759"}],"wp:attachment":[{"href":"https:\/\/kayudi.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}