.dashbord {
  .new-project {
    .card {
      &-heading {
        &::before {
          width: 329px;
          background-color: #222837;
          border-radius: 12px 0 0;
        }
      }
    }

    form {
      .form-group {
        .domain {
          label {
            top: 8px;
            bottom: 6px;
            transform: unset;
          }
        }

        .device {
          i {
            font-size: 13px;
            color: #979bb0;
            top: 50%;
            left: 17px;
            transform: translateY(-50%);
          }

          select.form-control {
            padding-left: 38px;
          }
        }

        .location {
          i {
            top: 50%;
            right: 13px;
            transform: translateY(-50%);
            font-size: 15px;
            color: #979bb0;
          }
        }
      }

      .advanced {
        margin: 20px 0 33px;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        color: #df8228;

        &::before {
          top: 50%;
          width: calc(100% - 146px);
          left: 146px;
          border: 1px dashed rgba(#fff, 0.12);
          transform: translateY(-50%);
        }
      }

      .keywords {
        .btn-add {
          width: 53px;
          height: 53px;
          margin-left: 0;
        }
      }

      .btn {
        margin-top: 10px;
        max-width: 182px;
        height: 49px;
        line-height: 49px;
        box-shadow: 0 3px 30px rgba(#1b7ef0, 0.22);
      }
    }

    @include xs {
      form {
        .keywords {
          .btn-add {
            max-width: 100%;
            width: 100%;
          }
        }
      }
    }
  }
}