<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Ateni Media Technologies | Digital Transformation & IT Solutions in Lira City, Uganda</title>
<meta name="author" content="Ateni Media Technologies LLC">
<meta name="description" content="Leading technology solutions provider in Uganda offering custom software, radio hosting, payment systems, and digital transformation services for businesses across East Africa.">
<meta name="keywords" content="technology solutions Uganda, custom software development, radio hosting services, payment systems Uganda, digital transformation, IT consulting Lira City, business software Uganda, Ateni Media Technologies">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Geographic and Local Business Meta Tags -->
<meta name="geo.region" content="UG" />
<meta name="geo.placename" content="Lira City" />
<meta name="geo.position" content="2.2496;32.8998" />
<meta name="ICBM" content="2.2496, 32.8998" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Ateni Media Technologies | Digital Transformation & IT Solutions in Uganda">
<meta property="og:description" content="Leading technology solutions provider offering custom software, radio hosting, and payment systems for businesses across East Africa.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://atenimedia.com">
<meta property="og:image" content="https://atenimedia.com/assets/img/og-ateni-media.jpg">
<meta property="og:site_name" content="Ateni Media Technologies">
<meta property="og:locale" content="en_UG">

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ateni Media Technologies | Digital Solutions in Uganda">
<meta name="twitter:description" content="Custom software, radio hosting & payment solutions driving digital transformation across East Africa.">
<meta name="twitter:image" content="https://atenimedia.com/assets/img/twitter-ateni-media.jpg">
<meta name="twitter:site" content="@atenimedia">

<!-- Additional SEO Meta Tags -->
<meta name="language" content="English">
<meta name="revisit-after" content="7 days">
<meta name="rating" content="General">
<meta name="distribution" content="Global">
<meta name="copyright" content="Ateni Media Technologies LLC">
<meta name="company" content="Ateni Media Technologies LLC">

<!-- Canonical URL -->
<link rel="canonical" href="https://atenimedia.com">

<!-- Structured Data for Local Business -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Ateni Media Technologies LLC",
  "alternateName": "Ateni Media",
  "url": "https://atenimedia.com",
  "logo": "https://atenimedia.com/assets/img/ateni-media-logo.png",
  "description": "Leading technology solutions provider offering custom software development, radio hosting services, and payment systems in Uganda and East Africa.",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Lira City",
    "addressLocality": "Lira",
    "addressRegion": "Northern Region",
    "addressCountry": "UG"
  },
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+256-XXX-XXXXXX",
    "contactType": "customer service",
    "areaServed": "UG",
    "availableLanguage": "en"
  },
  "sameAs": [
    "https://www.linkedin.com/company/atenimedia",
    "https://twitter.com/atenimedia",
    "https://facebook.com/atenimedia"
  ],
  "foundingDate": "2020",
  "numberOfEmployees": "10-50",
  "slogan": "Driving Digital Transformation Across East Africa",
  "knowsAbout": [
    "Custom Software Development",
    "Radio Hosting Services",
    "Payment Systems",
    "Digital Transformation",
    "IT Consulting",
    "Cloud Solutions",
    "Mobile App Development"
  ],
  "makesOffer": [
    "Software Development Services",
    "IT Consulting Services",
    "Digital Transformation Services",
    "Payment Processing Solutions",
    "Radio Broadcasting Services"
  ]
}
</script>

<!-- Breadcrumb Structured Data -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://atenimedia.com"
    }
  ]
}
</script>

<!-- Website Structured Data -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Ateni Media Technologies",
  "alternateName": "Ateni Media",
  "url": "https://atenimedia.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://atenimedia.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Ateni Media Technologies LLC",
    "logo": {
      "@type": "ImageObject",
      "url": "https://atenimedia.com/assets/img/ateni-media-logo.png"
    }
  }
}
</script>

<!-- Favicon and Icons -->
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">



    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicons - Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/Atemi Media Icon Colored-04.png">
    <meta name="theme-color" content="#ffffff">

    <!--==============================
	  Google Fonts
	============================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">

    <!--==============================
	    All CSS File
	============================== -->
    <!--==============================
	    All CSS File
	============================== -->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">

    <!-- Swiper css -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="assets/css/style.css">
    <style>
.client-badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
}

.enterprise-stats {
    background: rgba(255,255,255,0.1);
    padding: 40px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
}

.stat-item {
    padding: 20px;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 5px;
}

.stat-label {
    color: #666;
    font-weight: 500;
    margin: 0;
}

.category-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f0f0f0;
}

.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
</style>

</head>

<body>

<?php
include("navigation-bar.php");
?>
    <!--==============================
Hero Area
==============================-->
    <div class="th-hero-wrapper hero-1" id="hero">
        <div class="swiper th-slider hero-slider-1" id="heroSlide1" data-slider-options='{"effect":"fade","menu": ["", "", ""],"heroSlide1": {"swiper-container": {"pagination": {"el": ".swiper-pagination", "clickable": true }}}}'>
            <div class="swiper-wrapper">
                
                <div class="swiper-slide">
    <div class="hero-inner">
        <div class="th-hero-bg" data-bg-src="https://atenimedia.com/assets/img/bg/radio%20hosting%20hero.png">
        </div>
        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-9 col-lg-8">
                    <div class="hero-style1">
                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">
                            Premium Icecast & Shoutcast Hosting
                        </span>
                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                            Launch & Grow Your Internet Radio Station
                        </h1>
                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">
                            Ateni Media Technologies LLC provides reliable, high-performance streaming solutions, empowering broadcasters to reach audiences worldwide with crystal-clear sound, scalable servers, and 24/7 support. Your station, your rules—powered by our cutting-edge Icecast and Shoutcast hosting.
                        </p>
                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                            <a href="contact.html" class="th-btn style7 th-icon">
                                Start Your Station <i class="fa-light fa-arrow-right-long"></i>
                            </a>
                            <a href="service.html" class="th-btn style2 th-icon">
                                Explore Hosting Plans <i class="fa-light fa-arrow-right-long"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="https://atenimedia.com/assets/img/hero/Hero%20Background-01.png">
                        </div>
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-9 col-lg-8">
                                    <div class="hero-style1">
                                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">Bulk SMS, Search Engine Optimization.</span>
                                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                          Digital Marketing Solution</h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Welcome to Atek where we specialize in delivering tailored technology and IT solutions.</p>
                                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                            <a href="contact.html" class="th-btn style7 th-icon">
                                                Discover More <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                            <a href="service.html" class="th-btn style2 th-icon">
                                                Our Services <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="https://atenimedia.com/assets/img/hero/Hero%20Background-02.png">
                        </div>
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-9 col-lg-8">
                                    <div class="hero-style1">
                                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">Static Web Solution, Dynamic Web Solution.</span>
                                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                           Web Systems Solution</h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Welcome to Atek where we specialize in delivering tailored technology and IT solutions.</p>
                                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                            <a href="contact.html" class="th-btn style7 th-icon">
                                                Discover More <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                            <a href="service.html" class="th-btn style2 th-icon">
                                                Our Services <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="https://atenimedia.com/assets/img/hero/Hero%20Background-03.png">
                        </div>
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-9 col-lg-8">
                                    <div class="hero-style1">
                                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">Native Mobile Apps, Cross UI Mobile Apps</span>
                                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                            Mobile Solution</h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Welcome to Atek where we specialize in delivering tailored technology and IT solutions.</p>
                                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                            <a href="contact.html" class="th-btn style7 th-icon">
                                                Discover More <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                            <a href="service.html" class="th-btn style2 th-icon">
                                                Our Services <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_1_3.jpg">
                        </div>
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-9 col-lg-8">
                                    <div class="hero-style1">
                                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">Mechatronics, Internet of Things.</span>
                                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                            Embeded System &  IoT</h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Welcome to Atek where we specialize in delivering tailored technology and IT solutions.</p>
                                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                            <a href="contact.html" class="th-btn style7 th-icon">
                                                Discover More <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                            <a href="service.html" class="th-btn style2 th-icon">
                                                Our Services <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                 <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_1_3.jpg">
                        </div>
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-9 col-lg-8">
                                    <div class="hero-style1">
                                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">2D Graphics, 3D Graphics.</span>
                                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                           Graphics Design</h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Welcome to Atek where we specialize in delivering tailored technology and IT solutions.</p>
                                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                            <a href="contact.html" class="th-btn style7 th-icon">
                                                Discover More <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                            <a href="service.html" class="th-btn style2 th-icon">
                                                Our Services <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                 <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_1_3.jpg">
                        </div>
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-9 col-lg-8">
                                    <div class="hero-style1">
                                        <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">Installation, Marketing.</span>
                                        <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                            Internet Radio Solution</h1>
                                        <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.6s">Welcome to Atek where we specialize in delivering tailored technology and IT solutions.</p>
                                        <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                            <a href="contact.html" class="th-btn style7 th-icon">
                                                Discover More <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                            <a href="service.html" class="th-btn style2 th-icon">
                                                Our Services <i class="fa-light fa-arrow-right-long"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
            <div class="th-swiper-custom">
                <button data-slider-prev="#heroSlide1" class="slider-arrow slider-prev"><img src="assets/img/icon/right-arrow.svg" alt=""></button>
                <div class="slider-pagination"></div>
                <button data-slider-next="#heroSlide1" class="slider-arrow slider-next"><img src="assets/img/icon/left-arrow.svg" alt=""></button>
            </div>

        </div>
    </div>
   <!--==============================
About Area  
==============================-->
<section class="category-area bg-top-center space" data-bg-src="assets/img/bg/category_bg_1.png">
    <div class="container th-container">
        <div class="title-area mb-60 text-center">
            <span class="sub-title text-anime-style-2">Key Industries We Serve</span>
            <h2 class="sec-title text-anime-style-3">Transforming Traditional Sectors with Cutting-Edge Technology</h2>
            <p class="sec-text mt-3">Driving digital innovation across Northern Uganda's most vital industries with proven solutions that deliver measurable results</p>
        </div>
        <div class="swiper th-slider categorySlider" id="categorySlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"},"1400":{"spaceBetween":45,"slidesPerView":"5"}}}'>
            <div class="swiper-wrapper">
                <!-- Healthcare Technology -->
                <div class="swiper-slide">
                    <div class="category-card single">
                        <div class="box-img global-img">
                            <img src="https://reyesdefinido.com/wp-content/uploads/2021/10/online-card-payment-6107598-1024x630.png" alt="Healthcare Technology Solutions">
                        </div>
                        <h3 class="box-title"><a href="#">Ateni Pay: Secure Digital Payments</a></h3>
<p class="sec-text">
Ateni Pay is a PCI-DSS compliant digital payment gateway for East Africa, enabling secure collections and disbursements, processing millions in transactions with banking-grade reliability and real-time tracking.
</p>
<!--<div class="client-badge">Trusted & Secure</div>-->
                    </div>
                </div>

                <!-- Education Technology -->
                <div class="swiper-slide">
                    <div class="category-card single">
                        <div class="box-img global-img">
                            <img src="https://researchictafrica.net/wp-content/uploads/2021/11/shutterstock_1262591533-min-1536x864.jpg" alt="Education Technology Solutions">
                        </div>
                       <h3 class="box-title"><a href="#">Feedi: Smart School ID System</a></h3>
<p class="sec-text">
Feedi is a digital school identification platform that manages student meal cards and gate passes in real time, offering detailed tracking, analytics, and statistics for efficient school management.
</p>
<!--<div class="client-badge">Real-Time Student Management</div>-->
                    </div>
                </div>

                <!-- Hospitality & Tourism -->
                <!--<div class="swiper-slide">-->
                <!--    <div class="category-card single">-->
                <!--        <div class="box-img global-img">-->
                <!--            <img src="assets/img/industries/hospitality-technology.jpg" alt="Hospitality Technology Solutions">-->
                <!--        </div>-->
                <!--        <h3 class="box-title"><a href="/hospitality-solutions">Hospitality & Tourism</a></h3>-->
                <!--        <p class="sec-text">Property management systems and booking platforms automating operations for 200+ hotels and tourism businesses</p>-->
                <!--        <div class="client-badge">Tourism Excellence</div>-->
                <!--    </div>-->
                <!--</div>-->

                <!-- Real Estate Technology -->
                <div class="swiper-slide">
                    <div class="category-card single">
                        <div class="box-img global-img">
                            <img src="https://d3lkc3n5th01x7.cloudfront.net/wp-content/uploads/2023/09/27003249/AI-in-real-estate.png" alt="Real Estate Technology Solutions">
                        </div>
                       <h3 class="box-title"><a href="#">Urbani: Smart Real Estate Solutions</a></h3>
<p class="sec-text">
AI-driven property marketplaces and intelligent management systems handling 2,000+ listings, with seamless payment integration and real-time analytics for Northern Uganda’s property market.
</p>
<!--<div class="client-badge">High-Tech Property Innovation</div> -->
                    </div> 
                </div>

                <!-- Financial Technology -->
                <div class="swiper-slide">
                    <div class="category-card single">
                        <div class="box-img global-img">
                            <img src="https://static.wixstatic.com/media/db0737_715485093f7347bd8ee50d96103f86b4~mv2.png/v1/fill/w_740,h_416,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/db0737_715485093f7347bd8ee50d96103f86b4~mv2.png" alt="Financial Technology Solutions">
                        </div>
                      <h3 class="box-title"><a href="#">Ateni Pay: Secure Digital Payments</a></h3>
<p class="sec-text">
Ateni Pay is a PCI-DSS compliant digital payment gateway for Northern Uganda, enabling secure collections and disbursements, processing millions in transactions with banking-grade reliability and real-time tracking.
</p>
<!--<div class="client-badge">Trusted & Secure</div>-->
                    </div>
                </div>

                <!-- Entertainment & Media -->
                <div class="swiper-slide">
                    <div class="category-card single">
                        <div class="box-img global-img">
                            <img src="http://atenimedia.com/assets/img/bg/Asset%201.png" alt="Entertainment Technology Solutions">
                        </div>
                        <h3 class="box-title"><a href="#">Ateni Host: Internet Radio Streaming</a></h3>
<p class="sec-text"> 
Ateni Host provides reliable Icecast and Shoutcast streaming services, powering radio stations and media platforms to reach 100,000+ monthly listeners across East Africa with crystal-clear audio and 24/7 uptime.
</p>
<!--<div class="client-badge">Streaming Excellence</div> -->
                    </div> 
                </div>

                <!-- Agriculture Technology -->
                <!--<div class="swiper-slide">-->
                <!--    <div class="category-card single">-->
                <!--        <div class="box-img global-img">-->
                <!--            <img src="assets/img/industries/agriculture-technology.jpg" alt="Agriculture Technology Solutions">-->
                <!--        </div>-->
                <!--        <h3 class="box-title"><a href="/agriculture-solutions">Agriculture Technology</a></h3>-->
                <!--        <p class="sec-text">Farm management software and market linkage platforms supporting 5,000+ farmers with modern agricultural tools</p>-->
                <!--        <div class="client-badge">AgriTech Innovation</div>-->
                <!--    </div>-->
                <!--</div>-->

                <!-- Retail & E-commerce -->
                <div class="swiper-slide">
                    <div class="category-card single">
                        <div class="box-img global-img">
                            <img src="https://cdn.prod.website-files.com/64ad227a3e66387fc5d89320/67bdfee45021af04bb9d56d4_TG%20_%20Free%20ticket%20Maker-min.png" alt="Retail Technology Solutions">
                        </div>
                        <h3 class="box-title"><a href="#">Party Plannet: Event Ticketing Platform</a></h3> 
<p class="sec-text">
Party Plannet is a modern ticket booking platform for virtual and physical events, enabling seamless digital ticket sales, real-time tracking, and secure payments to make every event experience effortless and memorable.
</p>
<!--<div class="client-badge">Smart Event Management</div>-->
                    </div>
                </div>

                <!-- Government & Public Sector -->
                <!--<div class="swiper-slide">-->
                <!--    <div class="category-card single">-->
                <!--        <div class="box-img global-img">-->
                <!--            <img src="assets/img/industries/government-technology.jpg" alt="Government Technology Solutions">-->
                <!--        </div>-->
                <!--        <h3 class="box-title"><a href="/government-solutions">Government & Public Sector</a></h3>-->
                <!--        <p class="sec-text">Digital citizen services and public administration systems improving service delivery for local government units</p>-->
                <!--        <div class="client-badge">Public Service</div>-->
                <!--    </div>-->
                <!--</div>-->

                <!-- Manufacturing & Logistics -->
                <!--<div class="swiper-slide">-->
                <!--    <div class="category-card single">-->
                <!--        <div class="box-img global-img">-->
                <!--            <img src="assets/img/industries/manufacturing-technology.jpg" alt="Manufacturing Technology Solutions">-->
                <!--        </div>-->
                <!--        <h3 class="box-title"><a href="/manufacturing-solutions">Manufacturing & Logistics</a></h3>-->
                <!--        <p class="sec-text">Supply chain management and production tracking systems optimizing operations for local manufacturing plants</p>-->
                <!--        <div class="client-badge">Industrial Tech</div>-->
                <!--    </div>-->
                <!--</div>-->

            </div>
        </div>
        
     
    </div>
</section>



    <div class="bg-smoke position-relative overflow-hidden space" id="about-sec">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="img-box4 ab5-imgbox space-bottom text-end">
                        <div class="img1 reveal">
                            <img src="assets/img/product/Ateni CRM Mobile.png" alt="Ateni CRM">
                        </div>
                        <div class="img2"> 
                            <img src="assets/img/product/Ateni CRM Mobile Nav.png" alt="Ateni CRM" height="100"> 
                            <a href="#" class="play-btn popup-video"><i class="fa-light fa-arrow-right-long"></i></a> 
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="ab5-wrapp mt-40"> 
                        <div class="title-area">
                            <span class="sub-title style1 text-anime-style-2">Ateni CRM</span>
                            <h2 class="sec-title text-anime-style-2">The Perfect Solution For All The Protection.</h2>
                            <p class="sec-text mb-30 wow fadeInUp" data-wow-delay=".2s">AteniCRM is an excellent project management and CRM application that enhances productivity and customer satisfaction. You can manage your projects, clients & team easily in one place. It includes everything you need to manage your business effectively.</p>
                        </div>
                        <div class="about-item-wrap">
                            <div class="about-item ab5-item wow fadeInUp" data-wow-delay=".3s">
                                <div class="about-item_img"><img src="assets/img/icon/shield.svg" alt=""></div>
                                <div class="about-item_centent">
                                    <h5 class="box-title">Manage Your Clients Easily</h5>
                                    <p class="about-item_text">
                                     Create invoices and send them to your clients.<br />
Automatically collect monthly or yearly payments with subscriptions.<br />
Create e-Invoices and credit notes.<br />
Handle customer support easily with advanced tools.<br />

</p>
                                </div>
                            </div>
                            <div class="about-item ab5-item wow fadeInUp" data-wow-delay=".4s">
                                <div class="about-item_img"><img src="assets/img/icon/shield.svg" alt=""></div>
                                <div class="about-item_centent">
                                    <h5 class="box-title">Grow Your Business</h5>
                                    <p class="about-item_text">Send well-designed proposals to your clients and increase your orders and sales.<br />
Know exactly what your clients need with custom estimate request forms. <br />Send estimates upfront to avoid confusion and earn their trust.<br />
Display your products and services in the online store to attract more clients and boost sales.
.</p>
                                </div>
                            </div>
                        </div>
                        <div class="mt-35 wow fadeInUp" data-wow-delay=".5s"><a href="https://atenicrm.atenimedia.com" class="th-btn th-radius th-icon">Learn More <i class="fa-light fa-arrow-right-long"></i></a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape-mockup d-none d-xxl-block" data-bottom="0%" data-right="0%">
            <img src="assets/img/shape/about-5-shape.png" alt="">
        </div>
    </div><!--==============================
Category Area  
==============================-->


  <div class="counter-area space space-extra3-bottom overflow-hidden">
        <div class="container">
            <div class="counter-wrap1">
                <div class="row">

                    <div class="col-md-6 col-xl-3 counter-card-wrap">
                        <div class="counter-card">
                            <div class="counter-shape"><span></span></div>
                            <div class="media-body">
                                <h3 class="box-number"><span class="counter-number">
                                <?php
// Get the current year
$currentYear = date("Y");

// Subtract 2019 from the current year
$result = $currentYear - 2019;

// Output the result
echo  $result;
?>
                                
                                </span></h3>
                                <h6 class="counter-title">Years Experience</h6>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-3 counter-card-wrap">
                        <div class="counter-card">
                            <div class="counter-shape"><span></span></div>
                            <div class="media-body">
                                <h3 class="box-number"><span class="counter-number">97</span>%</h3>
                                <h6 class="counter-title">Retention Rate</h6>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-3 counter-card-wrap">
                        <div class="counter-card">
                            <div class="counter-shape"><span></span></div>
                            <div class="media-body">
                                <h3 class="box-number"><span class="counter-number">80</span>+</h3>
                                <h6 class="counter-title">Projects Completed</h6>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-3 counter-card-wrap">
                        <div class="counter-card">
                            <div class="counter-shape"><span></span></div>
                            <div class="media-body">
                                <h3 class="box-number"><span class="counter-number">190</span>+</h3>
                                <h6 class="counter-title">Happy Clients</h6>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shape-mockup jump d-none d-xl-block" data-bottom="0%" data-left="-12%">
                    <img src="assets/img/shape/shape_5.png" alt="shape">
                </div>
            </div>
        </div>
    </div>
  


    
    <!--==============================
About Area  
==============================-->
    <div class="about-area position-relative overflow-hidden " id="about-sec">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="img-box1">
                        <div class="img1">
                            <img src="assets/img/normal/about_1_1.jpg" alt="About">
                        </div>
                        <div class="img2">
                            <img src="assets/img/normal/about_1_2.jpg" alt="About">
                        </div>
                        <div class="img3">
                            <img src="assets/img/normal/about_1_3.jpg" alt="About">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="ps-xl-4 ms-xxl-4">
                        <div class="title-area about1-title-box mb-20 pe-xxl-5 me-xxl-5">
                            <span class="sub-title style1 text-anime-style-2">Ateni SMS</span>
                            <h2 class="sec-title mb-20 heading text-anime-style-3">SMS Solutions That Evolve with Your Business</h2>

                            <p class="sec-text mb-30 wow fadeInUp" data-wow-delay=".1s">IT solutions refer to a broad range of services and technologies designed to address specific business needs, streamline operations, and drive growth. These solutions encompass hardware.</p>
                        </div>
                        <div class="about-item-wrap">
                            <div class="about-item wow fadeInUp" data-wow-delay=".2s">
                                <div class="about-item_img"><img src="assets/img/icon/map3.svg" alt=""></div>
                                <div class="about-item_centent">
                                    <h5 class="box-title">Promotional SMS</h5>
                                    <p class="about-item_text">There are many variations of passages of available but the
                                        majority.</p>
                                </div>
                            </div>
                            <div class="about-item wow fadeInUp" data-wow-delay=".3s">
                                <div class="about-item_img"><img src="assets/img/icon/guide.svg" alt=""></div>
                                <div class="about-item_centent">
                                    <h5 class="box-title">Statistics Based SMS</h5>
                                    <p class="about-item_text">There are many variations of passages of available but the
                                        majority.</p>
                                </div>
                            </div>
                        </div>
                        <div class="mt-35 wow fadeInUp">
                            <a href="https://atenisms.atenimedia.com" class="th-btn th-icon">Learn More <i class="fa-light fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shape-mockup shape1 d-none d-xl-block" data-top="12%" data-right="-16%">
                <img src="assets/img/shape/ab-1-shape-1.png" alt="shape">
            </div>
            <div class="shape-mockup shape3 d-none d-xl-block" data-bottom="2%" data-left="-20%">
                <img src="assets/img/shape/ab-1-shape-2.png" alt="shape">
            </div>

            <div class="shape-mockup about-shape movingX d-none d-xxl-block" data-bottom="20%" data-right="-11%">
                <img src="assets/img/normal/about-right-img.jpg" alt="shape">
            </div>
        </div>

    </div>
    <!--==============================
destination Area  
==============================-->
    <div class="case-area position-relative overflow-hidden space">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-5">
                    <div class="title-area case-title-box text-center text-xl-start">
                        <span class="sub-title mb-15  text-anime-style-2">Case Studies</span>
                        <h2 class="sec-title  text-anime-style-3">Transforming Ideas into Innovations</h2>
                    </div>
                </div>
                <div class="col-xl-7">
                    <div class="nav nav-tabs case-tabs" id="nav-tab" role="tablist">
                        <button class="nav-link th-btn active" id="nav-step1-tab" data-bs-toggle="tab" data-bs-target="#nav-step1" type="button">Development</button>
                        <button class="nav-link th-btn" id="nav-step2-tab" data-bs-toggle="tab" data-bs-target="#nav-step2" type="button">Woo Commerce</button>
                        <button class="nav-link th-btn" id="nav-step3-tab" data-bs-toggle="tab" data-bs-target="#nav-step3" type="button">CRM Solutions</button>
                        <button class="nav-link th-btn" id="nav-step4-tab" data-bs-toggle="tab" data-bs-target="#nav-step4" type="button">Web Design</button>
                        <button class="nav-link th-btn" id="nav-step5-tab" data-bs-toggle="tab" data-bs-target="#nav-step5" type="button">IT Support</button>
                    </div>
                </div>
            </div>

            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade active show" id="nav-step1" role="tabpanel">
                    <div class="slider-area case-slider slider-drag-wrap">
                        <div class="swiper th-slider case-slider" id="aboutSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}},"effect":"coverflow","coverflowEffect":{"rotate":"0","stretch":"95","depth":"212","modifier":"1"},"centeredSlides":"true"}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Web & Mobile Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Ui/Ux Design</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Backend Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Python</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Python Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">JavaScript</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Apps Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Java</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Php</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">JavaScript</a>
                                                    </h4>
                                                    <span class="case-subtitle">Html</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Php Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Androied</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Java Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">IOS</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Software Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Software Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-step2" role="tabpanel">
                    <div class="slider-area case-slider slider-drag-wrap">
                        <div class="swiper th-slider case-slider" id="aboutSlider2" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}},"effect":"coverflow","coverflowEffect":{"rotate":"0","stretch":"95","depth":"212","modifier":"1"},"centeredSlides":"true"}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Web & Mobile Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Ui/Ux Design</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Backend Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Python</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Python Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">JavaScript</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Apps Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Java</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Php</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">JavaScript</a>
                                                    </h4>
                                                    <span class="case-subtitle">Html</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Php Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Androied</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Java Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">IOS</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Software Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Software Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-step3" role="tabpanel">
                    <div class="slider-area case-slider slider-drag-wrap">
                        <div class="swiper th-slider case-slider" id="aboutSlider3" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}},"effect":"coverflow","coverflowEffect":{"rotate":"0","stretch":"95","depth":"212","modifier":"1"},"centeredSlides":"true"}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Web & Mobile Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Ui/Ux Design</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Backend Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Python</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Python Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">JavaScript</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Apps Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Java</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Php</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">JavaScript</a>
                                                    </h4>
                                                    <span class="case-subtitle">Html</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Php Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Androied</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Java Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">IOS</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Software Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Software Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-step4" role="tabpanel">
                    <div class="slider-area case-slider slider-drag-wrap">
                        <div class="swiper th-slider case-slider" id="aboutSlider4" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}},"effect":"coverflow","coverflowEffect":{"rotate":"0","stretch":"95","depth":"212","modifier":"1"},"centeredSlides":"true"}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Web & Mobile Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Ui/Ux Design</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Backend Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Python</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Python Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">JavaScript</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Apps Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Java</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Php</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">JavaScript</a>
                                                    </h4>
                                                    <span class="case-subtitle">Html</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Php Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Androied</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Java Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">IOS</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Software Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Software Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-step5" role="tabpanel">
                    <div class="slider-area case-slider slider-drag-wrap">
                        <div class="swiper th-slider case-slider" id="aboutSlider5" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}},"effect":"coverflow","coverflowEffect":{"rotate":"0","stretch":"95","depth":"212","modifier":"1"},"centeredSlides":"true"}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Web & Mobile Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Ui/Ux Design</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Backend Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Python</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Python Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">JavaScript</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Apps Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Java</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_1.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Ui/Ux Design</a>
                                                    </h4>
                                                    <span class="case-subtitle">Php</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_2.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">JavaScript</a>
                                                    </h4>
                                                    <span class="case-subtitle">Html</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_3.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Php Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Androied</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_4.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Java Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">IOS</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="assets/img/case/case_1_5.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Software Development</a>
                                                    </h4>
                                                    <span class="case-subtitle">Software Development</span>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!--==============================
Cta Area  
==============================-->
    <div class="cta-4 position-relative overflow-hidden">
        <div class="cta-sec5 bg-title" data-bg-src="assets/img/bg/cta_bg_3.jpg">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-lg-6">
                        <div class="space">
                            <div class="title-area cta-4_title-box mb-40">
                                <span class="sub-title style1 text-white mb-10 text-anime-style-2">Introducing </span>
                                <h2 class="sec-title text-white text-anime-style-3">The Party Plannet</h2>
                                <h2 class="duration-title text-white text-anime-style-3">All in 1 Digital Ticketing System</h2>
                                <p class="text-white wow fadeInUp" data-wow-delay=".3s">Do you Prefer Physical, Vitual Ticktes</p>
                            </div>
                            <div class="btn-group cta-4-action wow fadeInUp" data-wow-delay=".4s">
                                <a href="https://partyplannet.com" class="th-btn th-icon">Visit Website <i class="fa-light fa-arrow-right-long"></i></a>
                                <a href="contact.html" class="th-btn style6 th-icon">Download App <i class="fa-light fa-arrow-right-long"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="app-mockup movingX">
                            <img src="assets/img/normal/app_mockup.png" alt="app mockup">
                        </div>
                    </div>
                </div>
            </div>
            <div class="shape-mockup d-none d-xxl-block" data-bottom="0%" data-right="0%"><img src="assets/img/normal/cta-left-img.png" alt="">
            </div>
        </div>
    </div>
    <!--==============================
Servce Area  
==============================-->
    <section class="position-relative bg-top-center overflow-hidden space" id="service-sec" data-bg-src="assets/img/bg/service_bg_1.jpg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="title-area service-title-box text-center">
                        <span class="sub-title mb-15  text-anime-style-2">What We’re Offering</span>
                        <h2 class="sec-title  text-anime-style-2">Dealing in all professional IT services</h2>
                        <p class="sec-text mb-50 wow fadeInUp" data-wow-delay=".4s">IT solutions refer to a broad range of services and technologies designed to address <br> specific business needs, streamline operations, and drive growth.</p>
                    </div>
                </div>
            </div>
            <div class="slider-area slider-drag-wrap">
                <div class="swiper th-slider has-shadow" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"},"1300":{"slidesPerView":"4"}}}'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/process-1-1.png" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Static Website</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/process-1-2.png" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Dynamic Website</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/process-1-3.png" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Web Re-Design</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/service_img_4.jpg" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Cyber Security</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/service_img_2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Rest API Development</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/service_img_1.jpg" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Payment Gateway Integration</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/service_img_4.jpg" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">General Contracting</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/service_img_2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">Architecture Design</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="service-box service-style-1 gsap-cursor">
                                <div class="service-img">
                                    <a href="service-details.html">
                                        <img src="assets/img/service/service_img_1.jpg" alt="">
                                    </a>
                                </div>
                                <div class="service-content">
                                    <h3 class="box-title">
                                        <a href="service-details.html">House Renovation</a>
                                    </h3>
                                    <p class="service-box_text">Assessing current IT infrastructure and aligning it with business goals. Developing a roadmap.</p>
                                    <a class="th-btn style4" href="service-details.html">
                                        Read More <i class="fa-light fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--==============================
Testimonial Area  
==============================-->
    <section class="testi-area5 bg-smoke overflow-hidden space" id="testi-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6">
                    <div class="testi-image-wrapp">
                        <div class="testi-img">
                            <img src="assets/img/product/Artos Sceenshot Mobile.png" alt="">
                        </div>
                        <div class="testi-img style2">
                            <img src="assets/img/product/Artos Sceenshot Mobile 2.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="title-area testi5-titlebox mb-40 mt-40">
                        <h2 class="sec-title text-anime-style-3">Remote-ready UI for ESP32 devices — fast, secure, and plug-and-play.</h2>
                        <span class="sub-title text-anime-style-2">ARTOS UI a clean, powerful web UI built on the ESP32 RTOS. Manage files, install plugins and Python binaries, configure GPIO pins, and deliver OTA updates — all from any browser. Works out-of-the-box with ARTOS S5 Mini Model 1, ARTOS S5 Model 1, and ARTOS S5 Pro Model 1.</span>
                        
                    </div>
                    <div class="swiper th-slider testiSlide5" id="testiSlide5" data-slider-options='{"effect":"slide","loop":false,"thumbs":{"swiper":".testi-grid2-thumb"}}'>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="testi-grid2">
                                    <div class="box-content">
                                        <p class="box-text"> Upload, browse, edit and version device files from your browser.<br />
                                        Web-based file browser for device storage (list, upload, download, delete).<br />

Edit small text files inline (config files, scripts) with automatic backups.<br />

File versioning for quick rollback to previous working states.<br />

Drag-and-drop upload for binaries, assets, and scripts.<br />
                                        </p>
                                        <h6 class="box-title">File Management UI</h6>
                                        <span class="box-desig">1</span>
                                       
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testi-grid2">
                                    <div class="box-content">
                                        <p class="box-text">Simple device onboarding and automatic configuration.<br />
                                        Zero-touch onboarding: scan a QR or connect to device AP for first-time setup.<br />

Guided configuration wizard (network, hostname, time zone, default services).<br />

Auto-detects compatible ARTOS S5 variants and applies recommended defaults.<br />
                                        </p>
                                        <h6 class="box-title">Plug & Play Install:</h6>
                                        <span class="box-desig">2</span>
                                       
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testi-grid2">
                                    <div class="box-content">
                                        <p class="box-text">Push firmware and binary updates securely over the air.
                                        Secure OTA channels for firmware and application binaries.<br />

Update scheduling (immediate, timed windows, staged rollouts).<br />

Delta or full images supported to reduce bandwidth.<br />

Rollback support in case of failed updates.<br />
                                        </p>
                                        <h6 class="box-title">OTA Updates: </h6>
                                        <span class="box-desig">3</span>
                                       
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testi-grid2">
                                    <div class="box-content">
                                        <p class="box-text">Install plugin binaries and run embedded Python scripts.<br />
                                        
                                        Install plugin binaries (.bin) via the UI — the system validates signature and dependencies.<br />

Deploy Python scripts and run them in an isolated interpreter on the device.<br />

Plugin lifecycle: install → configure → enable/disable → remove.<br />

Safe sandboxing to protect core services and file system.<br />
                                        </p>
                                        <h6 class="box-title">Plugin & Python Support:</h6>
                                        <span class="box-desig">4</span>
                                       
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testi-grid2">
                                    <div class="box-content">
                                        <p class="box-text"> Tweak GPIOs, I/O modes, and small config changes without reflashing.<br />
                                        
                                        Visual GPIO map with per-pin settings: input/output, pull-up/down, PWM, ADC sampling.<br />

Save and deploy pin profiles for different hardware configurations.<br />

Pin test console: toggle outputs, read ADC/inputs, and run short diagnostic scripts.<br /></p>
                                        <h6 class="box-title">Device Settings UI:</h6>
                                        <span class="box-desig">5</span>
                                       
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testi-grid2">
                                    <div class="box-content">
                                        <p class="box-text">Manage rooms and homes remotely — monitor & act from anywhere.<br />
                                        Group devices by room, zone, or building for bulk operations and status views.<br />

Remote control panels for lighting, HVAC relays, sensors and room scenes.<br />

Event logging and real-time telemetry for troubleshooting.<br />
</p>
                                        <h6 class="box-title">Multi-device Remote Control:</h6>
                                        <span class="box-desig">6</span>
                                       
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper th-slider testi-grid2-thumb" id="testiSlide6" data-slider-options='{"effect":"slide","slidesPerView":"6","spaceBetween":2,"loop":false}'>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="box-img">
                                    <img src="assets/img/icon/svg/files-stack.svg" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box-img">
                                    <img src="assets/img/icon/svg/plugins.svg" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box-img">
                                    <img src="assets/img/icon/svg/cloud-upload.svg" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box-img">
                                    <img src="assets/img/icon/svg/file-python.svg" alt="Image">
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="box-img">
                                    <img src="assets/img/icon/svg/settings-alt.svg" alt="Image">
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="box-img">
                                    <img src="assets/img/icon/svg/console.svg" alt="Image">
                                </div>
                            </div>
                        </div>
                        <div class="icon-box">
                            <button data-slider-prev="#testiSlide5, #testiSlide6" class="slider-arrow default"><img src="assets/img/icon/right-arrow2.svg" alt=""></button>
                            <button data-slider-next="#testiSlide5, #testiSlide6" class="slider-arrow default"><img src="assets/img/icon/left-arrow2.svg" alt=""></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Gallery Area  
==============================-->
    <div class="gallery-area overflow-hidden">
        <div class="container th-container">
            <div class="title-area text-center">
                <span class="sub-title mb-15 text-anime-style-2">Our Gallery</span>
                <h2 class="sec-title text-anime-style-3">Our Recent Project Gallery</h2>
            </div>
            <div class="row gy-10 gx-10 justify-content-center align-items-center">
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_1.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_1.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_2.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_2.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_3.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_3.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_4.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_4.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_5.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_5.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_6.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_6.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img">
                            <a href="assets/img/gallery/gallery_1_7.jpg" class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div>
                                <img src="assets/img/gallery/gallery_1_7.jpg" alt="gallery image">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shape-mockup th-line-shape d-none d-xl-block" data-top="-18%" data-left="0">
                <span>
                    <svg width="3200" height="860" viewBox="0 0 3200 860" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path class="line-1" d="M2138 14.0506C2095.27 -17.4415 2002.06 10.9842 1886.26 120.726C1741.5 257.904 1351.09 392.927 1300.98 262.785C1236.52 95.3792 1538.14 78.636 1447.87 346.052C1357.6 613.468 810.026 408.273 376.356 511.519C46.7827 589.983 -27.4648 825.017 -14.6451 859" stroke="currentColor" stroke-width="4" />
                    </svg>
                </span>
            </div>
            <div class="shape-mockup movingX d-none d-xl-block" data-top="11%" data-left="-3%">
                <img class="gmovingX" src="assets/img/shape/g-shape-1.png" alt="shape">
            </div>
            <div class="shape-mockup jump d-none d-xl-block" data-bottom="0" data-right="-3%">
                <img class="gmovingX" src="assets/img/shape/ab-1-shape-2.png" alt="shape">
            </div>
        </div>
    </div>
    <!--==============================
About Area  
==============================-->
    <div class="about-area position-relative overflow-hidden space" id="about-sec">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="img-box15 d-flex justify-content-center">
                        <div class="img1 d-none d-md-block">
                            <img src="assets/img/normal/about_15_1.jpg" alt="About">
                            <img src="assets/img/normal/about_15_2.jpg" alt="About">
                        </div>
                        <div class="img2">
                            <img src="assets/img/normal/about_15_3.jpg" alt="About">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="about-15-title-box ps-xl-3 ms-xl-5">
                        <div class="title-area mb-20">
                            <span class="sub-title style1 text-anime-style-2">Meet</span>
                            <h2 class="sec-title mb-25 text-anime-style-3">Artos S5 Mini Model 1</h2>
                        </div>
                        <p class="sec-text mb-30 me-xl-3 wow fadeInUp" data-wow-delay=".3s">Cloud computing solutions provide businesses with the ability to store, manage, and process data and applications over the internet instead of relying on local servers or personal devices. These solutions offer scalability, flexibility, and cost-efficiency, enabling organizations.</p>
                        <div class="about-feature-wrap">
                            <div class="about-feature-list">
                                <ul>
                                    <li class="wow fadeInUp" data-wow-delay=".5s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                       IP 36
                                    </li>
                                    <li class="wow fadeInUp" data-wow-delay=".5s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                      128x64 oLed Display
                                    </li>
                                    <li class="wow fadeInUp" data-wow-delay=".4s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                        4Mb
                                    </li>
                                    <li class="wow fadeInUp" data-wow-delay=".5s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                        Wifi
                                    </li>
                                    <li class="wow fadeInUp" data-wow-delay=".5s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                       MFRF52 RFID Sensor
                                    </li>
                                    <li class="wow fadeInUp" data-wow-delay=".5s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                       Bluetooth 4.1
                                    </li>
                                    <li class="wow fadeInUp" data-wow-delay=".5s">
                                        <span class="about-feature-icon"><img src="assets/img/icon/checkmark.svg" alt=""></span>
                                       Bluetooth 4.1
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-35 wow fadeInUp" data-wow-delay=".6s">
                            <a href="about.html" class="th-btn th-icon">Discover More <i class="fa-light fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape-mockup jump z-index-1 d-none d-xl-block" data-bottom="12%" data-right="5.5%">
            <img src="assets/img/shape/shape_2_1.png" alt="shape">
        </div>
    </div>
    <!--==============================
Counter Area  
==============================-->
  
    <section class="testi-area overflow-hidden space" id="testi-sec">
        <div class="container-fluid p-0">
            <div class="title-area mb-20 text-center">
                <span class="sub-title text-anime-style-2">Testimonial</span>
                <h2 class="sec-title text-anime-style-3">What Client Say About us</h2>
            </div>
            <div class="slider-area">
                <div class="swiper th-slider testiSlider1 has-shadow" id="testiSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"767":{"slidesPerView":"1","centeredSlides":"true"},"992":{"slidesPerView":"2","centeredSlides":"true"},"1200":{"slidesPerView":"2.5","centeredSlides":"true"},"1400":{"spaceBetween":5,"slidesPerView":"2.5","centeredSlides":"true"}}}'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_1.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Jastus Katsigye</h3>
                                            <span class="testi-card_desig">C.E.O Bultec Engineering Solutions</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_2.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Dr. Isaac Orec</h3>
                                            <span class="testi-card_desig">Front-End Developer</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_3.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Sam Omara</h3>
                                            <span class="testi-card_desig">Backend Engineer</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_2.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Josiah Ndayondi</h3>
                                            <span class="testi-card_desig">C.E.O Xmen FX Pros</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_1.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Bobson Opio</h3>
                                            <span class="testi-card_desig">C.E.O Karuma Post</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_3.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">John Kraft(JK) Olot</h3>
                                            <span class="testi-card_desig">C.E.O Luo Native</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_2.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Makmot Oyaka</h3>
                                            <span class="testi-card_desig">Managing Director Atedero FM</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater">
                                            <img src="assets/img/testimonial/testi_1_1.jpg" alt="testimonial">
                                        </div>
                                        <div class="media-body">
                                            <h3 class="box-title">Jimmy Omara</h3>
                                            <span class="testi-card_desig">Managing Director Hotel Komar</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                    </div>
                                </div>

                                <p class="testi-card_text">“IT consulting services are designed to help businesses optimize their technology strategies, streamline operations, and align IT solutions with their goal. Here are some key service offered under IT consulting Assisting with cloud migration.”</p>
                                <div class="testi-card-quote">
                                    <img src="assets/img/icon/testi-quote.svg" alt="img">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="slider-pagination"></div>
                </div>
            </div>
        </div>
        <div class="shape-mockup th-line-shape d-none d-xl-block" data-bottom="-2%" data-right="0%">
            <span>
                <svg width="1920" height="775" viewBox="0 0 1920 775" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path class="line-1" d="M1922 761.516C1883.55 789.861 1799.69 764.276 1695.5 665.5C1565.26 542.03 1214 420.5 1168.91 537.637C1110.92 688.314 1382.3 703.384 1301.08 462.69C1219.86 221.996 727.193 406.687 337.011 313.758C40.4869 243.135 -26.3152 31.5872 -14.781 1" stroke="#F2F5FA" stroke-width="4" />
                </svg>
            </span>
        </div>
        <div class="shape-mockup movingX d-none d-xl-block" data-top="15%" data-left="5%">
            <img src="assets/img/shape/shape_7.png" alt="shape">
        </div>
    </section><!--==============================
Blog Area  
==============================-->
    <section class="overflow-hidden space bg-smoke overflow-hidden" id="blog-sec">
        <div class="container">
            <div class="mb-30 text-center text-md-start">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-7">
                        <div class="title-area mb-md-0">
                            <span class="sub-title text-anime-style-2">Blog and Article</span>
                            <h2 class="sec-title text-anime-style-3">News & Articles From Atek</h2>
                        </div>
                    </div>
                    <div class="col-md-auto wow fadeInUp">
                        <a href="blog.html" class="th-btn style4 th-icon">See More Articles <i class="fa-light fa-arrow-right-long"></i></a>
                    </div>
                </div>
            </div>
            <div class="slider-area">
                <div class="swiper th-slider has-shadow" id="blogSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">

                            <div class="blog-box th-ani">
                                <div class="blog-img global-img">
                                    <img src="assets/img/blog/blog_1_1.jpg" alt="blog image">
                                </div>
                                <div class="blog-box_content">
                                    <div class="blog-meta">
                                        <a class="author" href="blog.html">July 05, 2025</a>
                                        <a href="blog.html">6 min read</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Top 10 IT Solutions Every Business Needs in 2025</a></h3>
                                    <a href="blog-details.html" class="th-btn style4 th-icon">Read More <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">

                            <div class="blog-box th-ani">
                                <div class="blog-img global-img">
                                    <img src="assets/img/blog/blog_1_2.jpg" alt="blog image">
                                </div>
                                <div class="blog-box_content">
                                    <div class="blog-meta">
                                        <a class="author" href="blog.html">August 15, 2025</a>
                                        <a href="blog.html">7 min read</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Exploring the Benefits of End-to-End IT Solution Services</a></h3>
                                    <a href="blog-details.html" class="th-btn style4 th-icon">Read More <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">

                            <div class="blog-box th-ani">
                                <div class="blog-img global-img">
                                    <img src="assets/img/blog/blog_1_3.jpg" alt="blog image">
                                </div>
                                <div class="blog-box_content">
                                    <div class="blog-meta">
                                        <a class="author" href="blog.html">Sep 15, 2025</a>
                                        <a href="blog.html">8 min read</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">The Impact of AI and Machine Learning on IT Solutions</a></h3>
                                    <a href="blog-details.html" class="th-btn style4 th-icon">Read More <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">

                            <div class="blog-box th-ani">
                                <div class="blog-img global-img">
                                    <img src="assets/img/blog/blog_1_1.jpg" alt="blog image">
                                </div>
                                <div class="blog-box_content">
                                    <div class="blog-meta">
                                        <a class="author" href="blog.html">July 09 2025</a>
                                        <a href="blog.html">9 min read</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Top 10 IT Solutions Every Business Needs in 2025</a></h3>
                                    <a href="blog-details.html" class="th-btn style4 th-icon">Read More <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">

                            <div class="blog-box th-ani">
                                <div class="blog-img global-img">
                                    <img src="assets/img/blog/blog_1_2.jpg" alt="blog image">
                                </div>
                                <div class="blog-box_content">
                                    <div class="blog-meta">
                                        <a class="author" href="blog.html">Janu 10 2025</a>
                                        <a href="blog.html">10 min read</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Exploring the Benefits of End-to-End IT Solution Services</a></h3>
                                    <a href="blog-details.html" class="th-btn style4 th-icon">Read More <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">

                            <div class="blog-box th-ani">
                                <div class="blog-img global-img">
                                    <img src="assets/img/blog/blog_1_3.jpg" alt="blog image">
                                </div>
                                <div class="blog-box_content">
                                    <div class="blog-meta">
                                        <a class="author" href="blog.html">Nov 12 2025</a>
                                        <a href="blog.html">11 min read</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">The Impact of AI and Machine Learning on IT Solutions</a></h3>
                                    <a href="blog-details.html" class="th-btn style4 th-icon">Read More <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="shape-mockup shape1 d-none d-xxl-block" data-bottom="5%" data-left="3%">
            <img src="assets/img/shape/blog-1-shape.png" alt="shape">
        </div>
        <div class="shape-mockup shape2 d-none d-xl-block" data-top="28%" data-right="5%">
            <img src="assets/img/shape/ab-1-shape-1.png" alt="shape">
        </div>
    </section>
    <?php
    include("footer.php");
    ?>

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
            </path>
        </svg>
    </div>
    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
    <!-- Swiper Js -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- circle-progress -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- imagesloaded -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <!-- isotope -->
    <script src="assets/js/isotope.pkgd.min.js"></script>

    <!-- nice select -->
    <script src="assets/js/nice-select.min.js"></script>
    <!-- wow -->
    <script src="assets/js/wow.min.js"></script>
    <!-- gsap -->
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <script src="assets/js/SplitText.js"></script>
    <!-- Scroll Trigger -->
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <!-- Lenis Smooth Scroll -->
    <script src="assets/js/lenis.min.js"></script>



    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>
</body>

</html>