.report-details {
  display: flex;
  flex-direction: column;
  gap: 75px;
  &__container {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 76px;
  }

  &__map {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
  }
}

@media screen and (max-width: 1024px) {
  .report-details {
    &__container {
      grid-template-columns: 1fr;
      gap: 45px;
    }

    &__map {
      grid-row: 2 / 3;
      grid-column: 1 / 2;
    }
  }
}

@media screen and (max-width: 550px) {
  .report-details {
    &__container {
      gap: 40px;
    }
  }
}
