.cb-service-text {
  background-color: white;
}
.page-template-subpage-template .cb-service-text {
  padding: 2rem 1.5rem 1rem 1.5rem;
}

.cb-service-text.no-intro .cb-service-text__section--first,
.cb-service-text.no-line .cb-service-text__section {
  border-top: none;
}

.cb-service-text__section {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 2rem;
  border-top: 1px solid black;
  padding-bottom: 1rem;
}

.cb-service-text__section-buttons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  grid-column-gap: 6rem;
  grid-row-gap: 2rem;
  width: 100%;
}

.cb-service-text__section-link {
  display: flex;
  flex-basis: 20%;
  flex-direction: column;
  font-weight: bold;
}

.cb-service-text .cb-link {
  margin-top: 1rem;
}

.cb-service-text__intro {
  padding-bottom: 1rem;
}
.cb-service-text__inner {
  display: flex;
  grid-column-gap: 2rem;
  flex-wrap: wrap;
  width: 100%;
}
.cb-service-text__column {
  flex-basis: 100%;
}
.cb-service-text__inner--col-2 .cb-service-text__column {
  flex-basis: calc(50% - 1rem);
}

.cb-service-text__column > ul {
  list-style-type: square;
  list-style-position: inside;
  padding: 0;
}

.cb-service-text ul li::marker {
  color: var(--yellow);
}

.cb-service-text ol {
  list-style-position: inside;
  padding: 0;
}

.cb-service-text__intro h2 {
  position: relative;
  display: inline-block;
  line-height: 1;
  margin-bottom: 1rem;
}

.cb-service-text__intro h2:after {
  content: "";
  background-color: var(--yellow);
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
}

.cb-service-text__section h3 {
  text-transform: uppercase;
  flex-basis: 100%;
  margin-top: 2rem;
}

.cb-service-text.no-line h3 {
  margin-top: 0;
}
.cb-service-text__intro ul li {
  margin-top: 0.5rem;
}

.cb-service-text__section a,
.cb-service-text__intro a {
  color: var(--black);
  font-weight: bold;
  transition: all ease 0.3s;
}

.cb-service-text__section a:hover,
.cb-service-text__intro a:hover {
  color: var(--grey);
}

.cb-service-text__section-link a:hover,
.cb-service-text__section-link a:hover {
  color: var(--black);
}

@media only screen and (max-width: 768px) {
  .cb-service-text__section-buttons {
    flex-direction: column;
    align-items: flex-start;
    grid-row-gap: 2rem;
  }
  .cb-service-text__inner--col-2 .cb-service-text__column {
    flex-basis: 100%;
  }
  .cb-service-text__column {
    max-width: 100%;
  }
}