.modal-content {

  .w-100 {
    width: 100% !important;
  }

  .h-auto {
    height: auto !important;
  }

  .clr {
    clear: both;
  }

  .clr-fx:after {
    display: block;
    clear: both;
    content: "";
  }

  img.w-100 {
    height: auto;
  }

  img, svg {
    vertical-align: middle;
  }

  @media (min-width: 768px) {
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }

  .d-block {
    display: block !important;
  }

  .ms-auto {
    margin-left: auto !important;
  }

  .me-auto {
    margin-right: auto !important;
  }

  .mw-100 {
    max-width: 100% !important;
  }

  @media (min-width: 768px) {
    .float-md-start {
      float: left !important;
    }

    .me-md-0 {
      margin-right: 0 !important;
    }
  }

  @media (min-width: 768px) {
    .float-md-end {
      float: right !important;
    }

    .ms-md-4 {
      margin-left: 1.5rem !important;
    }
  }
}

