aside.dashboard-sidebar {
  width: 23%;
  min-height: 15vw;
  position: relative;
  gap: 1.5vw;
  justify-content: start !important;
}

aside.dashboard-sidebar > div {
  padding: 1vw 0.9vw;
  width: 100%;
  min-height: 5vw;
  position: relative;
  border-radius: 0.9vw;
  border: 0.12vw solid #f1f5f9;
  gap: 0.25vw;
  justify-content: start !important;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a {
  width: 100%;
  justify-content: space-between !important;
  position: relative;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) {
  padding: 0.45vw 0.45vw;
  gap: 0.75vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) .right-div {
  width: 95%;
  gap: 0.75vw;
  justify-content: start !important;
  position: relative;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) > svg {
  width: 1.5vw;
  position: absolute;
  left: 0;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1):hover
  > svg {
  animation: animate-arrow-left1 1.1s ease-in-out infinite;
}

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

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) figure {
  padding: 0.5vw;
  width: 3.7vw;
  height: 3.7vw;
  border: 0.12vw solid #f1f5f9;
  border-radius: 1.25vw;
  position: relative;
  background-color: var(--green);
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) figure svg {
  width: 100%;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1)
  .dash-user-text-details {
  gap: 0.5vw;
  align-items: start !important;
  color: var(--dark-box-bg);
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1)
  .dash-user-text-details
  h3 {
  font-size: 1vw;
  font-weight: bold;
  text-align: start !important;
  transition: all 0.25s ease-in-out;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1):hover
  .dash-user-text-details
  h3 {
  color: #02b197;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1)
  .dash-user-text-details
  h3
  i {
  color: var(--dark-box-bg);
  font-size: 1.5vw;
  margin-right: 1vw;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1)
  .dash-user-text-details
  span {
  font-weight: 500;
  font-size: 0.95vw;
  transition: all 0.25s ease-in-out;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(1):hover
  .dash-user-text-details
  span {
  color: #02b197;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) {
  margin-top: 1.5vw;
  gap: 0.75vw;
  position: relative;
  justify-content: start !important;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) ul {
  width: 100%;
  position: relative;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) ul li {
  padding: 0.75vw;
  width: 100%;
  justify-content: space-between !important;
  position: relative;
  font-weight: 500;
  font-size: 0.95vw;
  transition: all 0.25s ease-in-out;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2):hover
  ul
  li:nth-child(1) {
  color: var(--red);
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) ul li svg {
  width: 1.7vw;
  margin-left: 0.6vw;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2)
  ul
  li
  svg
  path {
  transition: all 0.25s ease-in-out;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2):hover
  ul
  li:nth-child(1)
  svg
  path {
  fill: var(--red);
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) ul li span {
  color: #94a3b8;
  font-size: 0.95vw;
  font-weight: normal;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2)
  ul
  li
  span:nth-child(2) {
  font-weight: bold;
  color: var(--dark-box-bg);
  gap: 0.5vw;
  font-size: 1.05vw;
  transform: translateX(-0.5vw);
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2)
  ul
  li
  span:nth-child(2)
  .toman {
  fill: #94a3b8;
  width: 1.1vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) button {
  padding: 0.9vw;
  width: 100%;
  background-color: #f0fdf4;
  color: #24d164;
  gap: 0.5vw;
  font-size: 0.9vw;
  font-weight: 500;
  border-radius: 0.9vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(2) button i {
  font-size: 1vw;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2):hover
  button {
  background-color: #e7f8ec;
  color: #1ab754;
  transition: all 0.25s ease-in-out;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division1
  a:nth-child(2):hover
  button
  i {
  animation: animate-arrow-left1 1.1s ease-in-out infinite;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 {
  padding: 0.9vw 0.75vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul {
  width: 100%;
  position: relative;
  gap: 0.25vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li {
  width: 100%;
  position: relative;
  justify-content: start !important;
  border-radius: 0.7vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li a {
  padding: 0.75vw 0.9vw;
  width: 100%;
  justify-content: start !important;
  transition: all 0.15s ease-in-out;
  position: relative;
  border-radius: 0.7vw;
  font-weight: 500;
  font-size: 0.95vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li .svg-cont {
  width: 2.5vw;
  position: relative;
  margin-left: 0.25vw;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li .svg-cont i {
  font-size: 1.57vw;
  color: var(--dark-box-bg);
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li svg {
  transition: all 0.15s ease-in-out;
  width: 65%;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li:nth-child(1) svg {
  width: 62%;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li:nth-child(2) svg {
  width: 68%;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:not(li.active)
  a:hover {
  background-color: #f9fafb;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li:last-child {
  margin-top: 1vw;
  padding: 0.75vw 0.9vw;
  font-weight: 500;
  font-size: 0.95vw;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li:last-child::before {
  content: "";
  width: 100%;
  height: 0.15vw;
  background-color: #f1f5f9;
  position: absolute;
  top: -0.9vw;
  left: 0;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li:last-child:hover {
  background-color: #f9fafb;
  color: var(--red);
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li.active {
  background-color: var(--green);
  color: var(--light-bg);
}

aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:nth-child(3).active
  svg
  path,
aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:nth-child(5).active
  svg
  path,
aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:nth-child(8).active
  svg
  path {
  fill: var(--light-green2);
}

aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:nth-child(4).active
  svg
  path,
aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:nth-child(7).active
  svg
  path {
  stroke: var(--light-green2) !important;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li.active a {
  color: var(--light-green2);
  font-weight: 500;
}

aside.dashboard-sidebar .dashboard-sidebar-division2 ul li.active a i {
  color: var(--light-green2) !important;
}

aside.dashboard-sidebar
  .dashboard-sidebar-division2
  ul
  li:last-child:hover
  svg
  path {
  fill: var(--red);
}
aside.dashboard-sidebar .dashboard-sidebar-division2 ul li,
aside.dashboard-sidebar .dashboard-sidebar-division2 ul li a {
  width: 100%;
  position: relative;
  justify-content: start !important;
  border-radius: 0.7vw;
}
@media (max-width: 450px) {
  aside.dashboard-sidebar {
    width: 98%;
    min-height: 15vw;
    position: relative;
    gap: 1.5vw;
    justify-content: start !important;
  }

  aside.dashboard-sidebar > div {
    padding: 1vw 0.9vw;
    width: 100%;
    min-height: 5vw;
    position: relative;
    border-radius: 2vw;
    border: 0.52vw solid #f1f5f9;
    gap: 0.25vw;
    justify-content: start !important;
  }
  /* aside.dashboard-sidebar > div:nth-child(1) {
    padding: 1vw 0.9vw;
    width: 100%;
    min-height: 5vw;
    position: relative;
    border-radius: 0;
    border: none;
    border-bottom: 0.62vw solid #f1f5f9 !important;
    gap: 0.25vw;
    justify-content: start !important;
  } */
  aside.dashboard-sidebar
    .dashboard-sidebar-division1
    a:nth-child(1)
    .dash-user-text-details
    h3 {
    font-size: 3.7vw;
    font-weight: bold;
    text-align: start !important;
    transition: all 0.25s ease-in-out;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) figure {
    padding: 0.5vw;
    width: 8.7vw;
    height: 8.7vw;
    border: 0.12vw solid #f1f5f9;
    border-radius: 2.75vw;
    position: relative;
    background-color: var(--green);
  }
  aside.dashboard-sidebar
    .dashboard-sidebar-division1
    a:nth-child(1)
    .dash-user-text-details
    span {
    font-weight: 500;
    font-size: 2.95vw;
    transition: all 0.25s ease-in-out;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division1 a:nth-child(1) > svg {
    width: 4.5vw;
    position: absolute;
    left: 0;
  }
  aside.dashboard-sidebar
    .dashboard-sidebar-division1
    a:nth-child(1)
    .dash-user-text-details {
    margin-right: 1vw;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division2 ul li a {
    font-size: 3.45vw;
    border: none;
    /* border-bottom: 0.1vw solid #f7fafc; */
  }
  aside.dashboard-sidebar .dashboard-sidebar-division2 ul li.active a {
    color: var(--light-green2);
    font-weight: 500;
    /* border-bottom: 0.1vw solid var(--green); */
  }

  aside.dashboard-sidebar .dashboard-sidebar-division2 ul li:last-child {
    font-size: 3.45vw;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division2 ul {
    gap: 3.85vw;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division2 ul li .svg-cont {
    width: 7.5vw;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division2 ul li .svg-cont i {
    font-size: 4.37vw;
    color: var(--dark-box-bg);
  }
  /* aside.dashboard-sidebar .dashboard-sidebar-division2 ul li::before {
    content: "";
    width: 100%;
    height: 0.12vw;
    background-color: #f1f5f9;
    position: absolute;
    top: -0.75vw;
    left: 0;
  } */
  aside.dashboard-sidebar
    .dashboard-sidebar-division1
    a:nth-child(1)
    .dash-user-text-details
    h3
    i {
    color: var(--dark-box-bg);
    font-size: 5.5vw;
    margin-right: 2vw;
    margin-top: 2vw;
  }
  aside.dashboard-sidebar .dashboard-sidebar-division2 ul li {
    width: 100%;
    position: relative;
    justify-content: start !important;
    border-radius: 1.67vw;
    padding: 1.88vw;
  }
  /* aside.dashboard-sidebar .dashboard-sidebar-division2 ul li.active a {
    border-radius: 1.7vw !important;
  } */
}