/* Logo */
.left-side-header a img {
   height: 60px;
   width: auto;
}

/* Navigation Links */
.nav-link {
   position: relative;
   font-weight: 600;
   text-decoration: none;
   color: var(--color-main);
   letter-spacing: 0.3px;
   transition: all 0.3s ease;
   padding: 8px 16px;
   border-radius: 6px;
}

.nav-link::before {
   content: ""; 
   position: absolute;
   width: 0;
   height: 2px;
   bottom: 6px;
   left: 50%;
   transform: translateX(-50%);
   background: var(--color-orange);
   transition: width 0.3s ease;
}     

.nav-link:hover {
   color: var(--color-orange);
   background: var(--color-orange-opac-05);
}

.nav-link:hover::before {
   width: 70%;
}

.right-side-header .user-icon span {
   color: var(--color-main);
   transition: all 0.3s ease;
}

.right-side-header .user-icon:hover span {
   color: var(--color-orange);
}