.dashbord {
  .projects {
    .card {
      &-heading {
        padding: 20px 29px 20px 28px;
        margin-bottom: 27px;
        
        &::before {
          background-color: #222837;
          width: 591px;
        }

        form {
          margin: 0 6px 0 auto;
          max-width: 297px;
          width: 100%;
          flex: 0 0 auto;

          .form-control {
            background-color: #272E3B;
            border: none;
            border-radius: 6px;
            padding: 0 40px 0 16px;
            font-size: 12px;
            font-weight: 400;
            color: #A3A4AE;
            height: 43px;
          }

          button {
            top: 50%;
            right: 18px;
            font-size: 15px;
            color: #757D91;
            transform: translateY(-50%);
          }
        }

        .btn-icon {
          width: 43px;
          height: 43px;
          border-radius: 6px;
          background-color: #272E3B;
          font-size: 14px;
          color: #A3A4AE;

          &.refresh {
            margin: 0 6px;
          }
        }

        .btn-new-project {
          max-width: 119px;
          height: 43px;
          border-radius: 6px;
          background-color: #272E3B;
          color: #A3A4AE;

          i {
            font-size: 17px;
            margin-right: 5px;
          }
        }
      }

      .pagination {
        margin-top: 38px;
      }
    }

    @include sm {
      .card {
        &-heading {
          &::before {
            content: none;
          }
        }

        &-title {
          width: 100%;
          margin-bottom: 18px;
        }

        form {
          margin-left: 0;
          max-width: none;
          flex: 1 0 1%;
        }
      }
    }

    @include xs {
      .card {
        &-heading {
          padding: 20px 12px 22px;
        }
      }
    }

    @include media('max', 419px) {
      .card {
        &-heading {
          form {
            flex: 0 0 100%;
            margin-bottom: 6px;
          }

          .btn-new-project {
            flex: 1 0 1%;
            max-width: none;
          }
        }
      }
    }
  }
}