.qd-html-modal-section .modal__content {
  --modal-animation-name: animation-fade-in-center;
  text-align: left;
  max-width: calc(100vw - 80px);
  inset-block: 50% auto;
  max-height: 80vh;
  background-color: white;
  padding: 40px 0 1px 0;
  transform: translate(0%, -50%);
  margin: 0 auto;
  position: fixed;
  overflow-y: auto;
  scrollbar-width: none;
  border: none;
  animation-duration: unset;
}
.qd-html-modal-section .modal__close-control {
  width: 28px;
  height: 28px;
}
.qd-html-modal-section .modal__close-control svg{
  width: 12px;
  height: 12px;
}
.qd-html-modal-section .popup__content {
  max-height: 70vh;
  overflow-y: auto;
  padding: 0px 20px;
  font-family: "Neutraface Text Book", "sans-serif";
}
.qd-html-modal-section .popup__content .rte {
  padding-bottom: 41px;
}

.qd-html-modal-section .popup__content h1,
.qd-html-modal-section .popup__content h2,
.qd-html-modal-section .popup__content h3,
.qd-html-modal-section .popup__content h4,
.qd-html-modal-section .popup__content h5,
.qd-html-modal-section .popup__content h6 {
  font-family: "Neutraface Text Book", "sans-serif";
}

.qd-html-modal-section .modal__close-control {
  border: none;
  background-color: unset;
}

.qd-html-modal-section .modal__content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to top, rgba(255, 255, 255, 1), transparent);
}

@media (min-width: 768px) {
  .qd-html-modal-section .modal__content {
    max-width: calc(100vw - 160px);
    padding: 0px;
  }

  .qd-html-modal-section .popup__content {
    padding: 0px 60px;
    margin: 60px 0px 0 0;
  }
  .qd-html-modal-section .popup__content .rte {
    padding-bottom: 61px;
  }
  .qd-html-modal-section .modal__content::after {
    height: 60px;
  }
  .qd-html-modal-section .modal__close-control {
    width: 32px;
    height: 32px;
  }
  .qd-html-modal-section .modal__close-control svg{
    width: 14px;
    height: 14px;
  }
}

@media (min-width: 992px) {
  .qd-html-modal-section .modal__content {
    width: 800px;
    max-width: 1000px;
    padding: 0px;
  }
}