#what-is-d360 {

  & .heading__container {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    flex-direction: column;

    @media (min-width: 640px) {
      flex-direction: row;
    }

    & .heading {
      display: flex;
      flex-direction: column;
      gap: 20px;
      max-width: 800px;

    }

    & .heading-format {
      display: flex;
      gap: 20px;
      justify-content: stretch;


      &>div {
        width: 100%;

        @media (min-width: 640px) {
          width: fit-content;
          height: fit-content;

        }

        & p {
          width: max-content;
          height: fit-content;
        }

        &>p:nth-child(1) {
          text-transform: uppercase;
          color: var(--stb-orange);
        }
      }
    }
  }

  & .evaluated-items__container {

    & .evaluated-item {
      display: flex;
      flex-direction: column;
      gap: 12px;

      &:nth-child(1) .icon .stroke {
        stroke: #2A7BE4;
      }

      &:nth-child(2) .icon .stroke {
        stroke: #3DBF4A;
      }

      &:nth-child(3) .icon .stroke {
        stroke: #E3B500;
      }

      &:nth-child(4) .icon .stroke {
        stroke: #E14C4C;
      }

      &:nth-child(5) .icon .stroke {
        stroke: #9B51E0;
      }
    }
  }
}