@import url('hero.css');

.plan-trip__colocated {
  margin-top: -1px;
  padding-top: 24px;
  padding-bottom: 56px;

}

.plan-trip__colocated > .container-fluid {
  padding-right: var(--nav-px);
  padding-left: var(--nav-px);
}

.plan-trip__colocated .hero__colocated-item img {
  filter: grayscale(1) brightness(0) invert(1);
}

@media (max-width: 639px) {
  .plan-trip__colocated {
    padding-top: 20px;
    padding-bottom: 36px;
  }
}