body {
  margin: 0;
  padding: 0;
  font-family: Source Sans Pro-Regular, Source Sans Pro;
}

.flex {
  display: flex;
  flex-direction: row;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.align-middle {
  vertical-align: middle;
}

.text-333 {
  color: #333333;
}

.text-active {
  color: #ED6D00;
}

.line-bottom {
  position: relative;
}

.line-bottom::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #ED6D00;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 26px solid #fff;
}

.triangle-down {
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 26px solid #fff;
}

.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.p-x-inner-20 {
  padding: 0 20px;
  box-sizing: border-box;
}

.p-x-inner-40 {
  padding: 0 40px;
  box-sizing: border-box;
}

.p-y-inner-20 {
  padding: 20px 0;
  box-sizing: border-box;
}

.p-y-inner-40 {
  padding: 40px 0;
  box-sizing: border-box;
}

.content-container {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
}

/* ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
} */