<div class="main-header__inner move">

    <div class="main-header__logo">
        <div class="logo-dark">
            <a href="https://theme.madsparrow.me/osty/">
                <img src="https://theme.madsparrow.me/osty/wp-content/uploads/2025/04/osty_logo_dark.svg" alt="Osty – Creative Agency and Portfolio Theme">
            </a>
        </div>
        <div class="logo-light">
            <a href="https://theme.madsparrow.me/osty/">
                <img src="https://theme.madsparrow.me/osty/wp-content/uploads/2025/04/osty_logo_light.svg" alt="Osty – Creative Agency and Portfolio Theme">
            </a>
        </div>
    </div>

    <nav class="main-header__nav js-main-header__nav main-header__default" id="main-header-nav">
        <ul id="primary-menu-default" class="navbar-nav">
            <li id="menu-item-110" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-110" style="translate: none; rotate: none; scale: none; transform: translate(-35px, 0px); opacity: 0; visibility: hidden;">
                <a href="https://theme.madsparrow.me/osty/" title="Index">
                    <span>Index</span>
                </a>
                <ul class="sub-menu">
                    <li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112">
                        <a href="https://theme.madsparrow.me/osty/home-slider/">Home Slider</a>
                    </li>
                    <li id="menu-item-7418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-1234 current_page_item menu-item-7418">
                        <a href="https://theme.madsparrow.me/osty/" aria-current="page">Personal Portfolio</a>
                    </li>
                    <li id="menu-item-1004" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1004">
                        <a href="https://theme.madsparrow.me/osty/creative-agency/">Creative Agency</a>
                    </li>
                    <li id="menu-item-1522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1522">
                        <a href="https://theme.madsparrow.me/osty/personal-page/">Personal Page (CV)</a>
                    </li>
                </ul>
            </li>
            <li id="menu-item-148" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-148" style="translate: none; rotate: none; scale: none; transform: translate(-35px, 0px); opacity: 0; visibility: hidden;">
                <a href="#" title="News">
                    <span>News</span>
                </a>
                <ul class="sub-menu">
                    <li id="menu-item-213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-213">
                        <a href="https://theme.madsparrow.me/osty/blog-default/">Blog Default</a>
                    </li>
                    <li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111">
                        <a href="https://theme.madsparrow.me/osty/blog-card/">Blog Card</a>
                    </li>
                    <li id="menu-item-170" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-170">
                        <a href="https://theme.madsparrow.me/osty/blog-card-sidebar/">Blog Card Sidebar</a>
                    </li>
                    <li id="menu-item-3426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3426">
                        <a href="https://theme.madsparrow.me/osty/blog-list-right-thumb/">Blog List Right Thumb</a>
                    </li>
                    <li id="menu-item-3427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3427">
                        <a href="https://theme.madsparrow.me/osty/blog-list-left-thumb/">Blog List Left Thumb</a>
                    </li>
                    <li id="menu-item-3425" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3425">
                        <a href="https://theme.madsparrow.me/osty/blog-list-random-thumb/">Blog List Random Thumb</a>
                    </li>
                    <li id="menu-item-7234" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7234">
                        <a href="https://theme.madsparrow.me/osty/the-ultimate-beginners-guide-to-in-programming/">Single Post Page</a>
                    </li>
                </ul>
            </li>
            <li id="menu-item-149" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-149" style="translate: none; rotate: none; scale: none; transform: translate(-35px, 0px); opacity: 0; visibility: hidden;">
                <a href="#" title="Projects">
                    <span>Projects</span>
                </a>
                <ul class="sub-menu">
                    <li id="menu-item-244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-244">
                        <a href="https://theme.madsparrow.me/osty/works-grid/">Works: A Simple Grid</a>
                    </li>
                    <li id="menu-item-243" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-243">
                        <a href="https://theme.madsparrow.me/osty/works-grid-style-2/">Works: Grid Style 2</a>
                    </li>
                    <li id="menu-item-245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-245">
                        <a href="https://theme.madsparrow.me/osty/works-list-style/">Works: List Style</a>
                    </li>
                    <li id="menu-item-242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-242">
                        <a href="https://theme.madsparrow.me/osty/works-masonry-grid/">Works: Masonry Grid</a>
                    </li>
                    <li id="menu-item-4111" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4111">
                        <a href="https://theme.madsparrow.me/osty/subsequent-sneeze/">Works: Single Example</a>
                    </li>
                </ul>
            </li>
            <li id="menu-item-4670" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4670" style="translate: none; rotate: none; scale: none; transform: translate(-35px, 0px); opacity: 0; visibility: hidden;">
                <a href="#" title="Pages">
                    <span>Pages</span>
                </a>
                <ul class="sub-menu">
                    <li id="menu-item-4985" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4985">
                        <a href="https://theme.madsparrow.me/osty/about-me/">About Me</a>
                    </li>
                    <li id="menu-item-4986" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4986">
                        <a href="https://theme.madsparrow.me/osty/about-us/">About Us</a>
                    </li>
                    <li id="menu-item-5415" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5415">
                        <a href="https://theme.madsparrow.me/osty/pricing/">Pricing</a>
                    </li>
                    <li id="menu-item-4837" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4837">
                        <a href="https://theme.madsparrow.me/osty/services/">Services</a>
                    </li>
                    <li id="menu-item-4710" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4710">
                        <a href="https://theme.madsparrow.me/osty/faq/">FAQ</a>
                    </li>
                    <li id="menu-item-7233" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7233">
                        <a href="https://theme.madsparrow.me/osty/404">Page 404</a>
                    </li>
                </ul>
            </li>
            <li id="menu-item-4103" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4103" style="translate: none; rotate: none; scale: none; transform: translate(-35px, 0px); opacity: 0; visibility: hidden;">
                <a href="#" title="Shop">
                    <span>Shop</span>
                </a>
                <ul class="sub-menu">
                    <li id="menu-item-6398" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6398">
                        <a href="https://theme.madsparrow.me/osty/shop/">Product Catalog</a>
                    </li>
                    <li id="menu-item-6677" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6677">
                        <a href="https://theme.madsparrow.me/osty/product/core-vibe/">Single Product</a>
                    </li>
                    <li id="menu-item-4104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4104">
                        <a href="https://theme.madsparrow.me/osty/my-account-2/">My account</a>
                    </li>
                    <li id="menu-item-7347" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7347">
                        <a href="https://theme.madsparrow.me/osty/checkout/">Checkout</a>
                    </li>
                </ul>
            </li>
            <li id="menu-item-4732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4732" style="translate: none; rotate: none; scale: none; transform: translate(-35px, 0px); opacity: 0; visibility: hidden;">
                <a href="https://theme.madsparrow.me/osty/contact/" title="Contact">
                    <span>Contact</span>
                </a>
            </li>
        </ul>
    </nav>
    <div class="main-header--widgets">

        <div class="ms-hw-inner">

            <div class="header__search-icon ms-h_w">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#4F5663" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M21 21L16.65 16.65" stroke="#4F5663" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </div>
            <div class="ms_theme_mode ms-h_w">
                <div class="toggle-switch">
                    <input class="toggle-input" id="switcher" type="checkbox" checked="">
                    <label class="toggle-label" for="switcher"></label>
                    <span class="toggle-back"></span>
                </div>
            </div>

        </div>

        <div class="main-header__btn" style="width: 124.7031px;">

            <div class="container-menu ms-h_w">
                <div class="action-menu" style="opacity: 1; visibility: inherit;">
                    <div class="menu-text">
                        <span class="menu-text_open">Menu</span>
                    </div>
                    <div class="menu-lines">
                        <span class="menu-line"></span>
                        <span class="menu-line"></span>
                    </div>
                </div>
            </div>

            <div class="ms-menu-wrapper">
                <div class="ms-menu">
                    <div class="ms-menu-container">
                        <ul id="primary-menu-button" class="navbar-nav" style="width: 140.125px; height: 310px;">
                            <li class="menu-title">
                                <a>Menu</a>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-110">
                                <a href="https://theme.madsparrow.me/osty/" title="Index">
                                    <span>Index</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-back">
                                        <a>Back</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112">
                                        <a href="https://theme.madsparrow.me/osty/home-slider/">Home Slider</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-1234 current_page_item menu-item-7418">
                                        <a href="https://theme.madsparrow.me/osty/" aria-current="page">Personal Portfolio</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1004">
                                        <a href="https://theme.madsparrow.me/osty/creative-agency/">Creative Agency</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1522">
                                        <a href="https://theme.madsparrow.me/osty/personal-page/">Personal Page (CV)</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-148">
                                <a href="#" title="News">
                                    <span>News</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-back">
                                        <a>Back</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-213">
                                        <a href="https://theme.madsparrow.me/osty/blog-default/">Blog Default</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111">
                                        <a href="https://theme.madsparrow.me/osty/blog-card/">Blog Card</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-170">
                                        <a href="https://theme.madsparrow.me/osty/blog-card-sidebar/">Blog Card Sidebar</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3426">
                                        <a href="https://theme.madsparrow.me/osty/blog-list-right-thumb/">Blog List Right Thumb</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3427">
                                        <a href="https://theme.madsparrow.me/osty/blog-list-left-thumb/">Blog List Left Thumb</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3425">
                                        <a href="https://theme.madsparrow.me/osty/blog-list-random-thumb/">Blog List Random Thumb</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7234">
                                        <a href="https://theme.madsparrow.me/osty/the-ultimate-beginners-guide-to-in-programming/">Single Post Page</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-149">
                                <a href="#" title="Projects">
                                    <span>Projects</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-back">
                                        <a>Back</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-244">
                                        <a href="https://theme.madsparrow.me/osty/works-grid/">Works: A Simple Grid</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-243">
                                        <a href="https://theme.madsparrow.me/osty/works-grid-style-2/">Works: Grid Style 2</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-245">
                                        <a href="https://theme.madsparrow.me/osty/works-list-style/">Works: List Style</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-242">
                                        <a href="https://theme.madsparrow.me/osty/works-masonry-grid/">Works: Masonry Grid</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4111">
                                        <a href="https://theme.madsparrow.me/osty/subsequent-sneeze/">Works: Single Example</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4670">
                                <a href="#" title="Pages">
                                    <span>Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-back">
                                        <a>Back</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4985">
                                        <a href="https://theme.madsparrow.me/osty/about-me/">About Me</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4986">
                                        <a href="https://theme.madsparrow.me/osty/about-us/">About Us</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5415">
                                        <a href="https://theme.madsparrow.me/osty/pricing/">Pricing</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4837">
                                        <a href="https://theme.madsparrow.me/osty/services/">Services</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4710">
                                        <a href="https://theme.madsparrow.me/osty/faq/">FAQ</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7233">
                                        <a href="https://theme.madsparrow.me/osty/404">Page 404</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4103">
                                <a href="#" title="Shop">
                                    <span>Shop</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-back">
                                        <a>Back</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6398">
                                        <a href="https://theme.madsparrow.me/osty/shop/">Product Catalog</a>
                                    </li>
                                    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6677">
                                        <a href="https://theme.madsparrow.me/osty/product/core-vibe/">Single Product</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4104">
                                        <a href="https://theme.madsparrow.me/osty/my-account-2/">My account</a>
                                    </li>
                                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7347">
                                        <a href="https://theme.madsparrow.me/osty/checkout/">Checkout</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4732">
                                <a href="https://theme.madsparrow.me/osty/contact/" title="Contact">
                                    <span>Contact</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="ms-ma-bg" style="width: 124.703125px; height: 48px; translate: none; rotate: none; scale: none; transform-origin: 50% 50%; transform: translate(0px, 0px);"></div>

            <div class="close-menu-bg"></div>

        </div>

    </div>

    <div class="header__search-modal data-scroll-section">

        <button class="header__search--close-btn">
            <svg class="icon icon--sm" viewBox="0 0 24 24">
                <title>Close modal window</title>
                <g fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <line x1="3" y1="3" x2="21" y2="21"></line>
                    <line x1="21" y1="3" x2="3" y2="21"></line>
                </g>
            </svg>
        </button>

        <div class="header__search--inner">

            <form role="search" method="get" class="searchform" action="https://theme.madsparrow.me/osty/">
                <div class="ms-search-widget">
                    <input type="search" placeholder="Search..." value="" name="s" class="search-field">
                    <button aria-label="Search" class="ms-search--btn" type="submit"></button>
                </div>
            </form>
        </div>
    </div>

</div>
