/* ============================================================
   About Us Page — Modern Styles
   ============================================================ */

.AboutTCH { padding: 0 0 60px 0; }

.AboutTCH .au-breadcrumb {
  font-size: 13px;
  color: #888;
  padding: 14px 0 20px 0;
}
.AboutTCH .au-breadcrumb a { color: #888; text-decoration: none; }
.AboutTCH .au-breadcrumb a:hover { color: #c55b39; }
.AboutTCH .au-breadcrumb span { margin: 0 6px; color: #ccc; }

/* Page title */
.AboutTCH h1 {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 28px 0;
  padding-bottom: 14px;
  border-bottom: 2px solid #f0f0f0;
  font-family: inherit;
  text-align: left;
  position: static;
}
.AboutTCH h1::after { display: none; }

/* Hero: video + intro */
.au-hero {
  display: flex;
  gap: 32px;
  margin-bottom: 36px;
  align-items: flex-start;
}

.TCHVideo {
  flex: 0 0 45%;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  overflow: hidden;
}
.TCHVideo .VideoContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.TCHVideo .VideoContainer iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
}

.TCHContent { flex: 1; min-width: 0; }

.TCHContent h2 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 14px 0;
}

.TCHContent p {
  font-size: 14px;
  color: #555;
  line-height: 1.75;
  margin: 0 0 10px 0;
}

/* Review logos */
.ReviewLogo ul {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 18px 0 0 0;
  padding: 0;
  flex-wrap: wrap;
}
.ReviewLogo ul li {
  border: 1px solid #ebebeb;
  border-radius: 6px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
}
.ReviewLogo ul li img { max-height: 36px; width: auto; display: block; }

/* About content sections */
.about-content { margin: 0; }

.about-content h2 {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 36px 0 16px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

.about-content h3 {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 22px 0 6px 0;
}

.about-content p {
  font-size: 14px;
  color: #555;
  line-height: 1.75;
  margin: 0 0 10px 0;
}

.about-content a { color: #c55b39; text-decoration: none; }
.about-content a:hover { text-decoration: underline; }

/* Reasons list */
.about-content > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.about-content > ul > li {
  padding: 0;
  border: none;
  position: static;
}

.about-content > ul > li::before { display: none; }

/* Nested check-mark list */
.about-content ul ul {
  list-style: none;
  margin: 8px 0 14px 0;
  padding: 0;
}

.about-content ul ul li {
  padding: 4px 0 4px 20px;
  position: relative;
  font-size: 14px;
  color: #555;
  line-height: 1.65;
  border: none;
}

.about-content ul ul li::before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #c55b39;
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 11px;
}

.zipExclude { font-size: 12px; color: #888; }
