/* Page-specific stylesheet: contact-us.html. Shares existing site-brand.css and interior-page-layout.css. */
.page-interior .sts-contact-us-hero {
  padding: 170px 0 94px;
  background: linear-gradient(115deg, #1d3548, #3d5f6c);
  color: #fff
}
.page-interior .sts-contact-us-hero h1, .page-interior .sts-contact-us-hero p, .page-interior .sts-contact-us-hero a, .page-interior .sts-contact-us-hero .breadcrumb-item {
  color: #fff !important
}
.sts-contact-us-main .sts-support-section {
  padding: 64px 0
}
.sts-contact-us-main .sts-support-section:nth-child(even) {
  background: #f4f6f5
}
.sts-contact-us-main .sts-support-container {
  max-width: 1060px
}
.sts-contact-us-main h2, .sts-contact-us-main h3 {
  color: #1f354b
}
.sts-contact-us-main h2 {
  margin-bottom: 22px
}
.sts-contact-us-main p, .sts-contact-us-main li {
  line-height: 1.8
}
.sts-contact-us-main p {
  max-width: 900px
}
.sts-contact-us-main .sts-support-kicker, .sts-contact-us-hero .sts-support-kicker {
  display: block;
  color: #d8b78b;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 14px
}
.sts-contact-us-main .sts-support-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 27px 0
}
.sts-contact-us-main .sts-support-card {
  padding: 26px;
  border-radius: 9px;
  background: #fff;
  border: 1px solid #dbe3e4
}
.sts-contact-us-main .sts-support-card p:last-child {
  margin-bottom: 0
}
.sts-contact-us-main .sts-support-faq details {
  border-bottom: 1px solid #cfd9dd;
  padding: 19px 0
}
.sts-contact-us-main .sts-support-faq summary {
  cursor: pointer;
  font-weight: 700;
  color: #1f354b
}
.sts-contact-us-main .sts-support-answer {
  padding: 13px 0 0
}
.sts-contact-us-main .sts-support-action {
  margin-top: 25px
}
.sts-contact-us-main a:not(.btn-default) {
  text-decoration: underline;
  text-underline-offset: 3px
}
.sts-contact-us-main .sts-support-note {
  border-left: 4px solid #aa6546;
  padding: 16px 20px;
  background: #fff7eb
}
.sts-contact-us-main .sts-support-profile {
  display: grid;
  grid-template-columns: 160px 1fr;
  align-items: start;
  gap: 25px;
  margin-top: 25px
}
.sts-contact-us-main .sts-support-profile img {
  width: 100%;
  height: auto;
  max-width: 160px;
  border-radius: 9px
}
.sts-contact-us-main .sts-support-contact {
  font-size: 1.15rem;
  font-weight: 700
}
@media(max-width:700px) {
  .page-interior .sts-contact-us-hero {
    padding: 115px 0 65px
  }
  .sts-contact-us-main .sts-support-section {
    padding: 42px 0
  }
  .sts-contact-us-main .sts-support-cards {
    grid-template-columns: 1fr
  }
  .sts-contact-us-main .sts-support-profile {
    grid-template-columns: 1fr
  }
}