.modal-halfscreen {
    width: 50vw;
    max-width: none;
    margin: 3rem auto; /* center horizontally */
  }
  .modal-halfscreen .modal-content {
    height: 100%;
    border: 0;
    -webkit-border-radius: 10px;
            border-radius: 10px;
  }
  .modal-halfscreen .modal-header,
  .modal-halfscreen .modal-footer {
    -webkit-border-radius: 10px;
            border-radius: 10px;
  }
  .modal-halfscreen .modal-body {
    overflow-y: auto;
  }
  
  /* Small and down */
  @media (max-width: 575.98px) {
    .modal-halfscreen-sm-down {
      width: 100vw;
      max-width: none;
      height: 50%;
      margin: 0 auto;
    }
    .modal-halfscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-sm-down .modal-header,
    .modal-halfscreen-sm-down .modal-footer {
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-sm-down .modal-body {
      overflow-y: auto;
    }
  }
  
  /* Medium and down */
  @media (max-width: 767.98px) {
    .modal-halfscreen-md-down {
      width: 100vw;
      max-width: none;
      height: 50%;
      margin: 0 auto;
    }
    .modal-halfscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-md-down .modal-header,
    .modal-halfscreen-md-down .modal-footer {
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-md-down .modal-body {
      overflow-y: auto;
    }
  }
  
  /* Large and down */
  @media (max-width: 991.98px) {
    .modal-halfscreen-lg-down {
      width: 50vw;
      max-width: none;
      height: 50%;
      margin: 0 auto;
    }
    .modal-halfscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-lg-down .modal-header,
    .modal-halfscreen-lg-down .modal-footer {
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-lg-down .modal-body {
      overflow-y: auto;
    }
  }
  
  /* XL and down */
  @media (max-width: 1199.98px) {
    .modal-halfscreen-xl-down {
      width: 50vw;
      max-width: none;
      height: 50%;
      margin: 0 auto;
    }
    .modal-halfscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-xl-down .modal-header,
    .modal-halfscreen-xl-down .modal-footer {
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-xl-down .modal-body {
      overflow-y: auto;
    }
  }
  
  /* XXL and down */
  @media (max-width: 1399.98px) {
    .modal-halfscreen-xxl-down {
      width: 50vw;
      max-width: none;
      height: 50%;
      margin: 0 auto;
    }
    .modal-halfscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-xxl-down .modal-header,
    .modal-halfscreen-xxl-down .modal-footer {
      -webkit-border-radius: 10px;
              border-radius: 10px;
    }
    .modal-halfscreen-xxl-down .modal-body {
      overflow-y: auto;
    }
  }
  

  .c-card {
      background-color: #f5f6fa !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }


  .mlr-2 {
      margin: 0 2rem;
  }


  .hidden {
    display: none;
  }