.modal-header {
  background-color: #065e56;
  color: white;
  flex-direction: column;
  align-items: start;
  padding-left: 50px;
  border-radius: 12px 12px 16px 16px;
}

.modal-content {
  background-color: #fefefe;
  border-radius: 12px;
}

#sendOfferBtn {
  background-color: #004b40;
  color: white;
}

#sendOfferBtn:hover {
  background-color: #003930;
}

.modal-dialog {
  transform: translateY(15%) !important;
}

@media only screen and (min-width:580px) {
  .modal-dialog {
    max-width: 65% !important;
    /* max-width: 90% !important; */
  }
}

.form-control,
.form-select {
  border: 2px solid #176961 !important;
}

.avatar-icon {
  max-width: 60%;
}

/* #176961 border color */