@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";
}

.feedback-row{
    display: flex;
    /* flex-direction: column; */
}

.manage {
    margin: 10px auto 0 auto;
    background-image: url("../proserve icons/proserve icons/utilitiy_Bill_Management_Banner1.png");
    padding: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    /* height:100% ; */
}

.request {
    width: 50%;
}
.feedback-time{
margin: 10px 0px;
  /* border: none; */
  padding: 8px 10px;
  background-color: #ffffff;
  width: 100%;
  border-radius: 2px;
  border-radius: 10px;
}
.feedback-time textarea{
width: 100%;
resize: none;
background-color: rgba(135, 207, 235, 0.418);
}

.Submit-up-btn {
width: 45%;
margin: 10px 10px;
background-color: white;
color: black;
font-size: 18px;
/* float: right; */
/* margin-top: 10px; */
border-radius: 10px;
border: none;
font-family: "roboto-bold";
padding: 10px;
}



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

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

    .manage {
        /* margin: 100px auto; */

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



}

@media screen and (max-width: 1200px) {
.Submit-up-btn{
    width: 100%;
    margin: 10px 0;
}
    
    
        }

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

        .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) {
        .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) {
        .manage {
            /* margin: 100px auto; */

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

        .request {
            width: 100%;
        }
    }