/* Custom scrollbar theme */
::-webkit-scrollbar {
  width: 1px;
}

::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 6px solid transparent;
  background-clip: content-box;
  background-color: #ffffff;
}

/* bg */

.bg-green {
  background-color: #00B302;
}

.bg-bootstrap {
  background-color: #563d7c;
}

.bg-pink {
  background-color: #E91E63;
}

.bg-indigo {
  background-color: #9c27b0;
}

.bg-purple {
  background-color: #6f42c1;
}

/* Bootstrap panel-heading background */
.hero {
  height: 100%;
  background-color: #fdfdfd;
  background-image: url(https://img.freepik.com/free-vector/happy-people-avatars_52683-34515.jpg?w=1380&t=st=1664972583~exp=1664973183~hmac=af18cb8…);
  background-size: contain;
  /*background-position: bottom right;
  background-image: url(); 
  background-size: cover; */
  background-repeat: repeat;
  animation: marquee 50s infinite linear;
}

.hero-card {
  height: 100%;
  background-color: #fdfdfd;
  background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yR/r/kpuUuMFIQFF.png");
  /*background-size: 150px 150px;
  /*background-position: bottom right;
  background-image: url(); 
  background-size: cover; 
  background-repeat: repeat;
  animation: marquee 50s infinite linear;*/
}

.hero-variation1 {
  height: 100%;
  background-color: #fdfdfd;
  background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yJ/r/q3mtzLsg7bN.png");
  background-size: cover;
}

@keyframes marquee {
  0% {
    background-position: 0;
  }

  100% {
    background-position: -1190px;
  }
}

/* Angular ng-animate animations */
.item.ng-move,
.item.ng-enter,
.item.ng-leave {
  -webkit-transition: all linear 1s;
  transition: all linear 1s;
}

.item.ng-leave.ng-leave-active,
.item.ng-move,
.item.ng-enter {
  opacity: 0;
}

.item.ng-leave,
.item.ng-move.ng-move-active,
.item.ng-enter.ng-enter-active {
  opacity: 1;
}