.services .content_container {
  display: flex;
  justify-content: space-between;
}
.services .content_container .services-menu {
  width: 40%;
}
.services .content_container .services-content {
  width: 50%;
}
.services ul {
  padding-left: 0;
}
.services ul li {
  list-style-type: none;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 30px;
}
.services ul li::before {
  content: '';
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--primary-color);
  margin-right: 15px;
  top: -3px;
  position: relative;
}
.services .tab {
  margin-top: 40px;
}
.services .tab-content {
  display: none;
}
.services-content div > * {
  margin-bottom: 30px;
}
.services-content .service-bg {
  width: 100%;
  height: 450px;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.services ul .active li {
  font-family: 'relevantmedium';
}
.services .services-content .aged-care a,
.services ul .aged-care  li::before {
  border: 1px solid var(--aged-care-color);
}
.services ul .active.aged-care li::before,
.services ul .aged-care:hover li::before,
.services .services-content .aged-care a {
  background-color: var(--aged-care-color);
}
.services .services-content .aged-care a:hover {
  color: var(--aged-care-color);
  border: 1px solid var(--aged-care-color);
  background: #FFF;
}
.services .services-content .retirement-living a,
.services ul .retirement-living li::before {
  border: 1px solid var(--retirement-living-color);
}
.services ul .retirement-living:hover li::before,
.services ul .active.retirement-living li::before,
.services .services-content .retirement-living a {
  background-color: var(--retirement-living-color);
}
.services .services-content .retirement-living a:hover {
  color: var(--retirement-living-color);
  border: 1px solid var(--retirement-living-color);
  background: #FFF;
}
.services .services-content .home-care a,
.services ul .home-care li::before {
  border: 1px solid var(--home-care-color);
}
.services ul .active.home-care li::before,
.services ul .home-care:hover li::before,
.services .services-content .home-care a{
  background: var(--home-care-color);
}
.services .services-content .home-care a:hover {
  color: var(--home-care-color);
  border: 1px solid var(--home-care-color);
  background: #FFF;
}
.services .services-content .disability a,
.services ul .disability li::before {
  border: 1px solid var(--disability-color);
}
.services ul .active.disability li::before,
.services ul .disability:hover li::before,
.services .services-content .disability a {
  background-color: var(--disability-color);
}
.services .services-content .disability a:hover {
  color: var(--disability-color);
  border: 1px solid var(--disability-color);
  background: #FFF;
}
.services .services-content .mental-health a,
.services ul .mental-health li::before {
  border: 1px solid var(--mental-health-color);
}
.services ul .active.mental-health li::before,
.services ul .mental-health:hover li::before,
.services .services-content .mental-health a {
  background-color: var(--mental-health-color);
}
.services .services-content .mental-health a:hover {
  color: var(--mental-health-color);
  border: 1px solid var(--mental-health-color);
  background: #FFF;
}
.services .services-content .youth-family a,
.services ul .youth-family li::before {
  border: 1px solid var(--youth-mental-color);
}
.services ul .active.youth-family li::before,
.services ul .youth-family:hover li::before,
.services .services-content .youth-family a {
  background-color: var(--youth-mental-color);
}
.services .services-content .youth-family a:hover {
  color: var(--youth-mental-color);
  border: 1px solid var(--youth-mental-color);
  background: #FFF;
}
.services .services-content .domestic-family-violence a,
.services ul .domestic-family-violence li::before {
  border: 1px solid var(--domestic-family-violence-color);
}
.services ul .active.domestic-family-violence li::before,
.services ul .domestic-family-violence:hover li::before,
.services .services-content .domestic-family-violence a {
  background-color:  var(--domestic-family-violence-color);
}
.services .services-content .domestic-family-violence a:hover {
  color: var(--domestic-family-violence-color);
  border: 1px solid var(--domestic-family-violence-color);
  background: #FFF;
}
.services .services-content .aged-care .service-bg {
  border-bottom: 5px solid var(--aged-care-color);
}
.services .services-content .retirement-living .service-bg {
  border-bottom: 5px solid var(--retirement-living-color);
}
.services .services-content .home-care .service-bg {
  border-bottom: 5px solid var(--home-care-color);
}
.services .services-content .disability .service-bg {
  border-bottom: 5px solid var(--disability-color);
}
.services .services-content .mental-health .service-bg {
  border-bottom: 5px solid var(--mental-health-color);
}
.services .services-content .youth-family .service-bg {
  border-bottom: 5px solid var(--youth-mental-color);
}
.services .services-content .domestic-family-violence .service-bg {
  border-bottom: 5px solid var(--domestic-family-violence-color);
}
.services .button {
  width: max-content;
}

.accordion .tab {
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin-top: 0;
}
.accordion .tab:last-child {
  border-bottom: 0;
}
/* (B) HIDE CHECKBOX */
.accordion .tab input { display: none; }
/* (C) TAB LABEL */
.accordion .tab label {
  /* (C1) DIMENSIONS */
  position: relative; /* required for (f2) position:absolute */
  display: block;
  width: 100%;
  padding: 20px 0;
  cursor: pointer;
  font-size: 26px;
  padding-left: 20px;
  padding-right: 10%;
}
/* (D) TAB CONTENT - HIDDEN BY DEFAULT */
/* css animation will not work with auto height */
/* this is why we use max-height instead */
.accordion .tab .content {
  overflow: hidden;
  transition: max-height 0.3s;
  max-height: 0;
}
.accordion .tab .content a {
  display: block;
  margin-bottom: 30px;
}
/* (E) OPEN TAB ON CHECKED */
.accordion .tab input:checked ~ .content { max-height: 100vh; }
/* (F) EXTRA - ADD ARROW INDICATOR */
.accordion .tab label::after {
  background: url('../../../../img/chev-down.svg');
  background-repeat: no-repeat;
  content: '';
  width: 10px;
  height: 7px;
  position: absolute;
  right: 0;
  top: 30px;
  transition: all 0.4s;
}
/* (F4) ROTATE ARROW ON CHECKED */
.accordion .tab input:checked ~ label::after { transform: rotate(180deg); }
.accordion .tab label::before {
  content: '';
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--primary-color);
  margin-right: 15px;
  top: 28px;
  position: absolute;
  left: 0;
}


.accordion .tab.aged-care input:checked ~ label::before {
  background-color: var(--aged-care-color);
}
.accordion .tab.aged-care label::before {
  border: 1px solid var(--aged-care-color);
}
.accordion .tab.home-care input:checked ~ label::before {
  background-color: var(--home-care-color);
}
.accordion .tab.home-care label::before {
  border: 1px solid var(--home-care-color);
}
.accordion .tab.retirement-living input:checked ~ label::before {
  background-color: var(--retirement-living-color);
}
.accordion .tab.retirement-living label::before {
  border: 1px solid var(--retirement-living-color);
}
.accordion .tab.disability input:checked ~ label::before {
  background-color: var(--disability-color);
}
.accordion .tab.disability label::before {
  border: 1px solid var(--disability-color);
}
.accordion .tab.mental-health input:checked ~ label::before {
  background-color: var(--mental-health-color);
}
.accordion .tab.mental-health label::before {
  border: 1px solid var(--mental-health-color);
}
.accordion .tab.youth-family input:checked ~ label::before {
  background-color: var(--youth-mental-color);
}
.accordion .tab.youth-family label::before {
  border: 1px solid var(--youth-mental-color);
}
.accordion .tab.domestic-family-violence input:checked ~ label::before {
  background-color: var(--domestic-family-violence-color);
}
.accordion .tab.domestic-family-violence label::before {
  border: 1px solid var(--domestic-family-violence-color);
}
.accordion h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.accordion .service-bg {
  width: 100%;
  height: 350px;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  margin-bottom: 15px;
}
.accordion .aged-care .service-bg {
  border-bottom: 5px solid var(--aged-care-color);
}
.accordion .retirement-living .service-bg {
  border-bottom: 5px solid var(--retirement-living-color);
}
.accordion .home-care .service-bg {
  border-bottom: 5px solid var(--home-care-color);
}
.accordion .disability .service-bg {
  border-bottom: 5px solid var(--disability-color);
}
.accordion .mental-health .service-bg {
  border-bottom: 5px solid var(--mental-health-color);
}
.accordion .youth-family .service-bg {
  border-bottom: 5px solid var(--youth-mental-color);
}
.accordion .domestic-family-violence .service-bg {
  border-bottom: 5px solid var(--domestic-family-violence-color);
}

@media only screen and (max-width: 768px) {
  .services .content_container {
    flex-direction: column;
  }
  .services .content_container .services-menu,
  .services .content_container .services-content {
    width: 100%;
  }

}