.backgroud_colu{
  background-image:linear-gradient(
0deg, rgb(148 177 245 / 97%) 0%, rgb(223 230 255 / 90%) 30%, rgb(236 240 255 / 90%) 100%)
}
.my_img_1{
  text-align: center;
}
.my_img_2{
  width: 630px;
}
.my_clas_img{
  text-align: center;
}
.img_data{
  width: 440px;
}
.my_class_data{
  font-size: 45px;
  margin-top: 55px;
}
/* #height1{
  padding: 75px 178px;
} */
.forms_data{
  text-align: start;
  font-weight: bolder;
  font-size: 14px;
}
.my_formssss{
  padding: 0px 150px !important;
}
.mar_top{
  margin-top: 75px;
}
.inputt_data{
  font-size: 15px !important;
  height: 47px !important;
  color: #a1a1a1 !important;
  padding-left: 20px !important;
  padding-right: 10px !important;
}
.inputt_data::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 15px !important;
}
.login_btn{
  width: 100% !important;
  padding: 12px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin-top: 20px;
  color: #fff !important;
  background-color: #BE0370 !important;
  border-color: #BE0370 !important;
}
/* #height1{
  margin-top: 185px;
} */
@media only screen and (max-width: 600px) {
  .my_top{
    margin-top: auto !important;
  }
  .my_formssss {
    padding: 15px 15px !important;
}
  .img_data {
    width: 290px !important;
}
  #height1{
    height: auto !important;
    padding: 25px 25px !important;
    /* margin-top: 15px !important; */
  }
  #height{
    height: 340px !important;
  }
  .my_img_2 {
    width: auto !important;
  }
  .my_img_1 {
    margin-top: 30px !important;
  }
  .mar_top {
    margin-top: 25px !important;
  }
  .my_class_data {
    margin-top: 25px !important;
}
}
@media (min-width:601px) and (max-width: 768px) {
  #my_top{
    margin-top: auto !important;
  }
  .my_formssss {
    padding: 15px 0px !important;
}
  #height{
    height: auto !important;
  }
  .my_img_1{
    height: auto !important;
    margin-top: auto !important;
    margin-bottom: 50px;
  }
  .my_img_2 {
    width: 500px !important;
  }
  #height1 {
    padding: 35px 130px !important;
    height: auto !important;
    /* margin-top: 15px !important; */
}
.mar_top {
    margin-top: 50px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

}
@media (min-width:769px) and (max-width: 1024px) {
  .my_img_2 {
    width: 490px;
}
#height1 {
  /* margin-top: 50px !important; */
}
.img_data {
  width: 320px !important;
}
.my_formssss {
  padding: 15px 75px !important;
}
.mar_top {
  margin-top: 35px !important;
}
.my_class_data {
  margin-top: 35px;
}
}
@media (min-width: 1025px) and (max-width: 1500px) {
  #height1{
    /* margin-top: 90px !important; */
  }
  .img_data{
    width: 350px;
  }
  .my_formssss{
    padding: 10px 120px !important;
  }
}