.torn-paper-svg {
  position: relative;
  padding: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.torn-paper-svg::before,
.torn-paper-svg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" viewBox="0 0 100 20" preserveAspectRatio="none"><path d="M0,10 C20,20 40,0 60,10 C80,20 100,0 100,10 L100,20 L0,20 Z" fill="%23fff9e6"/></svg>');
  background-size: 100% 100%;
}

.torn-paper-svg::before {
  top: -5px;
  transform: rotate(180deg);
}

.torn-paper-svg::after {
  bottom: -5px;
}

.pulse-slow {
  animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
  0% {
	transform: scale(1);
  }
  50% {
	transform: scale(1.05);
  }
  100% {
	transform: scale(1);
  }
} 

.background-liquid {
	background-color: transparent !important;
	box-shadow: var(--card-shadow, 0 4px 12px rgba(0, 0, 0, 0.15)) !important;
	backdrop-filter: blur(5px) !important;
	opacity: 1 !important;
}

.background-opacity-light {
	box-shadow: var(--card-shadow, 0 4px 12px rgba(0, 0, 0, 0.15)) !important;
	backdrop-filter: blur(15px) !important;
	opacity: .5 !important;
}

.background-none {
	background-color: transparent !important;
	backdrop-filter: blur(0) !important;
}

.text-bold .link-text {
	font-weight: bold !important;
}

.text-black .link-text {
	color: #000000 !important;
}

.text-bold .carousel-header-text {
	font-weight: bold !important;
}

.text-black .carousel-header-text {
	color: #000000 !important;
}

.opacity-full {
	opacity: 1 !important;
}