.banner {
	background-image: url(../../assets/product/teacher-mp/banner.png);
}

.product-section {
	padding-bottom: 66px;

	.section-body {
		.section-body__left {
			padding-top: 68px;

			h1 {
				text-align: left;
			}

			h2 {
				margin-top: 44px;
				text-align: left;
			}

			h3 {
				max-width: 572px;
				margin-top: 12px;
				text-align: left;
			}

			ul {
				gap: 25px;
				padding-left: 20px;
				margin-top: 64px;

				li {
					max-width: 500px;
					font-weight: 400;
					font-size: 16px;
					color: var(--color-grey-078);
					line-height: 22px;
				}
			}

			.qrcode-area {
				margin-top: 197px;
			}
		}

		.section-body__right {
			padding-top: 44px;
		}
	}
}