multicolumn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  text-align: center;
  @media (min-width: 993px) {
    gap: 2rem;
  }

  >info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    @media (min-width: 993px) {
      gap: 2rem;
    }
    p {
      margin: 0;
    }
    > ul {
      display: flex;
      gap: 1.5rem;
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none;
      @media (min-width: 993px) {
        flex-direction: row;
        justify-content: center;
        overflow-x: clip;
        scroll-snap-type: none;
      }

      > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        min-width: 100%;
        padding: 1.25rem;
        border: 1px var(--petrol-blue-50) solid;
        border-radius: 1rem;
        background: var(--gray-50);
        scroll-snap-align: start;
        scroll-snap-stop: always;

        > svg {
          flex-shrink: 0;
          width: 3.5rem;
          height: 3.5rem;
        }
        @media (min-width: 993px) and (max-width: 1440px){
          padding: 1.25rem 1rem;
        }
        @media (min-width: 993px) {
          width: 13rem;
          min-width: auto;
        }
        @media (min-width: 1441px) {
          width: 17.625em;
        }
        > p,
        > h3 {
          margin: 0;
          text-align: center;
        }
      }
    }
    >radio-buttons {
      display: flex;
      justify-content: center;
      gap: 1.5rem;
      @media (min-width: 993px) {
        display: none;
      }
      >button {
        width: 1.5rem;
        height: 1.5rem;
        border: none;
        border-radius: 50%;
        background: var(--gray-300);
      }
    }
  }
}