.drag-image{
  border: 1px dashed var(--text-color); /*#fff;*/
  height: 300px;
  width: 250px;
  border-radius: 5px;
  font-weight:400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.drag-image.active{
  border: 2px solid var(--text-color); /*#fff;*/
}
.drag-image .icon{
  font-size: 30px;
  color: var(--text-color);/* #fff;*/
}
.drag-image h6{
  font-size: 20px;
  font-weight: 300;
  color: var(--text-color); /*#fff;*/
}
.drag-image span{
  font-size: 14px;
  font-weight: 300;
  color: var(--text-color); /*#fff;*/
  margin: 10px 0 15px 0;
}
.drag-image button{
  padding: 10px 25px;
  font-size: 14px; 
  font-weight: 300;
  border: none;
  outline: none;
  background:transparent;
  color: var(--text-color); /*#fff;*/
  border:1px solid var(--text-color); /*#fff;*/
  border-radius: 5px;
  cursor: pointer;
  transition:all 0.5s;
}

.drag-image button:hover{
    background-color: var(--text-color); /*#fff;*/
    color: var(--outgoing-chat-bg);/*red;*/
}

.drag-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.dragdrop_container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 10px;
  padding-right: 10px;
  text-align: center;
  color: var(--text-color);
  padding-right: 50px;
}

.default-text {
  min-height: 30vh;  
  margin-top: 30px;
  height: auto;
}