.left {
  background-image: url("../bg1.jpg");
  background-position: cover;
  background-repeat: no-repeat;
  color: #b5ecff;
  font-family: "Poppins", sans-serif;
}

.test {
  position: fixed;
  width: 60%;
  height: auto;
  padding-bottom: auto;
}

.img {
  height: 150px;
}

.content {
  margin-top: 30%;
  padding-left: 10%;
}

.content h1 {
  color: #e7eaf6;
  font-size: 50px;
}
.right1 {
  height: 100vh;
  margin-left: 50%;
  width: 50%;
  background-color: #e7eaf6;
  justify-content: center;
  align-items: center;
  padding: 60px;
  font-family: "Poppins", sans-serif;
}
.right2 {
  margin-left: 60%;
  width: 50%;
  height: auto;
  background-color: #e7eaf6;
  justify-content: center;
  align-items: center;
  padding: 60px;
  font-family: "Poppins", sans-serif;
}
.btn {
  border-radius: 0.8rem;
}
.btn1 {
  color: #e7eaf6;
  background: rgb(33, 90, 206);
  background: linear-gradient(
    90deg,
    rgba(33, 90, 206, 1) 0%,
    rgba(115, 165, 226, 1) 100%
  );
}
.right2 a {
  color: #215ace;
}
.header {
  margin-top: 10%;
  margin-bottom: 10%;
}

.form-label {
  color: #909090;
}
.upload {
  margin-top: 10%;
}
.form-control {
  border-radius: 0.8rem;
  font-size: 14px;
}
a {
  text-decoration: none;
  color: #000;
}

.content1 {
  height: 100vh;
  background-color: #e7eaf6;
}

.contentBody {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background-color: #fff;
  padding: 30px;
  font-family: "Poppins", sans-serif;
}
.contentBody1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background-color: #fff;
  padding: 30px;
  font-family: "Poppins", sans-serif;
  width: 40%;
}

.contentBody1 p {
  color: #909090;
  font-size: 12px;
}

.contentBody p {
  color: #909090;
  font-size: 14px;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .test {
    width: 50%;
    padding-bottom: 65%;
  }
  .right2 {
    margin-left: 50%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
  .left h1 {
    font-size: 45px;
  }
  .content {
    margin-top: 20px;
  }
  /* .left {
    font-size: 12px;
  } */

  .test {
    width: 100%;
    position: static;
  }
  .right1 {
    height: auto;
    margin-left: 0%;
    width: 100%;
  }

  .right2 {
    margin-left: 0%;
    width: 100%;
    height: auto;
  }
}