.company-component:first-of-type {
  padding-top: var(--nav-container-height);
}
.company-component .page-content-inner {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.company-component .page-content-inner img {
  width: 100%;
}
.company-component .page-content-inner .static-image {
  margin-bottom: 5%;
}
.company-component .page-content-inner .content {
  width: 60%;
  margin: auto;
}
.company-component .page-content-inner .content.custom-scale * {
  margin-bottom: 1.5rem;
  font-size: calc(1.3rem * var(--text-scale));
}
.company-component .page-content-inner > .content {
  margin-bottom: 5%;
}
.company-component .page-content-inner .content:last-of-type {
  margin-bottom: 5%;
}
.company-component:last-of-type .page-content-inner {
  margin-bottom: var(--footer-spacing);
}
.leaders-container {
  margin-bottom: 5%;
}
.leaders-container .leaders-container-background {
  position: relative;
}
.leaders-container .leaders-items {
  display: flex;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0 20%;
}
.leaders-container .leaders-items > * {
  margin: auto;
}
.leaders-container .leaders-item .leaders-item-image {
  width: 200px;
  height: 200px;
  margin: auto;
  margin-bottom: 20px;
}
.leaders-container .leaders-item .leaders-item-image img {
  border-radius: 50%;
  border: 5px solid var(--color-text);
}
.leaders-container .leaders-item .leaders-name {
  color: var(--color-click);
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0;
}
.leaders-container .leaders-item .leaders-title {
  color: var(--color-text);
}
.page-content-items {
  width: 80%;
  margin: 5% auto;
}
.page-content-items .items-container {
  display: flex;
  flex-wrap: wrap;
}
.page-content-items .items-container .item {
  width: calc(100% / var(--items-per-row));
  margin: 0 auto;
  padding: 0 2%;
}
.page-content-items .items-container .item-icon {
  width: fit-content;
  margin: auto;
  margin-bottom: 2%;
}
.page-content-items .item-info .item-name {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color-over);
  font-size: 1.8rem;
}
.page-content-items .item-info .item-title {
  color: #fff;
}

@media (max-width: 1199px) {
  .company-component .page-content-inner .content {
    width: 90%;
  }
  .page-content-items {
    width: 90%;
  }
}

@media (max-width: 992px)
{
  .company-component .page-content-inner .content {
    width: 80%;
  }
  .leaders-container .leaders-items {
    padding: 0 10%;
  }
  .leaders-container .leaders-item .leaders-item-image {
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
  }
  .page-content-items .items-container {
    --items-per-row: 2!important;
  }
}

@media (max-width: 575px)
{
  .leaders-container .leaders-container-background {
    height: 325px;
  }
  .leaders-container .leaders-container-background svg {
    height: 100%;
  }
  .leaders-container .leaders-items {
    padding: unset;
  }
  .page-content-items {
    width: 100%;
  }
  .page-content-items .item-info .item-name {
    font-size: 1.2rem;
  }
}