@charset "UTF-8";
.modal-body {
  overflow-x: auto;
  max-height: 70vh;
}

.center-offset {
  margin-top: 15%;
}

.terms-modal .modal-header, .consent-modal .modal-header {
  border: none;
}
.terms-modal .modal-header .modal-title, .consent-modal .modal-header .modal-title {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.terms-modal .modal-header .close, .consent-modal .modal-header .close {
  margin-top: unset;
}
.terms-modal .modal-body, .consent-modal .modal-body {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  padding: 0 20px;
}
.terms-modal .modal-body .list-item, .consent-modal .modal-body .list-item {
  padding-left: 1rem;
  display: flex;
  flex-direction: row;
}
.terms-modal .modal-footer, .consent-modal .modal-footer {
  text-align: center;
  border: none;
  padding: 15px;
}
.terms-modal .modal-footer button, .consent-modal .modal-footer button {
  border-radius: 2px;
  border: 1px solid #345578;
  background: linear-gradient(180deg, #4F6E91 0%, #375678 100%);
  color: white;
}
.terms-modal .modal-footer:disabled, .consent-modal .modal-footer:disabled {
  border-radius: 2px;
  border: 1px solid #345578;
  opacity: 0.5;
  background: linear-gradient(180deg, #4F6E91 0%, #375678 100%);
  color: white;
}

.policy-modal .modal-header .modal-title {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.policy-modal .modal-footer {
  text-align: center;
  padding: 15px;
}
.policy-modal .modal-footer button {
  border-radius: 2px;
  border: 1px solid #345578;
  background: linear-gradient(180deg, #4F6E91 0%, #375678 100%);
  color: white;
}

.consent-modal .modal-body > ul {
  margin: 20px 0;
  padding-left: 32px;
}
.consent-modal .modal-body > ul > li {
  list-style-type: none;
  position: relative;
  padding-bottom: 4px;
}
.consent-modal .modal-body > ul > li::before {
  content: "✔";
  color: #3399f3;
  font-weight: bold;
  position: absolute;
  left: -32px;
}
.consent-modal .modal-body > div > span > a {
  color: #3399F3;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.consent-modal .modal-body > div > span > a:hover {
  cursor: pointer;
}

.consent-modal, .policy-modal, .terms-modal {
  backdrop-filter: brightness(0.75);
}