/* HEADER BASE */
.vmk-header{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:999;
}

/* CONTAINER */
/* CENTER EVERYTHING PERFECTLY */
.vmk-container{
   display:flex;
    align-items:center;
}

/* LEFT + RIGHT TAKE EQUAL SPACE */
.vmk-left,
.vmk-right{
    flex:1;
    display:flex;
    align-items:center;
}

/* ALIGN LEFT MENU */
.vmk-left{
    flex:1;
    display:flex;
    justify-content:flex-end;
}

/* ALIGN RIGHT MENU */
.vmk-right{
     flex:1;
    display:flex;
    justify-content:flex-start; /* pull toward logo */
}

/* LOGO CENTER */
.vmk-logo{
      padding: 0 12px;
    flex-shrink: 0;
}

/* MENU */
.vmk-menu{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
      gap: 26px;   /* 🔥 control spacing here */
}


/* spacing between items */
.vmk-menu li{
    margin: 0 16px;   /* 🔥 reduce overall gap */   /* 🔥 increase space here */
}

/* extra breathing space around logo */
.vmk-left li:last-child{
    margin-right: 10px !important;
}

.vmk-right li:first-child{
    margin-left: 10px !important;
}

/* link style */
.vmk-menu li a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:15px;
    letter-spacing:0.5px;
}

.vmk-menu li a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
}
.vmk-logo{
    padding: 0 10px;   /* 🔥 reduce logo side gap */
}
/* LOGO */
.vmk-logo img{
    height:90px;   /* 🔥 bigger */
    width:auto;
     
}

/* TOGGLE */
.vmk-toggle{
    display:none;
    font-size:24px;
    color:#fff;
    cursor:pointer;
}

/* MOBILE MENU */
.vmk-mobile-menu{
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    background:#000;
    display:none;
    text-align:center;
}

.vmk-mobile-menu ul{
    list-style:none;
    padding:20px 0;
}

.vmk-mobile-menu li{
    margin:15px 0;
}

.vmk-mobile-menu a{
    color:#fff;
    font-size:16px;
    text-decoration:none;
}

/* ACTIVE */
.vmk-mobile-menu.active{
    display:block;
}

/* =========================
   MOBILE
========================= */
@media(max-width:991px){

.vmk-left,
.vmk-right{
    display:none;
}

.vmk-toggle{
    display:block;
}

.vmk-logo img{
     height:75px;   /* 🔥 increase from 45px */
}

.vmk-container{
    padding:10px 20px;
}

}

/* Sticky */
.vmk-header.sticky{
    position:fixed;
    background:#fff;
}

/* Sticky menu color */
.vmk-header.sticky .vmk-menu li a{
    color:#000;
}