.collaborations {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .collaborations {
    padding: 120px 0;
  }
}
.collaborations-title {
  padding-bottom: 20px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .collaborations-title {
    row-gap: 0;
    padding-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .collaborations-title {
    padding-bottom: 100px;
  }

}
@media (min-width: 768px) {
  .collaborations .collaborations-title-wrap, .collaborations .location-list {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (min-width: 1200px) {
  .collaborations .collaborations-title-wrap, .collaborations .location-list {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (min-width: 1600px) {
  .collaborations .collaborations-title-wrap, .collaborations .location-list {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
.collaborations-locations .location-list ul li {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  display: flex;
}
/* .collaborations-locations .location-list ul li:first-child{
  padding-top: 0;
} */
@media (min-width: 768px) {
  .collaborations-locations .location-list ul li {
    padding-top: 38px;
    padding-bottom: 38px;
  }
}
.collaborations-locations .location-list ul li::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgb(0,0,0,0.2);
  bottom: 0;
}
.collaborations-locations .location-list ul li span {
  max-width: 10px;
  width: 100%;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
}

.bg-black {
  background-color: #000
}

.bg-black .h1,
.bg-black .h2,
.bg-black .h3,
.bg-black .h4,
.bg-black .h5,
.bg-black .h6,
.bg-black a,
.bg-black li,
.bg-black p {
  color: #fff
}

.bg-black ul li span {
  background-color: #A34026 !important
}
.bg-black .collaborations-locations .location-list ul li::after {
  background-color: rgb(255,255,255, 0.2);
}