/* start customaize main page  */
header .link>li {
  padding-inline: 10px;
}


header .link li.false div {
  cursor: no-drop !important;
}

header .link li:not(.false):hover {
  color: var(--button-color);
}

header .link>li:not(.false):hover .text>i {
  transform: scaleY(-1) rotate(270deg);
}

header .link li:not(.false):hover .big-menu {
  display: block;
}


header .container .menu {
  width: 40px;
  height: 30px;
  cursor: pointer;
  position: relative;
}

header .container .menu span {
  height: 4px;
  width: 100%;
  background-color: var(--text);
  position: absolute;
  transition: .2s;
  border-radius: 4px;
}

header .container .menu span:first-child {
  top: 0;
}

header .container .menu.active span:last-child {
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
}

header .container .menu.active span:first-child {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

header .container .menu.active span:nth-child(2) {
  opacity: 0;
}


header .container .menu span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

header .container .menu span:last-child {
  bottom: 0;
}


header .container aside .nav.active {
  display: none;
}
header .container aside .nav.false {
  display: none;
}
.heading-mob.false {
  cursor: no-drop;
}

header .container aside {
  display: none;
}

header .container aside.active {
  display: flex;
}


footer {
  box-shadow: 0 0 20px #20202031;
}


header {
  color: #FFFFFF;
  transition: background-color .4s;
}

.gradient {
  background-image: linear-gradient(-45deg, #052146, #0d4082);
}



header.active {
  background-color: #FFFFFF;
  box-shadow: 0 0 20px #20202031;
  color: var(--black);
}

header.active .create-button {
  border-color: var(--blue);
  color: var(--black);
  font-weight: 500;
  transition: .4s;
}

header.active .create-button:hover {
  background-color: var(--blue);
  color: var(--text);
}

header.active .login-button {
  background-color: var(--blue);
  color: var(--text);
  border-color: var(--blue);
  transition: .4s;


}

header.active .login-button:hover {
  background-color: transparent;
  color: var(--black);
}

header.active .container .menu span {
  background-color: var(--t-black) !important;
}