.bglines {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23dcddde' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.max-height {
   max-height:70px;
}

.scrollbar {
margin-left: 30px;
float: left;
max-height: 450px;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow {
min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
width: 9px;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #4285F4; }

.hero::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(#1e3a5f 1px, transparent 1px),
    linear-gradient(90deg, #1e3a5f 1px, transparent 1px);

  background-size: 40px 40px;
  animation: gridMove 12s linear infinite;
}

@keyframes gridMove {
  from { background-position: 0 0; }
  to { background-position: 40px 40px; }
}