/*Custom Additional CSS*/

.glassy-background {
	  position: relative;
	  background: rgba(255, 255, 255, 0.2);  /* Semi-transparent background */
	  border-radius: 0.5rem;  /* Matches the existing rounded-lg class */
	  padding: 1.5rem;  /* Matches p-24 class assuming a base font size */
	  backdrop-filter: blur(10px);  /* Applies the glass effect */
	  -webkit-backdrop-filter: blur(10px); /* Ensures Safari compatibility */
	  border: 1px solid rgba(255, 255, 255, 0.3);  /* Optional: a border that matches the glass theme */
	  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  /* Optional: add some shadow for depth */
}

.glassy-nav
{
	background: rgba(255, 255, 255, 0.7) !important;  /* Semi-transparent background */
	backdrop-filter: blur(10px);  /* Applies the glass effect */
	-webkit-backdrop-filter: blur(10px); /* Ensures Safari compatibility */
}

.forcewhite
{
	color: #FFFFFF !important;
}