// Customize Modal
.modal-dialog {
  background: transparent;
  border-radius: 1rem;
  .modal-content {
    /* From https://css.glass */
    background: rgba(0, 51, 102, 0.8);
    border-radius: 1rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px) saturate(180%);
    -webkit-backdrop-filter: blur(6px) saturate(180%);
    border: 1px solid rgba(0, 51, 102, 0.8);
    .modal-header {
      background: transparent;
      border: none;
      .modal-title {
        color: #fafafa;
      }
    }
    .modal-body {
      color: #fafafa;
    }
    .modal-footer {
      background: transparent;
      border: none;
    }
  }
}


.modal-backdrop {
    background-color: #000000 !important;
}

.modal-backdrop.show {
    opacity: 0.001 !important;
}

.modal-dialog .modal-content {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 1rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.modal-footer {
    border-top: none;
  
}

.modal-header {
  border-bottom: none;
}