.error {
    color: red;
  }

   /* image upload css */
.btn_upload {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #fff;
  background-color: #2a72d4;
  border: 1px solid #166b8a;
  padding: 5px 10px;
}

.btn_upload:hover,
.btn_upload:focus {
  background-color: #7ca9e6;
}

.yes {
  display: flex;
  align-items: flex-start;
  margin-top: 10px !important;
}

.btn_upload input {
  cursor: pointer;
  height: 100%;
  position: absolute;
  filter: alpha(opacity=1);
  -moz-opacity: 0;
  opacity: 0;
}

.it {
  height: 20%;
  margin-left: 10px;
  width: 20%;
}

.rmv0, .rmv1, .rmv2, .rmv3 {
  cursor: pointer;
  color: #fff;
  border-radius: 30px;
  border: 1px solid #fff;
  display: inline-block !important;
  background: rgba(255, 0, 0, 1);
  margin: -5px -10px;
}

.rmv0:hover, .rmv1:hover, .rmv2:hover, .rmv3:hover {
  background: rgba(255, 0, 0, 0.5);
}

/* image upload css */ 

.displyNon_img {
  display: none;
}

.upload_img{ width: 200px; position: relative; margin: 20px 0;}
.upload_img img{ width: 100%; border: 1px solid #ccc; padding: 7px; border-radius: 7px;}
.upload_img .remove_img{ width: 24px; height: 24px; background-color: red; border-radius: 15px; border: 0; color: #fff;
  text-align: center; font-size: 14px; font-weight: 700; line-height: 24px; position: absolute; right: -12px; top: -12px;}