                <!-- Offcanvas Area Start -->
         <div class="fix-area">
            <div class="offcanvas__info">
                <div class="offcanvas__wrapper">
                    <div class="offcanvas__content">
                        <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                            <div class="offcanvas__logo">
                                <a href="index.html">
                                    <img src="assets/img/logo/Colurise-logo.png" alt="logo-img">
                                </a>
                            </div>
                            <div class="offcanvas__close">
                                <button>
                                <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <p class="text d-none d-xl-block">
                            Nullam dignissim, ante scelerisque the  is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
                        </p>
                        <div class="mobile-menu fix mb-3"></div>
                        <div class="offcanvas__contact">
                            <h4>Contact Info</h4>
                            <ul>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon">
                                        <i class="fal fa-map-marker-alt"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-envelope"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="mailto:info@example.com"><span class="mailto:info@example.com">info@example.com</span></a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-clock"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Mod-friday, 09am -05pm</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="far fa-phone"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="tel:+11002345909">+11002345909</a>
                                    </div>
                                </li>
                            </ul>
                            <div class="header-button mt-4">
                                
                            </div>
                            <a href="event-details.html" class="pp-theme-btn">
                                <span class="pp-icon-btn"><i class="icon-icon-1"></i></span>
                                <span class="pp-text-btn">
                                    <span class="pp-text-2">UPCOMMING EVENT</span>
                                </span>
                            </a>
                            <div class="social-icon d-flex align-items-center">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-youtube"></i></a>
                                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="offcanvas__overlay"></div>
        
        <header id="header-sticky" class="header-1">
            <div class="container-fluid">
                <div class="mega-menu-wrapper">
                    <div class="header-main style-1">
                        <div class="logo">
                            <a href="index.php" class="header-logo">
                                <img src="assets/img/logo/Colurise-logo.png" alt="logo-img">
                            </a>
                            <a href="index.php" class="header-logo-2">
                                <img src="assets/img/logo/Colurise-logo.png" alt="logo-img">
                            </a>
                        </div>
                        <div class="mean__menu-wrapper">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="has-dropdown active menu-thumb">
                                            <a href="#">
                                                Home 
                                            </a>
                                            <!--<ul class="submenu has-homemenu">-->
                                            <!--    <li>-->
                                            <!--        <div class="homemenu-items">-->
                                            <!--            <div class="homemenu">-->
                                            <!--                <div class="homemenu-thumb">-->
                                            <!--                    <img src="assets/img/header/home-1.jpg" alt="img">-->
                                            <!--                    <div class="demo-button">-->
                                            <!--                        <a href="index.html" class="pp-theme-btn">-->
                                            <!--                            Multi Page <i class="fa-solid fa-arrow-right-long"></i>-->
                                            <!--                        </a>-->
                                            <!--                    </div>-->
                                            <!--                </div>-->
                                            <!--                <div class="homemenu-content text-center">-->
                                            <!--                    <h4 class="homemenu-title">-->
                                            <!--                        Ai Software-->
                                            <!--                    </h4>-->
                                            <!--                </div>-->
                                            <!--            </div>-->
                                            <!--            <div class="homemenu">-->
                                            <!--                <div class="homemenu-thumb mb-15">-->
                                            <!--                    <img src="assets/img/header/home-2.jpg" alt="img">-->
                                            <!--                    <div class="demo-button">-->
                                            <!--                        <a href="index-2.html" class="pp-theme-btn">-->
                                            <!--                            Multi Page <i class="fa-solid fa-arrow-right-long"></i>-->
                                            <!--                        </a>-->
                                            <!--                    </div>-->
                                            <!--                </div>-->
                                            <!--                <div class="homemenu-content text-center">-->
                                            <!--                    <h4 class="homemenu-title">-->
                                            <!--                        Marketing-->
                                            <!--                    </h4>-->
                                            <!--                </div>-->
                                            <!--            </div>-->
                                            <!--            <div class="homemenu">-->
                                            <!--                <div class="homemenu-thumb mb-15">-->
                                            <!--                    <img src="assets/img/header/home-3.jpg" alt="img">-->
                                            <!--                    <div class="demo-button">-->
                                            <!--                        <a href="index-3.html" class="pp-theme-btn">-->
                                            <!--                            Multi Page <i class="fa-solid fa-arrow-right-long"></i>-->
                                            <!--                        </a>-->
                                            <!--                    </div>-->
                                            <!--                </div>-->
                                            <!--                <div class="homemenu-content text-center">-->
                                            <!--                    <h4 class="homemenu-title">-->
                                            <!--                        Hosting Service-->
                                            <!--                    </h4>-->
                                            <!--                </div>-->
                                            <!--            </div>-->
                                            <!--        </div>-->
                                            <!--    </li>-->
                                            <!--</ul>-->
                                        </li>
                                        <li class="has-dropdown active d-xl-none">
                                            <a href="index.php" class="border-none">
                                            Home
                                            </a>
                                           
                                        </li>
                                        <li class="has-dropdown">
                                            <a href="news.html">
                                               About Us
                                            </a>
                                           
                                        </li>
                                        <li>
                                            <a href="service-details.html">
                                                Services
                                            </a>
                                            <ul class="submenu">
                                                <li><a href="service.html">Business & ERP Consulting</a></li>
                                                <li><a href="service-details.html">Cloud ERP Implementation</a></li>
                                                <li><a href="service-details.html">Data Migration & Integration</a></li>
                                                <li><a href="service-details.html">Managed Application Services</a></li>
                                                <li><a href="service-details.html">BI & Data Warehousing</a></li>
                                                <li><a href="service-details.html">Digital & Workforce Solutions</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="project-details.html">
                                               Why Choose Us
                                            </a>
                                            <!--<ul class="submenu">-->
                                            <!--    <li><a href="project.html">Project Page</a></li>-->
                                            <!--    <li><a href="project-details.html">Project Details</a></li>-->
                                            <!--</ul>-->
                                        </li>
                                       <li>
                                            <a href="news-details.html">
                                                Blog
                                            </a>
                                            <ul class="submenu">
                                                <li><a href="news-grid.html">Blog Grid</a></li>
                                                <li><a href="news.html">Blog Standard</a></li>
                                                <li><a href="news-details.html">Blog Details</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="contact.html">Contact Us</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="header-right d-flex justify-content-end align-items-center">
                            <a href="contact.html" class="pp-theme-btn">
                                Get a quote <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                            <div class="header__hamburger d-xl-none my-auto">
                                <div class="sidebar__toggle">
                                    <div class="header-bar style-1">
                                        <span></span>
                                        <span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header> 