.idr-mark-sections {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem; }
  @media (min-width: 55rem) {
    .idr-mark-sections {
      gap: 4rem; } }
  .idr-mark-sections li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 55rem) {
      .idr-mark-sections li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 2rem);
        flex: 0 0 calc(50% - 2rem);
        max-width: calc(50% - 2rem); } }
    .idr-mark-sections li:before {
      width: 81px;
      height: 80px;
      margin-bottom: 2rem;
      background-image: url("../img/mark-light.svg");
      background-repeat: no-repeat;
      content: '';
      display: block; }