/* Generic Modal Styles */
.close {
  position: absolute;
  right: 4px;
  top: 4px;
  text-align: right;
  z-index: 1050 !important;
  color: var(--purple_dark);
  opacity: 1;
}
.modal-content {
  border-radius: 6px;
  border: 0px;
}
.left_modal img {
  height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.recommendedModalClose {
  position: absolute!important;
  right: 4px!important;
  top: 2px;
  text-align: right;
  z-index: 9999999!important;
  opacity: 1;
  pointer-events: all;
}
@media (min-width:768px) and (max-width:1200px) {
  .modal-dialog {
    max-width: 100vw!important;
    margin: 0 auto!important;
    height: 100vh!important;
  }
  .modal-content {
    height: 100%!important;
    display: flex;
    border: 0;
  }
}