.sections_on_page {
  margin: 20px 0px;
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    li {
      padding: 15px;
      width: calc(25% - 10px);
      background: #fff;
      a {
        display: flex;
        align-items: center;
        text-decoration: none;
        span {
          width: 60px;
          height:60px;
          border:1px #ddd solid;
          background-size: cover;
          background-position: center;
          border-radius: var(--radius1);
        }

        strong {
          width: calc(100% - 60px);
          padding-left: 10px;
          color: var(--main_color);
        }

        small {
          display: block;
          font-weight: 400;
          color: #777777;
        }
        &:hover {
          text-decoration: none;
          strong {

          }
        }
      }

      // LEVEL 2
      ul {
        display: block;
        margin-top: 10px;
        li {
          box-shadow: none;
          width: 100%;
          padding: 0;
          a {
            display: block;
            padding: 2px 0px;
            &:hover {
              text-decoration: underline;
            }
          }
        }
      }
    }
  }
}