.LoginBack {
  background-color: #fff;
}
.LoginLogo img {
  width: 160px;
}

.auth-left {
    background: linear-gradient(90deg, #1e384e 0%, #386383 100%);
    width: 50%;
}

.OLInfo button {
  padding: 16px 24px;
}

.OLInfo {
  gap: 16px;
}

.LoginLogo > h4 {
  font-size: 24px!important;
}

.LoginLogo p {
  font-size: 16px;
}
.auth-right {
  z-index: 1;
}

#particles-js {
/*   background: cornflowerblue; */
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
}

.LoginBack .form-check .form-check-input, .LoginBack .fw-semibold {
  background-color: #fff;
      border: 1px solid #b8b8b880 !important;
}

.Loginbg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #e1f3ff 50%, #ffffff 50%, #fff3dc 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.L2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.Lbg3 {
  animation-duration:5s;
}

.CoName {
    font-size: 18px;
    font-weight: 600;
    color: #0c112c;
}

.d-footer p {
  font-size: 13px;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

@media (max-width: 1399px) {
  .OLInfo button {
  font-size: 14px!important;
  padding: 10px 10px;
}

.OLInfo {
  gap: 10px;
  justify-content: center;
}

.LoginLogo p {
  font-size: 14px;
}

.LoginLogo  {
  justify-content: center;
  display: grid;
 }

 .LoginLogo img  {
  display: block;
  margin: 0px auto;
}

.CoName {
  display: none;
}
}