/* Main frosted card container */
        .frosted-card {
            position: relative;
            overflow: hidden; /* Ensures effect stays within bounds */
            background: transparent;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid transparent;
            transition: all 0.3s ease-in-out;
            z-index: 1; /* Ensures it's above the effect */
        }

        /* Pseudo-element for diagonal wipe effect */
        .frosted-card::before {
            content: "";
            position: absolute;
            top: -100%;
            left: -100%;
            width: 200%;
            height: 200%;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            transform: translate(-100%, -100%);
            transition: transform 0.5s ease-in-out;
            z-index: -1; /* Keeps effect behind text */
        }

        /* Wipe diagonally on hover */
        .frosted-card:hover::before {
            transform: translate(0%, 0%);
        }

        /* Ensure text remains above */
        .frosted-card h4,
        .frosted-card p {
            position: relative;
            z-index: 2; /* Ensures text stays above the effect */
        }
		
		.btn-glow:hover{
			background-color: transparent;
			color: gold;
			border: 1px white solid;
            transition: transform 0.5s ease-in-out;
		}