/*  Styles for the free tutorials section in the account section */
.woocommerce-downloads .woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info {
	display: none;
}
.free-tutorials-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-right: 4% !important;
}
.free-tutorials-container .free-tutorials {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
}
.free-tutorials-container .heading-container h2 {
	font-family: bebas-neue-pro;
	font-size: max(2vw, 30px);
	color: #231F20 !important;
}
.free-tutorials-container .free-tutorials .single-tutorial {
	display: flex;
	flex-direction: column;
	box-shadow: 0 5px 10px 1px #0002;
	background: #fff;
	border-radius: 25px;
	padding: 15px;
}
.free-tutorials-container .free-tutorials .single-tutorial .image-container img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	padding: 5% 15%;
}
.free-tutorials-container .free-tutorials .single-tutorial .content-container {
	display: flex;
	align-items: center;
	gap: 20px;
}
.free-tutorials-container .free-tutorials .single-tutorial .content-container .heading {
	flex: 4;
}
.free-tutorials-container .free-tutorials .single-tutorial .content-container .tutorial-link {
	flex: 1;
}
.free-tutorials-container .free-tutorials .single-tutorial .content-container * {
	color: #231F20;
	font-family: bebas-neue-pro;
	font-size: max(1.2vw, 17px);
}
@media only screen and (max-width: 1500px) {
	.free-tutorials-container .free-tutorials {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 1250px) {
	.free-tutorials-container .free-tutorials {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 900px) {
	.free-tutorials-container .free-tutorials {
		display: flex;
		flex-direction: column;
	}
}