.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  z-index: 9999;
}

.loader-left,
.loader-right {
  position: relative;
  width: 50%;
  height: 100%;
  background: #fff;
  transition: transform 1s ease-in-out;
}

.loader-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  opacity: 0; /* Bắt đầu với opacity 0 */
  transition: opacity 0.5s ease-in-out;
}

.loader-content img {
  max-width: 350px;
}

.loader-wrapper.slide-out .loader-left {
  transform: translateX(-100%);
}

.loader-wrapper.slide-out .loader-right {
  transform: translateX(100%);
}