@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
  font-family: 'DM Sans', sans-serif;
  color: #333333;
}

.clip-diagonal-left-10 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}

.clip-diagonal-left {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  margin-right: 6px;
}

.clip-diagonal-right {
  clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
  margin-left: 6px;
}

.clip-left {
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.clip-right {
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

@media (max-width: 768px) {
  .clip-left,
  .clip-right {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}