/* Momentum Mark background styling */
[id$="-mm-clip-path"] {
  --clip-height: 40px;
  --clip-width: 24px;

  clip-path: polygon(0 var(--clip-height),
      50% var(--clip-height),
      calc(50% + var(--clip-width)) 0,
      100% 0,
      100% calc(100% - var(--clip-height)),
      75% calc(100% - var(--clip-height)),
      calc(75% - var(--clip-width)) 100%,
      0 100%);

}

@media screen and (max-width: 767px) {
  [id$="-mm-clip-path"] {
    padding: 40px 0;
  }
}

@media screen and (min-width: 768px) {
  [id$="-mm-clip-path"] {
    padding: 60px 0px;
  }
}