.expertise-areas h2,.expertise-areas h3,.expertise-areas h4,.expertise-areas h5,.expertise-areas h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  padding-bottom: 12px;
  margin-top: 0;
  margin-bottom: 13px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent
}

@media (min-width: 992px) {
  .expertise-areas h2,.expertise-areas h3,.expertise-areas h4,.expertise-areas h5,.expertise-areas h6 {
    margin-bottom:33px;
    font-size: 28px
  }
}

.expertise-areas-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%
}

.expertise-areas-block {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-bottom: 1px solid #BCBCBC;
  padding: 12px 0
}

@media (min-width: 992px) {
  .expertise-areas-block {
    width:33.33333333%;
    border-bottom: transparent;
    margin-bottom: 40px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
    padding: 0px 0
  }
}

.expertise-areas-block.expertise-areas-block-as-link {
  text-decoration: none
}

.expertise-areas-block.expertise-areas-block-as-link:hover .expertise-areas-block-content-description {
  color: #000000
}

.expertise-areas-block.expertise-areas-block-as-link:hover .expertise-areas-block-content-title-holder {
  font-weight: 800
}

.expertise-areas-block-icon {
  margin-right: 10px
}

@media (min-width: 992px) {
  .expertise-areas-block-icon {
    margin-right:14px
  }
}

.expertise-areas-block-category-icon img {
  display: block;
  width: 34px;
  height: 34px
}

@media (min-width: 992px) {
  .expertise-areas-block-category-icon img {
    width:56px;
    height: 56px
  }
}

.expertise-areas-block-content {
  width: 100%
}

@media (min-width: 992px) {
  .expertise-areas-block-content {
    padding-right:56px
  }

  .expertise-areas-block-content:nth-child(3n) {
    padding-right: 30px
  }
}

.expertise-areas-block-content-title {
  position: relative;
  padding-right: 30px
}

@media (min-width: 992px) {
  .expertise-areas-block-content-title {
    padding-right:0
  }
}

.expertise-areas-block-content-title-holder {
  font-weight: 700;
  font-size: 18px;
  line-height: 34px;
  text-transform: uppercase;
  color: #363434;
  font-family: "Archivo", sans-serif;
}

@media (min-width: 992px) {
  .expertise-areas-block-content-title-holder {
    font-size:20px;
    line-height: 25px
  }
}

.expertise-areas-block-content-title-toggler {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px
}

@media (min-width: 992px) {
  .expertise-areas-block-content-title-toggler {
    display:none
  }
}

.expertise-areas-block-content-title-toggler-input {
  position: absolute;
  left: -100vw
}

.expertise-areas-block-content-title-toggler-input:checked ~ .expertise-areas-block-content-holder {
  display: block;
  padding-top: 2px;
  padding-bottom: 6px;
  color: #F3FFF3
}

@media (min-width: 992px) {
  .expertise-areas-block-content-title-toggler-input:checked ~ .expertise-areas-block-content-holder {
    padding-top:0;
    padding-bottom: 0
  }
}

.expertise-areas-block-content-title-toggler-input:checked ~ .expertise-areas-block-content-title .expertise-areas-block-content-title-toggler-line-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
  width: 100%;
  height: 3px
}

.expertise-areas-block-content-title-toggler-line {
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #2C2C2C
}

.expertise-areas-block-content-title-toggler-line-vertical {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: 0;
  width: 3px;
  height: 100%
}

.expertise-areas-block-content-holder {
  display: none;
  overflow: hidden
}

@media (min-width: 992px) {
  .expertise-areas-block-content-holder {
    display:block;
    height: auto
  }
}

.expertise-areas-block-content-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #363434;
  font-family: "Archivo", sans-serif;
}

@media (min-width: 992px) {
  .expertise-areas-block-content-description {
    font-size:20px;
    line-height: 24px;
    margin-top: 8px
  }
}

.expertise-areas-block-content-description p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #363434
}

@media (min-width: 992px) {
  .expertise-areas-block-content-description p {
    font-size:20px;
    line-height: 24px
  }
}

.expertise-areas-block-content-read-more {
  padding-top: 12px;
  margin-top: auto
}

@media (min-width: 992px) {
  .expertise-areas-block-content-read-more {
    padding-top:13px
  }
}

.expertise-areas-block-content-read-more a {
  text-decoration: underline;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px
}

.expertise-areas-block-content-read-more span {
  text-decoration: underline;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px
}

@media (min-width: 992px) {
  .expertise-areas-block::before {
    content:"";
    width: 56px;
    height: 56px;
    background-color: white;
    position: absolute;
    top: 12px;
    left: 0;
    border-radius: 50%;
    z-index: -1
  }
}

@media (min-width: 992px) {
  .expertise-areas-block::after {
    -webkit-transition:all .25s;
    transition: all .25s;
    content: "";
    width: 56px;
    height: 56px;
    background-color: transparent;
    position: absolute;
    top: 12px;
    left: 0;
    border-radius: 50%;
    z-index: -2
  }
}

@media (min-width: 992px) {
  .expertise-areas-block:hover::after {
    content:"";
    width: 188px;
    height: 188px;
    background-color: #F3FFF3;
    left: -44px;
    top: -20px
  }
}