@charset "utf-8";
/* CSS Document */
/* Rad Background Noise Gradient */
/* Requires Tailwind CSS */

.noise-grad-bg {
width: cover;
height: cover;
background: linear-gradient(to top left, #f6f5db, rgba(255, 153, 150, 0), #f05127),
              linear-gradient(to top right, #e42e34, rgba(255, 153, 150, 0), #28252a),
              linear-gradient(60deg, #000000, #000000);
  position: relative;
  overflow: hidden;
}

.noise-grad-bg:before,
.noise-grad-bg:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}

.noise-grad-bg:before {
  background: linear-gradient(108deg, #000, transparent);
  /* z-index: 2; */
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  filter: noise(0.1); /* Increased noise effect */
}

.noise-grad-bg:after {
  background: linear-gradient(142deg, transparent, #28252a);
  /* z-index: 3; */
  bottom: 0;
  right: 0;
  mix-blend-mode: overlay;
  filter: noise(0.1); /* Increased noise effect */
  z-index: -10;
}

.noise-grad-bg {
display: block;
	padding: 30px 0;
}
		canvas {		
			/* z-index: -1; */
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;		
			mix-blend-mode: soft-light;
		}