.container {
  width: 100%;
  min-width: auto;
  max-width: 94%;
}
.page-content-body {
  padding: 0;
}
h2 span {
  color: var(--site1);
  font-weight: 700;
  font-size: 3rem;
}
.topper {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0 6rem;
}

.info.row {
  margin-bottom: 4rem;
}
.sub .info.row {
  margin-bottom: 0;
}
.info.row div[class^="col-lg-"] {
  margin-bottom: 5rem;
}

.sub {
  width: 100%;
  margin-top: 0.25rem;
}

.sub .container {
  width: 100%;
  max-width: 100%;
}

.sub h2 span {
  font-weight: 500;
  font-size: 2.5rem;
}

section {
  position: relative;
}

.sub section::after {
  top: -3rem;
  bottom: auto;
}
section::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 95%;
  height: 1px;
  right: 50%;
  transform: translateX(50%);
  background-color: #999;
}
main > section:last-child::after {
  content: none;
}

form {
  padding: 4rem;
}

form input[type="text"] {
  height: 3rem;
  border: 1px solid var(--site1);
  color: var(--site1);
  width: 30%;
  border-radius: 3px;
  padding-right: 8px;
}

form button {
  background-color: var(--site1);
  color: #fff;
  height: 3rem;
  width: 3rem;
  border-radius: 3px;
  border-color: var(--site1);
}

section[data-category="6"] .sub section::after {
  content: none;
}
section[data-category="6"] > .container > .topper:has(h2) {
  margin-bottom: 1rem;
}
section[data-category="6"] > .container > .topper:has(h2) h2 {
  font-weight: 900;
  font-size: 2.75rem;
}
.phonebook-carded .top > * {
  margin-bottom: 0;
}
.phonebook-carded .top p {
  margin-bottom: 0.5rem;
}
@media (max-width: 1280px) {
  .container {
    max-width: 100%;
  }
}