.thankyou-download {
	.intro {
		.wrapper {
			width: 1170px !important;
		}

		margin-top: 50px;
		padding: 45px 0px;
		background: #F9FBFF;

		h2 {
			text-align: center;
			font-size: 26px;
			font-weight: 600;
		}

		.message-box {
			display: flex;

			.img-box {
				position: relative;
				width: 491px;
				margin-top: 40px;
				margin-right: 60px;

				ul {
					li {
						display: none;

						&.active {
							display: block;
						}
					}
				}

				p {
					position: relative;
					display: flex;
					margin-top: 25px;
					justify-content: center;
					z-index: 5;

					span {
						width: 10px;
						height: 10px;
						margin-left: 10px;
						border-radius: 50%;
						cursor: pointer;
						background: #DFE2EA;

						&.active {
							background: #1264FC;
						}
					}
				}

				.arrow {
					position: absolute;
					height: 28px;
					width: 100%;
					left: 0;
					bottom: -8px;

					span {
						position: absolute;
						width: 28px;
						height: 28px;
						top: 0;
						cursor: pointer;
						z-index: 9;

						&.prev {
							background: url(../images/download/data-protector/prev.svg) no-repeat center;

							&:hover {
								background: url(../images/download/data-protector/prev-hover.svg) no-repeat center;
							}
						}

						&.next {
							right: 0;
							background: url(../images/download/data-protector/next.svg) no-repeat center;

							&:hover {
								background: url(../images/download/data-protector/next-hover.svg) no-repeat center;
							}
						}
					}
				}
			}

			.message {
				margin-top: 50px;

				h3 {
					font-size: 24px;
					font-weight: 600;
				}

				>p {
					margin-top: 10px;
					color: #8E8B9D;
				}

				ul {
					margin-top: 40px;

					li {
						position: relative;
						line-height: 34px;
						font-size: 16px;
						padding-left: 25px;

						&::after {
							position: absolute;
							content: "";
							width: 18px;
							height: 18px;
							left: 0;
							top: 10px;
							background: url(../images/download/data-protector/list.svg) no-repeat center;
						}
					}
				}

				.btn-box {
					display: flex;
					margin-top: 40px;
					align-items: center;

					a {
						.btn-word {
							color: #fff;
							line-height: 60px;
						}
					}

					p {
						margin-left: 15px;
						font-size: 14px;
						line-height: 20px;
						color: #8E8B9D;
					}
				}
			}
		}
	}

	.commit {
		&.wrapper {
			width: 1170px !important;
		}

		padding: 60px 0px;

		h2 {
			font-size: 26px;
			text-align: center;
			font-weight: 600;
		}

		.commit-content {
			display: flex;
			margin-top: 40px;
			justify-content: space-between;

			dl {
				width: 370px;
				height: 380px;
				background: #F9FBFF url(../images/download/data-protector/commit.svg) no-repeat 315px 25px;
				border: 1px solid #D8E1FF;
				border-radius: 16px;
				text-align: center;

				img {
					width: auto;
				}

				dt {
					margin-top: 40px;
				}

				p {
					padding: 20px 20px 25px 20px;
					font: normal 15px/22px Lexend;
					min-height: 200px;
				}

				span {
					color: #8E8B9D;
				}
			}
		}

		.btn-box {
			margin-top: 50px;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			flex-direction: row;

			a {
				.btn-word {
					color: #fff;
					line-height: 60px;
				}
			}

			p {
				margin-top: 10px;
				width: 100%;
				font-size: 14px;
				line-height: 28px;
				color: #8E8B9D;
				text-align: center;
			}
		}
	}
}

.thankyou-download .button-combe {
	width: 276px;
}

.thankyou-download .btn-win .arrow-icon {
	margin-top: -11px;
	width: 20px;
	height: 22px;
}

.thankyou-download .btn-win .combe-text {
	left: 29%;
}

.thankyou-download .button-combe.btn-primary .combe-text {
	left: 29%;
}

.thankyou-download .Down-content {
	padding-top: 160px;
}

.thankyou-download .Down-content .down-btn {
	padding-bottom: 189px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.thankyou-download .Down-content .down-btn>span {
	margin-right: 10px;
}

.thankyou-download .Down-content .section1 {
	display: flex;
	justify-content: center;
}

.thankyou-download .Down-content .section1 .s1-l .title {
	margin-bottom: 30px;
	text-align: center;
	font: 400 48px/73px Lexend Deca;
	color: #1e1c2c;
}

.thankyou-download .Down-content .section1 .s1-l .subtitle {
	font: 400 14px/28px Lexend Deca;
	color: #8e8b9d;
	margin-bottom: 60px;
	text-align: center;
}

.thankyou-download .Down-content .section1 .s1-l .subtitle a {
	font: 400 16px/28px Lexend Deca;
	color: #0054ff;
	cursor: pointer;
	text-decoration: underline;
}

.thankyou-download .Down-content .section1 .s1-r {
	position: relative;
}

.thankyou-download .Down-content .section2 {
	width: 100%;
	height: 330px;
	border: 1px solid #d8e1ff;
	border-radius: 20px;
	background: #f9fbff;
	margin-top: -10px !important;
	margin-bottom: 120px !important;
}

.thankyou-download .Down-content .section2 .title {
	color: #1e1c2c;
	text-align: center;
	padding-top: 61px;
}

.thankyou-download .Down-content .section2 .line {
	position: absolute;
	top: 184px;
	left: 381px;
	width: 603px;
	height: 20px;
	background: url(../images/After-Download/line.svg) no-repeat;
}

.thankyou-download .Down-content .section2 .circle-box {
	display: flex;
	padding: 40px 45px 0 45px;
	justify-content: space-between;
}

.thankyou-download .Down-content .section2 .circle-box .fb1 {
	text-align: center;
}

.thankyou-download .Down-content .section2 .circle-box .down-title {
	margin-top: 10px;
}

.thankyou-download .Down-content .section2 .circle-box .subtitle {
	font: 400 12px/18px Lexend Deca;
	color: #8e8b9d;
	max-width: 130px;
	text-align: center;
	margin-top: 10px;
}

.thankyou-download .Down-content .section2 .circle-box>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 352px;
}

.thankyou-download .Down-content .section2 .circle-box .circle_1 .circle {
	background-image: url(../images/After-Download/step_1.png);
}

.thankyou-download .Down-content .section2 .circle-box .circle_2 .circle {
	background-image: url(../images/After-Download/step_2.png);
}

.thankyou-download .Down-content .section2 .circle-box .circle_3 .circle {
	background-image: url(../images/After-Download/step_3.png);
}

.thankyou-download .Down-content .section2 .circle {
	width: 130px;
	height: 130px;
	background: #fff;
	border: 1px solid #eae7ff;
	border-radius: 65px;
	background-size: 100%;
	box-sizing: content-box;
}

.thankyou-download .Down-content .section2 .circle .circle-top {
	width: 50px;
	height: 50px;
	background: #e6efff;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	color: #0054ff;
}

.thankyou-download .Down-content .down-article {
	background-color: #f9fbff;
}

.thankyou-download .Down-content .down-article h2 {
	padding-top: 62px;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	color: #1e1c2c;
}

.thankyou-download .Down-content .down-article ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 60px;
	padding-bottom: 40px;
}

.thankyou-download .Down-content .down-article ul li {
	margin-bottom: 26px;
	width: 640px;
	text-align: left;
}

.thankyou-download .Down-content .down-article ul li a {
	display: block;
	position: relative;
	padding-left: 40px;
	font-size: 16px;
	line-height: 20px;
	color: #1e1c2c;
}

.thankyou-download .Down-content .down-article ul li a::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 20px;
	width: 4px;
	height: 4px;
	background: #1e1c2c;
	border-radius: 50%;
}

.thankyou-download .Down-content .down-article ul li a:hover {
	color: #0054ff;
	text-decoration: underline;
}

.thankyou-download .Down-content .down-article ul li a:hover::before {
	background: #0054ff;
}

@media (min-width: 760px) and (max-width: 1200px) {
	.thankyou-download .Down-content .section1 {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.thankyou-download .Down-content .section1 .s1-l .title {
		font-size: 40px;
		font-weight: bold;
	}

	.thankyou-download .Down-content .section1 .s1-r {
		margin-top: 60px;
	}

	.thankyou-download .Down-content .section2 .circle-box {
		padding: 40px 20px 0;
	}

	.thankyou-download .Down-content .down-btn {
		flex-direction: column;
	}

	.thankyou-download .Down-content .down-btn div {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}
}