/* VPATPRO sample accessibility defect ticket section */

.sample-ticket-section {
  background-color: #ffffff;
}

.ticket-feature-list {
  display: grid;
  gap: 0.7rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.ticket-feature-list li {
  position: relative;
  padding-left: 1.75rem;
  color: #24324a;
  font-weight: 600;
  line-height: 1.45;
}

.ticket-feature-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.42rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #41d6c3;
  box-shadow: 0 0 0 3px #dff8f3;
}

.ticket-preview-card {
  overflow: hidden;
  border: 1px solid #c7d3df;
  border-radius: 1.25rem;
  background-color: #ffffff;
  box-shadow: 0 1.1rem 2.8rem rgba(7, 27, 53, 0.12);
}

.ticket-preview-heading {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 1.15rem 1.35rem;
  background-color: #071b35;
  color: #ffffff;
}

.ticket-preview-heading .proof-kicker {
  color: #41d6c3;
}

.ticket-preview-heading strong {
  font-size: 1.1rem;
  line-height: 1.35;
}

.ticket-preview-link {
  display: block;
  background-color: #ffffff;
}

.ticket-preview-link img {
  display: block;
  width: 100%;
  height: auto;
}

.ticket-preview-link:focus-visible {
  outline: 4px solid #123e7c;
  outline-offset: -4px;
}

.ticket-preview-card figcaption {
  margin: 0;
  padding: 1rem 1.35rem 1.15rem;
  border-top: 1px solid #d8e0e8;
  background-color: #f4f7fa;
  color: #46556b;
  font-size: 0.95rem;
  line-height: 1.5;
}

@media (max-width: 575.98px) {
  .ticket-preview-heading,
  .ticket-preview-card figcaption {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


/* Larger sample defect ticket preview */
@media (min-width: 992px) {
  .sample-ticket-section .container {
    max-width: 1440px;
  }
}