/* Add custom CSS styles below */ 
.menu-silde>a {
  display:flex;
  align-items:center;
  height:5rem;
  font-size:1rem;
  background:linear-gradient( to left,var(--dark-bg-main) 10%,rgba(0,0,0,0) 120% );
  border-bottom:1px solid #666
}
.menu-silde:first-child>a {
  background:none
}
:lang(en) .menu-silde>a {
  background:linear-gradient( to right,var(--dark-bg-main) 10%,rgba(0,0,0,0) 120% )
}
.menu-silde>a>div:after {
  content:"\e96e";
  font-family:sallaicons!important;
  transform:rotate(90deg);
  font-size:1.5rem;
  transition:.3s ease
}
:lang(en) .menu-silde>a>div:after {
  transform:rotate(-90deg)
}
.menu-silde>a>div {
  display:flex;
  align-items:center
}
.menu-silde:hover>a>div:after {
  margin-inline-start:.5rem;
  transition:.3s ease;
  color:#b78846
}
.menu-silde:hover strong {
  color:#b78846;
  transition:.3s ease
}

.lg\:gap-4 {
    gap: 0.5rem;
}

.md\:grid-cols-4 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex.items-center.flex-col.justify-center {
    padding: 0px 180px 0px 180px;
}


@media only screen and (max-width: 768px) {
.flex.items-center.flex-col.justify-center {
    padding: 0px 0px 0px 0px;
}}