.card:hover {
	  box-shadow: 0 0 11px rgba(45, 85, 255, 1); 
	}
	.card-body {
		padding: 0; /* Removes padding from the card-body (optional) */
	}
	.card-title {
		font-size: 1.25rem;
		background-color: #0056b3; /* Blue background */
		color: white; /* White text color for contrast */
	    border: 2px solid #0056b3; /* Add border for better contrast */
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for separation */
		padding: 10px; /* Add some padding around the text */	
		margin: 0;
		width: 100%;
	}
	  .card-title-wrapper {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: center;
	  }
	.new-badge {
		position: absolute;
		top: 10px;
		left: -20px;
		transform: rotate(-45deg);
		background: linear-gradient(135deg, #ff4e50, #f9d423); /* Strong contrast */
		color: white;
		padding: 6px 28px;
		font-size: 0.8rem;
		font-weight: bold;
		text-transform: uppercase;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
		border-radius: 4px;
		z-index: 10;
		letter-spacing: 1px;
		border: 1px solid rgba(255, 255, 255, 0.3);
	  }
	.divider-gradient {
		background: linear-gradient(to right, #4CAF50, #FF6347); /* Green to Red gradient */
		height: 2px;
		border-radius: 2px;
		margin: 20px auto;
		width: 70%;		
	}
	.specs {
		display: flex;
		flex-direction: column; /* Stack items vertically */
		align-items: center; /* Center the items horizontally */
		justify-content: center; /* Center the items vertically */
		margin-top: 20px;
	}

	.spec {
		display: flex;
		align-items: center; /* Align the icon and text */
		margin-bottom: 10px; /* Add space between the items */
	}

	.icon {
		font-size: 24px; /* Size the icons */
		margin-right: 10px; /* Space between icon and text */
	}

	.label {
		font-size: 16px;
		font-weight: bold;
		color: #333; /* Adjust text color */
	}
	
	.cpu {
		font-size: 16px;
		font-style: italic;
		color: #333; /* Adjust text color */
	}
	
	.price {		
		font-size: 20px;
		font-weight: bold;
		color: green; /* Adjust text color */
	}
	
	.plan {
        margin: 10px 0 20px 0;
        padding: 15px 20px;
        background-color: #f8f9fa;
        border-left: 4px solid #007bff;
        border-radius: 6px;
    }
	
	.btn {
		margin-top: 20px; /* Space between button and specs */
	}
	#update-date {
		display: inline-block;
		min-width: 100px; /* Adjust based on your expected date format */
		text-align: left;
	}