<header class="header">
            <div id="rt-sticky-placeholder"></div>
            <div id="header-menu" class="header-menu menu-layout1 pd-x-45">
                <div class="container-fluid">
                    <div class="row d-flex align-items-center">
                        <div class="col-xl-2 col-lg-2">
                            <div class="logo-area">
                                <a href="index.php" class="temp-logo">
                                    <img src="img/logo.png" alt="logo" class="img-fluid">
                                </a>
                                <a href="index.php" class="sticky-logo">
                                    <img src="img/logo-sticky.png" alt="logo" class="img-fluid">
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-8 d-flex justify-content-center possition-static">
                            <nav id="dropdown" class="template-main-menu">
                                <ul>
                                   <li>
                                        <a href="#">HOME</a>
                                        <!-- <ul class="dropdown-menu-col-1">
                                            <li>
                                                <a href="index.php">Home 1</a>
                                            </li>
                                            <li>
                                                <a href="index2.php">Home 2</a>
                                            </li>
                                            <li>
                                                <a href="index3.php">Home 3</a>
                                            </li>
                                            <li>
                                                <a href="index4.php">Home 4</a>
                                            </li>
                                        </ul> -->
                                    </li>
                                    <li>
                                        <a href="about2.php">ABOUT US</a>
                                        <!-- <ul class="dropdown-menu-col-1">
                                            <li>
                                                <a href="about1.php">About 1</a>
                                            </li>
                                            <li>
                                                <a href="about2.php">About 2</a>
                                            </li>
                                        </ul> -->
                                    </li>
                                    <li>
                                        <a href="#">OUR SERVICES</a>
                                        <ul class="dropdown-menu-col-1">
                                            <li>
                                                <a href="case-study1.php">Web Development </a>
                                            </li>
                                            <li>
                                                <a href="case-study2.php">Custom Software Development</a>
                                            </li>
                                            <li>
                                                <a href="case-study2.php">E-Commerce Solutions</a>
                                            </li>
                                            <li>
                                                <a href="case-study2.php">Mobile Application Development</a>
                                            </li>
                                            <li>
                                                <a href="case-study3.php">Digital Marketing</a>
                                            </li>
                                            <li>
                                                <a href="single-case-study1.php">Hosting Services</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <!-- <li>
                                        <a href="#">SERVICES</a>
                                        <ul class="dropdown-menu-col-1">
                                            <li>
                                                <a href="service1.php">Service 1</a>
                                            </li>
                                            <li>
                                                <a href="service2.php">Service 2</a>
                                            </li>
                                            <li>
                                                <a href="single-service1.php">Single Service 1</a>
                                            </li>
                                            <li>
                                                <a href="single-service2.php">Single Service 2</a>
                                            </li>
                                            <li>
                                                <a href="single-service3.php">Single Service 3</a>
                                            </li>
                                        </ul>
                                    </li> -->
                                    <!-- <li class="possition-static hide-on-mobile-menu">
                                        <a href="#">PAGES</a>
                                        <div class="template-mega-menu">
                                            <div class="container">
                                                <div class="row">
                                                    <div class="col-3">
                                                        <div class="menu-ctg-title">Home</div>
                                                        <ul class="sub-menu">
                                                            <li>
                                                                <a href="index.php">
                                                                    <i class="fas fa-home"></i>Home 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="index2.php">
                                                                    <i class="fas fa-home"></i>Home 2</a>
                                                            </li>
                                                            <li>
                                                                <a href="index3.php">
                                                                    <i class="fas fa-home"></i>Home 3</a>
                                                            </li>
                                                            <li>
                                                                <a href="index4.php">
                                                                    <i class="fas fa-home"></i>Home 4</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-3">
                                                        <div class="menu-ctg-title">Service</div>
                                                        <ul class="sub-menu">
                                                            <li>
                                                                <a href="service1.php">
                                                                    <i class="fas fa-suitcase"></i>Service 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="service2.php">
                                                                    <i class="fas fa-suitcase"></i>Service 2</a>
                                                            </li>
                                                            <li>
                                                                <a href="single-service1.php">
                                                                    <i class="fas fa-suitcase"></i>Single Service 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="single-service2.php">
                                                                    <i class="fas fa-suitcase"></i>Single Service 2</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-3">
                                                        <div class="menu-ctg-title">Case Study</div>
                                                        <ul class="sub-menu">
                                                            <li>
                                                                <a href="case-study1.php">
                                                                    <i class="fas fa-handshake"></i>Case Study 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="case-study2.php">
                                                                    <i class="fas fa-handshake"></i>Case Study 2</a>
                                                            </li>
                                                            <li>
                                                                <a href="case-study3.php">
                                                                    <i class="fas fa-handshake"></i>Case Study 3</a>
                                                            </li>
                                                            <li>
                                                                <a href="single-case-study1.php">
                                                                    <i class="fas fa-handshake"></i>Single Case Study 1</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-3">
                                                        <div class="menu-ctg-title">Pages</div>
                                                        <ul class="sub-menu">
                                                            <li>
                                                                <a href="blog1.php">
                                                                    <i class="fab fa-blogger"></i>Blog 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="blog2.php">
                                                                    <i class="fab fa-blogger"></i>Blog 2</a>
                                                            </li>
                                                            <li>
                                                                <a href="contact.php">
                                                                    <i class="fas fa-envelope"></i>Contact</a>
                                                            </li>
                                                            <li>
                                                                <a href="404.php">
                                                                    <i class="fas fa-exclamation-triangle"></i>404 Error</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li> -->
                                    <li class="hide-on-desktop-menu">
                                        <a href="#">PROJECTS</a>
                                        <!-- <ul>
                                            <li>
                                                <a href="case-study1.php">Case Study</a>
                                            </li>
                                            <li>
                                                <a href="single-blog1.php">Blog Details</a>
                                            </li>
                                            <li>
                                                <a href="service1.php">Service</a>
                                            </li>
                                            <li>
                                                <a href="404.php">404 Error</a>
                                            </li>
                                            <li>
                                                <a href="contact.php">Contact</a>
                                            </li>
                                        </ul> -->
                                    </li>
                                    <li>
                                        <a href="#">Projects</a>
                                        <!-- <ul class="dropdown-menu-col-1">
                                            <li>
                                                <a href="blog1.php">Blog 1</a>
                                            </li>
                                            <li>
                                                <a href="blog2.php">Blog 2</a>
                                            </li>
                                            <li>
                                                <a href="single-blog1.php">Single Blog 1</a>
                                            </li>
                                        </ul> -->
                                    </li>
                                    <li>
                                        <a href="contact.php">CONTACT</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="col-xl-3 col-lg-3 d-flex justify-content-end">
                            <div class="header-action-layout1">
                                <ul>
                                    <!-- <li class="header-action-btn">
                                        <a href="#" class="btn-fill-4 btn-shadow mg-t-0 gradient-accent letter-specing-0">Login<i class="fas fa-chart-line"></i></a>
                                    </li>
                                    <li class="header-search-box">
                                        <a href="#header-search" title="Search">
                                            <i class="flaticon-magnifying-glass"></i>
                                        </a>
                                    </li> -->
                                    <li class="offcanvas-menu-trigger-wrap">
                                        <button type="button" class="offcanvas-menu-btn menu-status-open">
                                            <span class="btn-icon-wrap">
                                                <span></span>
                                                <span></span>
                                                <span></span>
                                            </span>
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>