.information__number::after {
  display: block;
  width: 0;
  height: .2rem;
  transition: width .3s;
  background: transparent;
  content: '';
}

.information__number:hover::after, .information__number:focus::after {
  width: 100%;
}

.agencies__wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.agency__header, .agencies__header {
  border-radius: 0 0 6px 6px;
}

.agency__map, .agencies__block.map {
  border-radius: 6px;
}

.agency {
  margin: 0 0 8rem;
}

.agency__full {
  background-color: white;
}

.agency--teaser {
  width: 100%;
  margin: 0;
}

.agency--teaser .agency__content {
  margin: 0;
}

.agency--teaser .agency__block {
  width: 100%;
}

.agency--teaser .information__block {
  padding: 0;
  border: 0;
}

.agency--teaser .information__number {
  margin-right: 17px;
}

.agency--teaser .information__number--website a {
  color: #383ff5;
}

.agency--teaser .btn {
  width: 100%;
  margin-top: 1.5rem;
}

.agency .leaflet-container {
  z-index: 2;
}

.agency .leaflet-control-attribution a {
  text-decoration: underline;
}

.agency__header {
  margin: 0;
  padding: 3rem 0;
  background-color: #383ff5;
  text-align: center;
}

.agency__title {
  margin: 4rem 0 2rem;
  background-color: transparent;
  color: white;
}

.agency__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0;
}

.agency__information {
  width: 32%;
}

.agency__information .information__block:first-child {
  border-bottom: 1px solid #d0d1dc;
}

.agency__map {
  width: 67%;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .agency__information {
    width: 40%;
  }
  .agency__map {
    width: 57%;
  }
}

@media only screen and (max-width: 768px) {
  .agency__content {
    margin: 0;
  }
  .agency__information {
    width: 100%;
    margin-bottom: 6rem;
  }
  .agency__map {
    width: 100%;
  }
}

.agencies {
  margin-bottom: 5rem;
}

.agencies__header {
  margin: 0 0 2.5rem;
  padding: 3rem 0;
  background-color: #383ff5;
  text-align: center;
}

.agencies__title {
  margin: 4rem 0 2rem;
  background-color: transparent;
  color: white;
}

.agencies__block.information {
  width: 32%;
}

.agencies__block.map {
  width: 67%;
  overflow: hidden;
}

.agencies__block.map .geolocation-map-wrapper {
  width: 100%;
}

.agencies .view {
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  .agencies__block.information {
    width: 40%;
  }
  .agencies__block.map {
    width: 57%;
  }
}

@media only screen and (max-width: 768px) {
  .agencies__block.information {
    width: 100%;
    margin-bottom: 6rem;
  }
  .agencies__block.map {
    width: 100%;
  }
}

.accordion {
  padding: 2rem 0;
  border-bottom: 1px solid #d0d1dc;
  cursor: pointer;
}

.accordion__header {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  padding-right: 4rem;
  border: 0;
  background: transparent;
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
}

.accordion__header[aria-expanded='true']::after {
  transform: rotate(180deg);
}

.accordion__header::after {
  display: block;
  position: absolute;
  top: 0;
  right: .8rem;
  width: 3.5rem;
  height: 100%;
  max-height: 2.5rem;
  transition: all .25s ease-in-out;
  background: transparent url("../assets/img/caret-blue.svg") no-repeat center/cover;
  content: '';
}

.accordion__content {
  margin-top: 2.5rem;
  padding-right: 1.5rem;
}

.information {
  display: block;
  font-size: 1.5rem;
  line-height: 2.2rem;
}

.information__title {
  font-size: 2rem;
  font-weight: 500;
}

.information__address {
  margin-top: 2.5rem;
}

.information__schedules {
  margin-top: 1rem;
}

.information__contact {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.2rem;
  background-color: transparent;
  color: black;
  font-size: 1.6rem;
  font-weight: 500;
}

.information__number {
  color: #34353d;
  position: relative;
  margin-right: 6.5rem;
  margin-bottom: 1rem;
  padding-left: 3.3rem;
}

.information__number::after {
  background: #383ff5;
}

.information__number::before {
  width: 2.1rem;
  height: 2.1rem;
  display: block;
  position: absolute;
  left: 0;
  background: transparent no-repeat center /contain;
  content: '';
}

.information__number--phone::before {
  background-image: url("../assets/img/phone.svg");
}

.information__number--fax::before {
  background-image: url("../assets/img/fax.svg");
}

.information__number--website::before {
  background-image: url("../assets/img/external_link.svg");
}

@media only screen and (max-width: 425px) {
  .information__number {
    margin-right: 3.3rem;
  }
}
