.services-banner {
  margin: 0 4em;
}
.services-banner__heading {
  color: #292929;
  font-size: 1.625em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 35.5em) {
  .services-banner__heading {
    font-size: 2em;
  }
}
.services-banner__separator {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 3.5em;
  border-bottom: 1px solid #477894;
}
.services-banner__text {
  margin-top: 1.75em;
  color: #76787E;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  font-size: 1.25em;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 35.5em) {
  .services-banner__text {
    font-size: 1.25em;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 38em) {
  .services-banner__text {
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
  }
}
.services-navigation {
  display: none;
}
@media screen and (min-width: 35.5em) {
  .services-navigation {
    display: block;
    text-align: center;
  }
  .services-navigation a {
    margin-top: 1em;
    display: inline-block;
    padding: 1em 0.5em;
    color: #477894;
    font-size: 1.25em;
    text-decoration: none;
  }
  .services-navigation a:hover {
    text-decoration: underline;
  }
}
.services {
  margin-top: 3em;
  max-width: 90em;
  margin: 0 auto;
}
.service .pure-g:after {
  clear: both;
}
.service {
  background-color: #F6F6F6;
}
.service__details {
  padding: 0 2em 0 2em;
}
@media screen and (min-width: 48em) {
  .service__details {
    padding: 0 3em 0 3em;
  }
}
@media screen and (min-width: 60em) {
  .service__details {
    padding: 0 5em 0 5em;
  }
}
.service__details-icon {
  margin-top: 4em;
  height: 2.5em;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left;
}
.service__details-header {
  margin: 1em 0 0 0;
  color: #292929;
  font-size: 1.625em;
  font-weight: 700;
}
@media screen and (min-width: 35.5em) {
  .service__details-header {
    font-size: 2em;
  }
}
.service__details-separator {
  margin-top: 1em;
  margin-left: 0;
  margin-right: auto;
  width: 3.5em;
  border-bottom: 1px solid #477894;
}
.service__details-text {
  margin-top: 2em;
  color: #76787E;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
}
@media screen and (min-width: 35.5em) {
  .service__details-text {
    font-size: 1.25em;
    line-height: 1.75em;
  }
}
.service__details-button {
  margin-bottom: 2em;
}
.service__details-button a {
  margin-top: 1em;
  display: inline-block;
  padding: 1em 2em;
  border: 1px solid #FFFFFF;
  border-radius: 6.25em;
  font-weight: 600;
  text-decoration: none;
  background: url('../assets/template/arrow.png') no-repeat right 1.5em top 1.2em;
  padding-right: 3.75em;
  background: url('../assets/template/arrow-blue.png') no-repeat right 1.5em top 1.2em;
  border: 1px solid #477894;
  color: #477894;
}
.service__details-button a:hover {
  background: url('../assets/template/arrow.png') no-repeat right 1.5em top 1.2em, linear-gradient(90deg, #2A6481 0%, #85C3C5 100%);
  color: #FFFFFF;
  border: 1px solid #477894;
  box-shadow: 0 5px 20px 5px #E2E2E2;
}
.is-personal .service__details-icon {
  background-image: url('../assets/services/icon-personal.png');
}
.is-mortgages .service__details-icon {
  height: 2.25em;
  background-image: url('../assets/services/icon-mortgages.png');
}
.is-general .service__details-icon {
  height: 1.875em;
  background-image: url('../assets/services/icon-general.png');
}
.is-business .service__details-icon {
  background-image: url('../assets/services/icon-business.png');
}
.is-kiwisaver .service__details-icon {
  background-image: url('../assets/services/icon-kiwisaver.png');
}
.is-finance .service__details-icon {
  background-image: url('../assets/services/icon-finance.png');
}
.is-property .service__details-icon {
  background-image: url('../assets/services/icon-property.png');
}
.service__image {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 20em;
  background-color: #477894;
}
@media screen and (min-width: 35.5em) {
  .service__image {
    background-size: auto 100%;
    height: 38em;
  }
}
.is-personal .service__image {
  background-image: url('../assets/services/personal.jpg');
}
.is-mortgages .service__image {
  background-image: url('../assets/services/mortgages.jpg');
}
.is-general .service__image {
  background-image: url('../assets/services/general.jpg');
}
.is-business .service__image {
  background-image: url('../assets/services/business.jpg');
}
.is-kiwisaver .service__image {
  background-image: url('../assets/services/kiwisaver.jpg');
}
.is-finance .service__image {
  background-image: url('../assets/services/finance.jpg');
}
.is-property .service__image {
  background-image: url('../assets/services/property-render.jpg');
}
.services-team {
  margin-top: 5em;
  margin-bottom: 5em;
  text-align: center;
}
.services-team__header {
  color: #292929;
  font-size: 1.625em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 35.5em) {
  .services-team__header {
    font-size: 2em;
  }
}
.services-team__separator {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 3.5em;
  border-bottom: 1px solid #477894;
}
.services-team__text {
  margin-top: 2em;
  color: #76787E;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  font-size: 1.125em;
  text-align: center;
}
@media screen and (min-width: 35.5em) {
  .services-team__text {
    font-size: 1.25em;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 38em) {
  .services-team__text {
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
  }
}
.services-team__button {
  margin-bottom: 2em;
}
.services-team__button a {
  margin-top: 1em;
  display: inline-block;
  padding: 1em 2em;
  border: 1px solid #FFFFFF;
  border-radius: 6.25em;
  font-weight: 600;
  text-decoration: none;
  background: url('../assets/template/arrow.png') no-repeat right 1.5em top 1.2em;
  padding-right: 3.75em;
  background: url('../assets/template/arrow.png') no-repeat right 1.5em top 1.2em, linear-gradient(90deg, #2A6481 0%, #85C3C5 100%);
  background-blend-mode: overlay;
  color: #FFFFFF;
  border: none;
}
.services-team__button a:hover {
  background: url('../assets/template/arrow.png') no-repeat right 1.5em top 1.2em, linear-gradient(90deg, #2A6481 0%, #85C3C5 100%);
  color: #FFFFFF;
  border: 1px solid #477894;
  box-shadow: 0 5px 20px 5px #E2E2E2;
}
.services-team__button a:hover {
  border: none;
  background: url('../assets/template/arrow.png') no-repeat right 1.5em top 1.2em, linear-gradient(90deg, #2A6481 50%, #85C3C5 100%);
}