.modal-info .x-modal_backdrop {
  background: var(--base) !important;
}

.modal-info .x-modal_container {
  border-radius: var(--radius);

}

.modal-info .x-modal_content {
  max-height: 90vh;
  position: relative !important;
  overflow-y: scroll !important;
  padding: 40px !important;
  background: var(--white-trans-20) !important;
  font-weight: 300;
  cursor: ns-resize;
}



@keyframes bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(6px);
  }
}

.modal-info .x-modal_close {
  color: var(--text-light-muted) !important;
  transition: color .4s ease-out;
}

.modal-info .x-modal_close:hover {
  color: var(--text-light) !important;
}

.modal-info .x-modal_content p {
  color: var(--text-light-muted) !important;
  font-size: 17px !important;
  padding: 0 0 20px 0 !important;
  border-bottom: 1px solid var(--white-trans-10) !important;
}

.modal-info .x-modal_content p:last-of-type {
  border-bottom: 0px solid var(--white-trans-20) !important;

}

.modal-info .x-modal_content a {
  color: var(--text-light-muted) !important;
  font-size: 17px !important;
  padding: 0 0 0px 0 !important;
  border-bottom: 1px solid var(--primary) !important;
}

.modal-info .x-modal_content a:hover {
  color: var(--text-light) !important;
  border-bottom: .15rem solid var(--white-trans-40) !important;
}

.modal-info .x-modal_content ul {
  color: var(--text-light-muted) !important;
  font-size: 17px !important;
  padding: 20px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid var(--white-trans-20) !important;
}

.modal-info .x-modal_content ul li {
  margin-bottom: 10px !important;
}

.modal-info .x-modal_content strong {
  font-weight: 600;
}

.modal-info .x-modal_content h1,
.modal-info .x-modal_content h2,
.modal-info .x-modal_content h3,
.modal-info .x-modal_content h4,
.modal-info .x-modal_content h5,
.modal-info .x-modal_content h6 {
  font-size: 22px;
  font-weight: 500;
  margin: 10px 0;
}

.modal-info .x-modal_content h2 {
  font-size: 26px;
  font-weight: 500;
  margin: 10px 0;
}



@media only screen and (max-width: 480px) {

  .modal-info .x-modal_content {
    padding: 15px 20px !important;
  }
  .modal-info .x-modal_content p {
    font-size: 17px;
    padding: 0 0 10px 0 !important;
    margin-block: 5px !important;
  }  
}