.tmpl-demo {
	&__slide {
		margin-top: 48px;
		overflow: hidden;
		@include media-min($large) {
			.embla::after {
				content: "";
				position: absolute;
				width: 50%;
				top: 0;
				right: 0;
				bottom: 0;
				background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
			}
		}
		.embla__container {
			@include media-min($medium) {
				margin-left: -16px;
			}
		}
		.embla__slide {
			min-width: 0;
			flex: 0 0 100%;
			@include media-min($medium) {
				padding-left: 16px;
				flex: 0 0 50%;
			}
		}
		.embla__pagination {
			justify-content: flex-start;
			margin-top: 24px;
			&-button {
				position: relative;
				width: 32px;
				height: 2px;
				background-color: #28333e;
				border-radius: unset;
				border: none;
				&:before {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					height: 2px;
					width: 0;
					background: #a2adb9;
					transition: all 1.5s ease;
				}
				&.active {
					&:before {
						animation: benefit-bar 4s linear forwards;
					}
				}
			}
		}
		.card {
			border: 1px solid #28333e;
			padding: 20px 16px 12px 16px;
			width: 100%;
			height: 156px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
			color: #8b96a2;
			cursor: pointer;
			p {
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
				margin: 0;
				width: 100%;
			}
			b {
				color: #cbd1d7;
			}
		}
	}
	&__certificate {
		.wysiwyg {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: baseline;
            .block-title {
                margin-bottom: 0;
            }
			@include media-min($medium) {
				flex-direction: row;
				.block-title {
					flex: 0 0 460px;
                    margin-bottom: 0;
				}
			}
			@include media-min(800px) {
				.block-title {
					flex: 0 0 460px;
				}
			}
		}
	}
}