.nav-bar {
    padding-top: 0 ;
    padding-bottom: 16px ;
    display: flex;
    justify-content: space-between;
    color: var(--white);
    align-items: center;
}
.btn-nav {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

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

.nav-bar ul li {
  font-weight: 800;
  font-size: 14px;
transition: all 400ms ease;
}
.lang-nav {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  color: var(--white);
}

.fa-solid.fa-magnifying-glass  {
  color: var(--white);
}

.nav-bar ul li:hover {
color: var(--unnamed-color-border);
font-weight: 900;

}
.en-ar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  color: var(--white);
}




 .btn-nav-circle-content {
    display: flex;
   align-items: center;
  justify-content: center;
}
.btn-nav-circle {
  position: relative;
  left: -20px;
}


.border1 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #2E4438;
  display: flex;
  align-items: center;
  justify-content: center;
}
 .border2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--white);
}
.btn-nav-circle a {
  font-size: 14px;
  color: var(--white);
}

.nav-logo {
  width: 110px;
  height: 120px;
  display: flex;
  justify-content: center;
  border-radius: 0 0 50% 50%;
  padding: 13px 10px;
  background-color: var(--white);
  align-items: flex-end;
}

.nav-logo img {
  width: 100%;
  max-width: 89px;
  height: auto;
}


.btn-nav-circle-content , .border2  , .border1 {
  transition: all 400ms ease !important;
}
.btn-nav-circle-content:hover , .btn-nav-circle-content:hover  .border2  , .btn-nav-circle-content:hover  .border1 {
  color: var(--unnamed-color-border) !important;
  border-color: var(--unnamed-color-border);
}










.y {
  display: none;
}

.y i {
  font-size: 30px !important;
  color: var(--white);
}