.gradient-text2 {
  background: -webkit-linear-gradient(135deg, rgba(7,21,217) 0%, rgba(24,197,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text {
  background: -webkit-linear-gradient(135deg, rgba(255,229,43) 0%, rgba(255,37,37,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.slogan-border {
}

.diagonal-clip-filled {
  -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.diagonal-clip-filled2 {
  -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.diagonal-clip2 {
  -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
  clip-path: polygon(100% 0, 100% 25%, 25% 100%, 0% 100%);
}

.diagonal-clip {
  -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
  clip-path: polygon(75% 0, 100% 0, 0 100%, 0 75%);
}

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