.bt-primary {
  transition: all 0.3s;
}

.bt-primary:hover {
  transform: scale(1.06);
  color: #fff;
}

#whatsapp-float:hover {
  transform: scale(1.15) rotate(5deg);
  box-shadow: 2px 2px 8px rgba(255, 255, 255, 0.7)
}

.social-links i:hover {
  transform: scale(1.3);
  filter: brightness(80%);
}


#header .logo img {
  transition: 0.3s filter, 0.3s transform ease;
}

#header .logo img:hover {
  filter: brightness(1.3);
  transform: scale(1.02);
}


#menu-mob {
  display: none;
}

#menu-main li:hover>a {
  color: #66479b;
}

#menu-main .menu a {
  transition: color 0.2s ease;
}

#menu-main .menu>li>ul {
  transition: all 0.2s;
}

#menu-main .menu li:hover>a {
  color: #66479b;
}

#menu-main .menu>li>ul {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  border-radius: 10px;
}

#menu-main .menu>li:hover ul {
  visibility: visible;
  opacity: 1;
}

#header>.middle>.login-bt {
  transition: all 0.3s ease;
}

#header .login-bt:hover {
  background-color: #00DBB9;
  transform: scale(1.03);
  color: white;
}


.nav-category-main ul a:hover {
  color: #4957db;
  background-color: #f5f5f5;
  /* rgb(146, 182, 236); */
  border-bottom: 10px solid orange;
}


@media(min-width: 1321px) {

  #header .logo {
    width: 250px;
  }

  #menu-main .menu {
    gap: 40px;
  }
}

@media(max-width: 1320px) {}