.dashboard-home-tab-content {
  width: 100%;
  min-height: 10vw;
  position: relative;
  gap: 1.5vw;
}

.dashboard-home-tab-content > div {
  padding: 1.5vw;
  width: 100%;
  min-height: 10vw;
  border-radius: 0.9vw;
  border: 0.12vw solid #f1f5f9;
  gap: 1vw;
  justify-content: start !important;
  align-items: start !important;
  position: relative;
}

.dashboard-home-tab-content > div .dash-box-header {
  padding-top: 0.25vw;
  padding-bottom: 1.5vw;
  width: 100%;
  justify-content: space-between;
  position: relative;
  border-bottom: 0.12vw solid #f1f5f9;
}

.dashboard-home-tab-content > div .dash-box-header h2.title {
  font-size: 1.2vw;
  font-weight: bold;
  font-family: Kalameh, sans-serif;
  color: var(--green);
}

.dashboard-home-tab-content > div .dash-box-header a {
  font-weight: 600;
  font-size: 0.9vw;
  color: var(--red);
  gap: 0.6vw;
  transition: all 0.25s ease-in-out;
  font-family: Kalameh, sans-serif;
}

.dashboard-home-tab-content > div .dash-box-header a:hover {
  filter: brightness(0.85);
}

.dashboard-home-tab-content > div .dash-box-header a i {
  font-size: 1.2vw;
}

.dashboard-home-tab-content > div .orders-status-widgets-cont {
  padding: 1.1vw 0;
  width: 100%;
  position: relative;
  gap: 1vw;
}

.dashboard-home-tab-content
  > div
  .orders-status-widgets-cont
  .orders-status-widget-card {
  padding: 1vw;
  width: 32%;
  height: 7.5vw;
  border: 0.12vw solid #f1f5f9;
  border-radius: 0.9vw;
  position: relative;
  gap: 1vw;
  justify-content: start !important;
}

.dashboard-home-tab-content .orders-status-widget-card .svg-cont {
  padding: 0.85vw;
  width: 4vw;
  height: 4vw;
  border-radius: 0.8vw;
  position: relative;
}

.dashboard-home-tab-content .orders-status-widget-card:nth-child(1) .svg-cont {
  background-color: #ebf9ff;
}

.dashboard-home-tab-content .orders-status-widget-card:nth-child(2) .svg-cont {
  background-color: #effff2;
}

.dashboard-home-tab-content .orders-status-widget-card:nth-child(3) .svg-cont {
  background-color: #fdf2f2;
}

.dashboard-home-tab-content .orders-status-widget-card .svg-cont svg {
  width: 100%;
}

.dashboard-home-tab-content .orders-status-widget-card h3 {
  width: calc(100% - 5vw);
  gap: 0.4vw;
  align-items: start !important;
  font-size: 1.75vw;
  color: var(--dark-box-bg);
}

.dashboard-home-tab-content .orders-status-widget-card h3 span {
  font-size: 0.9vw;
  font-weight: 600;
  color: #64748b;
}

.dashboard-home-tab-content .latest-orders-table {
  width: 100%;
  position: relative;
  justify-content: start !important;
}

.dashboard-home-tab-content .latest-orders-table a {
  padding: 2vw 0;
  width: 100%;
  justify-content: space-between !important;
  gap: 1vw;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.dashboard-home-tab-content .latest-orders-table a:hover {
  background-color: VAR(--lightest-green);
}

.dashboard-home-tab-content .latest-orders-table a:not(a:last-child) {
  border-bottom: 0.12vw solid #f1f5f9;
}

.dashboard-home-tab-content .latest-orders-table a ul {
  width: 100%;
  position: relative;
  justify-content: space-between !important;
  gap: 1vw;
}

.dashboard-home-tab-content .latest-orders-table a ul li {
  width: 20%;
  gap: 0.5vw;
  font-size: 0.92vw;
  font-weight: 500;
  transition: all 0.25s ease-in-out;
}

.dashboard-home-tab-content .latest-orders-table a ul li:nth-child(1) {
  width: 30%;
  font-weight: 600;
  color: var(--dark-box-bg);
}

.dashboard-home-tab-content .latest-orders-table a:hover ul li:nth-child(1) {
  /*color: var(--red);*/
  color: var(--light-green2);
}

.dashboard-home-tab-content .latest-orders-table a ul li:nth-child(2) {
  width: 28%;
  color: #64748b;
}

.dashboard-home-tab-content .latest-orders-table a ul li:nth-child(3) {
  width: 25%;
}

.dashboard-home-tab-content
  .latest-orders-table
  a
  ul
  li:nth-child(4)
  .status-label {
  padding: 0.5vw 0.95vw;
  border-radius: 0.75vw;
  font-weight: 500;
  font-size: 0.9vw;
}

.dashboard-home-tab-content
  .latest-orders-table
  a
  ul
  li:nth-child(4)
  .status-label.in_progress {
  background-color: #fffcf0;
  color: #fab115;
}

.dashboard-home-tab-content
  .latest-orders-table
  a
  ul
  li:nth-child(4)
  .status-label.ready-for-sending {
  background-color: #f7f5ff;
  color: #936dff;
}

.dashboard-home-tab-content
  .latest-orders-table
  a
  ul
  li:nth-child(4)
  .status-label.sent {
  background-color: #f6fdf9;
  color: #22c55e;
}

.dashboard-home-tab-content
  .latest-orders-table
  a
  ul
  li:nth-child(4)
  .status-label.canceled {
  background-color: #fff5f5;
  color: #ff4747;
}

.dashboard-home-tab-content .latest-orders-table a ul li:nth-child(5) {
  width: 5%;
  font-size: 1.2vw;
  justify-content: end !important;
}

.dashboard-home-tab-content .latest-orders-table a:hover ul li:nth-child(5) i {
  animation: animate-arrow-left2 ease-in-out 1s infinite;
}

@keyframes animate-arrow-left2 {
  0% {
    transform: translateX(0vw);
  }
  50% {
    transform: translateX(-0.3vw);
  }
  100% {
    transform: translateX(0vw);
  }
}

@media (max-width: 450px) {
  .dashboard-home-tab-content > div .dash-box-header h2.title {
    font-size: 2.98vw;
    font-weight: bold;
    font-family: Kalameh, sans-serif;
    color: var(--green);
  }
  .dashboard-home-tab-content .orders-status-widget-card h3 span {
    font-size: 2.9vw;
    white-space: nowrap;
    font-weight: 700;
    color: #64748b;
  }
  .dashboard-home-tab-content
    > div
    .orders-status-widgets-cont
    .orders-status-widget-card {
    border: none;
  }
  .dashboard-home-tab-content .orders-status-widget-card .svg-cont {
    padding: 0.15vw;
    width: 6vw;
    height: 6vw;
    border-radius: 0.8vw;
    position: relative;
  }
  .dashboard-home-tab-content > div .dash-box-header a {
    font-weight: 600;
    font-size: 2.6vw;
  }
  .dashboard-home-tab-content > div .dash-box-header a i {
    font-size: 1.8vw;
  }
  .dashboard-home-tab-content .latest-orders-table a ul li {
    width: 20%;
    font-weight: 700;
    font-size: 2.3vw;
    white-space: nowrap;
  }
  .dashboard-home-tab-content .latest-orders-table a ul {
    width: 100%;
    position: relative;
    justify-content: space-between !important;
    gap: 2.9vw;
  }
  .dashboard-home-tab-content
    .latest-orders-table
    a
    ul
    li:nth-child(4)
    .status-label.in_progress {
    font-size: 2.2vw;
  }
  .dashboard-home-tab-content
    .latest-orders-table
    a
    ul
    li:nth-child(4)
    .status-label.ready-for-sending {
    font-size: 2.2vw;
  }
  .dashboard-home-tab-content
    .latest-orders-table
    a
    ul
    li:nth-child(4)
    .status-label.sent {
    font-size: 2.2vw;
  }
  .dashboard-home-tab-content
    .latest-orders-table
    a
    ul
    li:nth-child(4)
    .status-label.canceled {
    font-size: 2.2vw;
  }
  .dashboard-home-tab-content .orders-status-widget-card h3 {
    width: calc(100% - 5vw);
    gap: 0.4vw;
    align-items: start !important;
    font-size: 2.85vw;
    color: var(--dark-box-bg);
    flex-direction: row;
    justify-content: space-between;
  }
  .dashboard-home-tab-content > div .orders-status-widgets-cont {
    padding: 1.1vw 0;
    width: 100%;
    position: relative;
    gap: 3vw;
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  .dashboard-home-tab-content > div .dash-box-header {
    border-bottom: 0.4vw solid #f1f5f9;
  }
  .dashboard-home-tab-content .latest-orders-table a:not(a:last-child) {
    border-bottom: 0.4vw solid #f1f5f9;
  }
  .dashboard-home-tab-content {
    gap: 6vw;
  }
  .dashboard-home-tab-content
    > div
    .orders-status-widgets-cont
    .orders-status-widget-card {
    padding: 2vw;
    width: 100%;
    height: 9.5vw;
    border: 0.4vw solid #f1f5f9;
    border-radius: 0.9vw;
    position: relative;
    gap: 1vw;
    justify-content: start !important;
  }
  .dashboard-home-tab-content .latest-orders-table a {
    padding: 4vw 0vw;
    width: 100%;
    justify-content: space-between !important;
    gap: 1vw;
    position: relative;
    transition: all 0.2s ease-in-out;
  }
  .dashboard-home-tab-content .latest-orders-table a ul li i {
    display: none;
  }
  .dashboard-home-tab-content > div {
    border-radius: 2vw;
    border: 0.52vw solid #f1f5f9;
  }
}