.locations {
  margin-block: 60px;
}
@media (min-width: 782px) {
  .locations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .locations {
    margin-block: 190px;
  }
}
.locations__map {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  min-height: 300px;
}
@media (min-width: 782px) {
  .locations__map {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-height: 700px;
  }
}
.locations__list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.locations__list h2 {
  font-size: 28px !important;
  text-align: center;
  margin: 40px 0 !important;
}
.locations__items {
  height: calc(100% - 122px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.locations__items .location {
  border: solid 1px rgba(0, 0, 0, 0.1019607843);
  padding: 20px 30px;
}
.locations__items .location__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 19px;
  cursor: pointer;
  position: relative;
}
.locations__items .location__name:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-mask-image: url("../../img/chevron-down.svg");
          mask-image: url("../../img/chevron-down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #FB2F37;
  margin-left: 10px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.locations__items .location__name:after {
  margin: 0;
  position: absolute;
  right: 0;
  top: 12px;
}
.locations__items .location__hours {
  list-style-type: none;
  padding: 0;
  margin: 18px 0 0 !important;
  pointer-events: none;
  display: none;
}
.locations__items input[type=radio] {
  position: absolute;
}
.locations__items input[type=radio]:checked + label .location__name:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.locations__items input[type=radio]:checked + label .location__hours {
  display: block;
}