.header {

       background: white;

       border-bottom: 1px solid #ddd;

       position: sticky;

       top: 0;

       z-index: 1000;
   }

   .navbar {

       height: 90px;

       display: flex;

       justify-content: space-between;

       align-items: center;
   }

   .logo{
    display: flex;
    align-items: center;
}

.logo img{
    width:auto !important;
    height:60px;
    max-width:none;
    object-fit:contain;
}

   .menu {

       display: flex;

       gap: 45px;
   }

   .menu a {

       font-weight: 700;

       transition: .3s;
   }

   .menu a:hover {

       color: #f5a623;
   }

   .search-box input {

       width: 240px;

       height: 48px;

       padding: 0 15px;

       border: 2px solid #999;

       border-radius: 14px;
   }

   .menu-toggle {

       display: none;

       width: 48px;

       height: 48px;

       border: none;

       background: none;

       font-size: 30px;

       cursor: pointer;

   }

   /*====================================================
MOBILE MENU
====================================================*/
   .mobile-menu {

       position: fixed;

       top: 0;

       left: -320px;

       width: 320px;

       height: 100vh;

       background: #fff;

       box-shadow: 0 0 25px rgba(0, 0, 0, .15);

       padding: 30px;

       display: flex;

       flex-direction: column;

       gap: 22px;

       transition: left .35s ease;

       z-index: 1000;
       overflow-y: auto;
       padding-top:

           max(30px, env(safe-area-inset-top));

   }

   .mobile-menu.open {

       left: 0;

   }

   .menu-overlay {

       position: fixed;

       inset: 0;

       background: rgba(0, 0, 0, .45);

       opacity: 0;

       visibility: hidden;

       transition:

           opacity .35s ease,

           visibility .35s ease;

       z-index: 999;

   }

   .menu-overlay.show {

       opacity: 1;

       visibility: visible;

   }

   .mobile-menu a {

       text-decoration: none;

       color: #222;

       font-size: 18px;

       font-weight: 600;
       padding: 14px 0;
       transition: .25s;

       border-bottom:

           1px solid #eee;


   }

 .mobile-menu a:hover{

    color:#d89b2b;

    padding-left:10px;

}

   .close-menu {

       background: none;

       border: none;

       font-size: 30px;

       cursor: pointer;

       align-self: flex-end;

   }