.nav-bar {
   padding: 15px 0;
   display: flex;
   justify-content: space-between;
  color: #6E7078;
   transition: var(--transition);
   align-items: center;
 }

 .btn-nav {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .btn-nav .search-navbar {
  font-size: 12px;
  margin: 0 0 0 40px;
}

 .nav-bar ul {
   display: flex;
   gap: 30px;
   justify-content: center;
   align-items: center;
 }

 .nav-bar ul li {
  font-size: 14px;
  transition: var(--transition);
  color: #6E7078;
}

 .nav-bar ul li:hover {
   color: var(--h2) !important;
 }

 .nav-bar ul .active {
   font-weight: bold;
   color: var(--h2)  !important;

 }

 .lang-nav {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: center;
   color: #6E7078;

 }

 ul.nav-desktop .btn-nav {
  padding-left: 40px;
}

 .y {
   display: none;
 }

 /*  */


 .beautiful-button {
  position: relative;
  background: var(--btn);
  color: #fff !important;
  display: flex;
 width: fit-content;
  gap: 6px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 6px;
  font-size: 14px;
  border: 1px solid transparent;
  cursor: pointer;
   transition: all 0.3s ease-in-out;
  padding: 13px 37px;
  font-family: 'fontBold', sans-serif !important;
}

 .beautiful-button:hover {
   background:#fff  ;
   color: var(--btn) !important;
   border: 1px solid var(--btn);
 }

 .beautiful-button:active {
  transform: translate(5px,5px);
  transition-duration: .3s;
}
 .beautiful-button:active {
   transform: scale(0.95);
 }

 @keyframes button-shimmer {
   0% {
     background-position: left top;
   }

   100% {
     background-position: right bottom;
   }
 }

 @keyframes button-particles {
   0% {
     background-position: left top;
   }

   100% {
     background-position: right bottom;
   }
 }