.modal-content {
  max-height: calc(100vh - 2rem);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: fit-content;
  width: fit-content;
  padding:50px;
  margin: 0 auto;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 15px;
  outline: 0;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal *::-webkit-scrollbar{
  display: none;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 3rem 1rem;
}

.no-header .modal-header {
  display: none;
}

.modal-title {
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  margin: 0 auto !important;
}
.modal-header button {
  font-size: 2rem;
  background: none;
  border: none;
  cursor: pointer;
}
.modal-body {
  padding: 1rem;
  overflow-y: auto;
}
.modal-body .block-webform{
  padding-top:unset;
  padding-bottom:unset;
}

.modal-body h1 {
  margin-top: 0;
}
.modal-body iframe {
  border: none;
  max-height: 100%;
}
.show-modal.modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-dialog {
  margin: auto 1rem;
  opacity: 0;
  transform: translateY(-100px);
  transition: 300ms opacity ease-out,
  300ms transform ease-out;
}
.modal.animate-modal .modal-dialog {
  opacity: 1;
  transform: translateY(0);
}

.modal .close-btn {
  align-self: center;

}

/* Modal Full */

@media (min-width: 992px) { /* md */
  .modal.full .close-btn  {
    margin-top: 40px;
  }
}
/*
.modal.full .modal-dialog  {
  text-align: center;
}
 */
@media (min-width: 992px) { /* md */
  .modal.full .modal-dialog  {
    width: 90vw;
    margin: 0 auto;
  }
}
.modal.full .modal-content {
  width: 100%;
  background-color: transparent;
}
.modal.full .modal-header {
  display: none;
}
.modal.full .modal-body {
  padding: 0;
}
.modal.full iframe {
  width: 100vw;
  height: calc(100vw *9/16);
}

@media (min-width: 992px) { /* md */
  .modal.full iframe {
    width: 80vw;
    aspect-ratio: 9/16;
  }
}

@media (max-width:600px){
  .modal-content {
    padding: 20px;
  }
  
  .modal {
  }
  .modal *::-webkit-scrollbar{
  }
  
  .modal-header {
  }
  
  .no-header .modal-header {
  }
  
  .modal-title {
  }
  .modal-header button {
  }
  .modal-body {
    padding:unset;
  }
  .modal-body .block-webform{
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .modal-body h1 {
  }
  .modal-body iframe {
  }
  .show-modal.modal {
  }
  .modal-dialog {
    margin:auto 10px;
  }
  .modal.animate-modal .modal-dialog {
  }
  
  .modal .close-btn { 
  }
  .modal.full .modal-content {
  }
  .modal.full .modal-header {
  }
  .modal.full .modal-body {
  }
  .modal.full iframe {
  }
  
}