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

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

.test-row {
    margin: 20px auto;
    background-color: rgb(215, 232, 228);
    width: 50%;
    height: 100vh;
    overflow: auto;
}
.test-row h2 {
    font-family: "roboto-bold";
    color: rgb(0, 121, 164);
    margin-top: 20px;
}
.Sign-up-btn {
    
    background-color: #f46936de;
    color: white;
    font-size: 16px;
    /* float: right; */
    width: 100%;
      
    border-radius: 10px;
    border: none;
    font-family: "roboto-bold";
    padding: 10px 100px;
  }

  .back{
      width: 80%;
      margin: 20px auto;
      
  }
.test-box {
    display: flex;
    background-color: white;
    border-radius: 10px;
    width: 80%;
    margin: 20px auto;
    padding: 10px 20px;
    font-family: "roboto-black";
}

.test-box .test-desc {
    padding: 10px 10px;
}

.test-desc h3 {
    color: #f46936;
}

.test-desc p {
    color: rgb(0, 121, 164);
    font-family: "roboto-bold";
}

@media screen and (max-width: 1200px) {
    .test-row {
        width: 100%;
    }
    
}
@media screen and (max-width: 768px) {
    .test-row {
        margin: 10px 0;
    }
    
} ;