/* line 1, block.scss */
#program-block {
	margin-bottom: 40px;
	background: black;
}

#program-block .container {
	padding: 20px 15px;
}

/* line 3, block.scss */
#program-block .programs__holder {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

/* line 8, block.scss */
#program-block .programs__holder .item__program {
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #FAF8FB;
	border-radius: 15px;
	padding: 45px 35px;
	position: relative;
}

/* line 16, block.scss */
#program-block .programs__holder .item__program .item__title {
	font-family: 'Bitter', sans-serif;
	font-size: 36px;
	color: #1564c6;
	line-height: 46px;
	text-align: left;
	margin-bottom: 25px;
	font-weight: 700;
	z-index: 2;
}

/* line 25, block.scss */
#program-block .programs__holder .item__program .item__title span {
	font-family: 'Bitter', sans-serif;
	position: relative;
	z-index: 2;
	font-weight: 700;
}

/* line 30, block.scss */
#program-block .programs__holder .item__program .item__title span:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 5px;
	height: 10px;
	width: 100%;
	background: #fff;
	z-index: -1;
}

/* line 43, block.scss */
#program-block .programs__holder .item__program .item__desc strong {
	font-weight: 700;
}

/* line 46, block.scss */
#program-block .programs__holder .item__program .item__desc p {
	color: #333333;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

/* line 53, block.scss */
#program-block .programs__holder .item__program .item__desc li {
	color: #333333;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 15px;
}

/* line 60, block.scss */
#program-block .programs__holder .item__program .item__desc ul {
	margin-bottom: 15px;
	list-style-type: none;
}

#program-block .programs__holder .item__program .item__desc ul li {
	padding-left: 20px;
	position: relative;
}

#program-block .programs__holder .item__program .item__desc ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: dimgrey;
}

/* line 63, block.scss */
#program-block .programs__holder .item__program .item__desc ul li::marker {
	color: dimgrey;
}

/* line 69, block.scss */
#program-block .programs__holder .item__program .item__price {
	margin-top: auto;
	padding-top: 40px;
	border-top: 2px dashed #1564c6;
	font-family: 'Bitter', sans-serif;
	font-weight: 900;
	color: #1564c6;
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	column-gap: 10px;
	flex-wrap: wrap;
	row-gap: 5px;
}

/* line 86, block.scss */
#program-block .programs__holder .item__program .item__price span.sale__price {
	font-family: 'Bitter', sans-serif;
	text-decoration: line-through;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	line-height: 28px;
}

/* line 95, block.scss */
#program-block .programs__holder .item__program .btn {
	width: 100%;
}

/* line 98, block.scss */
#program-block .programs__holder .item__program .sale__notice {
	position: absolute;
	right: -10px;
	top: -60px;
	width: 160px;
	height: 150px;
	background-image: url("images/sale.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(10deg);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: dimgrey;
	text-shadow: 2px 2px 0px #331856;
	font-size: 30px;
	line-height: 1;
	font-weight: 900;
	z-index: 1;
}

@media (max-width: 1200px) {

	/* line 128, block.scss */
	#program-block .programs__holder .item__program .sale__notice {
		right: 0;
	}
}

@media (max-width: 1025px) {

	/* line 137, block.scss */
	#program-block .programs__holder {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 40px;
	}
}

@media (max-width: 769px) {

	/* line 148, block.scss */
	#program-block .programs__holder {
		grid-column-gap: 10px;
	}

	/* line 150, block.scss */
	#program-block .programs__holder .item__program {
		padding: 30px 20px;
	}

	/* line 152, block.scss */
	#program-block .programs__holder .item__program .item__title {
		font-size: 25px;
		line-height: 30px;
	}

	/* line 156, block.scss */
	#program-block .programs__holder .item__program .sale__notice {
		width: 100px;
		height: 100px;
		font-size: 25px;
		top: -30px;
		right: 0;
	}

	/* line 164, block.scss */
	#program-block .programs__holder .item__program .item__desc p {
		font-size: 16px;
	}

	/* line 167, block.scss */
	#program-block .programs__holder .item__program .item__desc li {
		font-size: 16px;
	}

	/* line 171, block.scss */
	#program-block .programs__holder .item__program .item__price {
		padding-top: 20px;
	}
}

@media (max-width: 498px) {

	/* line 180, block.scss */
	#program-block .programs__holder {
		grid-template-columns: 1fr;
	}
}

/*# sourceMappingURL=block.css.map */