body[data-color-scheme=color-scheme-1],
:root {
  --primaryColor: #316475;
  --primaryColorRGB: 49, 100, 117;
  --primaryColorLight: #EFF3FC;
  --secondaryColor: #00BC9C;
  --secondaryColorRGB: 0, 188, 156;
  --tertiaryColor: #EDAB60;
  --tertiaryColorRBG: 237, 171, 96;
  --primaryLighterColor: #EFF3FC;
  --text: #14192D;
  --bgColor: #F5F5F5;
}

.page-template-areas-we-serve {
  /*------------------------*/
}
.page-template-areas-we-serve .primary-locations {
  position: relative;
}
.page-template-areas-we-serve .primary-locations picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.page-template-areas-we-serve .primary-locations picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-template-areas-we-serve .primary-locations__inner {
  padding: 50px 25px;
  position: relative;
  z-index: 1;
}
.page-template-areas-we-serve .primary-locations__inner .title {
  margin-bottom: 40px;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office {
  background-color: var(--secondaryColor);
  margin-bottom: 30px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 30px 50px;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .map {
  height: 250px;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info p {
  color: #FFF;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info a {
  font-size: 22px;
  font-size: 1.375rem;
  color: var(--tertiaryColor);
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info .name {
  margin-bottom: 20px;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info .address {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 10px;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info .address a {
  color: #FFF;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info .office-page,
.page-template-areas-we-serve .primary-locations__inner .locations__office .info .directions {
  display: block;
  margin-bottom: 30px;
}
.page-template-areas-we-serve .primary-locations__inner .locations__office .info .data {
  margin-top: 0px;
}
@media (min-width: 768px) {
  .page-template-areas-we-serve .primary-locations__inner {
    padding: 50px 40px;
  }
  .page-template-areas-we-serve .primary-locations__inner .locations__office {
    margin-bottom: 50px;
    padding: 40px;
    flex-direction: row;
  }
  .page-template-areas-we-serve .primary-locations__inner .locations__office .map {
    flex: 0 0 calc(50% - 25px);
    min-height: 300px;
    padding-bottom: 0;
  }
  .page-template-areas-we-serve .primary-locations__inner .locations__office .info {
    flex: 0 0 calc(50% - 25px);
  }
  .page-template-areas-we-serve .primary-locations__inner .locations__office .info .data {
    margin-top: 50px;
  }
}
@media (min-width: 1280px) {
  .page-template-areas-we-serve .primary-locations__inner {
    padding: 80px 0px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .page-template-areas-we-serve .primary-locations__inner .title {
    margin-bottom: 80px;
  }
}
.page-template-areas-we-serve .cases-covered {
  padding: 1px 0 50px;
  background-color: var(--primaryLighterColor);
}
.page-template-areas-we-serve .cases-covered .tagline {
  color: var(--tertiaryColor);
}
.page-template-areas-we-serve .cases-covered .title {
  color: var(--secondaryColor);
}
.page-template-areas-we-serve .cases-covered .line {
  border-bottom: 0.5px solid rgba(0, 34, 63, 0.3019607843);
}
.page-template-areas-we-serve .cases-covered ul {
  margin: 0;
  list-style: none;
}
.page-template-areas-we-serve .cases-covered ul li {
  margin: 0;
  border-bottom: 1.5px solid rgba(0, 34, 63, 0.3019607843);
}
.page-template-areas-we-serve .cases-covered ul li a {
  color: #26272A;
  padding: 20px 0 30px;
  display: block;
}
@media (min-width: 768px) {
  .page-template-areas-we-serve .cases-covered ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .page-template-areas-we-serve .cases-covered ul li {
    flex: 0 0 48%;
  }
}
@media (min-width: 1280px) {
  .page-template-areas-we-serve .cases-covered ul li {
    flex: 0 0 31%;
  }
}