/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
.card-grid {
  display:grid;
  grid-template-columns: repeat(5, 20%);
  width: 100%;
	justify-content: center;
}

.grid-item {
	border-style: solid;
	border-width: 0px 0.2px 0px 0px;
	border-color: #0000002B;
	padding-right: 40px;
	padding-left: 40px;
	margin-bottom: 80px;
}

.card-grid-cat {
	text-transform: capitalize;
	color: #9E9E9E;
	font-family: "Quicksand", Sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	padding-top: 10px; 
	margin-bottom: 5px;
}

.card-grid-title {
	color: #424242;
	font-family: "Quicksand", Sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	padding-top: 0 !important;
}

.card-grid-desc {
	color: #424242d9;
	font-family: "Quicksand", Sans-serif;
	text-align: left;
	font-size: 13px;
}

.card-grid-points {
	color: #424242d9;
	font-family: "Quicksand", Sans-serif;
	text-align: left;
	font-size: 12px;
}

.card-button {
	padding: 15px;
	transition: all 0.4 ease-in-out;
	border-radius: 25px;
	background: #e4f2ff1a;
	border: 2px solid #E0E0E0 !important;
	box-shadow: 0px 10px 30px #00000033 !important;
}

.card-button a {
	font-size: 13px;
}

.card-button:hover {
	transform: scale(1.05);
}

.spacer {
	height: 50px;
}

.product-link {
	font-family: 'Quicksand';
	font-size: 14px;
	font-weight: 600;
}

.link-container {
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .card-grid {
		grid-template-columns: repeat(3, 30%) !important;
	}
	
	.card-grid-desc {
		font-size: 12px !important;
		text-align: justify !important;
	}
	
	.card-grid-title {
		text-align: center !important;
	}
	
	.brand-title h2 {
		font-size: 25px !important;
	}
}

@media only screen and (max-width: 400px) {
  .card-grid {
		grid-template-columns: repeat(1, 100%) !important;
	}

}