<header class="header -dark -sticky-dark js-header-dark js-header">

        <!-- header__bar start -->

        <div class="header__bar">

          <div class="header__logo js-header-logo">

            <a  href="index.html">

              <img class="header__logo__light js-lazy" src="#" data-src="img/logo/logo-light.png" alt="Logo">

            </a>

            <a  href="index.html">

              <img class="header__logo__dark js-lazy" src="#" data-src="img/logo/logo-dark.png" alt="Logo">

            </a>

          </div>



          <div class="header__menu js-header-menu">

            <button type="button" class="nav-button-open js-nav-open">

              <i class="icon" data-feather="menu"></i>

              <span></span>

              <span></span>

            </button>

          </div>

        </div>

        <!-- header__bar end -->





        <!-- nav start -->

        <nav class="nav js-nav">

          <div class="nav__inner js-nav-inner">

            <div class="nav__bg js-nav-bg"></div>



            <div class="nav__container">

              <div class="nav__header">

                <button type="button" class="nav-button-back js-nav-back">

                  <i class="icon" data-feather="arrow-left-circle"></i>

                </button>



                <button type="button" class="nav-btn-close js-nav-close pointer-events-none">

                  <i class="icon" data-feather="x"></i>

                </button>

              </div>



              <div class="nav__content">

                <div class="nav__content__left">

                  <div class="navList__wrap">

                    <ul class="navList js-navList">

                      <li>

                        <a  href="index.html">

                          Home

                        </a>

                      </li>

					  <li>

                        <a href="about-us.html">

                          About Us

                        </a>

                      </li>



                      <li class="menu-item-has-children">

                        <a>Services</a>



                        <ul class="subnav-list">

						  <li>

                            <a  href="08_Predictive_Analysis.html">Predictive Analysis</a>

                          </li>

						  <li>

                            <a  href="09_Data_Analysis_And_Ai_Solutions.html">Data Analytics & AI Solutions</a>

                          </li>

						  <li>

                            <a  href="02_Mobile_Solution.html">Mobile & Cloud Apps</a>

                          </li>

                          <li>

                            <a  href="01_UX_Design.html">UX Design</a>

                          </li>

                          <li>

                            <a  href="07_UI_Development.html">UI Development</a>

                          </li>

						  <li>

                            <a  href="06_Interface_Design.html">Interface Design</a>

                          </li>

						  <!--

                          <li>

                            <a  href="03_Web_Development.html">Web Development</a>

                          </li>

						  <li>

                            <a  href="04_Digital_Marketing.html">Digital Marketing</a>

                          </li>

						  <li>

                            <a  href="05_Branding.html">Branding</a>

                          </li>

						  -->

						  

                        </ul>

                      </li>

					  <li>

                        <a  href="clients.html">

                          Clients

                        </a>

                      </li>

					  <li>

                        <a  href="case-studies.html">

                          Case Studies

                        </a>

                      </li>

					  <li>

                        <a  href="contact-us.html">

                          Contact Us

                        </a>

                      </li>                      

                    </ul>

                  </div>

                </div>



                <div class="nav__content__right">

                  <div class="nav__info">

                    <div class="nav__info__item js-navInfo-item">

                      <h5 class="text-sm tracking-none fw-500">

                        Address

                      </h5>



                      <div class="nav__info__content text-lg text-white mt-16">

                        <p>

                          WERT DIGITAL MEDIA SOLUTIONS FZCO, <br/>Dubai Silicon Oasis, DDP, Building A2, Dubai, United Arab Emirates

                        </p>

                      </div>

                    </div>



                    <div class="nav__info__item js-navInfo-item">

                      <h5 class="text-sm tracking-none fw-500">

                        Connect with Us

                      </h5>



                      <div class="nav__info__content text-lg text-white mt-16">

                        

                        <a href="#">Linkedin</a>

						<!--

						<a href="#">Behance</a>

                        <a href="#">Facebook</a>

                        <a href="#">Twitter</a>

						-->

                      </div>

                    </div>



                    <div class="nav__info__item js-navInfo-item">

                      <h5 class="text-sm tracking-none fw-500">

                        Contact Us

                      </h5>



                      <div class="nav__info__content text-lg text-white mt-16">

                        <a href="mailto:info@thewertdigital.com">info@thewertdigital.com</a>

                        <a href="tel:+971 52 2511179">+971 52 2511179</a>

						<a href="tel:+971 56 2456554">+971 56 2456554</a>

                      </div>

                    </div>

                  </div>

                </div>

              </div>

            </div>

          </div>

        </nav>

        <!-- nav end -->

      </header>