/* ### digital ### */
.digital {
	padding-top: 35px;
	padding-bottom: 40px;
	position: relative;
	text-align: center;
}
.digital-title {
	position: relative;
	z-index: 1;
	color: var(--white-color);
	-webkit-text-stroke: 2px var(--black-color);
	text-stroke: 2px var(--black-color);
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.digital-title h1 {
	color: inherit;
}
.digital-image {
	position: relative;
	z-index: 1;
}
.digital-image img {
	width: 100%;
	min-height: 350px;
	object-fit: cover;
}
.digital-button {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	text-align: center;
}
.digital-image .btn-primary {
	padding: 8px 45px;
	font-size: 20px;
	font-weight: 700;
	text-shadow: 2px 3px 2px rgba(75, 144, 142, 1);
	border: 3px solid var(--color-green);
	background: linear-gradient(to bottom, rgba(119, 220, 97, 1) 0%, rgba(55, 148, 86, 1) 100%);
}
.digital-content {
	padding-top: 40px;
	position: relative;
	z-index: 1;
	color: var(--white-color);
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.digital-content h2 {
	margin-bottom: 5px;
	font-size: 50px;
	font-weight: 800;
	color: inherit;
	-webkit-text-stroke: 2px var(--black-color);
	text-stroke: 2px var(--black-color);
}
.digital-content p {
	font-size: 20px;
	font-weight: 500;
}
.digital-content p:last-child {
	margin-bottom: 0;
}
.digital-heading {
	margin-bottom: 25px;
	font-size: 60px;
	font-weight: 800;
	line-height: var(--heading-line-height);
	text-transform: uppercase;
	-webkit-text-stroke: 2px var(--black-color);
	text-stroke: 2px var(--black-color);
}
.digital-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.digital-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ### boost block ### */
.boost {
	padding-top: 40px;
	padding-bottom: 50px;
}
.boost-text {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 800;
	line-height: var(--heading-line-height);
	text-transform: uppercase;
}
.boost-image img {
	margin: 0 auto;
}
.boost-paragraph {
	font-size: 20px;
}

/* ### industry block ### */
.industry img {
	width: 100%;
}

/* ### student block ### */
.student {
	padding-top: 40px;
	padding-bottom: 50px;
}
.student h2 {
	font-size: 50px;
	font-weight: 800;
}
.student .btn-primary {
	margin-bottom: 25px;
	padding: 8px 45px;
	font-size: 20px;
	font-weight: 700;
	text-shadow: 2px 3px 2px rgba(75, 144, 142, 1);
	border: 3px solid var(--color-green);
	background: linear-gradient(to bottom, rgba(119, 220, 97, 1) 0%, rgba(55, 148, 86, 1) 100%);
}

.soldout {
	text-shadow: 2px 3px 2px rgba(78, 78, 78, 1);
	border: 3px solid rgba(78, 78, 78, 1);
	background: linear-gradient(to bottom, rgba(214, 214, 214, 1) 0%, rgba(126, 126, 126, 1) 100%);
	color: #B6B6B6;
}

.student p {
	font-size: 20px;
}

/* ### faq ### */
.faq {
	padding-bottom: 50px;
}
.faq h2 {
	font-size: 50px;
	font-weight: 800;
}
.faq-item {
	margin-bottom: 25px;
}
.faq-title {
	padding: 10px 15px;
	font-size: 24px;
	font-weight: 800;
	line-height: var(--heading-line-height);
	border: 4px solid var(--color-blue);
	background-color: var(--light-gray-color);
}
.faq-text {
	padding-top: 25px;
	font-size: 20px;
}
.faq-text p:last-child {
	margin-bottom: 0;
}

/* ### partner ### */
.partner {
	padding-bottom: 40px;
}
.partner h2 {
	font-size: 50px;
	font-weight: 800;
}
.partner-item {
	margin-bottom: 20px;
}
.partner-item img {
	margin: 0 auto;
}

/* ### copyright ### */
.copyright {
	padding-bottom: 50px;
	font-size: 20px;
	color: var(--gray-color);
}

/* ### Breakpoints ### */
@media only screen and (min-width: 768px) {
	.digital-image img {
		min-height: 450px;
	}
	.digital-image .btn-primary {
		min-width: 485px;
		font-size: 38px;
	}
	.digital-content h2 {
		font-size: 70px;
	}
	.digital-content p {
		font-size: 26px;
	}
	.digital-heading {
		font-size: 80px;
	}
	.boost {
		padding-bottom: 80px;
	}
	.student {
		padding-bottom: 80px;
	}
	.student h2 {
		font-size: 70px;
	}
	.student .btn-primary {
		min-width: 485px;
		font-size: 38px;
	}
	.student p {
		font-size: 26px;
	}
	.faq {
		padding-bottom: 80px;
	}
	.faq h2 {
		font-size: 70px;
	}
	.faq-title {
		font-size: 35px;
	}
	.faq-text {
		font-size: 26px;
	}
	.partner h2 {
		font-size: 70px;
	}
	.partner-item {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 992px) {
	.digital-image img {
		min-height: 553px;
	}
	.digital-heading {
		font-size: 120px;
	}
	.digital-content p {
		font-size: 32px;
	}
	.boost-text {
		font-size: 60px;
	}
	.boost-paragraph {
		font-size: 36px;
	}
}