.h-404 {
    height: calc(100vh - 100px);
}

#page-container.sidebar-dark #sidebar, html.dark #page-container #sidebar{
  background-color: #1C252E;
}

.sidebar-dark .content-side.content-side-user, html.dark .content-side.content-side-user {
  background-color: #131c24;
}

.text-brands{
  color: #FFD51E;
}

.bg-dark-v2{
  background-color: #1C252E !important;
}

.works-container{
  max-width: 600px !important;
  margin: 0 auto;
}

.card2{
  display: flex;
  background: white;
  border-radius: .75rem;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(220, 225, 232, .5), 0 1px 2px rgba(220, 225, 232, .5);
  align-items: center;
  color: #2c3034 !important;

  .left{
    width: 20%;
  }

  .right{
    width: 80%;

    h5{
      font-weight: 700;
    }
  }
}

@media (max-width: 575.98px) {
  .card2{
    .left{
      width: 30%;
    }

    .right{
      width: 70%;
      padding-left: 0 !important;

      h5 { font-size: 1rem !important; }
    }
  }
}