.report-details-page {
  padding: 118px 90px 0 90px;

  &__container {
    display: grid;
    grid-template-columns: 52% 1fr;
    gap: 76px;
  }
}

@media screen and (max-width: 1024px) {
  .report-details-page {
    padding: 118px 30px 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .report-details-page {
    padding: 112px 30px 0 30px;

    &__container {
      grid-template-columns: 1fr;
      gap: 45px;
    }
  }
}

@media screen and (max-width: 550px) {
  .report-details-page {
    padding: 112px 16px 0px 16px;

    &__container {
      gap: 40px;
    }
  }
}
