File ".index.html"

Full Path: /home/wrisexaf/public_html/zaphyrz/.index.html
File size: 119.73 KB
MIME-type: text/html
Charset: utf-8

<!DOCTYPE html>
<html class="no-js" lang="zxx">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>
      Webteck - Technology & IT Solutions HTML Template - Digital Agency
    </title>
    <meta name="author" content="ZaphyrZ" />
    <meta
      name="description"
      content="Webteck - Technology & IT Solutions HTML Template"
    />
    <meta
      name="keywords"
      content="Webteck - Technology & IT Solutions HTML Template"
    />
    <meta name="robots" content="INDEX,FOLLOW" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,shrink-to-fit=no"
    />
    <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/favicons/ms-icon-144x144.png"
    />
    <meta name="theme-color" content="#ffffff" />
    <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=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&amp;family=Roboto:wght@300;400;500;700;900&amp;display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/fontawesome.min.css" />
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css" />
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
  </head>
  <body>
    <div class="cursor"></div>
    <div class="cursor2"></div>
    <div class="color-scheme-wrap active">
      <button class="switchIcon"><i class="fa-solid fa-palette"></i></button>
      <h4 class="color-scheme-wrap-title">
        <i class="far fa-palette me-2"></i>Style Swicher
      </h4>
      <div class="color-switch-btns">
        <button data-color="#3E66F3">
          <i class="fa-solid fa-droplet"></i>
        </button>
        <button data-color="#684DF4">
          <i class="fa-solid fa-droplet"></i>
        </button>
        <button data-color="#008080">
          <i class="fa-solid fa-droplet"></i>
        </button>
        <button data-color="#323F7C">
          <i class="fa-solid fa-droplet"></i>
        </button>
        <button data-color="#FC3737">
          <i class="fa-solid fa-droplet"></i>
        </button>
        <button data-color="#8a2be2">
          <i class="fa-solid fa-droplet"></i>
        </button>
      </div>
      <a
        href="javascript:void(0)"
        class="th-btn text-center w-100"
        ><i class="fa fa-shopping-cart me-2"></i> Purchase</a
      >
    </div>
    <div id="preloader" class="preloader">
      <button class="th-btn th-radius preloaderCls">Cancel Preloader</button>
      <div id="loader" class="th-preloader">
        <div class="animation-preloader">
          <div class="txt-loading">
            <span preloader-text="Z" class="characters">Z</span>
            <span preloader-text="A" class="characters">A</span>
            <span preloader-text="P" class="characters">P</span>
            <span preloader-text="H" class="characters">H</span>
            <span preloader-text="Y" class="characters">Y</span>
            <span preloader-text="R" class="characters">R</span>
            <span preloader-text="" class="characters"></span>
            <span preloader-text="X" class="characters">X</span>
          </div>
        </div>
      </div>
    </div>
    <div class="sidemenu-wrapper">
      <div class="sidemenu-content">
        <button class="closeButton sideMenuCls">
          <i class="far fa-times"></i>
        </button>
        <div class="widget woocommerce widget_shopping_cart">
          <h3 class="widget_title">Shopping cart</h3>
          <div class="widget_shopping_cart_content">
            <ul class="woocommerce-mini-cart cart_list product_list_widget">
              <li class="woocommerce-mini-cart-item mini_cart_item">
                <a href="#" class="remove remove_from_cart_button"
                  ><i class="far fa-times"></i
                ></a>
                <a href="#"
                  ><img
                    src="assets/img/product/product_thumb_1_1.jpg"
                    alt="Cart Image"
                  />Gaming Computer</a
                >
                <span class="quantity"
                  >1 ×
                  <span class="woocommerce-Price-amount amount"
                    ><span class="woocommerce-Price-currencySymbol">$</span
                    >940.00</span
                  ></span
                >
              </li>
              <li class="woocommerce-mini-cart-item mini_cart_item">
                <a href="#" class="remove remove_from_cart_button"
                  ><i class="far fa-times"></i
                ></a>
                <a href="#"
                  ><img
                    src="assets/img/product/product_thumb_1_2.jpg"
                    alt="Cart Image"
                  />Smartphone Vivo V9</a
                >
                <span class="quantity"
                  >1 ×
                  <span class="woocommerce-Price-amount amount"
                    ><span class="woocommerce-Price-currencySymbol">$</span
                    >899.00</span
                  ></span
                >
              </li>
              <li class="woocommerce-mini-cart-item mini_cart_item">
                <a href="#" class="remove remove_from_cart_button"
                  ><i class="far fa-times"></i
                ></a>
                <a href="#"
                  ><img
                    src="assets/img/product/product_thumb_1_3.jpg"
                    alt="Cart Image"
                  />SanDisk Flash Drive</a
                >
                <span class="quantity"
                  >1 ×
                  <span class="woocommerce-Price-amount amount"
                    ><span class="woocommerce-Price-currencySymbol">$</span
                    >756.00</span
                  ></span
                >
              </li>
              <li class="woocommerce-mini-cart-item mini_cart_item">
                <a href="#" class="remove remove_from_cart_button"
                  ><i class="far fa-times"></i
                ></a>
                <a href="#"
                  ><img
                    src="assets/img/product/product_thumb_1_4.jpg"
                    alt="Cart Image"
                  />Smart Power Bank</a
                >
                <span class="quantity"
                  >1 ×
                  <span class="woocommerce-Price-amount amount"
                    ><span class="woocommerce-Price-currencySymbol">$</span
                    >723.00</span
                  ></span
                >
              </li>
              <li class="woocommerce-mini-cart-item mini_cart_item">
                <a href="#" class="remove remove_from_cart_button"
                  ><i class="far fa-times"></i
                ></a>
                <a href="#"
                  ><img
                    src="assets/img/product/product_thumb_1_5.jpg"
                    alt="Cart Image"
                  />Apple Smartwatch</a
                >
                <span class="quantity"
                  >1 ×
                  <span class="woocommerce-Price-amount amount"
                    ><span class="woocommerce-Price-currencySymbol">$</span
                    >1080.00</span
                  ></span
                >
              </li>
            </ul>
            <p class="woocommerce-mini-cart__total total">
              <strong>Subtotal:</strong>
              <span class="woocommerce-Price-amount amount"
                ><span class="woocommerce-Price-currencySymbol">$</span
                >4398.00</span
              >
            </p>
            <p class="woocommerce-mini-cart__buttons buttons btn-wrap">
              <a href="cart.html" class="th-btn wc-forward">View cart</a>
              <a href="checkout.html" class="th-btn checkout wc-forward"
                >Checkout</a
              >
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="popup-search-box d-none d-lg-block">
      <button class="searchClose"><i class="fal fa-times"></i></button>
      <form action="#">
        <input type="text" placeholder="What are you looking for?" />
        <button type="submit"><i class="fal fa-search"></i></button>
      </form>
    </div>
    <div class="th-menu-wrapper">
      <div class="th-menu-area text-center">
        <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
        <div class="mobile-logo">
          <a class="icon-masking" href="index.html"
            ><span data-mask-src="assets/img/logo.svg" class="mask-icon"></span
            ><img src="assets/img/logo.svg" alt="Webteck"
          /></a>
        </div>
        <div class="th-mobile-menu">
          <ul>
            <li class="menu-item-has-children mega-menu-wrap">
              <a href="#">Home</a>
              <ul class="mega-menu">
                <li>
                  <a href="#">Multipage</a>
                  <ul>
                    <li><a href="index.html">Digital Agency</a></li>
                    <li>
                      <a href="home-web-development.html">Web Development</a>
                    </li>
                    <li>
                      <a href="home-software-company.html">Software Company</a>
                    </li>
                    <li>
                      <a href="home-software-company-2.html"
                        >Software Company Style 2</a
                      >
                    </li>
                    <li>
                      <a href="home-startup-company.html">Startup Company</a>
                    </li>
                    <li><a href="home-it-solution.html">IT Solution</a></li>
                    <li><a href="home-web-agency.html">Web Agency</a></li>
                    <li><a href="home-startup.html">Home Startup</a></li>
                    <li><a href="home-game-solution.html">Game Solution</a></li>
                    <li>
                      <a href="home-sass-marketing.html">Sass Marketing</a>
                    </li>
                    <li><a href="home-sass-landing.html">Sass Landing</a></li>
                  </ul>
                </li>
                <li>
                  <a href="#">Multipage</a>
                  <ul>
                    <li>
                      <a href="home-sass-landing-2.html"
                        >Sass Landing Style 2</a
                      >
                    </li>
                    <li><a href="home-app-landing.html">App Landing</a></li>
                    <li><a href="home-ai-technology.html">AI Technology</a></li>
                    <li>
                      <a href="home-cyber-security.html">Cyber Security</a>
                    </li>
                    <li>
                      <a href="home-cyber-security-2.html"
                        >Cyber Security Style 2</a
                      >
                    </li>
                    <li><a href="home-it-company.html">IT Company</a></li>
                    <li>
                      <a href="home-digital-marking.html">Digital Marking</a>
                    </li>
                    <li><a href="home-it-agency.html">IT Agency</a></li>
                    <li><a href="home-crm.html">Home CRM</a></li>
                    <li><a href="home-it-consulting.html">IT Consulting</a></li>
                    <li><a href="home-help-desk.html">Home Help Desk</a></li>
                  </ul>
                </li>
                <li>
                  <a href="#">Onepage</a>
                  <ul>
                    <li>
                      <a href="home-digital-agency-op.html"
                        >Digital Agency Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-web-development-op.html"
                        >Web Development Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-software-company-op.html"
                        >Software Company Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-software-company-2-op.html"
                        >Software Company Style 2 Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-startup-company-op.html"
                        >Startup Company Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-it-solution-op.html">IT Solution Onepage</a>
                    </li>
                    <li>
                      <a href="home-web-agency-op.html">Web Agency Onepage</a>
                    </li>
                    <li>
                      <a href="home-startup-op.html">Home Startup Onepage</a>
                    </li>
                    <li>
                      <a href="home-game-solution-op.html"
                        >Game Solution Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-sass-marketing-op.html"
                        >Sass Marketing Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-sass-landing-op.html"
                        >Sass Landing Onepage</a
                      >
                    </li>
                  </ul>
                </li>
                <li>
                  <a href="#">Onepage</a>
                  <ul>
                    <li>
                      <a href="home-sass-landing-2-op.html"
                        >Sass Landing Style 2 Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-app-landing-op.html">App Landing Onepage</a>
                    </li>
                    <li>
                      <a href="home-ai-technology-op.html"
                        >AI Technology Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-cyber-security-op.html"
                        >Cyber Security Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-cyber-security-2-op.html"
                        >Cyber Security Style 2 Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-it-company-op.html">IT Company Onepage</a>
                    </li>
                    <li>
                      <a href="home-digital-marking-op.html"
                        >Digital Marking Onepage</a
                      >
                    </li>
                    <li>
                      <a href="home-it-agency-op.html">IT Agency Onepage</a>
                    </li>
                    <li><a href="home-crm-op.html">Home CRM Onepage</a></li>
                    <li>
                      <a href="home-it-consulting-op.html"
                        >IT Consulting Onepage</a
                      >
                    </li>
                    <li><a href="home-help-desk-op.html">Home Help Desk</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="about.html">About Us</a></li>
            <li class="menu-item-has-children">
              <a href="#">Services</a>
              <ul class="sub-menu">
                <li><a href="service.html">Services</a></li>
                <li><a href="service-details.html">Services Details</a></li>
              </ul>
            </li>
            <li class="menu-item-has-children">
              <a href="#">Pages</a>
              <ul class="sub-menu">
                <li class="menu-item-has-children">
                  <a href="#">Shop</a>
                  <ul class="sub-menu">
                    <li><a href="shop.html">Shop</a></li>
                    <li><a href="shop-details.html">Shop Details</a></li>
                    <li><a href="cart.html">Cart Page</a></li>
                    <li><a href="checkout.html">Checkout</a></li>
                    <li><a href="wishlist.html">Wishlist</a></li>
                  </ul>
                </li>
                <li><a href="team.html">Team</a></li>
                <li><a href="team-details.html">Team Details</a></li>
                <li><a href="project.html">Project</a></li>
                <li><a href="project-details.html">Project Details</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="pricing.html">Pricing</a></li>
                <li><a href="faq.html">Faq Page</a></li>
                <li><a href="error.html">Error Page</a></li>
              </ul>
            </li>
            <li class="menu-item-has-children">
              <a href="#">Blog</a>
              <ul class="sub-menu">
                <li><a href="blog.html">Blog</a></li>
                <li><a href="blog-details.html">Blog Details</a></li>
              </ul>
            </li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
    <header class="th-header header-layout2">
      <div class="header-top">
        <div class="container">
          <div
            class="row justify-content-center justify-content-lg-between align-items-center gy-2"
          >
            <div class="col-auto d-none d-lg-block">
              <div class="header-links">
                <ul>
                  <li>
                    <i class="fas fa-map-location"></i>54 NJ-12, Flemington,
                    United States
                  </li>
                  <li>
                    <i class="fas fa-phone"></i
                    ><a href="tel:+1539873657">+153-987-3657</a>
                  </li>
                  <li>
                    <i class="fas fa-envelope"></i
                    ><a href="mailto:info@webteck.com">info@webteck.com</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-auto">
              <div class="header-social">
                <span class="social-title">Follow Us On : </span
                ><a href="javascript:void(0)"
                  ><i class="fab fa-facebook-f"></i
                ></a>
                <a href="javascript:void(0)"
                  ><i class="fab fa-twitter"></i
                ></a>
                <a href="javascript:void(0)"
                  ><i class="fab fa-linkedin-in"></i
                ></a>
                <a href="https://www.instagram.com/"
                  ><i class="fab fa-instagram"></i
                ></a>
                <a href="javascript:void(0)"
                  ><i class="fab fa-youtube"></i
                ></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="sticky-wrapper">
        <div class="menu-area">
          <div class="container">
            <div class="row align-items-center justify-content-between">
              <div class="col-auto">
                <div class="header-logo">
                  <a class="icon-masking" href="index.html"
                    ><span
                      data-mask-src="assets/img/logo.svg"
                      class="mask-icon"
                    ></span
                    ><img src="assets/img/logo.svg" alt="Webteck"
                  /></a>
                </div>
              </div>
              <div class="col-auto">
                <nav class="main-menu d-none d-lg-inline-block">
                  <ul>
                    <li class="menu-item-has-children mega-menu-wrap">
                      <a href="#">Home</a>
                      <ul class="mega-menu">
                        <li>
                          <a href="#">Multipage</a>
                          <ul>
                            <li><a href="index.html">Digital Agency</a></li>
                            <li>
                              <a href="home-web-development.html"
                                >Web Development</a
                              >
                            </li>
                            <li>
                              <a href="home-software-company.html"
                                >Software Company</a
                              >
                            </li>
                            <li>
                              <a href="home-software-company-2.html"
                                >Software Company Style 2</a
                              >
                            </li>
                            <li>
                              <a href="home-startup-company.html"
                                >Startup Company</a
                              >
                            </li>
                            <li>
                              <a href="home-it-solution.html">IT Solution</a>
                            </li>
                            <li>
                              <a href="home-web-agency.html">Web Agency</a>
                            </li>
                            <li>
                              <a href="home-startup.html">Home Startup</a>
                            </li>
                            <li>
                              <a href="home-game-solution.html"
                                >Game Solution</a
                              >
                            </li>
                            <li>
                              <a href="home-sass-marketing.html"
                                >Sass Marketing</a
                              >
                            </li>
                            <li>
                              <a href="home-sass-landing.html">Sass Landing</a>
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="#">Multipage</a>
                          <ul>
                            <li>
                              <a href="home-sass-landing-2.html"
                                >Sass Landing Style 2</a
                              >
                            </li>
                            <li>
                              <a href="home-app-landing.html">App Landing</a>
                            </li>
                            <li>
                              <a href="home-ai-technology.html"
                                >AI Technology</a
                              >
                            </li>
                            <li>
                              <a href="home-cyber-security.html"
                                >Cyber Security</a
                              >
                            </li>
                            <li>
                              <a href="home-cyber-security-2.html"
                                >Cyber Security Style 2</a
                              >
                            </li>
                            <li>
                              <a href="home-it-company.html">IT Company</a>
                            </li>
                            <li>
                              <a href="home-digital-marking.html"
                                >Digital Marking</a
                              >
                            </li>
                            <li><a href="home-it-agency.html">IT Agency</a></li>
                            <li><a href="home-crm.html">Home CRM</a></li>
                            <li>
                              <a href="home-it-consulting.html"
                                >IT Consulting</a
                              >
                            </li>
                            <li>
                              <a href="home-help-desk.html">Home Help Desk</a>
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="#">Onepage</a>
                          <ul>
                            <li>
                              <a href="home-digital-agency-op.html"
                                >Digital Agency Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-web-development-op.html"
                                >Web Development Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-software-company-op.html"
                                >Software Company Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-software-company-2-op.html"
                                >Software Company Style 2 Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-startup-company-op.html"
                                >Startup Company Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-it-solution-op.html"
                                >IT Solution Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-web-agency-op.html"
                                >Web Agency Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-startup-op.html"
                                >Home Startup Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-game-solution-op.html"
                                >Game Solution Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-sass-marketing-op.html"
                                >Sass Marketing Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-sass-landing-op.html"
                                >Sass Landing Onepage</a
                              >
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="#">Onepage</a>
                          <ul>
                            <li>
                              <a href="home-sass-landing-2-op.html"
                                >Sass Landing Style 2 Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-app-landing-op.html"
                                >App Landing Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-ai-technology-op.html"
                                >AI Technology Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-cyber-security-op.html"
                                >Cyber Security Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-cyber-security-2-op.html"
                                >Cyber Security Style 2 Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-it-company-op.html"
                                >IT Company Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-digital-marking-op.html"
                                >Digital Marking Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-it-agency-op.html"
                                >IT Agency Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-crm-op.html">Home CRM Onepage</a>
                            </li>
                            <li>
                              <a href="home-it-consulting-op.html"
                                >IT Consulting Onepage</a
                              >
                            </li>
                            <li>
                              <a href="home-help-desk-op.html"
                                >Home Help Desk</a
                              >
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </li>
                    <li><a href="about.html">About Us</a></li>
                    <li class="menu-item-has-children">
                      <a href="#">Services</a>
                      <ul class="sub-menu">
                        <li><a href="service.html">Services</a></li>
                        <li>
                          <a href="service-details.html">Services Details</a>
                        </li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children">
                      <a href="#">Pages</a>
                      <ul class="sub-menu">
                        <li class="menu-item-has-children">
                          <a href="#">Shop</a>
                          <ul class="sub-menu">
                            <li><a href="shop.html">Shop</a></li>
                            <li>
                              <a href="shop-details.html">Shop Details</a>
                            </li>
                            <li><a href="cart.html">Cart Page</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                            <li><a href="wishlist.html">Wishlist</a></li>
                          </ul>
                        </li>
                        <li><a href="team.html">Team</a></li>
                        <li><a href="team-details.html">Team Details</a></li>
                        <li><a href="project.html">Project</a></li>
                        <li>
                          <a href="project-details.html">Project Details</a>
                        </li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="pricing.html">Pricing</a></li>
                        <li><a href="faq.html">Faq Page</a></li>
                        <li><a href="error.html">Error Page</a></li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children">
                      <a href="#">Blog</a>
                      <ul class="sub-menu">
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="blog-details.html">Blog Details</a></li>
                      </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                  </ul>
                </nav>
                <div class="header-button">
                  <button
                    type="button"
                    class="icon-btn sideMenuToggler d-inline-block d-lg-none"
                  >
                    <i class="far fa-shopping-cart"></i>
                    <span class="badge">5</span>
                  </button>
                  <button
                    type="button"
                    class="th-menu-toggle d-inline-block d-lg-none"
                  >
                    <i class="far fa-bars"></i>
                  </button>
                </div>
              </div>
              <div class="col-auto d-none d-lg-block">
                <div class="header-button">
                  <button type="button" class="icon-btn searchBoxToggler">
                    <i class="far fa-search"></i>
                  </button>
                  <button type="button" class="icon-btn sideMenuToggler">
                    <i class="far fa-shopping-cart"></i>
                    <span class="badge">5</span>
                  </button>
                  <a href="contact.html" class="th-btn shadow-none"
                    >Make Appointment<i class="fas fa-arrow-right ms-2"></i
                  ></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="th-hero-wrapper hero-4" id="hero">
      <div class="body-particle" id="body-particle"></div>
      <div class="hero-img tilt-active">
        <img src="assets/img/hero/hero_img_4_1.png" alt="Hero Image" />
      </div>
      <div class="container">
        <div class="hero-style4">
          <div class="ripple-shape">
            <span class="ripple-1"></span><span class="ripple-2"></span
            ><span class="ripple-3"></span><span class="ripple-4"></span
            ><span class="ripple-5"></span><span class="ripple-6"></span>
          </div>
          <span class="hero-subtitle">Best Marketing Service</span>
          <h1 class="hero-title">Make The Easiest</h1>
          <h1 class="hero-title">Solution For You</h1>
          <p class="hero-text">
            Energistically harness ubiquitous imperatives without state of the
            art collaboration and idea-sharing. Monotonectally parallel task
            cross-unit experiences and front-end.
          </p>
          <div class="btn-group">
            <a href="about.html" class="th-btn"
              >ABOUT US<i class="fa-regular fa-arrow-right ms-2"></i
            ></a>
            <div class="call-btn">
              <a
                href="javascript:void(0)watch?v=_sI_Ps7JSEk"
                class="play-btn popup-video"
                ><i class="fas fa-play"></i
              ></a>
              <div class="media-body">
                <a
                  href="javascript:void(0)watch?v=_sI_Ps7JSEk"
                  class="btn-title popup-video"
                  >Watch Our Story</a
                >
                <span class="btn-text">Subscribe Now</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="triangle-1"></div>
      <div class="triangle-2"></div>
      <div class="hero-shape2">
        <img src="assets/img/hero/hero_shape_2_2.png" alt="shape" />
      </div>
      <div class="hero-shape3">
        <img src="assets/img/hero/hero_shape_2_3.png" alt="shape" />
      </div>
    </div>
    <div class="overflow-hidden space" id="about-sec">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-6 mb-30 mb-xl-0">
            <div class="img-box4 tilt-active">
              <div class="img-shape icon-masking">
                <span
                  class="mask-icon"
                  data-mask-src="assets/img/normal/about_3_1-shape.png"
                ></span>
                <img src="assets/img/normal/about_3_1-shape.png" alt="img" />
              </div>
              <img src="assets/img/normal/about_3_1.png" alt="About" />
              <a
                href="javascript:void(0)watch?v=_sI_Ps7JSEk"
                class="play-btn popup-video"
                ><i class="fas fa-play"></i
              ></a>
            </div>
          </div>
          <div class="col-xl-6">
            <div class="title-area mb-35 text-center text-xl-start">
              <div class="shadow-title">ABOUT US</div>
              <span class="sub-title"
                ><div class="icon-masking me-2">
                  <span
                    class="mask-icon"
                    data-mask-src="assets/img/theme-img/title_shape_2.svg"
                  ></span>
                  <img
                    src="assets/img/theme-img/title_shape_2.svg"
                    alt="shape"
                  />
                </div>
                About WEBTECK IT SOLUTIONS</span
              >
              <h2 class="sec-title">
                We Are Increasing Business Success With
                <span class="text-theme">Technology</span>
              </h2>
            </div>
            <p class="mt-n2 mb-30 text-center text-xl-start">
              Synergistically incentivize effective imperatives through fully
              researched intellectual capital. Appropriately fashion
              client-based.
            </p>
            <div class="achivement-tab filter-menu-active indicator-active">
              <button data-filter=".cat1" class="active" type="button">
                Award Winning
              </button>
              <button data-filter=".cat2" type="button">
                Technology Index
              </button>
            </div>
            <div class="achivement-box-area filter-active-cat1">
              <div class="filter-item w-100 cat1">
                <div class="achivement-box">
                  <div class="achivement-box_img">
                    <img src="assets/img/normal/about_3_1_1.jpg" alt="About" />
                  </div>
                  <div class="media-body">
                    <h3 class="box-title">An Award-Winning Company.</h3>
                    <p class="achivement-box_text">
                      Monotonically matrix extensible applications and go
                      forward communities. Synergistically extend client-based
                      manufactured.
                    </p>
                    <a href="about.html" class="th-btn">About More</a>
                  </div>
                </div>
              </div>
              <div class="filter-item w-100 cat2">
                <div class="achivement-box">
                  <div class="achivement-box_img">
                    <img src="assets/img/normal/about_3_1_2.jpg" alt="About" />
                  </div>
                  <div class="media-body">
                    <h3 class="box-title">Having 25+ Years Of Experience.</h3>
                    <p class="achivement-box_text">
                      Monotonically matrix extensible applications and go
                      forward communities. Synergistically extend client-based
                      manufactured.
                    </p>
                    <a href="about.html" class="th-btn">About More</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <section
      class="bg-top-center z-index-common space-top"
      id="service-sec"
      data-bg-src="assets/img/bg/service_bg_2.jpg"
    >
      <div class="container">
        <div
          class="row justify-content-lg-between justify-content-center align-items-center"
        >
          <div class="col-lg-6 col-sm-9 pe-xl-5">
            <div class="title-area text-center text-lg-start">
              <div class="shadow-title color2">SERVICES</div>
              <span class="sub-title"
                ><div class="icon-masking me-2">
                  <span
                    class="mask-icon"
                    data-mask-src="assets/img/theme-img/title_shape_2.svg"
                  ></span>
                  <img
                    src="assets/img/theme-img/title_shape_2.svg"
                    alt="shape"
                  />
                </div>
                WHAT WE DO</span
              >
              <h2 class="sec-title text-white">
                We Provide Exclusive Service For
                <span class="text-theme">Your Business</span>
              </h2>
            </div>
          </div>
          <div class="col-auto">
            <div class="sec-btn">
              <a href="service.html" class="th-btn style3"
                >VIEW ALL SERVICES<i class="fa-regular fa-arrow-right ms-2"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="slider-area">
          <div
            class="swiper th-slider has-shadow"
            id="serviceSlider1"
            data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"4"}}}'
          >
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="service-grid">
                  <div class="service-grid_icon">
                    <img src="assets/img/icon/service_card_1.svg" alt="Icon" />
                  </div>
                  <div class="service-grid_content">
                    <h3 class="box-title">
                      <a href="service-details.html">Web Development</a>
                    </h3>
                    <p class="service-grid_text">
                      Continually engage customized infomediarie and quality
                      growth strategies. Appropriately.
                    </p>
                    <a href="service-details.html" class="th-btn"
                      >Read More<i class="fas fa-arrow-right ms-2"></i
                    ></a>
                    <div class="bg-shape">
                      <img src="assets/img/bg/service_grid_bg.png" alt="bg" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="service-grid">
                  <div class="service-grid_icon">
                    <img src="assets/img/icon/service_card_2.svg" alt="Icon" />
                  </div>
                  <div class="service-grid_content">
                    <h3 class="box-title">
                      <a href="service-details.html">UI/UX Design</a>
                    </h3>
                    <p class="service-grid_text">
                      Continually engage customized infomediarie and quality
                      growth strategies. Appropriately.
                    </p>
                    <a href="service-details.html" class="th-btn"
                      >Read More<i class="fas fa-arrow-right ms-2"></i
                    ></a>
                    <div class="bg-shape">
                      <img src="assets/img/bg/service_grid_bg.png" alt="bg" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="service-grid">
                  <div class="service-grid_icon">
                    <img src="assets/img/icon/service_card_3.svg" alt="Icon" />
                  </div>
                  <div class="service-grid_content">
                    <h3 class="box-title">
                      <a href="service-details.html">Digital Marketing</a>
                    </h3>
                    <p class="service-grid_text">
                      Continually engage customized infomediarie and quality
                      growth strategies. Appropriately.
                    </p>
                    <a href="service-details.html" class="th-btn"
                      >Read More<i class="fas fa-arrow-right ms-2"></i
                    ></a>
                    <div class="bg-shape">
                      <img src="assets/img/bg/service_grid_bg.png" alt="bg" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="service-grid">
                  <div class="service-grid_icon">
                    <img src="assets/img/icon/service_card_4.svg" alt="Icon" />
                  </div>
                  <div class="service-grid_content">
                    <h3 class="box-title">
                      <a href="service-details.html">Business Analysis</a>
                    </h3>
                    <p class="service-grid_text">
                      Continually engage customized infomediarie and quality
                      growth strategies. Appropriately.
                    </p>
                    <a href="service-details.html" class="th-btn"
                      >Read More<i class="fas fa-arrow-right ms-2"></i
                    ></a>
                    <div class="bg-shape">
                      <img src="assets/img/bg/service_grid_bg.png" alt="bg" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="service-grid">
                  <div class="service-grid_icon">
                    <img src="assets/img/icon/service_card_5.svg" alt="Icon" />
                  </div>
                  <div class="service-grid_content">
                    <h3 class="box-title">
                      <a href="service-details.html">Software Services</a>
                    </h3>
                    <p class="service-grid_text">
                      Continually engage customized infomediarie and quality
                      growth strategies. Appropriately.
                    </p>
                    <a href="service-details.html" class="th-btn"
                      >Read More<i class="fas fa-arrow-right ms-2"></i
                    ></a>
                    <div class="bg-shape">
                      <img src="assets/img/bg/service_grid_bg.png" alt="bg" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="why-sec-v2" data-bg-src="assets/img/bg/why_bg_2.jpg">
      <div class="container space">
        <div class="row align-items-center flex-row-reverse">
          <div class="col-xl-6 mb-30 mb-xl-0">
            <div class="img-box5">
              <img
                class="tilt-active"
                src="assets/img/normal/why_2_1.png"
                alt="Why"
              />
              <div class="year-counter">
                <h3 class="year-counter_number">
                  <span class="counter-number">10</span>k+
                </h3>
                <p class="year-counter_text">Clients Active</p>
              </div>
            </div>
          </div>
          <div class="col-xl-6">
            <div class="title-area mb-35">
              <div class="shadow-title color3">Choose US</div>
              <span class="sub-title"
                ><div class="icon-masking me-2">
                  <span
                    class="mask-icon"
                    data-mask-src="assets/img/theme-img/title_shape_2.svg"
                  ></span>
                  <img
                    src="assets/img/theme-img/title_shape_2.svg"
                    alt="shape"
                  />
                </div>
                WHY CHOOSE US</span
              >
              <h2 class="sec-title">
                More Than 24+ Years Experience We Provide
                <span class="text-theme">IT Services</span>
              </h2>
            </div>
            <p class="mt-n2 mb-30">
              Collaboratively envisioneer user friendly supply chains and cross
              unit imperative. Authoritativel fabricate competitive resource and
              holistic. Holisticly restore real time resources whereas
              standardized networks.
            </p>
            <div class="feature-circle-wrap">
              <div class="feature-circle">
                <div class="progressbar" data-path-color="#684DF4">
                  <div class="circle" data-percent="90">
                    <div class="circle-num"></div>
                  </div>
                </div>
                <div class="media-body">
                  <h3 class="feature-circle_title">Business Grow</h3>
                  <p class="feature-circle_text">
                    Efficiently transition top-line ideas before market.
                  </p>
                </div>
              </div>
              <div class="feature-circle">
                <div class="progressbar" data-path-color="#684DF4">
                  <div class="circle" data-percent="95">
                    <div class="circle-num"></div>
                  </div>
                </div>
                <div class="media-body">
                  <h3 class="feature-circle_title">Quality Products</h3>
                  <p class="feature-circle_text">
                    Efficiently transition top-line ideas before market.
                  </p>
                </div>
              </div>
            </div>
            <a href="about.html" class="th-btn"
              >LEARN MORE<i class="fa-regular fa-arrow-right ms-2"></i
            ></a>
          </div>
        </div>
      </div>
    </div>
    <section class="space" id="project-sec">
      <div class="container">
        <div class="title-area text-center">
          <div class="shadow-title">PROJECTS</div>
          <span class="sub-title"
            ><div class="icon-masking me-2">
              <span
                class="mask-icon"
                data-mask-src="assets/img/theme-img/title_shape_2.svg"
              ></span>
              <img src="assets/img/theme-img/title_shape_2.svg" alt="shape" />
            </div>
            LATEST PROJECTS</span
          >
          <h2 class="sec-title">
            Our Recent Latest <span class="text-theme">Projects</span>
          </h2>
        </div>
        <div class="slider-area">
          <div
            class="swiper th-slider has-shadow"
            id="projectSlider2"
            data-slider-options='{"loop":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}}}'
          >
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_1.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_1.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">IT Consultency</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_2.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_2.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">Web Development</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_3.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_3.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">Website Design</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_4.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_4.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">SEO Optimization</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_1.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_1.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">IT Consultency</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_2.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_2.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">Web Development</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_3.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_3.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">Website Design</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="project-grid">
                  <div class="project-grid_img">
                    <img
                      src="assets/img/project/project_2_4.jpg"
                      alt="project image"
                    />
                    <a
                      href="assets/img/project/project_2_4.jpg"
                      class="play-btn style3 popup-image"
                      ><i class="far fa-plus"></i
                    ></a>
                  </div>
                  <div class="project-grid_content">
                    <h3 class="box-title">
                      <a href="project-details.html">SEO Optimization</a>
                    </h3>
                    <p class="project-grid_text">
                      Distinctively enable premium expertise for multifunctional
                      action items. Energistically benchmark worldwide
                      communities.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <button
            data-slider-prev="#projectSlider2"
            class="slider-arrow style3 slider-prev"
          >
            <i class="far fa-arrow-left"></i>
          </button>
          <button
            data-slider-next="#projectSlider2"
            class="slider-arrow style3 slider-next"
          >
            <i class="far fa-arrow-right"></i>
          </button>
        </div>
      </div>
    </section>
    <div
      class="bg-theme space-extra"
      data-bg-src="assets/img/bg/counter_bg_1.png"
    >
      <div class="container py-2">
        <div class="row gy-40 justify-content-between">
          <div class="col-6 col-lg-auto">
            <div class="counter-card">
              <div class="counter-card_icon">
                <img src="assets/img/icon/counter_1_1.svg" alt="Icon" />
              </div>
              <div class="media-body">
                <h2 class="counter-card_number">
                  <span class="counter-number">986</span>+
                </h2>
                <p class="counter-card_text">Finished Project</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-lg-auto">
            <div class="counter-card">
              <div class="counter-card_icon">
                <img src="assets/img/icon/counter_1_2.svg" alt="Icon" />
              </div>
              <div class="media-body">
                <h2 class="counter-card_number">
                  <span class="counter-number">896</span>+
                </h2>
                <p class="counter-card_text">Happy Clients</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-lg-auto">
            <div class="counter-card">
              <div class="counter-card_icon">
                <img src="assets/img/icon/counter_1_3.svg" alt="Icon" />
              </div>
              <div class="media-body">
                <h2 class="counter-card_number">
                  <span class="counter-number">396</span>+
                </h2>
                <p class="counter-card_text">Skilled Experts</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-lg-auto">
            <div class="counter-card">
              <div class="counter-card_icon">
                <img src="assets/img/icon/counter_1_4.svg" alt="Icon" />
              </div>
              <div class="media-body">
                <h2 class="counter-card_number">
                  <span class="counter-number">496</span>+
                </h2>
                <p class="counter-card_text">Honorable Awards</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <section
      class="bg-smoke"
      id="process-sec"
      data-bg-src="assets/img/bg/process_bg_1.png"
    >
      <div class="container space">
        <div class="title-area text-center">
          <div class="shadow-title">PROCESS</div>
          <span class="sub-title"
            ><div class="icon-masking me-2">
              <span
                class="mask-icon"
                data-mask-src="assets/img/theme-img/title_shape_2.svg"
              ></span>
              <img src="assets/img/theme-img/title_shape_2.svg" alt="shape" />
            </div>
            WORK PROCESS</span
          >
          <h2 class="sec-title">
            How to work <span class="text-theme">it!</span>
          </h2>
        </div>
        <div class="process-card-area">
          <div class="process-line">
            <img src="assets/img/bg/process_line.svg" alt="line" />
          </div>
          <div class="row gy-40">
            <div class="col-sm-6 col-xl-3 process-card-wrap">
              <div class="process-card">
                <div class="process-card_number">01</div>
                <div class="process-card_icon">
                  <img src="assets/img/icon/process_card_1.svg" alt="icon" />
                </div>
                <h2 class="box-title">Select a project</h2>
                <p class="process-card_text">
                  Continua scale empowered metrics with cost effective
                  innovation.
                </p>
              </div>
            </div>
            <div class="col-sm-6 col-xl-3 process-card-wrap">
              <div class="process-card">
                <div class="process-card_number">02</div>
                <div class="process-card_icon">
                  <img src="assets/img/icon/process_card_2.svg" alt="icon" />
                </div>
                <h2 class="box-title">Project analysis</h2>
                <p class="process-card_text">
                  Continua scale empowered metrics with cost effective
                  innovation.
                </p>
              </div>
            </div>
            <div class="col-sm-6 col-xl-3 process-card-wrap">
              <div class="process-card">
                <div class="process-card_number">03</div>
                <div class="process-card_icon">
                  <img src="assets/img/icon/process_card_3.svg" alt="icon" />
                </div>
                <h2 class="box-title">Plan Execute</h2>
                <p class="process-card_text">
                  Continua scale empowered metrics with cost effective
                  innovation.
                </p>
              </div>
            </div>
            <div class="col-sm-6 col-xl-3 process-card-wrap">
              <div class="process-card">
                <div class="process-card_number">04</div>
                <div class="process-card_icon">
                  <img src="assets/img/icon/process_card_4.svg" alt="icon" />
                </div>
                <h2 class="box-title">Deliver result</h2>
                <p class="process-card_text">
                  Continua scale empowered metrics with cost effective
                  innovation.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="" id="team-sec">
      <div
        class="brand-sec1"
        data-pos-for="#process-sec"
        data-sec-pos="top-half"
      >
        <div class="container py-5">
          <div class="slider-area text-center">
            <div
              class="swiper th-slider"
              id="brandSlider1"
              data-slider-options='{"breakpoints":{"0":{"slidesPerView":2},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"4"},"1400":{"slidesPerView":"5"}}}'
            >
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_1.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_2.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_3.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_4.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_5.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_6.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_1.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_2.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_3.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_4.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_5.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="brand-box py-20">
                    <img
                      src="assets/img/brand/brand_2_6.png"
                      alt="Brand Logo"
                    />
                  </div>
                </div>
              </div>
            </div>
            <button
              data-slider-prev="#brandSlider1"
              class="slider-arrow style3 slider-prev"
            >
              <i class="far fa-arrow-left"></i>
            </button>
            <button
              data-slider-next="#brandSlider1"
              class="slider-arrow style3 slider-next"
            >
              <i class="far fa-arrow-right"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="container space">
        <div class="title-area text-center">
          <div class="shadow-title">Team</div>
          <span class="sub-title"
            ><div class="icon-masking me-2">
              <span
                class="mask-icon"
                data-mask-src="assets/img/theme-img/title_shape_2.svg"
              ></span>
              <img src="assets/img/theme-img/title_shape_2.svg" alt="shape" />
            </div>
            GREAT TEAM</span
          >
          <h2 class="sec-title">
            See Our Skilled Expert <span class="text-theme">Team</span>
          </h2>
        </div>
        <div class="slider-area">
          <div
            class="swiper th-slider has-shadow"
            id="teamSlider1"
            data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}}}'
          >
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_1.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Rayan Athels</a>
                  </h3>
                  <span class="team-desig">Founder & CEO</span>
                  <div class="box-particle" id="team-p1"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_2.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Alex Furnandes</a>
                  </h3>
                  <span class="team-desig">Project Manager</span>
                  <div class="box-particle" id="team-p2"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_3.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Mary Crispy</a>
                  </h3>
                  <span class="team-desig">Cheif Expert</span>
                  <div class="box-particle" id="team-p3"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_4.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Henry Joshep</a>
                  </h3>
                  <span class="team-desig">Product Manager</span>
                  <div class="box-particle" id="team-p4"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_1.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Rayan Athels</a>
                  </h3>
                  <span class="team-desig">Founder & CEO</span>
                  <div class="box-particle" id="team-p1"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_2.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Alex Furnandes</a>
                  </h3>
                  <span class="team-desig">Project Manager</span>
                  <div class="box-particle" id="team-p2"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_3.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Mary Crispy</a>
                  </h3>
                  <span class="team-desig">Cheif Expert</span>
                  <div class="box-particle" id="team-p3"></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="th-team team-grid">
                  <div class="team-img">
                    <img src="assets/img/team/team_3_4.jpg" alt="Team" />
                  </div>
                  <div class="team-social">
                    <div class="play-btn"><i class="far fa-plus"></i></div>
                    <div class="th-social">
                      <a target="_blank" href="https://facebook.com/"
                        ><i class="fab fa-facebook-f"></i
                      ></a>
                      <a target="_blank" href="https://twitter.com/"
                        ><i class="fab fa-twitter"></i
                      ></a>
                      <a target="_blank" href="https://instagram.com/"
                        ><i class="fab fa-instagram"></i
                      ></a>
                      <a target="_blank" href="https://linkedin.com/"
                        ><i class="fab fa-linkedin-in"></i
                      ></a>
                    </div>
                  </div>
                  <h3 class="box-title">
                    <a href="team-details.html">Henry Joshep</a>
                  </h3>
                  <span class="team-desig">Product Manager</span>
                  <div class="box-particle" id="team-p4"></div>
                </div>
              </div>
            </div>
          </div>
          <button
            data-slider-prev="#teamSlider1"
            class="slider-arrow style3 slider-prev"
          >
            <i class="far fa-arrow-left"></i>
          </button>
          <button
            data-slider-next="#teamSlider1"
            class="slider-arrow style3 slider-next"
          >
            <i class="far fa-arrow-right"></i>
          </button>
        </div>
      </div>
      <div class="shape-mockup" data-top="0" data-right="0">
        <img src="assets/img/shape/tech_shape_1.png" alt="shape" />
      </div>
      <div class="shape-mockup" data-top="0%" data-left="0%">
        <img src="assets/img/shape/square_1.png" alt="shape" />
      </div>
    </section>
    <section
      class="bg-top-center space"
      data-bg-src="assets/img/bg/testi_bg_3.jpg"
    >
      <div class="container">
        <div class="title-area text-center">
          <div class="shadow-title color2">TESTIMONIALS</div>
          <span class="sub-title"
            ><div class="icon-masking me-2">
              <span
                class="mask-icon"
                data-mask-src="assets/img/theme-img/title_shape_2.svg"
              ></span>
              <img src="assets/img/theme-img/title_shape_2.svg" alt="shape" />
            </div>
            CUSTOMER FEEDBACK</span
          >
          <h2 class="sec-title text-white">
            What Happy Clients Says<br /><span class="text-theme"
              >About Us?</span
            >
          </h2>
        </div>
        <div class="slider-area">
          <div
            class="swiper th-slider has-shadow"
            id="testiSlider3"
            data-slider-options='{"loop":true,"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="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_1.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">David Farnandes</h3>
                    <p class="testi-grid_desig">CEO at Anaton</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_2.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">Jackline Techie</h3>
                    <p class="testi-grid_desig">CEO at Kormola</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_3.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">Abraham Khalil</h3>
                    <p class="testi-grid_desig">CEO at Anatora</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_4.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">Md Sumon Mia</h3>
                    <p class="testi-grid_desig">CEO at Rimasu</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_1.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">David Farnandes</h3>
                    <p class="testi-grid_desig">CEO at Anaton</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_2.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">Jackline Techie</h3>
                    <p class="testi-grid_desig">CEO at Kormola</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_3.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">Abraham Khalil</h3>
                    <p class="testi-grid_desig">CEO at Anatora</p>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testi-grid">
                  <div class="testi-grid_img">
                    <img
                      src="assets/img/testimonial/testi_3_4.jpg"
                      alt="Avater"
                    />
                    <div class="testi-grid_quote">
                      <img src="assets/img/icon/quote_left_3.svg" alt="quote" />
                    </div>
                  </div>
                  <div class="testi-grid_review">
                    <i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i
                    ><i class="fa-solid fa-star-sharp"></i>
                  </div>
                  <div class="testi-grid_content">
                    <p class="testi-grid_text">
                      Objectively visualize error-free technology for B2B
                      alignment. Monotonectally harness an expanded array of
                      models via effective collaboration. Globally synergize
                      resource sucking value via cutting-edge.
                    </p>
                    <h3 class="box-title">Md Sumon Mia</h3>
                    <p class="testi-grid_desig">CEO at Rimasu</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <button
            data-slider-prev="#testiSlider3"
            class="slider-arrow style3 slider-prev"
          >
            <i class="far fa-arrow-left"></i>
          </button>
          <button
            data-slider-next="#testiSlider3"
            class="slider-arrow style3 slider-next"
          >
            <i class="far fa-arrow-right"></i>
          </button>
        </div>
      </div>
    </section>
    <section class="space-bottom" id="contact-sec">
      <div class="container">
        <div class="cta-box">
          <div class="row">
            <div class="col-lg-5">
              <div class="cta-box_img">
                <img src="assets/img/normal/customer_support.jpg" alt="Image" />
              </div>
            </div>
            <div class="col-lg-7">
              <div class="cta-box_content">
                <div class="cta-box_icon">
                  <img src="assets/img/icon/call_1.svg" alt="Icon" />
                </div>
                <div class="title-area mb-35">
                  <div class="shadow-title">CONSULTATION</div>
                  <span class="sub-title"
                    ><div class="icon-masking me-2">
                      <span
                        class="mask-icon"
                        data-mask-src="assets/img/theme-img/title_shape_2.svg"
                      ></span>
                      <img
                        src="assets/img/theme-img/title_shape_2.svg"
                        alt="shape"
                      />
                    </div>
                    LET’S CONSULTATION</span
                  >
                  <h2 class="sec-title">
                    Let’s Talk About Business Solutions
                    <span class="text-theme">With Us</span>
                  </h2>
                </div>
                <a href="contact.html" class="th-btn"
                  >CONTACT US<i class="fa-regular fa-arrow-right ms-2"></i
                ></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section
      class="bg-top-right bg-smoke overflow-hidden space"
      id="blog-sec"
      data-bg-src="assets/img/bg/blog_bg_1.png"
    >
      <div class="container">
        <div class="title-area text-center">
          <div class="shadow-title color3">Update</div>
          <span class="sub-title"
            ><div class="icon-masking me-2">
              <span
                class="mask-icon"
                data-mask-src="assets/img/theme-img/title_shape_2.svg"
              ></span>
              <img src="assets/img/theme-img/title_shape_2.svg" alt="shape" />
            </div>
            NEWS & ARTICLES</span
          >
          <h2 class="sec-title">
            Get Every Single Update <span class="text-theme">Blog</span>
          </h2>
        </div>
        <div class="slider-area">
          <div
            class="swiper th-slider has-shadow"
            id="blogSlider2"
            data-slider-options='{"loop":true,"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-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_1.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>15 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>2 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >Unsatiable entreaties may collecting Power.</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_2.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>16 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>3 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >Regional Manager & limited time management.</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_3.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>17 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>2 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >What’s the Holding Back the It Solution Industry?</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_4.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>19 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>4 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >Latin derived from Cicero's 1st-century BC</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_1.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>15 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>2 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >Unsatiable entreaties may collecting Power.</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_2.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>16 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>3 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >Regional Manager & limited time management.</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_3.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>17 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>2 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >What’s the Holding Back the It Solution Industry?</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="blog-card">
                  <div class="blog-img">
                    <img src="assets/img/blog/blog_1_4.jpg" alt="blog image" />
                  </div>
                  <div class="blog-content">
                    <div class="blog-meta">
                      <a href="blog.html"
                        ><i class="fal fa-calendar-days"></i>19 Jan, 2024</a
                      >
                      <a href="blog.html"
                        ><i class="fal fa-comments"></i>4 Comments</a
                      >
                    </div>
                    <h3 class="box-title">
                      <a href="blog-details.html"
                        >Latin derived from Cicero's 1st-century BC</a
                      >
                    </h3>
                    <p class="blog-text">
                      Progressively plagiarize quality metrics for impactful
                      data. Assertively. Holisticly leverage existing magnetic.
                    </p>
                    <div class="blog-bottom">
                      <a href="blog.html" class="author"
                        ><img
                          src="assets/img/blog/author-1-1.png"
                          alt="avater"
                        />
                        By ZaphyrZ</a
                      >
                      <a href="blog-details.html" class="line-btn"
                        >Read More<i class="fas fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <button
            data-slider-prev="#blogSlider2"
            class="slider-arrow style3 slider-prev"
          >
            <i class="far fa-arrow-left"></i>
          </button>
          <button
            data-slider-next="#blogSlider2"
            class="slider-arrow style3 slider-next"
          >
            <i class="far fa-arrow-right"></i>
          </button>
        </div>
      </div>
      <div class="shape-mockup" data-bottom="0" data-left="0">
        <div class="particle-2 small" id="particle-4"></div>
      </div>
    </section>
    <footer
      class="footer-wrapper footer-layout3"
      data-bg-src="assets/img/bg/footer_bg_2.jpg"
    >
      <div class="footer-top">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-xl-3">
              <div class="footer-logo">
                <a class="icon-masking" href="index.html"
                  ><span
                    data-mask-src="assets/img/logo-white.svg"
                    class="mask-icon"
                  ></span
                  ><img src="assets/img/logo-white.svg" alt="Webteck"
                /></a>
              </div>
            </div>
            <div class="col-xl-9">
              <div class="newsletter-wrap">
                <div class="newsletter-content">
                  <h3 class="newsletter-title">News Subscription</h3>
                  <p class="newsletter-text">
                    Get Latest Deals from Waker’s Inbox & Subscribe Now
                  </p>
                </div>
                <form class="newsletter-form">
                  <div class="form-group">
                    <input
                      class="form-control"
                      type="email"
                      placeholder="Email Address"
                      required=""
                    />
                    <i class="fal fa-envelope"></i>
                  </div>
                  <button type="submit" class="th-btn style3">Subscribe</button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="widget-area">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-md-6 col-xxl-3 col-xl-4">
              <div class="widget footer-widget">
                <h3 class="widget_title">About Company</h3>
                <div class="th-widget-about">
                  <p class="about-text">
                    Professionally redefine transparent ROI through low-risk
                    high-yield imperatives. Progressively create empowered. cost
                    effective users via team driven.
                  </p>
                  <div class="th-social">
                    <a href="javascript:void(0)"
                      ><i class="fab fa-facebook-f"></i
                    ></a>
                    <a href="javascript:void(0)"
                      ><i class="fab fa-twitter"></i
                    ></a>
                    <a href="javascript:void(0)"
                      ><i class="fab fa-linkedin-in"></i
                    ></a>
                    <a href="https://www.whatsapp.com/"
                      ><i class="fab fa-whatsapp"></i
                    ></a>
                    <a href="javascript:void(0)"
                      ><i class="fab fa-youtube"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-xl-auto">
              <div class="widget widget_nav_menu footer-widget">
                <h3 class="widget_title">Quick Links</h3>
                <div class="menu-all-pages-container">
                  <ul class="menu">
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="team.html">Meet Our Team</a></li>
                    <li><a href="project.html">Our Projects</a></li>
                    <li><a href="faq.html">Help & FAQs</a></li>
                    <li><a href="contact.html">Contact Us</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-xl-auto">
              <div class="widget widget_nav_menu footer-widget">
                <h3 class="widget_title">IT SERVICES</h3>
                <div class="menu-all-pages-container">
                  <ul class="menu">
                    <li><a href="service-details.html">Web Development</a></li>
                    <li>
                      <a href="service-details.html">Business Development</a>
                    </li>
                    <li>
                      <a href="service-details.html">Product Management</a>
                    </li>
                    <li><a href="service-details.html">UI/UX Design</a></li>
                    <li><a href="service-details.html">Cloud services</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-xl-auto">
              <div class="widget footer-widget">
                <h3 class="widget_title">Recent Posts</h3>
                <div class="recent-post-wrap">
                  <div class="recent-post">
                    <div class="media-img">
                      <a href="blog-details.html"
                        ><img
                          src="assets/img/blog/recent-post-2-1.jpg"
                          alt="Blog Image"
                      /></a>
                    </div>
                    <div class="media-body">
                      <h4 class="post-title">
                        <a class="text-inherit" href="blog-details.html"
                          >Unsatiable entreaties may collecting Power.</a
                        >
                      </h4>
                      <div class="recent-post-meta">
                        <a href="blog.html"
                          ><i class="fal fa-calendar-days"></i>21 June, 2024</a
                        >
                      </div>
                    </div>
                  </div>
                  <div class="recent-post">
                    <div class="media-img">
                      <a href="blog-details.html"
                        ><img
                          src="assets/img/blog/recent-post-2-2.jpg"
                          alt="Blog Image"
                      /></a>
                    </div>
                    <div class="media-body">
                      <h4 class="post-title">
                        <a class="text-inherit" href="blog-details.html"
                          >Regional Manager limited time management.</a
                        >
                      </h4>
                      <div class="recent-post-meta">
                        <a href="blog.html"
                          ><i class="fal fa-calendar-days"></i>22 June, 2024</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright-wrap">
        <div class="container">
          <div class="row justify-content-between align-items-center">
            <div class="col-lg-6">
              <p class="copyright-text">
                Copyright <i class="fal fa-copyright"></i> 2024
                <a href="javascript:void(0)">ZaphyrZ</a>.
                All Rights Reserved.
              </p>
            </div>
            <div class="col-lg-6 text-lg-end text-center">
              <div class="footer-links">
                <ul>
                  <li><a href="about.html">Terms & Condition</a></li>
                  <li><a href="about.html">Careers</a></li>
                  <li><a href="about.html">Privacy Policy</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <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>
    <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/circle-progress.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/tilt.jquery.min.js"></script>
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <script src="assets/js/smooth-scroll.js"></script>
    <script src="assets/js/particles.min.js"></script>
    <script src="assets/js/particles-config.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>