* {
	  margin: 0;
	  padding: 0;
	  box-sizing: border-box;
	}

	.pricing-container {
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: Verdana, sans-serif;
	}

	.grid-container {
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	  gap: 20px;
	  width: 90%;
	  max-width: 1280px;
	}
	
	.grid-item {
		color: black;
		padding: 20px;
		border-radius: 8px;
		border: 1px solid black;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}

	h2.pricing {
		font-family: "Newsreader", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: italic;
		font-size: 1.5em;
		margin-bottom: 0.5em;
		text-align: center;
		background-color: #0078d7;
		color: white;
		padding: 3px 0 3px 0;
	}
	
	h3.pricing {
		font-family: "Newsreader", serif;
		font-weight: 400;
		text-align: center;
		font-size: 2em;
	}
	
	ul.pricing {
		list-style-type: none;
	}

	
	li.pricing {
		text-align: justify;
		vertical-align: middle;
		line-height: 1.5;
	}
	
	.icon-check-list-pricing {
		width: 16px;
		margin-right: 8px;
		position: relative;
		bottom: -5px;
	}

	li.pricing {
		justify-content: flex-start;
		align-items: flex-start;
		display: flex;
	}
	
	div.pricing {
		text-align: left;
	}
	
	hr.pricing {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	
	.note {
		justify-content: flex-start;
		align-items: flex-start;
		display: flex;
		font-size: 0.8em;
		text-align: justify;
		margin-top: 0.5em;
	}
/*	
	.button {
		font-size: 1em;
		background-color: #E74C21;
		color: white;
		font-weight: 600;
		width: 100%;
		padding: 1em;
		border-radius: 10px;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3);
		cursor: pointer;
		margin: auto auto 0.5em auto;
		//width: 250px;  Set a fixed size for buttons 
		height: 50px; Set a fixed size for buttons 
		text-align: center;
	}
	
	*/