@font-face {
    font-family: "roboto-black";
    src: url("../fonts/Roboto-Regular.ttf");
  }

  @font-face {
    font-family: "roboto-bold";
    src: url("../fonts/Roboto-Bold.ttf");
  }

  * {
    font-family: "roboto-black";
  }

  .card-heading {
    border-bottom: 2px solid rgba(0, 0, 0, 0.267);
    padding: 10px 0;
    font-family: "roboto-bold";
  }


  .form-manage {
    margin: 100px auto;
    background-image: url("../proserve icons/proserve icons/home_banner12.png");
    padding: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    /* height:100% ; */
  }
  .card-text{
    margin: 15px 0 30px 0 !important;
  }

  .request {
    width: 50%;
  }

  .Sign-up-btn {
    width:40%;
    background-color: #f46936de;
    color: white;
    font-size: 16px;
    /* float: right; */
    margin-left: 30px;
    border-radius: 10px;
    border: none;
    font-family: "roboto-bold";
    padding: 10px 15px;
  }

  .card-content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
  }

  @media screen and (max-width: 1400px) {

    .form-manage label {
      margin: 10px 0px;
      border: none;
      padding: 10px 10px;
      background-color: #ffffff;
      width: 100%;
      border-radius: 2px;
    }

    .form-manage {
      margin: 100px auto;

      padding: 90px;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 10px;
    }
   



  }

  @media screen and (max-width: 1200px) {

    /* .request{
          width: 100%;
        }   */
    .form-manage {
      margin: 100px auto;
    }
    .Sign-up-btn{
      width: 100%;
      margin: 10px 0;
    }

    @media screen and (max-width: 992px) {
      .form-manage label {
        margin: 10px 0px;
        border: none;
        /* padding: 10px 10px; */
        background-color: #ffffff;
        width: 100%;
        border-radius: 2px;
      }

      .form-manage {
        margin: 100px auto;

        /* padding: 80px 40px; */
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
      }

      .request {
        width: 100%;
      }
    
    }

    @media screen and (max-width: 768px) {
      .form-manage {
        margin: 100px auto;

        padding: 80px 20px;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
      }

      .request {
        width: 100%;
      }
    }

    @media screen and (max-width: 576px) {
      .form-manage {
        margin: 100px auto;

        padding: 80px 20px;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
      }

      .request {
        width: 100%;
      }
    }
  }