.gradient-home-rms {
  background: linear-gradient(45deg, #293c6b, #082e5a);
}

.dashboard-preview-container > * {
  font-size: 0.078vw;
  font-size: 0.07vw;
}

.dashboard-preview {
  width: 500em;
  height: 325em;
  position: relative;
}

.dashboard-preview img {
  position: absolute;
  transition: ease-in-out 150ms;
}

.dashboard-preview .hover-scale:hover {
  transform: scale(1.1);
}

.dashboard-preview .dash-empty {
  left: 0;
  top: 0;
  width: 100%;
}

.dashboard-preview .left-side-list {
  position: absolute;
  left: 10em;
  top: 60em;
  width: 83em;
  height: 400em;
  display: flex;
  flex-direction: column;
}

.dashboard-preview .left-side-list div {
  height: 24em;
}

.dashboard-preview .left-side-list img {
  width: 100%;
}

.dashboard-preview .dash-top-item {
  width: 70em;
  left: 120em;
  top: 50em;
}

.dashboard-preview .dash-top-item.middle {
  transform: translate(90em, 11em);
}

.dashboard-preview .dash-top-item.middle:hover {
  transform: translate(90em, 11em) scale(1.1);
}

.dashboard-preview .dash-top-item:nth-child(3) {
  transform: translate(180em, 22em);
}

.dashboard-preview .dash-top-item:nth-child(3):hover {
  transform: translate(180em, 22em) scale(1.1);
}

.dashboard-preview .dash-chart {
  width: 145em;
  left: 120em;
  top: 124em;
}

.dashboard-preview .dash-chart-right {
  width: 80em;
  left: 288em;
  top: 144em;
}

.dashboard-preview .dash-table {
  width: 249em;
  left: 120em;
  top: 200em;
}

.dashboard-preview .dash-side-list {
  left: 390em;
  top: 84em;
  width: 91em;
}

.dashboard-preview .right-side-list {
  position: absolute;
  left: 390em;
  top: 84em;
  width: 91em;
  display: flex;
  flex-direction: column;
}

.dashboard-preview .right-side-list div {
  height: 24em;
}

.dashboard-preview .right-side-list img {
  width: 100%;
}

@media (max-width: 1400px) {
  .dashboard-preview-container > * {
    font-size: 0.078vw;
  }
}

@media (max-width: 1200px) {
  .dashboard-preview-container > * {
    font-size: 0.082vw;
  }
}

@media (max-width: 992px) {
  .dashboard-preview-container > * {
    font-size: 0.124vw;
  }

  .dashboard-preview {
    margin: 50px 0;
  }

  .apps-slick-item {
    padding: 0px;
  }
}

@media (max-width: 602px) {
  .dashboard-preview-container > * {
    font-size: 0.16vw;
  }
}
